@charset "utf-8";
/**
  * 格式化浏览器
 */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;word-wrap:break-word}
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}
html{font-size:62.5%;font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}
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}
body,button,input,select,td,textarea,th{color:#333;font-size:1.4rem;font-family:PingFangSC-Light,helvetica neue,hiragino sans gb,arial,microsoft yahei ui,microsoft yahei,simsun,sans-serif;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased}
body{line-height:1.6}
/*格式化链接和图片*/
a,area{outline:0;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor:pointer}
a:hover{outline:0;text-decoration:none}
a.ie6:hover{zoom:1}
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 #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root){overflow:hidden}
fieldset{border-width:0;padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}
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}
/*去除浮动*/
.cl:after,.clearfix:after{content:"";display:block !important;height:0;clear:both;visibility:hidden;overflow:hidden}
.cl,.clearfix{display:block !important;}
/*更改鼠标手势*/
.cx-click,.cx-pointer{cursor:pointer}
/*图片适应类*/
.zoomImages{width:100%;height:0;padding-bottom:100%;overflow:hidden;display:block;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}
.img-auto .zoomImages{height:100%;padding-bottom:0}
.img-responsive{width:auto;height:auto;max-width:100%;max-height:100%}
.img-radius{
    padding: 2px;
    border: 1px solid #dfdfdf;
}
.img-radius,.img-radius .img-responsive{
    border-radius: 100%;
    background: #fff;
}
/*上传缩略图*/
.cx-webupimg{
    width: 80px;
    height: 80px;
    border: 1px solid #dfdfdf;
}
.cx-webupimg img{
   max-width: 100%;
    max-height: 100%;
}
/*重写layui组件*/
.layui-form-select dl{z-index:99999 !important}
/*使用flex布局*/
.cx-fex,.cx-fex-c,.cx-fex-l,.cx-fex-r{
    display:-webkit-flex;
    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;}
.cx-fex{justify-content:space-between;-webkit-justify-content:space-between}
.cx-fex-c{justify-content:center;-webkit-justify-content:center}
.cx-fex-l{justify-content:flex-start;-webkit-justify-content:flex-start}
.cx-fex-r{justify-content:flex-end;-webkit-justify-content:flex-end}
.cx-fex-nowrap{flex-wrap:nowrap;-ms-flex-wrap:nowrap;-webkit-flex-wrap:nowrap}
.fex-row-reverse{flex-direction:row-reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse}
.fex-column{flex-direction:column;-webkit-flex-direction:column;-ms-flex-direction:column}
.fex-rcolumn{flex-direction:column-reverse;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse}
.fex-items-c{align-items:center;-webkit-align-items:center}
.fex-items-e{align-items:flex-end;-webkit-align-items:flex-end}
.fex-content-c{align-content:center;-webkit-align-content:center}
.cx-fex .x1,.cx-fex .x2,.cx-fex .x3,.cx-fex .x4,.cx-fex .x5,.cx-fex .x6,.cx-fex .x7,.cx-fex .x8,.cx-fex .x9,.cx-fex .x10,.cx-fex .x11,.cx-fex .x12,.cx-fex .xl1,.cx-fex .xl2,.cx-fex .xl3,.cx-fex .xl4,.cx-fex .xl5,.cx-fex .xl6,.cx-fex .xl7,.cx-fex .xl8,.cx-fex .xl9,.cx-fex .xl10,.cx-fex .xl11,.cx-fex .xl12,.cx-fex .xs1,.cx-fex .xs2,.cx-fex .xs3,.cx-fex .xs4,.cx-fex .xs5,.cx-fex .xs6,.cx-fex .xs7,.cx-fex .xs8,.cx-fex .xs9,.cx-fex .xs10,.cx-fex .xs11,.cx-fex .xs12,.cx-fex .xm1,.cx-fex .xm2,.cx-fex .xm3,.cx-fex .xm4,.cx-fex .xm5,.cx-fex .xm6,.cx-fex .xm7,.cx-fex .xm8,.cx-fex .xm9,.cx-fex .xm10,.cx-fex .xm11,.cx-fex .xm12,.cx-fex .xb1,.cx-fex .xb2,.cx-fex .xb3,.cx-fex .xb4,.cx-fex .xb5,.cx-fex .xb6,.cx-fex .xb7,.cx-fex .xb8,.cx-fex .xb9,.cx-fex .xb10,.cx-fex .xb11,.cx-fex .xb12,.cx-fex-c .x1,.cx-fex-c .x2,.cx-fex-c .x3,.cx-fex-c .x4,.cx-fex-c .x5,.cx-fex-c .x6,.cx-fex-c .x7,.cx-fex-c .x8,.cx-fex-c .x9,.cx-fex-c .x10,.cx-fex-c .x11,.cx-fex-c .x12,.cx-fex-c .xl1,.cx-fex-c .xl2,.cx-fex-c .xl3,.cx-fex-c .xl4,.cx-fex-c .xl5,.cx-fex-c .xl6,.cx-fex-c .xl7,.cx-fex-c .xl8,.cx-fex-c .xl9,.cx-fex-c .xl10,.cx-fex-c .xl11,.cx-fex-c .xl12,.cx-fex-c .xs1,.cx-fex-c .xs2,.cx-fex-c .xs3,.cx-fex-c .xs4,.cx-fex-c .xs5,.cx-fex-c .xs6,.cx-fex-c .xs7,.cx-fex-c .xs8,.cx-fex-c .xs9,.cx-fex-c .xs10,.cx-fex-c .xs11,.cx-fex-c .xs12,.cx-fex-c .xm1,.cx-fex-c .xm2,.cx-fex-c .xm3,.cx-fex-c .xm4,.cx-fex-c .xm5,.cx-fex-c .xm6,.cx-fex-c .xm7,.cx-fex-c .xm8,.cx-fex-c .xm9,.cx-fex-c .xm10,.cx-fex-c .xm11,.cx-fex-c .xm12,.cx-fex-c .xb1,.cx-fex-c .xb2,.cx-fex-c .xb3,.cx-fex-c .xb4,.cx-fex-c .xb5,.cx-fex-c .xb6,.cx-fex-c .xb7,.cx-fex-c .xb8,.cx-fex-c .xb9,.cx-fex-c .xb10,.cx-fex-c .xb11,.cx-fex-c .xb12,.cx-fex-l .x1,.cx-fex-l .x2,.cx-fex-l .x3,.cx-fex-l .x4,.cx-fex-l .x5,.cx-fex-l .x6,.cx-fex-l .x7,.cx-fex-l.x8,.cx-fex-l .x9,.cx-fex-l .x10,.cx-fex-l .x11,.cx-fex-l .x12,.cx-fex-l .xl1,.cx-fex-l .xl2,.cx-fex-l .xl3,.cx-fex-l .xl4,.cx-fex-l .xl5,.cx-fex-l .xl6,.cx-fex-l .xl7,.cx-fex-l .xl8,.cx-fex-l .xl9,.cx-fex-l .xl10,.cx-fex-l .xl11,.cx-fex-l .xl12,.cx-fex-l .xs1,.cx-fex-l .xs2,.cx-fex-l .xs3,.cx-fex-l .xs4,.cx-fex-l .xs5,.cx-fex-l .xs6,.cx-fex-l .xs7,.cx-fex-l .xs8,.cx-fex-l .xs9,.cx-fex-l .xs10,.cx-fex-l .xs11,.cx-fex-l .xs12,.cx-fex-l .xm1,.cx-fex-l .xm2,.cx-fex-l .xm3,.cx-fex-l .xm4,.cx-fex-l .xm5,.cx-fex-l .xm6,.cx-fex-l .xm7,.cx-fex-l .xm8,.cx-fex-l .xm9,.cx-fex-l .xm10,.cx-fex-l .xm11,.cx-fex-l .xm12,.cx-fex-l .xb1,.cx-fex-l .xb2,.cx-fex-l .xb3,.cx-fex-l .xb4,.cx-fex-l .xb5,.cx-fex-l.xb6,.cx-fex-l .xb7,.cx-fex-l .xb8,.cx-fex-l .xb9,.cx-fex-l .xb10,.cx-fex-l .xb11,.cx-fex-l .xb12,.cx-fex-r .x1,.cx-fex-r .x2,.cx-fex-r .x3,.cx-fex-r .x4,.cx-fex-r .x5,.cx-fex-r .x6,.cx-fex-r .x7,.cx-fex-r .x8,.cx-fex-r .x9,.cx-fex-r .x10,.cx-fex-r .x11,.cx-fex-r .x12,.cx-fex-r .xl1,.cx-fex-r .xl2,.cx-fex-r .xl3,.cx-fex-r.xl4,.cx-fex-r .xl5,.cx-fex-r .xl6,.cx-fex-r .xl7,.cx-fex-r .xl8,.cx-fex-r .xl9,.cx-fex-r .xl10,.cx-fex-r .xl11,.cx-fex-r .xl12,.cx-fex-r .xs1,.cx-fex-r .xs2,.cx-fex-r .xs3,.cx-fex-r .xs4,.cx-fex-r .xs5,.cx-fex-r .xs6,.cx-fex-r.xs7,.cx-fex-r .xs8,.cx-fex-r .xs9,.cx-fex-r .xs10,.cx-fex-r .xs11,.cx-fex-r .xs12,.cx-fex-r .xm1,.cx-fex-r .xm2,.cx-fex-r .xm3,.cx-fex-r .xm4,.cx-fex-r .xm5,.cx-fex-r .xm6,.cx-fex-r .xm7,.cx-fex-r .xm8,.cx-fex-r .xm9,.cx-fex-r.xm10,.cx-fex-r .xm11,.cx-fex-r .xm12,.cx-fex-r .xb1,.cx-fex-r .xb2,.cx-fex-r .xb3,.cx-fex-r .xb4,.cx-fex-r .xb5,.cx-fex-r .xb6,.cx-fex-r .xb7,.cx-fex-r .xb8,.cx-fex-r .xb9,.cx-fex-r .xb10,.cx-fex-r .xb11,.cx-fex-r .xb12{
    display: -webkit-inline-flex;
    display: inline-flex;
}
/*栅格*/
.cont{margin:0 auto;padding:0 10px}
.x1{width:8.333333333%}
.x2{width:16.666666666%}
.x3{width:25%}
.x4{width:33.333333333%}
.x5{width:41.666666666%}
.x6{width:50%}
.x7{width:58.333333333%}
.x8{width:66.666666666%}
.x9{width:75%}
.x10{width:83.333333333%}
.x11{width:91.666666666%}
.layout,.x12{width:100%}
@media(min-width:300px){
    .cont{padding:0}
    .xl1{width:8.33333333%}
    .xl2{width:16.66666666%}
    .xl3{width:25%}
    .xl4{width:33.33333333%}
    .xl5{width:41.66666666%}
    .xl6{width:50%}
    .xl7{width:58.33333333%}
    .xl8{width:66.66666666%}
    .xl9{width:75%}
    .xl10{width:83.33333333%}
    .xl11{width:91.66666666%}
    .xl12{width:100%}
}
@media(min-width:760px){
    .cont{width:750px}
    .xs1{width:8.33333333%}
    .xs2{width:16.66666666%}
    .xs3{width:25%}
    .xs4{width:33.33333333%}
    .xs5{width:41.66666666%}
    .xs6{width:50%}
    .xs7{width:58.33333333%}
    .xs8{width:66.66666666%}
    .xs9{width:75%}
    .xs10{width:83.33333333%}
    .xs11{width:91.66666666%}
    .xs12{width:100%}
}
@media(min-width:1000px){
    .cont{width:1000px}
    .xm1{width:8.33333333%}
    .xm2{width:16.66666666%}
    .xm3{width:25%}
    .xm4{width:33.33333333%}
    .xm5{width:41.66666666%}
    .xm6{width:50%}
    .xm7{width:58.33333333%}
    .xm8{width:66.66666666%}
    .xm9{width:75%}
    .xm10{width:83.33333333%}
    .xm11{width:91.66666666%}
    .xm12{width:100%}
}
@media(min-width:1200px){
    .cont{width:1200px}
    .xb1{width:8.33333333%}
    .xb2{width:16.66666666%}
    .xb3{width:25%}
    .xb4{width:33.33333333%}
    .xb5{width:41.66666666%}
    .xb6{width:50%}
    .xb7{width:58.33333333%}
    .xb8{width:66.66666666%}
    .xb9{width:75%}
    .xb10{width:83.33333333%}
    .xb11{width:91.66666666%}
    .xb12{width:100%}
}
/*文本排版*/
.t-c{text-align:center}
.t-l{text-align:left}
.t-r{text-align:right}
/*定位 浮动*/
.pos-r{position:relative}
.pos-a{position:absolute}
.pos-f{position:fixed}
.f-l{float:left!important}
.f-r{float:right!important}
/*边框*/
.b-a{border:1px solid #dedede}
.b-t{border-top:1px solid #dedede}
.b-b{border-bottom:1px solid #dedede}
.b-l{border-left:1px solid #dedede}
.b-r{border-right:1px solid #dedede}
.bor-r{border-radius:5px}
.bor-rb{border-radius:10px}
.bor-rm{border-radius:3px}
.bor-yue{border-radius:100%}
/*按钮样式*/
.button{border:solid 1px #ddd;background:#dedede;font-size:1.4rem;padding:5px 10px;margin:0;cursor:pointer;text-align:center;display:inline-block;line-height:20px !important;transition:all 1s cubic-bezier(.175,.885,.32,1) 0s}
.button[disabled]{pointer-events:none;cursor:not-allowed;webkit-box-shadow:none;box-shadow:none;filter:alpha(opacity=50);opacity:.5}
.button:active{background-image:none;outline:0;transition:all .3s cubic-bezier(.175,.885,.32,1) 0s}
.button:hover{transition:all .3s cubic-bezier(.175,.885,.32,1) 0s}
.button-L{padding:1px 4px;font-size:1.2rem}
.button-S{padding:2px 8px !important;font-size:1.2rem}
.button-B{padding:8px 15px;font-size:1.6rem}
.button.bg-black,.button.bg-blue,.button.bg-gray,.button.bg-green,.button.bg-red,.button.bg-yellow{color:#fff}
.button.bg:focus,.button.bg:hover,.button:focus,.button:hover{background-color:#f5f5f5}
.button.bg-blue{color:#fff;border-color:#09f;background-color:#09f}
.button.bor-blue{color:#069;border-color:#09f;background-color:#fff}
.button.bg-blue:focus,.button.bg-blue:hover,.button.bor-blue:focus,.button.bor-blue:hover{color:#fff;border-color:#069;background-color:#069}
.button.bg-red{color:#fff;border-color:#c03;background-color:#c03}
.button.bor-red{color:#933;border-color:#c03;background-color:#fff}
.button.bg-red:focus,.button.bg-red:hover,.button.bor-red:focus,.button.bor-red:hover{color:#fff;border-color:#933;background-color:#933}
.button.bg-yellow{color:#fff;border-color:#f60;background-color:#f60}
.button.bor-yellow{color:#f90;border-color:#f60;background-color:#fff}
.button.bg-yellow:focus,.button.bg-yellow:hover,.button.bor-yellow:focus,.button.bor-yellow:hover{color:#fff;border-color:#f90;background-color:#f90}
.button.bg-black{color:#fff;border-color:#333;background-color:#333}
.button.bor-black{color:#000;border-color:#333;background-color:#fff}
.button.bg-black:focus,.button.bg-black:hover,.button.bor-black:focus,.button.bor-black:hover{color:#fff;border-color:#000;background-color:#000}
.button.bg-gray{color:#fff;border-color:#999;background-color:#999}
.button.bor-gray{color:#666;border-color:#999;background-color:#fff}
.button.bg-gray:focus,.button.bg-gray:hover,.button.bor-gray:focus,.button.bor-gray:hover{color:#fff;border-color:#666;background-color:#666}
.button.bg-green{color:#fff;border-color:#096;background-color:#096}
.button.bor-green{color:#063;border-color:#096;background-color:#fff}
.button.bg-green:focus,.button.bg-green:hover,.button.bor-green:focus,.button.bor-green:hover{color:#fff;border-color:#063;background-color:#063}
/*输入框*/
.cx-input-tabel{display:table;position:relative}
.cx-input-tabel-c{display:table;position:relative;margin:0 auto}
.cx-input-fl{background-color:#f5f5f5;border:1px solid #ddd;line-height:21px;padding:4px 12px;text-align:center;width:1%;white-space:nowrap;vertical-align:middle;margin-top:1px;display:table-cell}
.ipt{font-size:1.4rem;padding:6px;border:solid 1px #ddd;width:100%;line-height:20px;display:block;-webkit-appearance:none;box-shadow:0 1px 1px rgba(0,0,0,.075) inset;transition:all 1s cubic-bezier(.175,.885,.32,1) 0s}
.ipt-S{padding:3px !important;font-size:1.2rem;}
.lab{padding:0 10px;line-height:32px}
.ipt-bor{border:solid 1px #ddd;transition:all 1s cubic-bezier(.175,.885,.32,1) 0s}
.ipt-bor .layui-input{height: 32px;border: none;border-left: 1px solid #dfdfdf;border-radius: 0}
.ipt-bor .layui-form-select dl{top: 32px;}
.ipt-icon{line-height:32px;padding:0 6px}
.ipt-txt{font-size:1.4rem;border-radius:3px;padding:6px 10px;flex-grow:2;line-height:20px;border:none;transition:all 1s cubic-bezier(.175,.885,.32,1) 0s}
.ipt-bor-on,.ipt:focus{border-color:#09f;transition:all .3s cubic-bezier(.175,.885,.32,1) 0s}
.ipt-bor-on .ipt-icon{color:#09f}
/*分頁*/
.cx-page{display:inline-flex;border-right:1px solid #dedede}
.cx-page a{font-size:1.4rem;border:1px solid #dedede;padding:5px 10px;border-right:0;cursor:pointer;display:block;transition:all 1s cubic-bezier(.175,.885,.32,1) 0s;background: #fff;}
.cx-page a:hover{background-color:#f2f2f2;color:#096}
.cx-page a.cx-disabled,.cx-page a.cx-disabled:hover{color:#999;background-color:#f2f2f2;cursor:auto}
.cx-page a.cx-page-curr{background-color:#096;color:#fff;border-top: 1px solid #096;border-bottom: 1px solid #096;}
.cx-page a.cx-page-curr:hover{background-color:#063;color:#fff}

/**/
.cx-fold .cx-fold-group{margin-bottom:10px}
.cx-fold .cx-fold-title{font-size:1.6rem;border:1px solid #dedede;background-color:#f2f2f2;padding:8px 15px;cursor:pointer}
.cx-fold .cx-fold-cont{padding:20px;border:1px solid #dedede;border-top:0;display:none}
/*浮动导航*/
.cx-fixed-top{position:fixed;top:0;left:0;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.5);z-index:9999}
/*表格*/
table{width:100%;empty-cells:show;background-color:transparent;border-collapse:collapse;border-spacing:0}
table th{text-align:left;font-weight:400}
.cx-teble td,.cx-teble th{padding:8px;line-height:20px;word-break:break-all}
.cx-teble thead th{background-color:#f2f2f2}
.cx-teble tbody tr.success>td{background-color:#dff0d8}
.cx-teble tbody tr.error>td{background-color:#f2dede}
.cx-teble tbody tr.warning>td{background-color:#fcf8e3}
.cx-teble tbody tr.info>td{background-color:#d9edf7}
.cx-teble tbody+tbody{border-top:2px solid #ddd}
.cx-teble .cx-teble{background-color:#fff}
.cx-teble-bor-w{border-top:1px solid #ddd}
.cx-teble-bor-w td,.cx-teble-bor-w th{border-bottom:1px solid #ddd}
.cx-teble-bor{border:1px solid #ddd;border-collapse:separate;border-left:0}
.cx-teble-bor td,.cx-teble-bor th{border-left:1px solid #ddd}
.cx-teble-bor-w.cx-teble-bor{border-bottom:0}
.cx-table-striped tbody>tr:nth-child(2n)>td,.cx-table-striped tbody>tr:nth-child(2n)>th{background-color:#fafafa}
.table-condensed td,.table-condensed th{padding:4px 5px}
.cx-table-hover tbody tr:hover td,.cx-table-hover tbody tr:hover th{background-color:#f5f5f5}
@media only screen and (max-width:760px){
    .cx-table-responsive-w table,.cx-table-responsive-w tbody,.cx-table-responsive-w td,.cx-table-responsive-w th,.cx-table-responsive-w thead,.cx-table-responsive-w tr{display:block}
    .cx-table-responsive-w thead tr{position:absolute;top:-9999px;left:-9999px}
    .cx-table-responsive-w tr{border:1px solid #ccc}
    .cx-table-responsive-w td{border:0;border-bottom:1px solid #eee;position:relative;padding-left:30%;white-space:normal;text-align:left}
    .cx-table-responsive-w td:before{position:absolute;top:6px;left:6px;width:45%;padding-right:10px;white-space:nowrap;text-align:left;font-weight:700}
    .cx-table-responsive-w td:before{content:attr(data-title)}
}
/*导航*/
.cx-nav{font-size:1.4rem;line-height:40px}
.cx-nav li{position:relative;flex-grow:1;text-align:center}
.cx-nav li a{transition:all 1s cubic-bezier(.175,.885,.32,1) 0s}
.cx-nav .cx-nav-menu{display:none;position:absolute;top:100%;width:100%;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);margin-top:-5px;z-index:999}
.cx-nav .cx-nav-menu a{color:#333}
.cx-nav li:hover .cx-nav-menu{display:block}
.cx-nav-seeicon{display:none}
@media (max-width:768px){.cx-nav-icon{display:none}
    .cx-nav-seeicon{display:block;cursor:pointer;position:absolute;line-height:22px;font-size:1.4rem;text-align:center;top:0;right:0;padding:5px 8px}
}
/*图片幻灯带放大镜*/
.cx-projector{position:relative}
.cx-projector-zk{border:1px solid #ccc;position:relative;width:100%}
.cx-projector-k{position:relative;width:100%;max-height:100%}
.cx-projector-xz{position:absolute;background:rgba(0,0,0,.5);border:1px solid #c03;display:none}
.cx-projector-xd{width:100%;height:100%;opacity:0;position:absolute;top:0;left:0}
.cx-projector-list{width:100%;padding:10px 0;border:1px solid #dfdfdf;border-top:none}
.cx-projector-pn{flex-grow:0;font-size:3rem;color:#ddd}
.cx-projector-thumb{flex-grow:2;position:relative;overflow:hidden}
.cx-projector-ul{min-width:100%;position:absolute;top:0;left:0;overflow:hidden}
.cx-projector-ul li{float:left;padding:0 1px}
.cx-projector-ul .thumb{width:100%;height:0;padding-bottom:100%;position:relative;border:1px solid #dfdfdf}
.cx-projector-ul .thumb img{position:absolute}
.cx-projector-ul li.active .thumb{border:1px solid #c03}
.cx-projector-big{position:absolute;top:0;left:100%;margin-left:2px;width:500px;height:500px;border:1px solid #ccc;background:#fff;display:none;overflow:hidden}
.cx-projector-big img{position:absolute}
/*手机图片幻灯触摸切换*/
.cx-huandenglist{position:relative}
.cx-huandenglist-k{position:relative;width:100%;height:0;padding-bottom:100%}
.cx-huandenglist-n{position:absolute;background:#fff;width:100%;height:100%;top:0;left:0;right:0;bottom:0;overflow:hidden}
.cx-huandenglist-ul{position:absolute;top:0;left:0}
.cx-huandenglist-li{float:left;text-align:center}
.cx-huandenglist-icon{bottom:10px;position:absolute}
.cx-huandenglist-iconul{background:rgba(0,0,0,.5);padding:5px;border-radius:10px}
.cx-huandenglist-icon li{padding:5px;background:#999;border-radius:100%;margin:0 5px}
/*背景*/
.bg-blue{background:#09f}
.bg-red{background:#c03}
.bg-yellow{background:#f60}
.bg-black{background:#333}
.bg-gray{background:#999}
.bg-green{background:#096}
.bg-fff{background:#fff}
/*边框颜色*/
.bor-blue{border:1px solid #09f}
.bor-red{border:1px solid #c03}
.bor-yellow{border:1px solid #f60}
.bor-black{border:1px solid #333}
.bor-gray{border:1px solid #999}
.bor-green{border:1px solid #096}
/*文字颜色*/
.t-blue{color:#09f}
.t-red{color:#c03 !important;}
.t-yellow{color:#f60 !important;}
.t-black{color:#333}
.t-gray{color:#999}
.t-green{color:#096}
.t-fff{color:#fff}
.t-333{color:#333}
/*文字大小*/
.t-12{font-size:1.2rem !important;}
.t-14{font-size:1.4rem !important;}
.t-16{font-size:1.6rem !important;}
.t-18{font-size:1.8rem !important;}
.t-reverse,.t-reverse a,.t-reverse a:hover{color:#fff !important;}
/*显示隐藏*/
.show{display:block!important}
.hidden{display:none!important}
@media(max-width:760px){.show-l{display:block!important}
    .hidden-l{display:none!important}
}
@media(min-width:761px) and (max-width:1000px){.show-s{display:block!important}
    .hidden-s{display:none!important}
}
@media(min-width:1001px) and (max-width:1200px){.show-m{display:block!important}
    .hidden-m{display:none!important}
}
@media(min-width:1201px){.show-b{display:block!important}
    .hidden-b{display:none!important}
}
/*field模块*/
.cx-field{margin:0 2px;padding:.35em .625em .75em;border:1px solid silver;}
.cx-field-legend{margin:0;padding:0 20px;width:auto;border:none}
/*外边距*/
.m-a{margin:0 auto}
.mt-5{margin-top:5px}
.mt-10{margin-top:10px}
.mt-15{margin-top:15px}
.mt-20{margin-top:20px}
.mt-25{margin-top:25px}
.mt-30{margin-top:30px}
.mt-35{margin-top:35px}
.mt-40{margin-top:40px}
.mt-45{margin-top:45px}
.mt-50{margin-top:50px}
.mb-5{margin-bottom:5px}
.mb-10{margin-bottom:10px}
.mb-15{margin-bottom:15px}
.mb-20{margin-bottom:20px}
.mb-25{margin-bottom:25px}
.mb-30{margin-bottom:30px}
.mb-35{margin-bottom:35px}
.mb-40{margin-bottom:40px}
.mb-45{margin-bottom:45px}
.mb-50{margin-bottom:50px}
.ml-5{margin-left:5px}
.ml-10{margin-left:10px}
.ml-15{margin-left:15px}
.ml-20{margin-left:20px}
.ml-25{margin-left:25px}
.ml-30{margin-left:30px}
.ml-35{margin-left:35px}
.ml-40{margin-left:40px}
.ml-45{margin-left:45px}
.ml-50{margin-left:50px}
.mr-5{margin-right:5px}
.mr-10{margin-right:10px}
.mr-15{margin-right:15px}
.mr-20{margin-right:20px}
.mr-25{margin-right:25px}
.mr-30{margin-right:30px}
.mr-35{margin-right:35px}
.mr-40{margin-right:40px}
.mr-45{margin-right:45px}
.mr-50{margin-right:50px}
/*内边距*/
.pad-a{padding:0 auto}
.pad-a5{padding:5px}
.pad-a10{padding:10px}
.pad-a15{padding:15px}
.pad-a20{padding:20px}
.pad-a25{padding:25px}
.pad-a30{padding:30px}
.pad-a35{padding:35px}
.pad-a40{padding:40px}
.pad-a45{padding:45px}
.pad-a50{padding:50px}
.pad-t5{padding-top:5px}
.pad-t10{padding-top:10px}
.pad-t15{padding-top:15px}
.pad-t20{padding-top:20px}
.pad-t25{padding-top:25px}
.pad-t30{padding-top:30px}
.pad-t35{padding-top:35px}
.pad-t40{padding-top:40px}
.pad-t45{padding-top:45px}
.pad-t50{padding-top:50px}
.pad-b5{padding-bottom:5px}
.pad-b10{padding-bottom:10px}
.pad-b15{padding-bottom:15px}
.pad-b20{padding-bottom:20px}
.pad-b25{padding-bottom:25px}
.pad-b30{padding-bottom:30px}
.pad-b35{padding-bottom:35px}
.pad-b40{padding-bottom:40px}
.pad-b45{padding-bottom:45px}
.pad-b50{padding-bottom:50px}
.pad-l5{padding-left:5px}
.pad-l10{padding-left:10px}
.pad-l15{padding-left:15px}
.pad-l20{padding-left:20px}
.pad-l25{padding-left:25px}
.pad-l30{padding-left:30px}
.pad-l35{padding-left:35px}
.pad-l40{padding-left:40px}
.pad-l45{padding-left:45px}
.pad-l50{padding-left:50px}
.pad-r5{padding-right:5px}
.pad-r10{padding-right:10px}
.pad-r15{padding-right:15px}
.pad-r20{padding-right:20px}
.pad-r25{padding-right:25px}
.pad-r30{padding-right:30px}
.pad-r35{padding-right:35px}
.pad-r40{padding-right:40px}
.pad-r45{padding-right:45px}
.pad-r50{padding-right:50px}

/*竖向tab标签*/
.cx-h-tab{
    flex-wrap:nowrap;-ms-flex-wrap:nowrap;-webkit-flex-wrap:nowrap
}
.cx-h-tab-l{
    flex-grow: 0;
    border: 1px solid #dfdfdf;
    border-right: none;
}
.cx-h-tab-r{
    flex-grow: 2;
    padding: 10px;
    border: 1px solid #dfdfdf;
}
.cx-h-tab-con{
    width: 100%;
    display: none;
}
.cx-h-tab .cx-h-tab-title{
    display: flex;
    cursor: pointer;
    flex-grow: 1;
    font-size: 1.6rem;
    justify-content:center;-webkit-justify-content:center;
    align-items:center;-webkit-align-items:center;
    border-bottom: 1px solid #dfdfdf;
}
.cx-h-tab .cx-h-tab-title:last-child{
    border-bottom: none;
}
.cx-h-tab .cx-h-tab-title.open{
    background: #0ae;
    color: #fff;
    border-right: 1px solid #0ae;
    border-bottom: none;
}
.cx-h-tab-con.open{
    display: block;
}