@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;}
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-indent2{text-indent: 2em;}
.line-height-2{line-height: 2;}
.line-height-1f{line-height: 1.5;}

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

/*边框（仅供参考：该样式应该在具体项目中进行重写）*/
.bd-all-dcdcdc{border: solid 1px #dcdcdc!important;}
.bd-all-dcdcdc-2{border: solid 2px #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;}

/*宽度占比，用该样式时建议把水平内边距给去掉，并且需要注意容器边框的宽度*/
.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-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;}
.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;}
.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-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;opacity: 0.8;}
.btn-dynamic{background-color: #1184d5;color: #ffffff;opacity: 0.8;}
.btn-warn{background-color: #FFB800;color: #ffffff;opacity: 0.8;}
.btn-danger{background-color: #FF5722;color: #ffffff;opacity: 0.8;}
.btn-static:hover,.btn-dynamic:hover,.btn-warn:hover,.btn-danger:hover,.btn-reset:hover{opacity: 1;}

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

.hover-1184d5:hover{color: #1184d5!important;cursor: pointer;}
.hover-1184d5-line:hover{text-decoration: underline;color: #1184d5!important;cursor: pointer;}
.hover-ff5722:hover{color: #ff5722!important;cursor: pointer;}
.hover-ff5722-line:hover{text-decoration: underline;color: #ff5722!important;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;background-color: #f2f2f2;}
.table-td-tag{width: 10%;max-width: 120px;text-align: right;padding:0 10px;}
.table-td-value{text-align: left;padding:0 10px;}
.errorMsg{color: #FF5722!important;}

/*表单控件样式*/
.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-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-input-w60,.form-select-w60{width: 60px!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;}

.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;}*/

.hover-cursor{cursor:pointer;}