@charset "UTF-8";
/*本文件为CSS默认通用文件，h5和web均可使用*/
/* CSS Document  375pt-750px-iphone6/7/8 公司默认设计稿基准*/
/* bootstrap-3.3.7 统一设置在各种屏幕下的html的font-size大小为10px（建议采用js来根据屏幕的逻辑像素大小动态设置）；*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,input{margin:0;padding:0;}
a{text-decoration:none;color:black;}
table{border-collapse:collapse;border-spacing:0;}
ol,ul,li{list-style:none;}
body{font-family: Microsoft Yahei;color: #2a2a2a;}
img{border:none;}
button{cursor:pointer;}
input::-ms-clear{display:none;}

/*设置input的placeholder属性文本居中*/
/*.search-input:-ms-input-placeholder{ text-align: center; }
.search-input::-webkit-input-placeholder {text-align: center; }*/

/*显示、隐藏*/
/* "display" 属性来创建不占据页面空间的不可见元素*/
/*visibility 属性规定元素是否可见。即使不可见的元素也会占据页面上的空间。*/
.disN{display:none !important;}
.disB{display:block !important;}
.disL{display:inline-block !important;}
.visN{visibility:hidden !important;}/*不可见*/
.visB{visibility:visible!important;/*可见*/ }

/*图片自适应容器大小*/
.img-responsive{display: block;width: 100%;height: auto;vertical-align: middle;}

/*字体自适应容器宽度，前提是需要设定内容所在容器的宽度*/
.length-auto{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.text-indent-1 {text-indent: 0.8cm;}
.line-height2 {line-height: 2;}
.line-height1f {line-height: 1.5;}


/*圆角*/
.radius4{border-radius: 4px!important;}
.radius2{border-radius: 2px!important;}

/*边框（仅供参考：该样式应该在具体项目中进行重写）*/
.bd-all-dcdcdc{border: solid 1px #dcdcdc!important;}
.bd-left-dcdcdc{border-left: solid 1px #dcdcdc!important;}
.bd-right-dcdcdc{border-right: solid 1px #dcdcdc!important;}
.bd-top-dcdcdc{border-top: solid 1px #dcdcdc!important;}
.bd-bottom-dcdcdc{border-bottom: solid 1px #dcdcdc!important;}
.bd-top-d2d2d2{border-top: solid 1px #d2d2d2!important;}
.bd-bottom-d2d2d2{border-bottom: solid 1px #d2d2d2!important;}

.border0{border:0;}

/*宽度占比，用该样式时建议把水平内边距给去掉，并且需要注意容器边框的宽度*/
.width-p100,.width-full{width: 100%!important;padding-left: 0!important;padding-right: 0!important;}
.width-p90{width: 90%!important;padding-left: 0!important;padding-right: 0!important;}
.width-p89{width: 89%!important;padding-left: 0!important;padding-right: 0!important;}
.width-p80{width: 80%!important;padding-left: 0!important;padding-right: 0!important;}
.width-p79{width: 79%!important;padding-left: 0!important;padding-right: 0!important;}
.width-p70{width: 70%!important;padding-left: 0!important;padding-right: 0!important;}
.width-p69{width: 69%!important;padding-left: 0!important;padding-right: 0!important;}
.width-p60{width: 60%!important;padding-left: 0!important;padding-right: 0!important;}
.width-p59{width: 59%!important;padding-left: 0!important;padding-right: 0!important;}
.width-p50,.width-half{width: 50%!important;padding-left: 0!important;padding-right: 0!important;}
.width-p49{width: 49%!important;padding-left: 0!important;padding-right: 0!important;}
.width-p40{width: 40%!important;padding-left: 0!important;padding-right: 0!important;}
.width-p39{width: 39%!important;padding-left: 0!important;padding-right: 0!important;}
.width-p30{width: 30%!important;padding-left: 0!important;padding-right: 0!important;}
.width-p29{width: 29%!important;padding-left: 0!important;padding-right: 0!important;}
.width-p20{width: 20%!important;padding-left: 0!important;padding-right: 0!important;}
.width-p19{width: 19%!important;padding-left: 0!important;padding-right: 0!important;}
.width-p10{width: 10%!important;padding-left: 0!important;padding-right: 0!important;}
.width-p9{width: 9%!important;padding-left: 0!important;padding-right: 0!important;}
.width-p8{width: 8%!important;padding-left: 0!important;padding-right: 0!important;}
.width-p7{width: 7%!important;padding-left: 0!important;padding-right: 0!important;}
.width-auto{width: auto!important;padding-left: 0!important;padding-right: 0!important;}

/*字体大小，其中-**为应用于h5页面的字体适配选择器*/
.font-super{font-size: 36px;}
.font36{font-size: 36px!important;}
.font-biggest{font-size: 24px;}
.font24{font-size: 24px!important;}
.font22{font-size: 22px!important;}
.font20{font-size: 20px!important;}
.font-bigger{font-size: 18px;}
.font18{font-size: 18px!important;}
.font-big{font-size: 16px;}
.font16{font-size: 16px!important;}
.font-normal{font-size: 14px;}
.font14{font-size: 14px!important;}
.font-sm{font-size: 12px;}
.font12{font-size: 12px!important;}
.font-xs{font-size: 10px;}
.font10{font-size: 10px!important;}
.fontB{font-weight: bold!important;}
.fontBer{font-weight: bolder!important;}

/*文本对齐*/
.tal{text-align: left!important;}
.tar{text-align: right!important;}
.tac{text-align: center!important;}
.taj{text-align: justify!important;}

/*按钮*/
.btn{display: inline-block;height:38px;line-height: 38px;padding: 0 18px; text-align: center;white-space: nowrap;border: 1px solid #d2d2d2;background-color: #ffffff; border-radius: 4px;font-size: 14px;cursor: pointer;}
.btnB{display: inline-block;height:38px;line-height: 38px;padding: 0 18px; text-align: center;white-space: nowrap;border: 1px solid #2074cd;color:#2074cd;background-color: #ffffff; border-radius: 2px;font-size: 14px;cursor: pointer;}
.btn25{display: inline-block;height:25px;line-height: 25px;padding: 0 5px; text-align: center;white-space: nowrap;border: 1px solid #2074cd;color:#2074cd;background-color: #ffffff; border-radius: 4px;font-size: 14px;cursor: pointer;}
.btn25L{display: inline-block;height:25px;line-height: 25px;padding: 0 18px; text-align: center;white-space: nowrap;border: 1px solid #2074cd;color:#ffffff;background-color: #2074cd; border-radius: 2px;font-size: 14px;cursor: pointer;}
.btnN{display: inline-block;height:38px;line-height: 38px;padding: 0 18px; text-align: center;white-space: nowrap;border: 1px solid #eeeeee;background-color: #eeeeee; border-radius: 4px;font-size: 14px;cursor: pointer;color: #4e4e4e;}
.btn+.btn{margin-left: 0.1rem;}
/*.btn+.btn{margin-left: 10px;}*/
.btn:hover{border-color: #adadad;}
/*尺寸*/
.btn-full{width: 100%;padding: 0!important;margin: 0!important;}
.btn-big{height:44px;line-height: 44px;padding: 0 25px;font-size: 16px;}
.btn-small{height:30px;line-height: 30px;padding: 0 10px;font-size: 12px;}
.btn-mini{height:22px;line-height: 22px;padding: 0 5px;font-size: 12px;}

.btn-h5-w345{display: block;width: 6.88rem;height: 0.86rem;line-height: 0.86rem;margin: 0 auto!important;padding: 0!important;}
.btn-h5-w180{width: 3.58rem;height: 0.68rem;line-height: 0.68rem;}
.btn-h5-w60{width: 1.18rem;height: 0.58rem;line-height: 0.58rem;}

.btn-dashed{border-style: dashed;}
/*颜色*/
.btn-h5-default{background-color: #fbfafc;color: #2a2a2a;}
.btn-h5-defaultL{border:1px solid #2a2a2a;color: #2a2a2a;}
.btn-h5-primary{background-color: #09bb07;color: #ffffff;}
.btn-h5-primaryL{border:1px solid #09bb07;color: #09bb07;}
.btn-h5-warn{background-color: #e94f4f;color: #ffffff;}

.btn-reset,.btn-h5-reset{background-color: #dfdfdf;color: #666666;}
.btn-disable,.btn-h5-disable{background-color: #fbfafc;color: #cccccc;cursor: not-allowed;}

.btn-static{background-color: #009944;color: #ffffff;}
.btn-dynamic{background-color: #1184d5;color: #ffffff;}
.btn-warn{background-color: #FFB800;color: #ffffff;}
.btn-danger{background-color: #FF5722;color: #ffffff;}
.btn-none{background-color: #f2f2f2;color:#acacac;cursor: default;}

.btn-selected{background-color:#409eff;;color: #ffffff;}
.btn-static:hover,.btn-dynamic:hover,.btn-warn:hover,.btn-danger:hover,.btn-reset:hover,.btn-selected:hover{opacity: 0.8;}

/*鼠标悬浮*/
.hover-opacity8:hover{opacity: 0.8;cursor: pointer;}
.hover-opacity6:hover{opacity: 0.6;cursor: pointer;}

.hover-1184d5:hover{color: #1184d5;cursor: pointer;}
.hover-1184d5-line:hover{text-decoration: underline;color: #1184d5;cursor: pointer;}
.hover-ff5722:hover{color: #ff5722;cursor: pointer;}
.hover-ff5722-line:hover{text-decoration: underline;color: #ff5722;cursor: pointer;}
.hover-line:hover{text-decoration: underline;cursor: pointer;}

.hover-bold:hover{font-weight: bold;cursor: pointer;}
.hover-bolder:hover{font-weight: bolder;cursor: pointer;}

.hover-static:hover{background-color: #009944;color: #ffffff;cursor: pointer;}
.hover-dynamic:hover{background-color: #1184d5;color: #ffffff;cursor: pointer;}
.hover-warm:hover{background-color: #FFB800;color: #ffffff;cursor: pointer;}
.hover-danger:hover{background-color: #FF5722;color: #ffffff;cursor: pointer;}

/*当前选中（仅供参考：该样式应该在具体项目中进行重写）*/
.current-selected-1{border: solid 1px #cccccc;border-radius: 4px;font-weight: bold;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.current-selected-2{background-color: #fff;color: #004268!important;}
.current-selected-3{color: #004268!important;}

/*表格*/
.table{width: 100%;text-align: center;font-size: 14px;color: #444;}
.table-tr:hover{background-color: #f5f5f5;}
.table-th,.table-td{height: 39px;line-height:39px ;border: solid 1px #e6e6e6;text-align: center; }
.table-th,.table-td-tag{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.table-th{background-color: #f2f2f2;}
.table-td-tag{width: 10%;max-width: 120px;text-align: right;padding-right: 10px; background-color: #f2f2f2;}
.table-td-value{text-align: left;padding-left: 10px;}
.errorMsg{color: #FF5722;}

/*表单控件样式*/
.form-input,.form-select{padding-left: 10px;height: 36px;line-height: 36px;color: #2a2a2a;background-color: #ffffff;border: 1px solid #cccccc;font-family: Microsoft Yahei;border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
.form-cirInput{padding-left: 10px;height: 36px;line-height: 36px;color: #2a2a2a;border:none;background-color: #ffffff;font-family: Microsoft Yahei;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
.form-cirInput-box{border: 1px solid #cccccc;border-radius: 30px;}
.form-input-full,.form-select-full{width: 85%!important;}/*预留间距空间*/
.form-input-half,.form-select-half{width: 50%!important;}
.form-input-w500,.form-select-w500{width: 500px!important;}
.form-input-w300,.form-select-w300{width: 300px!important;}
.form-input-w200,.form-select-w200{width: 200px!important;}
.form-input-w100,.form-select-w100{width: 100px!important;}

.form-radio,.form-checkBox{width: 18px;height: 18px;vertical-align: sub;cursor: pointer;}
.form-radio:checked,.form-checkBox:checked{background-color: #1184d5;}
.form-textarea{min-height: 200px;resize: vertical;padding: 6px 10px;text-align: justify;border-radius: 4px;outline: 0;-webkit-appearance: none;transition: all .3s;-webkit-transition: all .3s;border-width: 1px;border-color: #D2D2D2 !important;border-style: solid;}

.form-input::-ms-clear{display:none;}
.form-input:focus,.form-select:focus,.form-textarea:focus{border-color: #66afe9;outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
/*.form-radio:checked,.form-checkBox:checked{background-color: #0abb07;}*/

.fz12{font-size:12px !important;}
.fz13{font-size:13px !important;}
.fz14{font-size:14px !important;}
.fz16{font-size:16px !important;}
.fz18{font-size:18px !important;}
.fz20{font-size:20px !important;}
.fz22{font-size:22px !important;}
.fz24{font-size:24px !important;}
.fz25{font-size:25px !important;}
.fz26{font-size:26px !important;}
.fz28{font-size:28px !important;}
.fz30{font-size:30px !important;}
.fz32{font-size:32px !important;}
.fz34{font-size:34px !important;}
.fz36{font-size:36px !important;}
.fz38{font-size:38px !important;}
.fz40{font-size:40px !important;}
.fz50{font-size:50px !important;}
.fz60{font-size:60px !important;}

/*!
*常用宽度
*/
.w-5 {
  width: 5% !important;
}

.w-10 {
  width: 10% !important;
}

.w-15 {
  width: 15% !important;
}

.w-20 {
  width: 20% !important;
}

.w-25 {
  width: 25% !important;
}

.w-30 {
  width: 30% !important;
}

.w-35 {
  width: 35% !important;
}

.w-40 {
  width: 40% !important;
}

.w-45 {
  width: 45% !important;
}

.w-50 {
  width: 50% !important;
}

.w-55 {
  width: 55% !important;
}

.w-60 {
  width: 60% !important;
}

.w-65 {
  width: 65% !important;
}

.w-70 {
  width: 70% !important;
}

.w-75 {
  width: 75% !important;
}

.w-80 {
  width: 80% !important;
}

.w-85 {
  width: 85% !important;
}

.w-90 {
  width: 90% !important;
}

.w-95 {
  width: 95% !important;
}

.w-100 {
  width: 100% !important;
}

.w-fit {
  max-width: 100% !important
}

.w-full {
  width: 100% !important
}

.w-auto {
  width: auto !important;
}

/* 1/3 */
.one-third {
  width: 33.333333%
}

/* 2/3 */
.two-thirds {
  width: 66.666667%
}

/* 1/4 */
.one-fourth {
  width: 25%
}

/* 1/2 */
.one-half {
  width: 50%
}

/* 3/4 */
.three-fourths {
  width: 75%
}

/* 1/5 */
.one-fifth {
  width: 20%
}

/* 4/5 */
.four-fifths {
  width: 80%
}

/*!
* 局中
*/
.centered {
  display: block;
  float: none;
  margin-right: auto;
  margin-left: auto
}

/*!
* 常用高度
*/
.h-5 {
  height: 5% !important;
}

.h-10 {
  height: 10% !important;
}

.h-15 {
  height: 15% !important;
}

.h-20 {
  height: 20% !important;
}

.h-25 {
  height: 25% !important;
}

.h-30 {
  height: 30% !important;
}

.h-35 {
  height: 35% !important;
}

.h-40 {
  height: 40% !important;
}

.h-45 {
  height: 45% !important;
}

.h-50 {
  height: 50% !important;
}

.h-55 {
  height: 55% !important;
}

.h-60 {
  height: 60% !important;
}

.h-65 {
  height: 65% !important;
}

.h-70 {
  height: 70% !important;
}

.h-75 {
  height: 75% !important;
}

.h-80 {
  height: 80% !important;
}

.h-85 {
  height: 85% !important;
}

.h-90 {
  height: 90% !important;
}

.h-95 {
  height: 95% !important;
}

.h-100 {
  height: 100% !important;
}

.h-fit {
  max-height: 100% !important
}

.h-full {
  height: 100% !important
}


.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}

.page a{height:30px;display:inline-block;color:#999;font-size:14px;background:#fff;padding:0 10px;margin:0 10px;line-height:30px;}
.page .las{background:url(../img/client/las.png) #fff center center no-repeat;color:#fff;}
.page .nex{background:url(../img/client/nex.png) #fff center center no-repeat;color:#fff;}