@charset "utf-8";
/*** 格式化浏览器*/
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;word-wrap:break-word}
html {font-size:62.5%; font-family: sans-serif;line-height: 1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow:-moz-scrollbars-vertical;}
body,button,input,select,td,textarea,th {color:#333;font-size: 1.4rem;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';font-variant-numeric:tabular-nums lining-nums;font-variant:tabular-nums lining-nums;font-weight:400;-webkit-font-smoothing:antialiased;-webkit-font-feature-settings:'tnum';font-feature-settings:'tnum';line-height:1.6}
body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,html,iframe,input,li,ol,p,pre,td,textarea,th,ul {margin:0;padding:0}
dl,ol,ul {list-style-type:none}
address,caption,cite,code,dfn,em,th,var {font-weight:400;font-style:normal}
button,input,optgroup,option,select,textarea {font-weight:inherit;font-style:inherit;font-size:inherit;font-family:inherit}
button,input {overflow:visible;outline:0}
/*格式化链接和图片*/
a,area {outline:0;color:#333;}
a {text-decoration:none;cursor:pointer}
a:hover {outline:0;text-decoration:none}
a.ie6:hover {transform: scale(1);transform-origin: 0 0;}
a:focus {outline:0}
a:active,a:hover {outline:0}
:focus {outline:0}
sub,sup {vertical-align:baseline}
img {border:0;vertical-align:middle}
a img,img {-ms-interpolation-mode:bicubic}
/*格式化表单类*/
address,article,aside,details,figcaption,figure,footer,header,hgroup,legend,menu,nav,section {display:block;margin:0;padding:0}
time {display:inline}
audio,canvas,video {display:inline-block}
audio:not([controls]) {display:none}
legend {width:100%;margin-bottom:20px;font-size:2rem;line-height:40px;border:0;border-bottom:1px solid #f0f0f4}
legend small {font-size:15px;color:#999}
svg:not(:root) {overflow:hidden}
fieldset {padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}
input:focus{border: 1px solid #32A5F7;box-shadow: none;z-index: 9999;}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {height:auto}
input[type=search] {-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {-webkit-appearance:none}
:after,:before {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
button::-moz-focus-inner,input::-moz-focus-inner {padding:0;border:0}
hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}
h1,h2,h3,h4,h5,h6 {
    margin-top: 0;
    color: #333;
    font-weight: 500
}
p {
    margin-top: 0;
    margin-bottom: 1rem
}
small {
    font-size: 80%
}
/*去除浮动*/
.cl:after{content:"";display:block !important;height:0;clear:both;visibility:hidden;overflow:hidden}
.cl{display:block !important;}
/*更改鼠标手势*/
.cx-click,.cx-pointer,.im-icon{cursor:pointer}
/*  文字反色 */
.cx-text-reverse,.cx-text-reverse a,.cx-text-reverse a:hover,.cx-text-reverse h1,.cx-text-reverse h2,.cx-text-reverse h3,.cx-text-reverse h4,.cx-text-reverse h5,.cx-text-reverse h6,.cx-text-reverse a:hover{color: #fff !important;}
/*  浮动  */
.cx-pos-r{position: relative;}
.cx-pos-f,.cx-extra{position: fixed;}
.cx-pos-a{position: absolute;}
/*    *   默认为横向正向排列    *   平均分布    *   自动换行 */
.cx-fex,.cx-fex-c,.cx-fex-l,.cx-fex-r,.cx-fex-a {display:-webkit-box;display:flex;display:-moz-flex;flex-direction:row;-ms-flex-direction:row;-webkit-flex-direction:row;flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap; display: -ms-flexbox;}
.cx-fex-l {justify-content:flex-start;-webkit-justify-content:flex-start !important;-webkit-box-pack: start; -ms-flex-pack: start;}
.cx-fex {justify-content:space-between;-webkit-justify-content:space-between  !important; -webkit-box-pack: justify; -ms-flex-pack: justify;}
.cx-fex-c {justify-content:center;-webkit-justify-content:center  !important;-webkit-box-pack: center; -ms-flex-pack: center;}
.cx-fex-r {justify-content:flex-end;-webkit-justify-content:flex-end  !important; -webkit-box-pack: end; -ms-flex-pack: end;}
.cx-fex-a {justify-content:space-around;-webkit-justify-content:space-around  !important; -ms-flex-pack: distribute;}
/* 多线轴居中 */
.cx-fex-contc {align-content:center !important;-webkit-align-content:center !important;}
/* 多线轴顶部对齐 */
.cx-fex-contr {align-content:flex-start !important; -webkit-align-content:flex-start !important;}
/* 多线轴两端对齐 */
.cx-fex-contsb {align-content:space-between !important;-webkit-align-content: space-between !important}
/* 多线轴平均分布 */
.cx-fex-contsa {align-content:space-around !important;-webkit-align-content:space-around !important}
/* 横排不换行 */
.cx-flex-rno {flex-flow:row nowrap !important;-webkit-flex-flow:row nowrap !important;}
/* 竖排不换行 */
.cx-flex-cno {flex-flow:column nowrap !important;-webkit-flex-flow:column nowrap !important;}
/* 横排反向换行 */
.cx-flex-rrw {flex-flow:row-reverse wrap-reverse !important;-webkit-flex-flow:row-reverse wrap-reverse !important;}
/* 竖排反向换行 */
.cx-flex-crw {flex-flow:column wrap-reverse !important;-webkit-flex-flow:column wrap-reverse !important;}
/* 竖排 */
.cx-fex-column {flex-direction:column !important;-webkit-flex-direction:column !important;-ms-flex-direction:column !important}
/* 反向排列 */
.cx-fexre-row {flex-direction:row-reverse !important;-webkit-flex-direction:row-reverse !important;-ms-flex-direction:row-reverse !important}
/*  反向竖排 */
.cx-fexre-column {flex-direction:column-reverse !important;-webkit-flex-direction:column-reverse !important;-ms-flex-direction:column-reverse !important}
/* 不换行 */
.cx-fex-nowrap {flex-wrap:nowrap !important;-ms-flex-wrap:nowrap !important;-webkit-flex-wrap:nowrap !important}
/* 反向换行 */
.cx-fex-rewrap {flex-wrap:wrap-reverse !important;-ms-flex-wrap:wrap-reverse !important;-webkit-flex-wrap:wrap-reverse !important}
/* 交叉上对齐 */
.cx-fex-itemst{align-items:flex-start !important;-webkit-align-items: flex-start !important; -webkit-box-align: start; -ms-flex-align: start;}
/* 交叉剧中对齐 */
.cx-fex-itemsc{align-items:center !important;-webkit-align-items: center !important;-webkit-box-align: center; -ms-flex-align: center;}
/* 交叉底部对齐 */
.cx-fex-itemsb{align-items:flex-end !important;-webkit-align-items: flex-end !important;-webkit-box-align: end; -ms-flex-align: end;}
/* 交叉第一行文字对齐 */
.cx-fex-itemsl{align-items:baseline !important;-webkit-align-items: baseline !important}
/*栅格*/
.cx-cont{
    width: 1400px;
    margin: 0 auto;
}
.cx-x1{
    width:4.16666666%;
}
.cx-x2{
    width:8.33333333%;
}
.cx-x3{
    width:12.5%;
}
.cx-x4{
    width:16.66666666%;
}
.cx-x5{
    width:20.83333333%;
}
.cx-x6{
    width:25%;
}
.cx-x7{
    width:29.16666666%;
}
.cx-x8{
    width:33.33333333%;
}
.cx-x9{
    width:37.5%;
}
.cx-x10{
    width:41.66666666%;
}
.cx-x11{
    width:45.83333333%;
}
.cx-x12{
    width:50%;
}
.cx-x13{
    width:54.16666666%;
}
.cx-x14{
    width:58.33333333%;
}
.cx-x15{
    width:62.5%;
}
.cx-x16{
    width:66.66666666%;
}
.cx-x17{
    width:70.83333333%;
}
.cx-x18{
    width:75%;
}
.cx-x19{
    width:79.16666666%;
}
.cx-x20{
    width:83.33333333%;
}
.cx-x21{
    width:87.5%;
}
.cx-x22{
    width:91.66666666%;
}
.cx-x23{
    width:95.83333333%;
}
.cx-x24,.layout{
    width:100%;
}

@media(min-width: 365px) {
    .cx-cont{
        width: 90%;
    }
    .cx-xl1{
        width:4.16666666%;
    }
    .cx-xl2{
        width:8.33333333%;
    }
    .cx-xl3{
        width:12.5%;
    }
    .cx-xl4{
        width:16.66666666%;
    }
    .cx-xl5{
        width:20.83333333%;
    }
    .cx-xl6{
        width:25%;
    }
    .cx-xl7{
        width:29.16666666%;
    }
    .cx-xl8{
        width:33.33333333%;
    }
    .cx-xl9{
        width:37.5%;
    }
    .cx-xl10{
        width:41.66666666%;
    }
    .cx-xl11{
        width:45.83333333%;
    }
    .cx-xl12{
        width:50%;
    }
    .cx-xl13{
        width:54.16666666%;
    }
    .cx-xl14{
        width:58.33333333%;
    }
    .cx-xl15{
        width:62.5%;
    }
    .cx-xl16{
        width:66.66666666%;
    }
    .cx-xl17{
        width:70.83333333%;
    }
    .cx-xl18{
        width:75%;
    }
    .cx-xl19{
        width:79.16666666%;
    }
    .cx-xl20{
        width:83.33333333%;
    }
    .cx-xl21{
        width:87.5%;
    }
    .cx-xl22{
        width:91.66666666%;
    }
    .cx-xl23{
        width:95.83333333%;
    }
    .cx-xl24{
        width:100%;
    }
}
@media(min-width: 769px) {
    .cx-xs1{
        width:4.16666666%;
    }
    .cx-xs2{
        width:8.33333333%;
    }
    .cx-xs3{
        width:12.5%;
    }
    .cx-xs4{
        width:16.66666666%;
    }
    .cx-xs5{
        width:20.83333333%;
    }
    .cx-xs6{
        width:25%;
    }
    .cx-xs7{
        width:29.16666666%;
    }
    .cx-xs8{
        width:33.33333333%;
    }
    .cx-xs9{
        width:37.5%;
    }
    .cx-xs10{
        width:41.66666666%;
    }
    .cx-xs11{
        width:45.83333333%;
    }
    .cx-xs12{
        width:50%;
    }
    .cx-xs13{
        width:54.16666666%;
    }
    .cx-xs14{
        width:58.33333333%;
    }
    .cx-xs15{
        width:62.5%;
    }
    .cx-xs16{
        width:66.66666666%;
    }
    .cx-xs17{
        width:70.83333333%;
    }
    .cx-xs18{
        width:75%;
    }
    .cx-xs19{
        width:79.16666666%;
    }
    .cx-xs20{
        width:83.33333333%;
    }
    .cx-xs21{
        width:87.5%;
    }
    .cx-xs22{
        width:91.66666666%;
    }
    .cx-xs23{
        width:95.83333333%;
    }
    .cx-xs24{
        width:100%;
    }
}
@media(min-width: 1025px){
    .cx-xm1{
        width:4.16666666%;
    }
    .cx-xm2{
        width:8.33333333%;
    }
    .cx-xm3{
        width:12.5%;
    }
    .cx-xm4{
        width:16.66666666%;
    }
    .cx-xm5{
        width:20.83333333%;
    }
    .cx-xm6{
        width:25%;
    }
    .cx-xm7{
        width:29.16666666%;
    }
    .cx-xm8{
        width:33.33333333%;
    }
    .cx-xm9{
        width:37.5%;
    }
    .cx-xm10{
        width:41.66666666%;
    }
    .cx-xm11{
        width:45.83333333%;
    }
    .cx-xm12{
        width:50%;
    }
    .cx-xm13{
        width:54.16666666%;
    }
    .cx-xm14{
        width:58.33333333%;
    }
    .cx-xm15{
        width:62.5%;
    }
    .cx-xm16{
        width:66.66666666%;
    }
    .cx-xm17{
        width:70.83333333%;
    }
    .cx-xm18{
        width:75%;
    }
    .cx-xm19{
        width:79.16666666%;
    }
    .cx-xm20{
        width:83.33333333%;
    }
    .cx-xm21{
        width:87.5%;
    }
    .cx-xm22{
        width:91.66666666%;
    }
    .cx-xm23{
        width:95.83333333%;
    }
    .cx-xm24{
        width:100%;
    }
}
@media(min-width: 1281px){
    .cx-xb1{
        width:4.16666666%;
    }
    .cx-xb2{
        width:8.33333333%;
    }
    .cx-xb3{
        width:12.5%;
    }
    .cx-xb4{
        width:16.66666666%;
    }
    .cx-xb5{
        width:20.83333333%;
    }
    .cx-xb6{
        width:25%;
    }
    .cx-xb7{
        width:29.16666666%;
    }
    .cx-xb8{
        width:33.33333333%;
    }
    .cx-xb9{
        width:37.5%;
    }
    .cx-xb10{
        width:41.66666666%;
    }
    .cx-xb11{
        width:45.83333333%;
    }
    .cx-xb12{
        width:50%;
    }
    .cx-xb13{
        width:54.16666666%;
    }
    .cx-xb14{
        width:58.33333333%;
    }
    .cx-xb15{
        width:62.5%;
    }
    .cx-xb16{
        width:66.66666666%;
    }
    .cx-xb17{
        width:70.83333333%;
    }
    .cx-xb18{
        width:75%;
    }
    .cx-xb19{
        width:79.16666666%;
    }
    .cx-xb20{
        width:83.33333333%;
    }
    .cx-xb21{
        width:87.5%;
    }
    .cx-xb22{
        width:91.66666666%;
    }
    .cx-xb23{
        width:95.83333333%;
    }
    .cx-xb24{
        width:100%;
    }
}
@media (min-width: 1400px) {
    .cx-cont{
        width: 1300px;
    }
}

@media (max-width: 1600px) {
    .cx-cont{
        width: 1280px;
    }
}
@media (max-width: 1280px) {
    .cx-cont{
        width: 1000px;
    }
}
@media (max-width: 1024px) {
    .cx-cont{
        width: 950px;
    }
}
@media (max-width: 768px) {
    .cx-cont{
        width: 95%;
    }
}
.cx-text-black{color: #333 !important;}
.cx-text-white{color: #fff !important;}
.cx-text-red{color: #c30 !important;}
.cx-text-green{color: #0a8 !important;}
.cx-text-yellow{color: #f60 !important;}
.cx-text-blue{color: #0ae !important;}
.cx-text-white-1{color: #f0f0f4 !important;}
.cx-text-white-2{color: #e2e2e2 !important;}
.cx-text-white-3{color: #dfdfdf !important;}
.cx-text-white-4{color: #dbdbdb !important;}
.cx-text-white-5{color: #d7d7d7 !important;}
.cx-text-white-6{color: #d2d2d2 !important;}
.cx-text-white-7{color: #cdcdcd !important;}
.cx-text-white-8{color: #c7c7c7 !important;}
.cx-text-white-9{color: #c1c1c1 !important;}
.cx-text-black-1{color: #b2b2b2 !important;}
.cx-text-black-2{color: #a9a9a9 !important;}
.cx-text-black-3{color: #9f9f9f !important;}
.cx-text-black-4{color: #949494 !important;}
.cx-text-black-5{color: #888888 !important;}
.cx-text-black-6{color: #7b7b7b !important;}
.cx-text-black-7{color: #6c6c6c !important;}
.cx-text-black-8{color: #5b5b5b !important;}
.cx-text-black-9{color: #484848 !important;}
/*文字大小*/
.cx-text-f14{font-size: 14px !important;}
.cx-text-f12{font-size: 12px !important;}
.cx-text-f16{font-size: 16px !important;}
.cx-text-f18{font-size: 18px !important;}
.cx-text-f20{font-size: 20px !important;}
.cx-text-fsmall{font-size: 75% !important;}
.cx-text-fbig{font-size: 150% !important;}
/*文字行距*/
.cx-text-lh{line-height: 2 !important;}
.cx-text-lhbig{line-height: 2.4 !important;}
.cx-text-lhno{line-height: 1 !important;}
/*  文字对齐 */
.cx-text-left{text-align: left !important;}
.cx-text-center{text-align: center !important;}
.cx-text-right{text-align: right !important;}
/*  按钮  */
.cx-button,.cx-button-s,.cx-button-l,.cx-button-b{border:solid 1px #ddd;background:#dedede;font-size: 14px;padding:5px 15px;margin:0;cursor:pointer;text-align:center;white-space: nowrap;display:inline-block;transition:all 1s cubic-bezier(.175,.885,.32,1) 0s}
.cx-button[disabled],.cx-button-s[disabled],.cx-button-l[disabled],.cx-button-b[disabled]{pointer-events:none;cursor:not-allowed;-webkit-box-shadow:none;box-shadow:none;filter:alpha(opacity=50);opacity:.5}
.cx-button:active,.cx-button-s:active,.cx-button-l:active,.cx-button-b:active{background-image:none;outline:0;transition:all .3s cubic-bezier(.175,.885,.32,1) 0s}
.cx-button:hover,.cx-button-s:hover,.cx-button-l:hover,.cx-button-b:hover{transition:all .3s cubic-bezier(.175,.885,.32,1) 0s}
.cx-button-l{padding:0 5px !important;font-size: 12px !important;}
.cx-button-s{padding:0 10px !important;font-size: 14px !important;}
.cx-button-b{padding:8px 15px !important;font-size: 18px !important;}

.cx-button.cx-bg-black,.cx-button.cx-bg-red,.cx-button.cx-bg-green,.cx-button.cx-bg-yellow,.cx-button.cx-bg-blue,.cx-button-s.cx-bg-black,.cx-button-s.cx-bg-red,.cx-button-s.cx-bg-green,.cx-button-s.cx-bg-yellow,.cx-button-s.cx-bg-blue,.cx-button-l.cx-bg-black,.cx-button-l.cx-bg-red,.cx-button-l.cx-bg-green,.cx-button-l.cx-bg-yellow,.cx-button-l.cx-bg-blue,.cx-button-b.cx-bg-black,.cx-button-b.cx-bg-red,.cx-button-b.cx-bg-green,.cx-button-b.cx-bg-yellow,.cx-button-b.cx-bg-blue,.cx-button.cx-bor-black:hover,.cx-button-l.cx-bor-black:hover,.cx-button-s.cx-bor-black:hover,.cx-button-b.cx-bor-black:hover,.cx-button.cx-bor-red:hover,.cx-button-l.cx-bor-red:hover,.cx-button-s.cx-bor-red:hover,.cx-button-b.cx-bor-red:hover,.cx-button.cx-bor-yellow:hover,.cx-button-l.cx-bor-yellow:hover,.cx-button-s.cx-bor-yellow:hover,.cx-button-b.cx-bor-yellow:hover,.cx-button.cx-bor-green:hover,.cx-button-l.cx-bor-green:hover,.cx-button-s.cx-bor-green:hover,.cx-button-b.cx-bor-green:hover,.cx-button.cx-bor-blue:hover,.cx-button-l.cx-bor-blue:hover,.cx-button-s.cx-bor-blue:hover,.cx-button-b.cx-bor-blue:hover{color: #fff !important;}
.cx-button.cx-bg-white,.cx-button-l.cx-bg-white,.cx-button-s.cx-bg-white,.cx-button-b.cx-bg-white{color: #333;background-color: rgba(255,255,255,0)}

.cx-button.cx-bg-black,.cx-button-l.cx-bg-black,.cx-button-s.cx-bg-black,.cx-button-b.cx-bg-black{border-color: rgba(0,0,0,1)}
.cx-button.cx-bg-red,.cx-button-l.cx-bg-red,.cx-button-s.cx-bg-red,.cx-button-b.cx-bg-red{border-color: #c30}
.cx-button.cx-bg-yellow,.cx-button-l.cx-bg-yellow,.cx-button-s.cx-bg-yellow,.cx-button-b.cx-bg-yellow{border-color: #f60}
.cx-button.cx-bg-green,.cx-button-l.cx-bg-green,.cx-button-s.cx-bg-green,.cx-button-b.cx-bg-green{border-color: #0a8}
.cx-button.cx-bg-blue,.cx-button-l.cx-bg-blue,.cx-button-s.cx-bg-blue,.cx-button-b.cx-bg-blue{border-color: #0ae}

.cx-button.cx-bor-black,.cx-button-l.cx-bor-black,.cx-button-s.cx-bor-black,.cx-button-b.cx-bor-black{color: #333;background-color:#fff}
.cx-button.cx-bor-red,.cx-button-l.cx-bor-red,.cx-button-s.cx-bor-red,.cx-button-b.cx-bor-red{color: #c30;background-color:#fff}
.cx-button.cx-bor-yellow,.cx-button-l.cx-bor-yellow,.cx-button-s.cx-bor-yellow,.cx-button-b.cx-bor-yellow{color: #f60;background-color:#fff}
.cx-button.cx-bor-green,.cx-button-l.cx-bor-green,.cx-button-s.cx-bor-green,.cx-button-b.cx-bor-green{color: #0a8;background-color:#fff}
.cx-button.cx-bor-blue,.cx-button-l.cx-bor-blue,.cx-button-s.cx-bor-blue,.cx-button-b.cx-bor-blue{color: #0ae;background-color:#fff}
.cx-button.cx-bor-white,.cx-button-l.cx-bor-white,.cx-button-s.cx-bor-white,.cx-button-b.cx-bor-white{color: #333;background-color:#fff}

.cx-button.cx-bg-black:hover,.cx-button-l.cx-bg-black:hover,.cx-button-s.cx-bg-black:hover,.cx-button-b.cx-bg-black:hover,.cx-button.cx-bor-black:hover,.cx-button-l.cx-bor-black:hover,.cx-button-s.cx-bor-black:hover,.cx-button-b.cx-bor-black:hover{background-color: #949494 !important; border-color:#949494 !important; }
.cx-button.cx-bg-red:hover,.cx-button-l.cx-bg-red:hover,.cx-button-s.cx-bg-red:hover,.cx-button-b.cx-bg-red:hover,.cx-button.cx-bor-red:hover,.cx-button-l.cx-bor-red:hover,.cx-button-s.cx-bor-red:hover,.cx-button-b.cx-bor-red:hover{background-color: #f69494 !important; border-color:#f69494 !important;}
.cx-button.cx-bg-yellow:hover,.cx-button-l.cx-bg-yellow:hover,.cx-button-s.cx-bg-yellow:hover,.cx-button-b.cx-bg-yellow:hover,.cx-button.cx-bor-yellow:hover,.cx-button-l.cx-bor-yellow:hover,.cx-button-s.cx-bor-yellow:hover,.cx-button-b.cx-bor-yellow:hover{background-color: #ffaf79 !important; border-color:#ffaf79 !important;}
.cx-button.cx-bg-green:hover,.cx-button-l.cx-bg-green:hover,.cx-button-s.cx-bg-green:hover,.cx-button-b.cx-bg-green:hover,.cx-button.cx-bor-green:hover,.cx-button-l.cx-bor-green:hover,.cx-button-s.cx-bor-green:hover,.cx-button-b.cx-bor-green:hover{background-color: #79d3c1 !important; border-color:#79d3c1 !important;}
.cx-button.cx-bg-blue:hover,.cx-button-l.cx-bg-blue:hover,.cx-button-s.cx-bg-blue:hover,.cx-button-b.cx-bg-blue:hover,.cx-button.cx-bor-blue:hover,.cx-button-l.cx-bor-blue:hover,.cx-button-s.cx-bor-blue:hover,.cx-button-b.cx-bor-blue:hover{background-color: #79d3f6 !important; border-color:#79d3f6 !important;}
.cx-button.cx-bg-white:hover,.cx-button-l.cx-bg-white:hover,.cx-button-s.cx-bg-white:hover,.cx-button-b.cx-bg-white:hover{color: #0a8;background-color: #fff; border-color:#79d3c1 !important;}

/*边框*/
.cx-bor{border:1px solid #b2b2b2 !important}
.cx-bortop{border-top:1px solid #b2b2b2 !important}
.cx-borbottom{border-bottom:1px solid #b2b2b2 !important}
.cx-borleft{border-left:1px solid #b2b2b2 !important}
.cx-borright{border-right:1px solid #b2b2b2 !important}
.cx-bor-white{border-color: #fff !important}
.cx-bor-red{border-color: #e33 !important}
.cx-bor-green{border-color: #0a8 !important}
.cx-bor-yellow{border-color: #f60 !important}
.cx-bor-blue{border-color: #0ae !important}
.cx-bor-ra{border-radius: 5px}
.cx-bg-black{background-color: #333 !important;}
.cx-bg-white{background-color: #fff !important;}
.cx-bg-red{background-color: #e33 !important;}
.cx-bg-green{background-color: #0a8 !important;}
.cx-bg-yellow{background-color: #f60 !important;}
.cx-bg-blue{background-color: #0ae !important;}
.cx-bor-white-9{border-color: #c1c1c1 !important}
.cx-bor-white-8{border-color: #c7c7c7 !important}
.cx-bor-white-7{border-color: #cdcdcd !important}
.cx-bor-white-6{border-color: #d2d2d2 !important}
.cx-bor-white-5{border-color: #d7d7d7 !important}
.cx-bor-white-4{border-color: #dbdbdb !important}
.cx-bor-white-3{border-color: #dfdfdf !important}
.cx-bor-white-2{border-color: #e2e2e2 !important}
.cx-bor-white-1{border-color: #f0f0f4 !important}
.cx-bg-white-1{background-color: #f0f0f4 !important;}
.cx-bg-white-2{background-color: #e2e2e2 !important;}
.cx-bg-white-3{background-color: #dfdfdf !important;}
.cx-bg-white-4{background-color: #dbdbdb !important;}
.cx-bg-white-5{background-color: #d7d7d7 !important;}
.cx-bg-white-6{background-color: #d2d2d2 !important;}
.cx-bg-white-7{background-color: #cdcdcd !important;}
.cx-bg-white-8{background-color: #c7c7c7 !important;}
.cx-bg-white-9{background-color: #c1c1c1 !important;}
/*外边距*/
.cx-mag-a{margin:0 auto;}
.cx-mag-a5{margin:5px !important;}
.cx-mag-a10{margin:10px !important;}
.cx-mag-a15{margin:15px !important;}
.cx-mag-a20{margin:20px !important;}
.cx-mag-a25{margin:25px !important;}
.cx-mag-a30{margin:30px !important;}
.cx-mag-a35{margin:35px !important;}
.cx-mag-a40{margin:40px !important;}
.cx-mag-a45{margin:45px !important;}
.cx-mag-a50{margin:50px !important;}
.cx-mag-t5{margin-top:5px !important;}
.cx-mag-t10{margin-top:10px !important;}
.cx-mag-t15{margin-top:15px !important;}
.cx-mag-t20{margin-top:20px !important;}
.cx-mag-t25{margin-top:25px !important;}
.cx-mag-t30{margin-top:30px !important;}
.cx-mag-t35{margin-top:35px !important;}
.cx-mag-t40{margin-top:40px !important;}
.cx-mag-t45{margin-top:45px !important;}
.cx-mag-t50{margin-top:50px !important;}
.cx-mag-b5{margin-bottom:5px !important;}
.cx-mag-b10{margin-bottom:10px !important;}
.cx-mag-b15{margin-bottom:15px !important;}
.cx-mag-b20{margin-bottom:20px !important;}
.cx-mag-b25{margin-bottom:25px !important;}
.cx-mag-b30{margin-bottom:30px !important;}
.cx-mag-b35{margin-bottom:35px !important;}
.cx-mag-b40{margin-bottom:40px !important;}
.cx-mag-b45{margin-bottom:45px !important;}
.cx-mag-b50{margin-bottom:50px !important;}
.cx-mag-l5{margin-left:5px !important;}
.cx-mag-l10{margin-left:10px !important;}
.cx-mag-l15{margin-left:15px !important;}
.cx-mag-l20{margin-left:20px !important;}
.cx-mag-l25{margin-left:25px !important;}
.cx-mag-l30{margin-left:30px !important;}
.cx-mag-l35{margin-left:35px !important;}
.cx-mag-l40{margin-left:40px !important;}
.cx-mag-l45{margin-left:45px !important;}
.cx-mag-l50{margin-left:50px !important;}
.cx-mag-r5{margin-right:5px !important;}
.cx-mag-r10{margin-right:10px !important;}
.cx-mag-r15{margin-right:15px !important;}
.cx-mag-r20{margin-right:20px !important;}
.cx-mag-r25{margin-right:25px !important;}
.cx-mag-r30{margin-right:30px !important;}
.cx-mag-r35{margin-right:35px !important;}
.cx-mag-r40{margin-right:40px !important;}
.cx-mag-r45{margin-right:45px !important;}
.cx-mag-r50{margin-right:50px !important;}
.cx-mag-tb5{margin:5px 0 !important;}
.cx-mag-tb10{margin:10px 0 !important;}
.cx-mag-tb15{margin:15px 0 !important;}
.cx-mag-tb20{margin:20px 0 !important;}
.cx-mag-tb25{margin:25px 0 !important;}
.cx-mag-tb30{margin:30px 0 !important;}
.cx-mag-tb35{margin:35px 0 !important;}
.cx-mag-tb40{margin:40px 0 !important;}
.cx-mag-tb45{margin:45px 0 !important;}
.cx-mag-tb50{margin:50px 0 !important;}
.cx-mag-lr5{margin:0 5px !important;}
.cx-mag-lr10{margin:0 10px !important;}
.cx-mag-lr15{margin:0 15px !important;}
.cx-mag-lr20{margin:0 20px !important;}
.cx-mag-lr25{margin:0 25px !important;}
.cx-mag-lr30{margin:0 30px !important;}
.cx-mag-lr35{margin:0 35px !important;}
.cx-mag-lr40{margin:0 40px !important;}
.cx-mag-lr45{margin:0 45px !important;}
.cx-mag-lr50{margin:0 50px !important;}
/*内边距*/
.cx-pad-a{padding:0!important;}
.cx-pad-a5{padding:5px !important;}
.cx-pad-a10{padding:10px !important;}
.cx-pad-a15{padding:15px !important;}
.cx-pad-a20{padding:20px !important;}
.cx-pad-a25{padding:25px !important;}
.cx-pad-a30{padding:30px !important;}
.cx-pad-a35{padding:35px !important;}
.cx-pad-a40{padding:40px !important;}
.cx-pad-a45{padding:45px !important;}
.cx-pad-a50{padding:50px !important;}
.cx-pad-t5{padding-top:5px !important;}
.cx-pad-t10{padding-top:10px !important;}
.cx-pad-t15{padding-top:15px !important;}
.cx-pad-t20{padding-top:20px !important;}
.cx-pad-t25{padding-top:25px !important;}
.cx-pad-t30{padding-top:30px !important;}
.cx-pad-t35{padding-top:35px !important;}
.cx-pad-t40{padding-top:40px !important;}
.cx-pad-t45{padding-top:45px !important;}
.cx-pad-t50{padding-top:50px !important;}
.cx-pad-b5{padding-bottom:5px !important;}
.cx-pad-b10{padding-bottom:10px !important;}
.cx-pad-b15{padding-bottom:15px !important;}
.cx-pad-b20{padding-bottom:20px !important;}
.cx-pad-b25{padding-bottom:25px !important;}
.cx-pad-b30{padding-bottom:30px !important;}
.cx-pad-b35{padding-bottom:35px !important;}
.cx-pad-b40{padding-bottom:40px !important;}
.cx-pad-b45{padding-bottom:45px !important;}
.cx-pad-b50{padding-bottom:50px !important;}
.cx-pad-l5{padding-left:5px !important;}
.cx-pad-l10{padding-left:10px !important;}
.cx-pad-l15{padding-left:15px !important;}
.cx-pad-l20{padding-left:20px !important;}
.cx-pad-l25{padding-left:25px !important;}
.cx-pad-l30{padding-left:30px !important;}
.cx-pad-l35{padding-left:35px !important;}
.cx-pad-l40{padding-left:40px !important;}
.cx-pad-l45{padding-left:45px !important;}
.cx-pad-l50{padding-left:50px !important;}
.cx-pad-r5{padding-right:5px !important;}
.cx-pad-r10{padding-right:10px !important;}
.cx-pad-r15{padding-right:15px !important;}
.cx-pad-r20{padding-right:20px !important;}
.cx-pad-r25{padding-right:25px !important;}
.cx-pad-r30{padding-right:30px !important;}
.cx-pad-r35{padding-right:35px !important;}
.cx-pad-r40{padding-right:40px !important;}
.cx-pad-r45{padding-right:45px !important;}
.cx-pad-r50{padding-right:50px !important;}
.cx-pad-tb5{padding:5px 0 !important;}
.cx-pad-tb10{padding:10px 0 !important;}
.cx-pad-tb15{padding:15px 0 !important;}
.cx-pad-tb20{padding:20px 0 !important;}
.cx-pad-tb25{padding:25px 0 !important;}
.cx-pad-tb30{padding:30px 0 !important;}
.cx-pad-tb35{padding:35px 0 !important;}
.cx-pad-tb40{padding:40px 0 !important;}
.cx-pad-tb45{padding:45px 0 !important;}
.cx-pad-tb50{padding:50px 0 !important;}
.cx-pad-lr5{padding:0 5px !important;}
.cx-pad-lr10{padding:0 10px !important;}
.cx-pad-lr15{padding:0 15px !important;}
.cx-pad-lr20{padding:0 20px !important;}
.cx-pad-lr25{padding:0 25px !important;}
.cx-pad-lr30{padding:0 30px !important;}
.cx-pad-lr35{padding:0 35px !important;}
.cx-pad-lr40{padding:0 40px !important;}
.cx-pad-lr45{padding:0 45px !important;}
.cx-pad-lr50{padding:0 50px !important;}

.cx-bor-black{border-color: #333 !important}

/** 表单组件 **/
/*  输入框     */
.cx-form-group,.cx-form-selectvalue .cx-ipt-icon,.cx-form-item .cx-ipt-icon,.cx-form-item .cx-ipt-btn{
    display: -webkit-flex;
    display: flex;
    display: -moz-flex;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    align-items:center;
    -webkit-align-items: center;
}
.cx-form-group .cx-label{flex-grow: 0;padding: 0 10px;min-width: 150px;text-align: right;color: #666;}
.cx-form-group .cx-form-item,.cx-form-select{flex-grow: 2;justify-content:flex-start;-webkit-justify-content:flex-start;}
.cx-form-group .cx-form-itemnowarp{flex-grow: 2; display: inline-flex;justify-content:flex-start;-webkit-justify-content:flex-start;}
.cx-form-item .cx-ipt-icon,.cx-form-item .cx-ipt-btn,.cx-form-itemnowarp .cx-ipt-icon,.cx-form-itemnowarp .cx-ipt-btn{ align-items:center;-webkit-align-items: center;flex-grow: 0;white-space:nowrap;padding: 0 10px;background-color: rgba(0,0,0,0.05);border:solid 1px rgba(0,0,0,.17);}
.cx-form-itemnowarp .cx-ipt-btn,.cx-form-item .cx-ipt-btn{padding: 0;border:none;}
.cx-form-group{ align-items:flex-start ;-webkit-align-items: flex-start;}
.cx-form-group .cx-label{line-height: 40px;}
.cx-ipt:focus,.cx-ipt-b:focus,.cx-ipt-s:focus,.cx-ipt-l:focus{
    border-radius:3px;
}
.cx-ipt,.cx-ipt-b,.cx-ipt-s,.cx-ipt-l{
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    font-size: inherit;
    line-height: 40px;
    outline: none;
    padding: 0 15px;
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    width: 100%;
}
.cx-ipt-b,.cx-ipt,.cx-ipt-s,.cx-ipt-l{
    width:100%;
}
.cx-form-itemnowarp .cx-ipt-b,.cx-form-itemnowarp .cx-ipt,.cx-form-itemnowarp .cx-ipt-s,.cx-form-itemnowarp .cx-ipt-l{
    width:0;
    flex-grow: 2;
}
.cx-ipt-b{padding:5px;font-size: 18px;}
.cx-ipt-s{font-size: 14px;padding: 0 5px; line-height: 32px;}
.cx-ipt-l{padding:3px;font-size: 12px;}

.cx-ipt.cx-bor-raall,.cx-ipt-s.cx-bor-raall,.cx-ipt-l.cx-bor-raall{border-radius: 20px;}
.cx-ipt[type = 'text']:disabled,.cx-ipt-s[type = 'text']:disabled,.cx-ipt-l[type = 'text']:disabled{
    background-color: rgba(0,0,0,.08);
}
.cx-ipt.cx-bor-no,.cx-ipt.cx-bor-no:focus,.cx-ipt.cx-borbottom,.cx-ipt.cx-borbottom:focus,.cx-ipt-s.cx-bor-no,.cx-ipt-s.cx-bor-no:focus,.cx-ipt-s.cx-borbottom,.cx-ipt-s.cx-borbottom:focus{
    border: none;
    box-shadow: none;
}
.cx-ipt.cx-borbottom,.cx-ipt.cx-borbottom:focus,.cx-ipt-s.cx-borbottom,.cx-ipt-s.cx-borbottom:focus{
    border-bottom: 1px solid;
    border-radius: 0;
}
/*重写layui*/
.layui-form-checkbox[lay-skin="primary"],.layui-form-checkbox[lay-skin="primary"] i{
    margin-top: 5px;
    font-size: 1rem !important;
}
.layui-table-cell .layui-form-checkbox[lay-skin="primary"],.layui-table-view .layui-form-checkbox[lay-skin="primary"] i {
    margin-top: 0;
}
/*  图片自适应 */
.cx-img-responsive,.cx-img-radius,.cx-img-br,.cx-img-smallbr,.cx-img-bigbr,.cx-media-img img,.cx-media-imgradius img,.cx-media-imgbr img,.cx-media-smallbr img,.cx-media-bigbr img{width:auto;height:auto;max-width:100%;max-height:100%}
.cx-img-radius,.cx-media-imgradius,.cx-media-imgradius img,.cx-bor-raall{border-radius: 100%}
.cx-img-br,.cx-media-imgbr,.cx-media-imgbr img,.cx-bor-ra{border-radius: 6px}
.cx-img-smallbr,.cx-media-smallbr,.cx-media-smallbr img,.cx-bor-rasmall{border-radius: 2px}
.cx-img-bigbr,.cx-media-bigbr,.cx-media-bigbr img,.cx-bor-rabig{border-radius: 10px}
/*  导航 */
.cx-nav,.cx-nav-small,.cx-nav-big{
    height: 62px;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    line-height: 62px;
}
.cx-nav,.cx-nav-small,.cx-nav-big,.cx-nav>div,.cx-nav-small>div,.cx-nav-big>div,.cx-nav>a,.cx-nav-small>a,.cx-nav-big>a,.cx-nav>li,.cx-nav-small>li,.cx-nav-big>li,.cx-extra-wh,.cx-extra-load{
    justify-content:center;
    -webkit-justify-content:center;
    align-items:center;
    -webkit-align-items: center;
}
.cx-nav>div,.cx-nav-small>div,.cx-nav-big>div,.cx-nav>a,.cx-nav-small>a,.cx-nav-big>a,.cx-nav>li,.cx-nav-small>li,.cx-nav-big>li{
    display: inline-flex;
    height: 100%;
    text-align: center;
}
.cx-nav-small{
    height: 40px;
    line-height: 38px;
}
.cx-nav-big{
    height: 80px;
    line-height: 78px;
}
.cx-nav-logo{
    max-height: 48px;
    width: auto;
    height: auto;
    line-height: 1;
}
.cx-nav-small .cx-nav-logo,.cx-nav-small .cx-nav-logo img{
    max-height: 32px;
}
.cx-nav-big .cx-nav-logo,.cx-nav-big .cx-nav-logo img{
    max-height: 64px;
}
.cx-nav-one{
    transition: all .5s ease;
}
.cx-nav-one:hover{
    background-color: rgba(255,255,255,0.3);
}
/*  隐藏  */
.cx-hidden{display: none !important;}
/*  背景图片自适应   */
.cx-bg-img,.cx-bg-img-w,.cx-bg-img-h,.cx-bg-img-s,.cx-load-icon{
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}
.cx-bg-img1x1,.cx-bg-img4x3,.cx-bg-img3x4{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 75%;
}
.cx-bg-img1x1{
    padding-bottom: 100%;
}
.cx-bg-img3x4{
    padding-bottom: 133.333333%;
}

.cx-bg-img,.cx-bg-img-w,.cx-bg-img-h,.cx-bg-img-s{
    position: absolute;
}
.cx-bg-img-w{background-size: 100% auto;}
.cx-bg-img-h{background-size: auto 100%;}
.cx-bg-img-s{background-size: 100% 100%;}
.cx-bg-imgradius,.cx-bg-imgradius .cx-bg-img,.cx-bg-imgradius .cx-bg-img-w,.cx-bg-imgradius .cx-bg-img-h,.cx-bg-imgradius .cx-bg-img-s{
    border-radius: 100%
}
.cx-bg-imgsmallbr,.cx-bg-imgsmallbr .cx-bg-img,.cx-bg-imgsmallbr .cx-bg-img-w,.cx-bg-imgsmallbr .cx-bg-img-h,.cx-bg-imgsmallbr .cx-bg-img-s{
    border-radius: 2px
}
.cx-bg-imgbr,.cx-bg-imgbr .cx-bg-img,.cx-bg-imgbr .cx-bg-img-w,.cx-bg-imgbr .cx-bg-img-h,.cx-bg-imgbr .cx-bg-img-s{
    border-radius: 6px
}
.cx-bg-imgbigbr,.cx-bg-imgbigbr .cx-bg-img,.cx-bg-imgbigbr .cx-bg-img-w,.cx-bg-imgbigbr .cx-bg-img-h,.cx-bg-imgbigbr .cx-bg-img-s{
    border-radius: 10px
}
/*图片上传*/
.cx-upload-box{width: 80px;}
._upload{width: 100%;height: 100%;}
._upload .im-icon{font-size: 3rem}

.cx-fixed-top{position:fixed;top:0;left:0;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.5);z-index:99999999}
.cx-fixed-bottom{position:fixed;bottom:0;left:0;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.5);z-index:99999999}
/**内容展示 blockquote 标签**/
.im-cont {
    line-height: 2;
}
.im-cont blockquote {
    display: block;
    border-left: 8px solid #d0e5f2;
    padding: 5px 10px;
    margin: 10px 0;
    line-height: 1.4;
    font-size: 100%;
    background-color: #f1f1f1;
}
.im-cont blockquote p{
    margin: 10px 0;
}
/**图片组 图片删除**/
.im-img-del{
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 99999;
    background-color: rgba(255,255,255,0.8)
}
/* 卡片 */
.im-card{box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
    border-radius: 8px;
    padding: 15px;}
.im-card-tag{padding-left: 10px;border-left: 5px solid #79d3c1}