@charset "utf-8";

/*类库*/
.clearfix{*zoom:1;}
.clearfix:after{content:"";display:table;clear:both}
.clearfloat {clear:both;}
.tc{text-align:center}
.tr{text-align:right}
.tl{text-align:left}
.fl{float:left;}
.fr{float:right;}
.red,.error{color:#f5222d;}
.gray,.time{color:#999}
.success { color: #19be6b;}
.gray6{color:#666}
.show{display:block }
.hide{display:none}
.posr{position:relative}
.posa{ position:absolute}
.fixed{position:fixed}
.fixed-c {position:fixed;left:0;right:0;width:100%;max-width:750px;margin:auto;}
.stick {position: fixed; top: 0; left: 0; z-index: 2; position: -webkit-sticky; position: sticky;}/*部分浏览器不兼容*/
.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.text-shadow { text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);}
.box-shadow { box-shadow:rgb(221, 221, 221) 0 0 6px;}
.bottom-shadow {box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);}
/*链接过渡*/
.a-transition { -webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;-ms-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;}
/*开启硬件加速*/
.open-fast{-webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0);-webkit-backface-visibility:hidden; -webkit-perspective:1000;}
/*截断省略*/
.clamp { overflow: hidden;text-overflow: ellipsis; display: -webkit-box; /*! autoprefixer: off */-webkit-box-orient: vertical;/*! autoprefixer: on */}
.clamp-1 { -webkit-line-clamp: 1;}
.clamp-2 { -webkit-line-clamp: 2;}
.clamp-3 { -webkit-line-clamp: 3;}
/* flex */
.flex{display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;}
.flex-item {-webkit-box-flex:1; -moz-box-flex:1;-webkit-flex:1; -ms-flex:1; flex:1; width:0; }
.flex-direction-column {-webkit-box-orient: vertical;-webkit-flex-direction: column; flex-direction: column;}
.flex-direction-row {-webkit-box-orient: horizontal;-webkit-flex-direction: row;flex-direction: row;}
.flex-v-center {-webkit-box-align: center;-moz-align-items: center;-webkit-align-items: center;align-items: center;}
.flex-h-center {-webkit-box-pack: center;-moz-justify-content: center;-webkit-justify-content: center;justify-content: center;}
.flex-justify {-webkit-justify-content: space-between; justify-content: space-between;}
.justify-content-flex-end {-webkit-justify-content:flex-end;-moz-justify-content:flex-end;justify-content:flex-end;}
.border-box {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing: border-box;}
.content-box {-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing: content-box;}
/*三角形*/
.triangle {width: 0; height: 0; border: 6px solid transparent; }
.triangle-up { border-top-color: #a5a5a5;}
.triangle-bottom { border-bottom-color: #a5a5a5;}
.triangle-left { border-left-color: #a5a5a5;}
.triangle-right { border-right-color: #a5a5a5;}

.icon-triangle-1 { display: inline-block; width: 12px; height: 12px; background: url("../images/down.png") no-repeat center center;}
/* flex */
.flex{display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;}
.flex-sub {-webkit-box-flex:1; -moz-box-flex:1;-webkit-flex:1; -ms-flex:1; flex:1; width:0; }
.flex-column {-webkit-box-orient: vertical;-webkit-flex-direction: column; flex-direction: column;}
.flex-wrap {
    flex-wrap: wrap;
}
.justify-start {
    justify-content: flex-start;
}
.justify-end {
    justify-content: flex-end;
}
.flex-direction {
    flex-direction: column;
}
.flex-direction-row {-webkit-box-orient: horizontal;-webkit-flex-direction: row;flex-direction: row;}
.align-center {-webkit-box-align: center;-moz-align-items: center;-webkit-align-items: center;align-items: center;}
.justify-center {-webkit-box-pack: center;-moz-justify-content: center;-webkit-justify-content: center;justify-content: center;}
.justify-between {-webkit-justify-content: space-between; justify-content: space-between;}
.justify-flex-end {-webkit-justify-content:flex-end;-moz-justify-content:flex-end;justify-content:flex-end;}
.border-box {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing: border-box;}
.content-box {-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing: content-box;}
/*三角形*/
.triangle {width: 0; height: 0; border: 6px solid transparent; }
.triangle-up { border-top-color: #a5a5a5;}
.triangle-bottom { border-bottom-color: #a5a5a5;}
.triangle-left { border-left-color: #a5a5a5;}
.triangle-right { border-right-color: #a5a5a5;}
.cu-modal{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1110;opacity: 0;outline: 0;text-align: center;-ms-transform: scale(1.185);-webkit-transform: scale(1.185);transform: scale(1.185);-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-perspective: 1000px;perspective: 1000px;background: rgba(0, 0, 0, 0.6);-webkit-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;pointer-events: none;}
.cu-modal.show {opacity: 1;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);overflow-x: hidden;overflow-y: auto;pointer-events: auto;}
.cu-dialog {position: relative;display: inline-block;vertical-align: middle;margin-left: auto;margin-right: auto;width: 460px;max-width: 100%;background-color: #f8f8f8;border-radius: 10px;overflow: hidden;top:250px;padding: 0 60px;}
.cu-dialog .cu-bar{padding: 13px 0;font-size: 18px;font-weight: bold;color: #333333;}
.cu-dialog .label-input{width: 100%;height: 50px;}

.cu-dialog .action{margin-top: 20px;margin-bottom: 30px;}
.cu-dialog .action .cancel{width: 220px;height: 44px;line-height: 44px;background: #FFFFFF;border: 1px solid #35B3EE;opacity: 1;border-radius: 4px;font-size: 15px;font-weight: bold;color: #35B3EE;text-align: center;}
.cu-dialog .action .confirm{width: 220px;height: 44px;line-height: 44px;background: #35B3EE;border-radius: 4px;font-size: 15px;font-weight: bold;color: #FFFFFF;text-align: center;}
.cu-dialog .close-icon{position: absolute;top: 20px;right: 20px;}
.cu-modal.drawer-modal {
    transform: scale(1);
    display: flex;
}

.cu-modal.drawer-modal .cu-dialog {
    height: 100%;
    min-width: 200px;
    border-radius: 0;
    margin: initial;
    transition-duration: 0.3s;
}

.cu-modal.drawer-modal.justify-start .cu-dialog {
    transform: translateX(-100%);
}

.cu-modal.drawer-modal.justify-end .cu-dialog {
    transform: translateX(100%);
}

.cu-modal.drawer-modal.show .cu-dialog {
    transform: translateX(0%);
}
.bg-white{
    background-color: #FFFFFF;
}
.margin-top{
    margin-top: 30px;
}
.margin-top-sm{
    margin-top: 20px;
}
.margin-top-xs{
    margin-top: 10px;
}
.margin-bottom-xl{
    margin-bottom: 40px;
}
.margin-bottom{
    margin-bottom: 30px;
}
.margin-bottom-sm{
    margin-bottom: 20px;
}
.margin-bottom-xs{
    margin-bottom: 10px;
}
.margin-left{
    margin-left: 30px;
}
.margin-left-sm{
    margin-left: 20px;
}
.margin-left-xs{
    margin-left: 10px;
}
.margin-right-sm{
    margin-right: 20px;
}
.padding-tb-20{
    padding-top: 20px;
    padding-bottom:20px
}
.padding-tb-30{
    padding-top: 30px;
    padding-bottom:30px
}
.padding-lr-20{
    padding-left: 20px;
    padding-right:20px
}
.padding-left-20{
    padding-left: 20px;
}
.padding-bottom-30{
    padding-bottom:30px
}

.h100{
    height: 100%;
}
.w25 {
    width: 25%;
}
.w30 {
    width: 30%;
}
/*字体*/
.text-13 {
    font-size: 13px;
}
.text-15 {
    font-size: 15px;
}
.text-16 {
    font-size: 16px;
}
.text-17 {
    font-size: 17px;
}
.text-18 {
    font-size: 18px;
}
.text-20 {
    font-size: 20px;
}
.text-24 {
    font-size: 24px;
}
.text-25 {
    font-size: 25px;
}
.text-28 {
    font-size: 28px;
}
.text-30{
    font-size: 30px;
}
.text-40{
    font-size: 40px;
}
.text-bold {
    font-weight: bold;
}
.text-white{
    color: #FFFFFF;
}
.text-666 {
    color: #666666;
}
.text-333 {
    color: #333333;
}
.text-red {
    color: #F10E0E;
}
.text-left {
    text-align: left;
}
.text-center{
    text-align: center;
}
.text-right{
    text-align: right;
}
.line-height-26 {
    line-height: 26px;
}
/* -- 实线 -- */

.solid,
.solid-top,
.solid-right,
.solid-bottom,
.solid-left,
.solids,
.solids-top,
.solids-right,
.solids-bottom,
.solids-left,
.dashed,
.dashed-top,
.dashed-right,
.dashed-bottom,
.dashed-left {
    position: relative;
}

.solid::after,
.solid-top::after,
.solid-right::after,
.solid-bottom::after,
.solid-left::after,
.solids::after,
.solids-top::after,
.solids-right::after,
.solids-bottom::after,
.solids-left::after,
.dashed::after,
.dashed-top::after,
.dashed-right::after,
.dashed-bottom::after,
.dashed-left::after {
    content: " ";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: inherit;
    transform: scale(0.5);
    transform-origin: 0 0;
    pointer-events: none;
    box-sizing: border-box;
}

.solid::after {
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.solid-top::after {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.solid-right::after {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.solid-bottom::after {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.solid-left::after {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.solids::after {
    border: 8px solid #eee;
}

.solids-top::after {
    border-top: 8px solid #eee;
}

.solids-right::after {
    border-right: 8px solid #eee;
}

.solids-bottom::after {
    border-bottom: 8px solid #eee;
}

.solids-left::after {
    border-left: 8px solid #eee;
}

/* -- 虚线 -- */

.dashed::after {
    border: 1px dashed #ddd;
}

.dashed-top::after {
    border-top: 1px dashed #ddd;
}

.dashed-right::after {
    border-right: 1px dashed #ddd;
}

.dashed-bottom::after {
    border-bottom: 1px dashed #ddd;
}

.dashed-left::after {
    border-left: 1px dashed #ddd;
}