@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0; list-style:none;}
body { max-width:650px; min-width:320px; font-family:Microsoft YAHEI; font-size:12px; color:#333; line-height:22px; background:#f5f5f5;}
a,a:hover { color:#333; text-decoration:none;}
::-webkit-input-placeholder { color:#666;} 
:-moz-placeholder { color:#666;} 
::-moz-placeholder { color:#666;}
:-ms-input-placeholder { color:#666;} 
input[type=button], input[type=submit], input[type=file], button { cursor:pointer; -webkit-appearance:none;}
textarea { -webkit-appearance:none;}

.clear { clear:both;}
.btn { display:block; float:none !important; width:90% !important; height:45px !important; line-height:45px !important; font-size:16px !important; color:#fff !important; text-align:center; margin:30px auto !important; border:none; border-radius:30px !important; background-image:linear-gradient(to right,#0d969e,#50d0d7) !important; cursor:pointer;}

/*字体及字体图标*/
@font-face {
	font-family:'FontAwesome';
  			src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  			src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), 
       			url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), 
	   			url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), 
	   			url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), 
	   			url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
 	font-weight:normal;
  	 font-style:normal;
}

@font-face {
  font-family: 'iconfont-air-conditioner';
  src: url('../fonts/iconfont-air-conditioner.woff2?t=1650008072336') format('woff2'),
       url('../fonts/iconfont-air-conditioner.woff?t=1650008072336') format('woff'),
       url('../fonts/iconfont-air-conditioner.ttf?t=1650008072336') format('truetype');
}
.iconfont-air-conditioner {
  font-family: "iconfont-air-conditioner" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*顶头*/
.mtktop { height:41px;}
.mtktop .top { width:100%; height:40px; line-height:40px; color:#333; text-align:center; border-bottom:1px solid #f4f4f4; background:#fff; position:fixed; left:0; top:0; z-index:99999;}
.mtktop .top a { display:block; width:50px; line-height:40px; font-family:"FontAwesome"; font-size:20px; position:absolute; left:0; top:0;}
.mtktop .top h1 { width:70%; font-size:16px; color:#666; margin:0 auto; font-weight:500;}

/*脚部*/
.foot { width:100%; height:60px;}
.foot .list { width:100%; height:55px; border-top:1px solid #f4f4f4; background:#fff; position:fixed; left:0; bottom:0; z-index:888;}
.foot .list li { float:left; width:calc(100% / 4); height:60px; border-left:1px solid #f4f4f4; box-sizing:border-box;}
.foot .list li a { display:block; width:100%; font-size:14px; color:#333; line-height:18px; text-align:center;}
.foot .list li a i { display:block; height:33px; line-height:38px; font-style:normal; font-family:"FontAwesome"; font-size:22px;}
.foot .list .on { border-color:#0d969e; background-image:linear-gradient(to right,#0d969e,#50d0d7);}
.foot .list .on a { color:#fff;}

/*首页*/
.mtk { width:90%; margin:30px auto 0 auto; border-radius:6px; overflow:hidden; position:relative;}
.mtk::before { display:block; content:""; width:80px; height:80px; border:10px solid rgba(255,255,255,0.15); border-radius:50%; position:absolute; right:-15px; top:-30px; z-index:0;}
.mtk::after { display:block; content:"\f105"; width:20px; height:20px; line-height:20px; text-indent:9px; font-family:"FontAwesome"; font-size:14px; color:#fff; margin:auto; border:1px solid #fff; border-radius:50%; position:absolute; right:10px; top:0; bottom:0; z-index:1;}
.mtk a { display:block; padding:20px 10px; color:#fff; position:relative; z-index:2;}
.mtk .img { float:left; width:50px; height:50px; line-height:50px; font-family:'FontAwesome'; font-size:30px; color:#333; text-align:center; padding:5px; border-radius:50%; background:#fff; overflow:hidden;}
.mtk .img img { display:block; width:50px; height:50px;}
.mtk .msg { padding-left:70px;}
.mtk .msg h3 { font-size:18px; line-height:30px; padding-top:3px;}
.mtk .msg p { font-size:14px; color:rgba(255,255,255,0.8); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.m01 { box-shadow:0 4px 8px rgba(40,144,249,0.4); background-image:linear-gradient(to right,#0d969e,#50d0d7);}
.m02 { box-shadow:0 4px 8px rgba(255,104,1,0.4); background-image:linear-gradient(to right,#ff6801,#ff9852);}
.m03 { box-shadow:0 4px 8px rgba(58,126,191,0.4); background-image:linear-gradient(to right,#3a7ebf,#4d9be6);}
.m04 { box-shadow:0 4px 8px rgba(236,81,80,0.4); background-image:linear-gradient(to right,#ec5150,#ff6766);}


/*表单*/
.form { width:100%; margin:0 auto;}
.form .uplicense { padding:10px 15px; margin-bottom:4px; background:#fff;}
.form .uplicense h3 { font-size:14px; line-height:30px; margin-bottom:10px;}
.form .uplicense .img { float:left; width:46.7%; min-height:15vh; border:1px solid #d5f0fc; border-radius:4px; background-color:#e2f4fc; background-position:center center; background-repeat:no-repeat; background-size:101%; position:relative;}
.form .uplicense .img::after { display:block; width:40px; height:25px; line-height:25px; font-size:12px; color:#fff; text-align:center; border-radius:6px 0 0 0; background:rgba(0,0,0,0.5); overflow:hidden; position:absolute; right:-1px; bottom:-1px; z-index:2;}
.form .uplicense .img img { display:block; width:100%; position:absolute; top:0; left:0; z-index:1;}
.form .uplicense .post { background-image:url(../images/post.svg);}
.form .uplicense .post::after { content:"正面";}
.form .uplicense .reve { margin-left:15px; background-image:url(../images/reve.svg);}
.form .uplicense .reve::after { content:"反面";}
.form li { width:100%; color:#000; border-bottom:1px solid #f4f4f4;}
/* .form li label { display:block; float:left; width:32%; font-size:16px; line-height:50px; padding:0 10px; background:rgba(255,255,255,0.6); box-sizing:border-box;} */
.form li label { display:block; float:left; width:28%; font-size:16px; line-height:50px; padding:0 10px; background:rgba(255,255,255,0.6); box-sizing:border-box;}
/* .form li input,.form li select,.form li .weui-cell__bd { float:right; width:68%; font-size:16px; padding:0 10px; height:50px; line-height:50px; color:#000; text-align:right; border:none; background:#fff; box-sizing:border-box;} */
.form li input,.form li select,.form li .weui-cell__bd { float:right; width:72%; font-size:16px; padding:0 10px; height:50px; line-height:50px; color:#000; text-align:right; border:none; background:#fff; box-sizing:border-box;}
.form li .layui-form-select { height:50px; line-height:50px; padding-right:20px;}
.form li .layui-form-select input { padding:0;} 
.form li .layui-form-select .layui-edge { right:0;}
.form li .layui-form-selected dl { text-align:center; padding:0;}
.form li .layui-form-select dl dd.layui-this { background-image:linear-gradient(to right,#0d969e,#50d0d7);}
.form li select { direction:rtl; appearance:none; -moz-appearance:none; -webkit-appearance:none;}
.form li textarea { display:block; width:100%; min-height:100px; font-family:Microsoft YAHEI; font-size:16px; padding:10px 15px; line-height:25px; color:#000; border:none; border-top:3px solid #f4f4f4; background:#fff; box-sizing:border-box;}
.form li select option { direction:rtl;}
.form p,.form .rgt { display:block; float:right; width:68%; font-size:16px; padding:0 15px; height:50px; line-height:50px; color:#000; text-align:right; border:none; background:#fff; box-sizing:border-box;}
.form .red { color:#fa5151;}
.form .red b { font-size:18px; margin-left:2px;}
.form .rgt span { display:inline-block; margin-left:20px; padding-left:25px; position:relative;}
.form .rgt span::after { display:block; content:"\f1db"; font-family:FontAwesome; font-size:22px; color:#d6cecc; width:15px; height:15px; position:absolute; left:0; top:1px; z-index:1;}
.form .rgt .on::after { content:"\f058"; color:#50d0d7;}
.form .rgt span input { float:left; width:auto; padding:0;}
.form .tips { width:auto; font-size:16px; padding:10px; line-height:25px; color:#fa5151; text-align:center;}

.form .carresul { padding-top:10px; border-top:4px solid #f4f4f4; border-bottom:1px solid #f4f4f4; background:#fff;}
.form .carresul h3 { padding:0 10px; font-size:16px; color:#333; line-height:30px; padding-bottom:5px; border-bottom:1px solid #f4f4f4;}
.form .carresul label { float:none; width:100%;}
.form .carresul .lst { width:100%;}
.form .carresul .lst span { display:inline-block; font-size:14px; color:#666; line-height:30px; padding:0 10px; margin:0 0 10px 10px; border:1px solid #ddd; border-radius:2px; position:relative; cursor:pointer;}
.form .carresul .lst span::before,.form .carresul .lst span::after { display:none; content:""; position:absolute; right:0; bottom:0;}
.form .carresul .lst span::before { width:0; height:0; border-style:solid; border-width:0 0 16px 16px; border-color:transparent transparent #50d0d7 transparent; z-index:0;}
.form .carresul .lst span::after { width:10px; height:10px; line-height:10px; content:"\f00c"; font-family:FontAwesome; font-size:10px; color:#fff; text-align:center; z-index:1;}
.form .carresul .lst .on { color:#50d0d7; border-color:#50d0d7;}
.form .carresul .lst .on::before,.form .carresul .lst .on::after { display:block;}

.form .weui-cell__bd span { color: #666666; padding: 0 5px;}
.form .codedetil .block { padding: 10px 0; background-color: #f8f8f8;}
.form .codedetil p { width: unset; height: unset; padding: 0 15px; float: unset; text-align: left;}
.form .codedetil input { text-align: center;}

/*我的*/
.mynamt { padding:25px 10px; margin-bottom:5px; background-image:linear-gradient(#0d969e,#50d0d7); position:relative;}
.mynamt .img { float:left; width:50px; height:50px; padding:5px; border-radius:50%; background:#fff; overflow:hidden;}
.mynamt .img img { display:block; width:50px; height:50px; border-radius:50%;}
.mynamt .msg { max-width:55%; padding:2px 0 0 70px;}
.mynamt .msg h3 { font-size:16px; color:#fff; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.mynamt .msg p { font-size:12px; color:rgba(255,255,255,0.8);}
.mynamt a { display:block; width:60px; height:30px; line-height:30px; color:rgba(255,255,255,0.8); text-align:center; border:1px solid rgba(255,255,255,0.5); border-radius:6px; position:absolute; top:40%; right:15px;}

.carinfor { line-height:30px; padding:5px 10px; margin-bottom:5px; background:#fff;}
.carinfor h3 { float:left; font-size:16px; color:#000;}
.carinfor a { float:right; font-size:12px; color:#999;}

.myhistory { padding:10px 0; background:#fff;}
.myhistory h3 { font-size:16px; color:#000; padding:0 10px; padding-bottom:5px; border-bottom:1px solid #f4f4f4;}
.myhistory ul { display:block; padding:0 5px;}
.myhistory li { float:left; width:calc(100% / 4); text-align:center;}
.myhistory li a { display:block; width:100%;}
/*.myhistory li a img { display:block; width:30px; margin:0 auto 5px auto;}*/
.myhistory li a i { display:block; height:40px; line-height:40px; font-style:normal; font-family:"FontAwesome"; font-size:25px;}
.myhistory li a p { font-size:16px; color:#333;}

/*历史记录*/
.wrapper { min-width:320px; max-width:750px; overflow:hidden; position:relative;}
.tanav { width:100%; height:41px; margin:0 auto; background:#fff; overflow:hidden; position:relative;}
.tanav .scroller { position:absolute}
.tanav .scroller li { float:left; height:40px; text-align:center; border-bottom:1px solid #f5f5f5;}
.tanav .scroller li a { display:block; padding:0 10px; line-height:40px; font-size:16px; color:#333;}
.tanav .scroller li.cur { border-color:#0d969e;}
.tanav .scroller li.cur a { color:#0d969e; font-weight:bold;}

.mymake { width:100%;}
.mymake .tit { line-height:45px; font-size:16px; color:#000; margin-top:5px; padding:0 10px; background:#fff;}
.mymake li { font-size:16px; color:#999; padding-top:10px; line-height:25px; margin-top:1px; margin-bottom:2px; border-bottom:1px solid #eee; overflow:hidden; background:#fff; position:relative;}
.mymake li i { display:block; font-style:normal; font-size:12px; color:#333; width:50px; height:30px; line-height:30px; text-align:center; background:#fafafa; position:absolute; left:10px; bottom:10px;}
.mymake li i::after { display:block; content:""; width:20px; height:1px; background:#ddd; position:absolute; left:-10px; bottom:15px;}
.mymake li .p { padding:5px 10px; clear:both; position:relative; z-index:2;}
.mymake li .p span { float:left; width:30%;}
.mymake li .p b { display:block; float:right; width:69%; color:#000; font-weight:500; text-align:right; margin-right:3px;}
.mymake li .btns { height:32px; margin-top:10px; padding:10px; text-align:center; border-top:1px solid #f6f6f6; background:#fff;}
.mymake li .btns a { display:block; float:right; height:30px; line-height:30px; padding:0 15px; margin-left:10px; font-size:14px; color:#fff; border:1px solid #0d969e; border-radius:15px; background-image:linear-gradient(to right,#0d969e,#50d0d7); cursor:pointer;}
.mymake li .btns .cancel { border-color:#ecd34b; background-image:linear-gradient(to right,#ecd34b,#e4bf18);}
.mymake li .btns .exchang { border-color:#01be6c; background-image:linear-gradient(to right,#0eda81,#01be6c);}
.mymake li .btns .qrcode { border-color:#68696c; background-image:linear-gradient(to right,#68696c,#909192);}
.mymake li .btns .recheck { border-color:#ec5150; background-image:linear-gradient(to right,#ec5150,#ff6766);}
.mymake li .btns .edit { border-color:#bbb; color:#666; background:none;}
.mymake li .btns .delet { border-color:#e64442; color:#e64442; background:none;}
.mymake li .stat { padding-top:10px; position:relative;}
.mymake li .stat img { display:block; width:125px; filter:alpha(opacity=10); opacity:0.1; position:absolute; right:70px; bottom:65px; z-index:6;}
.mymake li .statdetil { width:100%; padding-bottom:10px;}
.mymake li .statdetil h3 { padding:0 10px; font-size:16px; color:#333; line-height:30px;}
.mymake li .statdetil p { padding-left:5px;}
.mymake li .statdetil span { display:inline-block; font-size:14px; color:#666; line-height:35px; padding:0 10px; margin:10px 0 0 5px; border:1px solid #ddd; border-radius:2px; background:#fafafa;}
.mymake li .meg { font-size:12px; color:#999; line-height:25px; padding:10px; margin-top:5px; border-top:1px solid #f4f4f4; background:#fbfbfb;}

.wit95 li { width:95%; margin:0 auto; border-radius:6px; box-shadow:0 0 8px rgba(0,0,0,0.05); box-sizing:border-box; background:#fff; overflow:hidden;}
.opera { width:95%; margin:15px auto; border-radius:6px; box-shadow:0 0 8px rgba(0,0,0,0.05); box-sizing:border-box; background:#fff; overflow:hidden;}
.opera .lit { padding-left:25px; margin:15px; position:relative;}
.opera .lit::after { display:block; content:""; width:1px; height:97px; background:#0d969e; position:absolute; left:5px; top:5px;}
.opera .lit:last-child::after { height:72px;}
.opera .lit span { display:block; line-height:25px; font-size:12px; color:#bbb; position:relative;}
.opera .lit span::after { display:block; content:""; width:10px; height:3px; margin:auto; background:#0d969e; position:absolute; left:-20px; top:0; bottom:0;}
.opera .lit span b { font-size:14px; color:#000; font-weight:500;}

.showhist { width:95%; margin:15px auto; padding:10px; border-radius:6px; box-shadow:0 4px 8px rgba(40,144,249,0.4); background-image:linear-gradient(to right,#0d969e,#50d0d7); box-sizing:border-box; position:relative;}
.showhist .p { color:#fff; padding:5px 10px; clear:both; position:relative; z-index:2;}
.showhist .p span { float:left; font-size:14px; width:25%; color:rgba(255,255,255,0.8);}
.showhist .p b { display:block; float:right; width:75%; font-size:16px; color:#fff; font-weight:500;}
.showhist .p .wt { color:#fff; font-weight:bold;}
.showhist .stat { width:100%; height:100%; position:absolute; right:0; top:0; z-index:0;}
.showhist .stat img { display:block; width:125px; filter:alpha(opacity=20); opacity:0.2; position:absolute; right:5px; top:15px; z-index:6;}
.showhist .statdetil { width:100%; padding-bottom:10px;}
.showhist .statdetil h3 { padding:0 10px; font-size:14px; color:#333; line-height:30px;}
.showhist .statdetil p { padding-left:5px;}
.showhist .statdetil span { display:inline-block; color:#666; line-height:25px; padding:0 15px; margin:10px 0 0 5px; border:1px solid #ddd; border-radius:2px; background:#fafafa;}

.codedetil { width:95%; margin:15px auto 0 auto; border-radius:6px; box-shadow:0 0 8px rgba(0,0,0,0.05); background:#fff; overflow:hidden;}
.codedetil p { font-size:14px; line-height:25px; color:#999; padding:10px 15px; background:#f8f8f8;}
.codedetil .img { width:100%; margin:10px auto;}
.codedetil .img img { display:block; width:90%; margin:0 auto; border-radius:6px; background:#fff;}
.codedetil h3 { font-size:16px; color:#000; text-align:center; line-height:30px; margin-bottom:15px;}
.codedetil h2 { font-size:18px; color:#f00; text-align:center; line-height:30px; margin:10px 0 0 0;}

.codedetil .file-item { position:relative;}
.codedetil .file-item .imgWrap { padding:10px;}
.codedetil .file-item .imgWrap img { display:block; max-width:100%;} 
.codedetil .file-item .info { font-size:14px; line-height:25px; color:#999; padding:10px; background:#f8f8f8;}
.codedetil .file-item .file-panel { width:50px; height:45px; line-height:45px; font-size:14px; color:#fff; text-align:center; border-radius:4px 0 0 4px; background:rgba(13,150,158,0.8); position:absolute; right:5px; top:5px;}
 
.yuycheck { width:140px; height:110px; filter:alpha(opacity=20); opacity:0.3; background:url(../images/mtk_13.png) no-repeat 0 0 / 100%; position:absolute; right:10%; bottom:60px; z-index:0;}

.reinspec { display:block; width:90%; height:40px; line-height:40px; font-size:16px; color:#fff; text-align:center; margin:20px auto; border:none; border-radius:20px; border:1px solid #ec5150; box-shadow:0 4px 8px rgba(236,81,80,0.4); background-image:linear-gradient(to right,#ec5150,#ff6766);}
.layui-flow-more { padding:15px; font-size:16px; color:#666; line-height:40px; text-align:center;}

.blue { font-weight:bold !important; color:#0d969e !important;}
.waring { font-weight:bold !important; color:#f76260 !important;}
.green { font-weight:bold !important; color:#09bb07 !important;}
.yelow { font-weight:bold !important; color:#ff9c00 !important;}

/*车辆信息管理*/
.msgfot { width:100%; height:65px;}
.msgfot .msgbtn { width:100%; height:60px; border-top:1px solid #eee; background:#fff; position:fixed; left:0; right:0; bottom:0; z-index:999;}
.msgfot .msgbtn a { display:block; margin:8px auto !important;}

/*WeUI 样式修改*/
.weui-cells { margin-top:0;}
.weui-cells::after { display:none;}
.codedetil .weui-uploader__title { font-weight:bold; font-size:16px; color:#333; padding:0 0 0 15px; background:none; position:relative;}
.codedetil .weui-uploader__title::after { display:block; content:""; width:3px; height:15px; background:#0d969e; position:absolute; left:0; top:5px;}
.codedetil .webuploader-pick { width:85px; height:85px; line-height:80px; padding:0; background:#0d969e;}
.codedetil .webuploader-pick i { font-style:normal; font-size:50px;}

.weui-half-screen-dialog { max-height:70%; border-radius:0;}
.weui-half-screen-dialog__bd { padding-bottom:15px;}
.weui-btn { font-size:16px; font-weight:500; border-radius:30px;}
.weui-btn_primary { background-image:linear-gradient(to right,#0d969e,#50d0d7);}
.weui-half-screen-dialog__ft { padding-bottom:10px;}
.weui-half-screen-dialog__bd { font-size:22px;}
.layui-flow-more cite { font-style:normal; font-size:16px; color:#666; letter-spacing:2px;}

/*************员工主页***********/
/*登录*/
.login { width:85%; padding:100px 7.5% 0 7.5%; margin:0 auto; overflow:hidden; position:relative;}
.login::before,.login::after { display:block; content:""; border-radius:50%; background-image: linear-gradient(to right,#0d969e,#50d0d7) !important; position:absolute;}
.login::before { width:180px; height:180px; filter:alpha(opacity=20); opacity:0.2; right:-60px; top:-60px; z-index:1;}
.login::after { width:150px; height:150px; right:-50px; top:-50px; z-index:2;}
.login h3,.login h1 { font-size:30px; color:#333; line-height:50px; font-weight:500; margin-bottom:50px;}
.login h1 { line-height:40px; margin-bottom:30px;}
.login h3 b,.login h1 b { color:#0d969e; margin-left:5px;}
.login input { display:block; width:86%; height:50px; line-height:50px; font-size:14px; color:#333; padding:0 20px; margin-bottom:15px; border:none; border-radius:25px; background:#f4f4f4;}
.login .btn { width:100% !important;}

.stafmy { width:100%;}
.stafmy li { width:90%; margin:20px auto; padding:15px; box-shadow:0 2px 5px rgba(0,0,0,0.1); border-radius:4px; box-sizing:border-box; overflow:hidden; position:relative;}
.stafmy li::before { display:block; content:""; width:80px; height:80px; border:10px solid rgba(255,255,255,0.15); border-radius:50%; position:absolute; right:-15px; top:-30px; z-index:0;}
.stafmy li a { display:block; width:100%;}
.stafmy li .img { float:left; width:40px; height:40px; line-height:40px; font-family:'FontAwesome'; font-size:36px; color:#333; text-align:center; padding:10px; border-radius:50%; box-shadow:0 2px 5px rgba(0,0,0,0.1); overflow:hidden; background:#fff;}
.stafmy li .img img { display:block; width:100%;}
.stafmy li .msg { padding-left:75px; position:relative;}
.stafmy li .msg h3 { font-size:18px; color:#fff; line-height:35px; letter-spacing:2px;}
.stafmy li .msg p { font-size:12px; color:rgba(255,255,255,0.6);}

.stafmy .user .img { width:60px; height:60px; padding:0px;}
.stafmy .user .msg a { width:50px; height:30px; line-height:30px; font-size:14px; color:#fff; text-align:center; letter-spacing:4px; margin:auto; border:1px solid rgba(255,255,255,0.3); border-radius:4px; background:rgba(255,255,255,0.2); position:absolute; right:0; top:0; bottom:0; z-index:2;}
.stafmy .user .msg p { font-size:14px; color:#fff;}

.stafmy .user .botm { width:100%; overflow:hidden;}
.stafmy .user .botm dl { float:left; width:calc(100% / 2); text-align:center; padding:15px; margin-top:15px; box-sizing:border-box; position:relative;}
.stafmy .user .botm dl::after { display:block; content:""; width:1px; height:40%; background:rgba(255,255,255,0.4); position:absolute; left:-1px; top:30%;}
.stafmy .user .botm dl dd { font-size:16px; color:#fff; font-weight:bold;}
.stafmy .user .botm dl dt { font-size:12px; color:rgba(255,255,255,0.6);}

.stafmy .nv01 { box-shadow:0 4px 8px rgba(40,144,249,0.4); background-image:linear-gradient(to right,#0d969e,#50d0d7);}
.stafmy .nv02 { box-shadow:0 4px 8px rgba(224,190,40,0.4); background-image:linear-gradient(to right,#e4bf18,#ecd34b);}
.stafmy .nv03 { box-shadow:0 4px 8px rgba(236,81,80,0.4); background-image:linear-gradient(to right,#ec5150,#ff6766);}
.stafmy .nv04 { box-shadow:0 4px 8px rgba(8,165,112,0.4); background-image:linear-gradient(to right,#08a570,#13b881);}
.stafmy .nv05 { box-shadow:0 4px 8px rgba(58,126,191,0.4); background-image:linear-gradient(to right,#3a7ebf,#4d9be6);}
.stafmy .nv06 { box-shadow:0 4px 8px rgba(255,104,1,0.4); background-image:linear-gradient(to right,#ff6801,#ff9852);}
.stafmy .nv07 { box-shadow:0 4px 8px rgba(88,88,181,0.4); background-image:linear-gradient(to right,#5858b5,#7979de);}

/*键盘样式*/
.ul_pro { padding:10px 2px !important;}
.ul_pro li { width:calc(100% / 7) !important; padding:4px 3px !important;}
.ul_keybord li { padding:4px 3px !important;}
.ul_pro li span,.ul_keybord li span { box-shadow:0px 2px 2px rgba(0,0,0,0.1) !important;}

/*联系我们*/
.contact { padding:20px 15px;}
.contact li { width:100%; margin-bottom:25px; padding-bottom:25px; border-bottom:1px solid #e6e6e6;}
.contact li h3 { font-size:18px; color:#333; line-height:30px;}
.contact li p { font-size:14px; color:#333; line-height:25px; margin-top:10px;}
.contact li p a { display:inline-block; margin-right:30px;}

/*文章列表*/
.article { line-height: 50px; background-color: #fff;}
.article li { border-bottom: 1px solid #f6f6f6; text-align: center;}
.article a { display: flex; justify-content: space-between; font-size: 16px;}
.article a::before { content:""; display: block; width: 5px; height: 5px; border-radius: 50%; margin: 22.5px 10px 0; background-color: #50d0d7;}
.article .tit { width: 70%; font-size: 16px; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.article .time { width: 30%; font-size: 14px;}
/* .article .search { width: 100%; padding: 10px 0; font-size: 14px; background-color: #fff; display: flex; justify-content: space-around;} */
/* .article .search input { box-sizing: border-box; outline: none; width: 70%; padding: 0 10px; border: 1px solid #0d969e; border-radius: 15px; height: 30px; line-height: 30px;} */
/* .article .search button { box-sizing: border-box; color: #fff; width: 20%; border: 1px solid #0d969e; background-image: linear-gradient(to right,#0d969e,#50d0d7); border-radius: 15px; height: 30px; line-height: 30px;} */

/*分页*/
.pagination { display: flex; justify-content: center; text-align: center; margin-top: 20px;}
.pagination .active { background-color: #0d969e; border-color: #0d969e; color: #fff;}
.pagination li { box-sizing: border-box; padding: 0 10px; margin: 0 5px; line-height: 30px; border: 1px solid #eee; background-color: #fff;}

/*文章内容*/
.article-show { padding: 10px; background-color: #fff;}
.article-show .tit { font-size: 18px; line-height: 30px;}
.article-show .info { margin-bottom: 10px; line-height: 30px; font-size: 14px;}
.article-show .info span{ font-size: 12px;}
.article-show .info i{ display: inline; padding-left: 10px;}
.article-show .info .iconfont-air-conditioner{ font-weight: 700;}
.article-show .info img { display: block; max-width: 100%;}
.article-show .brief { padding: 10px 15px; background-color: #f5f5f5;}
.article-show .brief b { font-weight: 700;}
.article-show .control { display: flex; justify-content: space-between; margin-top: 45px;}
.article-show .control .prev, .article-show .control .next { width: 160px; padding: 0 5px; text-align: center; line-height: 35px; border: 1px solid #eeeeee; background-color: #f5f5f5;}

/* 维修中页面 */
.fix { padding-top: 200px; color: #999; font-size: 35px; font-weight: 700; letter-spacing: 5px; text-align: center;}
.fix img { width: 160px; padding: 45px;}

.weui-clear { overflow: unset; padding-bottom: 1px;}


.lh { line-height:30px; font-size:14px; color:#333; text-align:justify;}
.lh img { max-width:100%; height:auto !important;}
.lh ul,.lh ol { padding:revert; padding-left:25px;}
.lh li { list-style: inherit;}
.lh table { border-spacing:0px; border-top:1px solid black; border-left:1px solid black;}
.lh table td { text-align:center; vertical-align:middle; border-right:1px solid black; border-bottom:1px solid black;}