html,body{width:100%;height:100%;background:#fff}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, img {border:medium none;margin:0;padding:0}
h1, h2, h3, h4, h5, h6{font-size:100%}
em{font-style:normal}
ul, ol, li{list-style:none}
a{text-decoration:none;}
img{border:0}
table{ border-collapse:collapse;border-spacing:0}
*{margin:0;padding:0}
@media (max-width: 768px) {
.login{width: 90% !important; margin: 10vh auto 0 !important;}
.login_wbk1{ width: 81% !important;}
#wrap>ul>li{ width: 110px !important;}
#wrap #img{ width: 108px !important;}
.index1b ul li a img{ width: 65px;}
}
/*-- 登陆 --*/
.layout{float: left; width: 100%;}
.login{width: 500px; margin: 10% auto 0;}
.login_n{float: left; width: 100%; background: #fff; border-radius: 8px; box-shadow: 0px 0px 10px #a5a5a5; padding: 8vh 0;}
.login_n1{float: left; width: 100%; text-align: center;}
.login_n1 img{ width: 70%;}
.login_n2{float: left; width: 80%; padding: 0 10%; margin-top: 20px;}
.login_n2 ul li{float: left; width: 100%; border-bottom: 1px solid #efefef; margin-top: 2vh;}
.login_n2 ul li b{float: left; text-align: center; width: 47px;}
.login_n2_img1{float: left; margin-top: 12px; margin-left: 20px;}
.login_wbk1{float: left; width: 83%; height: 50px; margin-left: 5%; font-family: "微软雅黑"; font-size: 15px; color: #000000; outline:none;}
.login_wbk3{float: left; width: 53%; height: 50px; margin-left: 5%; font-family: "微软雅黑"; font-size: 15px; color: #000000; outline:none;}
.login_hqyzm{float: left; border-radius: 8px; background: #01939f; height: 40px; line-height: 40px; width: 120px; text-align: center; font-size: 14px; color: #ffffff;}
.login_hqyzm:hover{ background: #0ab1bf; transition: background-color 1s;}
.login_n2a{float: left; width: 94%; padding: 0 3%; margin-top: 2.5vh;}
.login_n2a p{float: left; font-size: 15px; color: #555;}
.login_wbk2{float: left; width: 15px; height: 15px; border: 1px solid #c7c7c7; margin-top: 3px; margin-right: 10px;}
.login_n2a span{float: right; font-size: 15px;color: #01939f;}
.login_n2a span a{ color: #01939f; padding: 0 10px;}
.login_n2a span a:hover{color: #0db8c6;}
.login_n2b{float: left; width: 100%;}
.login_n2b button{float: left; width: 100%; outline: none; border-radius: 50px; background: #01939f; line-height: 50px; color: #ffffff; font-size: 20px; margin-top: 5vh;}
.login_n2b button:hover{ background: #0ab1bf; transition: background-color 1s;}
.login_n2c{float: left; width: 100%;}
.login_n2c a{ float: left; width: 100%;color: #01939f; font-size: 14px; text-align: center; text-decoration: underline; margin-top: 20px; }
/*-- 首页 --*/
.index1{float: left; width: 12%; background: #f2f1f6; box-shadow: 0 0 10px #888; position: fixed; left: 0; top: 0; z-index: 9; height: 100%; transition: background-color 1s;}
.index1a{float: left; width: 80%; padding: 0 10%;text-align: center; line-height: 40px; margin-top: 2vh;}
.index1a a{ color: #000; }
.index1a img{height: 24px; margin-right: 10px; margin-top: 0px; display: inline-block; vertical-align: middle;}
.index1a span{}
.index1b{float: left; width: 100%; margin-top: 2vh;}
.index1b ul li{float: left; width: 98%; text-align: center; border-left: 5px solid #f2f1f6; padding: 4vh 0;}
.index1b ul li img{}
.index1b ul li p{float: left; width: 100%; text-align: center; font-size: 18px; margin-top: 5px;}
.index1b ul li a{float: left; width: 100%; color: #333;}
.index1b ul li:hover{background: #c2dee5; border-left: 5px solid #01939f; transition: background-color 1s;}
.index1b .xzys{background: #c2dee5 !important; border-left: 5px solid #01939f !important; transition: background-color 1s;}
.index1c{float: left; width: 100%; margin-top: 2vh;}
.index1c ul li{float: left; width: 98%; text-align: center; border-left: 5px solid #f2f1f6; padding: 3vh 0;}
.left_menu1{float: left; width: 12%; box-shadow: 0 0 10px #888; position: fixed; left: 0; top: 0; z-index: 9; height: 100%;}
.nav_qq{float: left; position: fixed; right: 30px; bottom: 80px;}
.nav_qq a{float: left; width: 100%; text-align: center; padding: 10px 10px;background: #f2f1f6; border-radius: 8px; }
.nav_qq img{vertical-align: middle; width: 17px; margin-right: 10px;}
.nav_qq p{display: inline-block; color: #000; font-weight: bold; font-size: 12px; line-height: 22px; }
.nav_qq span{position: absolute; right: -16px; top: -3px; font-size: 22px; color: #847f7f;}
.nav_sq{float: left; width: 70px; background: #f2f1f6;position: absolute;right: -0px; bottom: 20px; padding: 14px 0 10px;}
.nav_sq i{float: left; width: 100%;text-align: center;}
.nav_sq i img{width: 23px；}
.nav_sq p{float: left; width: 100%;text-align: center; color: #999; font-size: 12px; margin-top: 3px;}
.nav_zk{float: left; width: 52px; background: #01939f; position: fixed; left: 0;z-index: 2; bottom: 35px; padding: 14px 0 10px;}
.nav_zk i{float: left; width: 100%;text-align: center;}
.nav_zk i img{width: 23px}
.nav_zk p{float: left; width: 100%;text-align: center; color: #ffffff; font-size: 12px; margin-top: 3px;}
/* 导入图标 */
.index1c ul li .index1c_1 p{float: left; width: 100%; text-align: center; font-size: 18px; margin-top: 111px;}
.index1c ul li .index1c_1{float: left; width: 100%; height: 150px; color: #333; background: url(../images/index_2.png) no-repeat center top;}
.index1c ul li .index1c_1:hover{ background: url(../images/index_2.png) no-repeat center top; transition: background-color 1s;}
.index1c ul li .index1c_1h{background: url(../images/index_2h.png) no-repeat center top !important; transition: background-color 1s;}
/* 导出图标 */
.index1c ul li .index1c_2 p{float: left; width: 100%; text-align: center; font-size: 18px; margin-top: 111px;}
.index1c ul li .index1c_2{float: left; width: 100%; height: 150px; color: #333; background: url(../images/index_3.png) no-repeat center top;}
.index1c ul li .index1c_2:hover{ background: url(../images/index_3.png) no-repeat center top; transition: background-color 1s;}
.index1c ul li .index1c_2h{background: url(../images/index_3h.png) no-repeat center top !important; transition: background-color 1s;}
/* 控制台图标 */
.index1c ul li .index1c_3 p{float: left; width: 100%; text-align: center; font-size: 18px; margin-top: 111px;}
.index1c ul li .index1c_3{float: left; width: 100%; height: 150px; color: #333; background: url(../images/index_4.png) no-repeat center top;}
.index1c ul li .index1c_3:hover{ background: url(../images/index_4.png) no-repeat center top; transition: background-color 1s;}
.index1c ul li .index1c_3h{background: url(../images/index_4h.png) no-repeat center top !important; transition: background-color 1s;}
/* 个人中心图标 */
.index1c ul li .index1c_4 p{float: left; width: 100%; text-align: center; font-size: 18px; margin-top: 111px;}
.index1c ul li .index1c_4{float: left; width: 100%; height: 150px; color: #333; background: url(../images/index_5.png) no-repeat center top;}
.index1c ul li .index1c_4:hover{ background: url(../images/index_5.png) no-repeat center top; transition: background-color 1s;}
.index1c ul li .index1c_4h{background: url(../images/index_5h.png) no-repeat center top !important; transition: background-color 1s;}
.index1c ul li:hover{background: #c2dee5; border-left: 5px solid #01939f; transition: background-color 1s;}
.index1c .xzys{background: #c2dee5 !important; border-left: 5px solid #01939f !important; transition: background-color 1s;}
#yhmc {float: right; margin-right: 3%; margin-top: 12px;margin-bottom: 12px;}
#yhmc>ul>li { position: relative; cursor: pointer; user-select: none; z-index: 3; }
#yhmc>ul>li img{margin-left: 8px; float: right; margin-top: 14px;}
#yhmc>ul>li>a>span {float:left;}
#yhmc>ul>li>a{ min-width: 79px;text-decoration: none;float: left; padding:0 20px; font-size: 14px; color: #000000; border: 1px solid #e4e4e4; border-radius: 50px; line-height: 35px; font-family: "微软雅黑"; text-align: center;}
#yhmc span { display: block; color: #666666; font-size: 12px; min-width: 70%;text-align: center;}
#yhmc>ul>li.on {}
#yhmc>ul>li.on>a { color: #000000; }
#yhmc>ul>li:not(:first-of-type):hover {}
#yhmc>ul>li:not(:first-of-type):hover>a { }
#yhmc>ul>li:not(:first-of-type):hover>a>span{ }
#yhmc #img { position: absolute; display: none; top: 35px; right: 0; width: 115px; }
#yhmc #img p{float: left; width: 100%; margin-top: 5px;}
#yhmc #img p a{float: left; width: 100%; font-size: 14px; color: #555; border: 1px solid #e4e4e4; border-radius: 50px; line-height: 35px; text-align: center; background-color: #ffffff;}
#yhmc #img p a:hover{color: #ffffff !important; background: #01939f !important; transition: background-color 1s;}
.right{float: right; width: 85%; height: 100%; position: fixed; top: 0; right: 10px;}
.right1{float: right; width: 98%; height: 100%; position: fixed; top: 0; right: 10px;}
.index2{float: left; width: 100%; border-bottom: 1px solid #dedede;}
#wrap {float: left;}
#wrap>ul>li { position: relative; z-index: 5; float: left; width: 160px; line-height: 76px;font-size: 20px; font-family: "微软雅黑"; text-align: center; cursor: pointer; user-select: none; border-bottom: 4px solid #ffffff; }
#wrap>ul>li>a { color: #000000; text-decoration: none; }
#wrap span { display: block; color: #666666; font-size: 12px; }
#wrap>ul>li.on { border-bottom: 4px solid #01939f; }
#wrap>ul>li.on>a { color: #000000; font-weight: bold; }
#wrap>ul>li.on>a>span { color: #fff; }
#wrap>ul>li:hover{ border-bottom: 4px solid #01939f; font-weight: bold; }
#wrap>ul>li:not(:first-of-type):hover { border-bottom: 4px solid #01939f;}
#wrap>ul>li:not(:first-of-type):hover>a { color: #000000; font-weight: bold; }
#wrap>ul>li:not(:first-of-type):hover>a>span{ color: #fff; }
#wrap #img { position: absolute; display: none; top: 80px; left: 0; width: 158px; border: 1px solid #ddd; /* border-top: 4px solid #01939f; */ background: #ffffff;/* border-top: none; */}
#wrap #img p{float: left; width: 100%; border-bottom: 1px dashed #c2c2c2; font-size: 16px;}
#wrap #img p a{float: left; width: 100%; line-height: 50px; color: #555;}
#wrap #img p:last-child{ border: none;}
#wrap #img p a:hover{color: #01939f;}
.index3{float: left; width: 100%; height: 86%; position: absolute; bottom: 10px;}
.index3 img{ width: 100%; height: 100%;}
/* 订单中心 */
.index4{float: left; width: 100%; height: 86%; position: absolute; bottom: 10px;border: 1px solid #dedede;}
.index4_t{float: left; width: 100%; border-bottom: 1px solid #dedede;}
.index4_t1{float: left; line-height: 65px; font-size: 22px; color: #000; margin-left: 2%;}
.search1{float: right; border-radius: 50px; border: 1px solid #dedede; margin-right: 3%; margin-top: 12px;}
.search1 select{border: none;float: left;margin-right: 10px; line-height: 40px;height: 40px; border-radius: 50px 0 0 50px; padding: 0 10px 0 20px; outline: none;}
.search1 p{border: none;float: left; font-size:13px; line-height: 40px;height: 40px; border-radius: 50px 0 0 50px; padding: 0 10px 0 20px; outline: none; color: #333;}
.search1 input{border: none;float: left; width: 180px; line-height: 40px; border-left: 1px solid #dedede;border-radius: 50px; border: none; margin-left: 5px; padding: 0 10px; outline: none;}
.search1 a{float: right; background: none; padding: 8px 20px 0 15px;}
.search1 a img{ width: 22px;}
.search_button{ float: left; outline: none; background: #cd902f;line-height: 40px; color: #fff; padding: 0 23px; border-radius: 0 50px 50px 0;}
.search2{float: right; border-radius: 50px; border: 1px solid #dedede; margin-right: 3%; margin-top: 12px;}
.search2 select{border: none;float: left;margin-right: 10px; line-height: 40px;height: 40px; /*border-radius: 50px 0 0 50px*/;font-size: 13px; padding: 0 0px 0 0px; outline: none;}
.sx1{float: left; border-right: 1px solid #dedede;}
.sx1 p{float: left; font-weight: bold; font-size:13px; line-height: 40px;height: 40px; border-radius: 50px 0 0 50px; padding: 0 0px 0 20px; outline: none; color: #333;}
.search2 input{border: none;float: left; width: 70px;font-size: 13px; line-height: 40px; border-left: 1px solid #dedede;border-radius: 0px; border: none; margin-left: 5px; padding: 0 0px; outline: none;}
.cjdd{float: right; margin-right: 3%; margin-top: 12px;}
.cjdd a{float: right; border-radius: 8px; background: #01939f; color: #ffffff; line-height: 40px; padding: 0 25px; font-size: 14px;margin-right: 5px;}
.cjdd a:hover{background: #1eaab5; transition: background-color 0.5s;}
.index4_n{float: left; width: 96%; padding: 0 2%;}
.index4_n table{float: left; width: 100%; margin-top: 10px;}
.layui-table-header{background: #fafafa; font-weight: bold;}
.index4_n table tr th{ background: #fafafa; font-weight: bold; padding: 16.3px 0; font-size: 14px;}
.index4_n table tr td{ text-align: center; border-bottom: 1px solid #e8e8e8; line-height: 24px; padding: 16.3px 0; font-size: 14px;}
.index4_n table tr:hover{ background: #fafafa;}
/* .index4_na1{color: #ffffff; padding:0 4px;background: #01939f; font-size: 12px; border-radius: 4px; margin: 0 2px;min-width: 69px;display: inline-block;} */
.index4_na1{color: #ffffff; padding: 5px 10px; background: #01939f; font-size: 12px; border-radius: 4px; margin: 0 2px;min-width: 69px;}
.index4_na2{color: #e0703e; padding: 5px 10px;font-size: 12px;}
.index4_na3{color: #01939f; padding: 5px 10px;font-size: 12px;}
.index4_n1{float: left; width: 100%; font-size: 13px; color: #e20000; padding: 20px 0px 10px; }
.index4_je{ color: #b91c1c; font-size: 20px !important;}
.index4_hs{ color: #b91c1c;}
.test { width : 95%; height : 76%; overflow: auto; float : left; margin : 20px 5px 5px 5px; border : none; }
.scrollbar { float: left; width : 100%; height: auto; margin: 0 auto; }
.test-1::-webkit-scrollbar { /*滚动条整体样式*/ width : 10px; /*高宽分别对应横竖滚动条的尺寸*/ height: 10px; }
.test-1::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 10px; box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2); background : #dedede; }
.test-1::-webkit-scrollbar-track { /*滚动条里面轨道*/ box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 10px;background : #ededed;}
.fy{float: right; position: fixed; bottom: 30px; right: 2%; background: #ffffff;}
.fy ul li{display: inline-block; line-height: 40px; border:1px solid #e8e8e8; border-radius: 8px; color: #000; font-size: 14px;}
.fy ul li a{float: left; width: 100%; color: #000; padding: 0 15px;}
.fy ul li:hover{ background: #01939f; border: 1px solid #01939f; color: #ffffff !important;}
.fy ul li a:hover{ color: #ffffff !important;}
/*.layui-laypage{float: right; position: fixed; bottom: 30px; right: 2%; background: #ffffff;}
.layui-table-page .layui-laypage span{}
.layui-laypage .layui-laypage-curr em{display: inline-block; line-height: 40px; border:1px solid #e8e8e8; border-radius: 8px; color: #000; font-size: 14px;} */
/* 导入 */
.index5{float: left; width: 96%; padding: 0 2%;}
.index5_n1{float: left; width: 100%;}
.index5_n1 #file{ opacity:0;}
.index5_n1 #btn{ background: #ffffff; border: 1px dashed #b9b9b9; width: 100%; height: 150px; line-height: 40px; font-size: 16px; color: #555555; border-radius: 8px;}
.index5_n2{float: left; width: 96%; position: absolute; bottom: 20px;}
.index5_n2a{float: left; width: 48.5%; margin-right: 2%; border-radius: 8px; background: #ffffff; border:1px solid #01939f; color: #01939f; line-height: 55px; text-align: center; font-size: 17px; font-weight: bold;}
.index5_n2b{float: left; width: 48.5%;border-radius: 8px; background: #01939f; border:1px solid #ffffff; color: #ffffff; line-height: 55px; text-align: center; font-size: 17px; font-weight: bold;}
/* 个人中心 */
.index6{float: left; width: 100%; height: 86%; position: absolute; bottom: 10px;}
.index6_l{float: left; width: 30%; height: 98%; border: 1px solid #dedede; margin-right: 3%;}
.index6_lt{float: left; width: 80%; font-size: 20px; color: #000; padding: 0 10%; margin-top: 30px;}
.index6_ln{float: left; width: 100%; margin-top: 6vh;}
.index6_ln b{float: left; width: 100%; text-align: center; margin-bottom: 5vh;}
.index6_ln b img{ border-radius: 500px; width: 120px;}
.index6_ln ul li{float: left; width: 64%; padding: 0 18%; margin-top: 20px;}
.index6_ln ul li p{float: left; line-height: 45px; font-size: 16px;}
.grxx_wbk1{float: left; width: 63%; padding: 0 3%; background: #f5f6fa; border-radius: 8px; line-height: 45px; font-family: "微软雅黑"; outline: none;font-size: 15px;}
.index6_ln ul li span{float: left; color: #555; font-size: 16px; padding: 0 3%; line-height: 45px; font-family: "微软雅黑"; outline: none;font-size: 15px;}
.index6_ln ul li button{margin: 0 auto; width: 150px; background: #fff; border: 1px solid #01939f; border-radius:8px; color: #01939f; font-size: 16px; line-height: 45px; margin-top: 20px; outline: none;}
.index6_ln ul li button:hover{ background: #01939f; color: #ffffff; transition: background-color 1s;}
.index6_r{float: left; width: 66%; height: 98%; }
.index6_r1{float: left; width: 100%; border: 1px solid #dedede;}
.index6_r1a{float: left; width: 100%; text-align: center; color: #555; font-size: 17px; margin-top: 6vh;}
.index6_r1b{float: left; width: 100%; text-align: center; color: #000; font-size: 40px; margin-top: 10px;}
.index6_r1c{float: left; width: 100%; border-top: 1px solid #dedede; margin-top: 6vh;}
.index6_r1c a{float: left; width: 49%; border-right: 1px solid #dedede; text-align: center; line-height: 60px; color: #333; font-size: 16px; }
.index6_r1c a:last-child{border-right: none;}
.index6_r1c a:hover{ color: #01939f;}
.index6_r2{ float: left; width: 100%; height: 63%; border: 1px solid #dedede; margin: 3vh 0 0 0;}
.index6_r2t{float: left; width: 90%; font-size: 20px; color: #000; padding: 0 5%; margin-top: 50px;}
.index6_r2n{float: left; width: 100%; margin-top:4vh; margin-bottom: 10px;}
.index6_r2n ul li{float: left; width: 84%; padding: 0 8%; margin-top: 30px;}
.index6_r2n ul li p{float: left; line-height: 50px;width: 90px; text-align:right;}
.grxx_wbk2{float: left; width:70%; padding: 0 3%; background: #f5f6fa; border-radius: 8px; line-height: 50px; font-family: "微软雅黑"; outline: none; font-size: 15px;}
.index6_r2n ul li button{margin: 0 auto; width: 150px; background: #fff; border: 1px solid #01939f; border-radius:8px; color: #01939f; font-size: 16px; line-height: 45px; margin-top: 20px; outline: none;}
.index6_r2n ul li button:hover{ background: #01939f; color: #ffffff; transition: background-color 1s;}
/* 资费页面 */
.index7{float: left; width: 100%; height: 89%; position: absolute; bottom: 10px;}
.index7 ul li{float: left; width: 22%; border-radius: 8px; border: 1px solid #dddddd; text-align: center; padding: 5vh 0; margin-right: 2%; position: relative; margin-top: 3vh;}
.index7 ul li a{float: left; width: 100%;}
.index7_1{float: left; width: 100%; color: #333333; font-size: 22px; font-family: "微软雅黑";}
.index7_1 span{ font-size: 58px;}
.index7_2{float: left; width: 100%; color: #333333;font-size: 20px; font-family: "微软雅黑"; margin-top:20px;}
.index7_3{float: left; width: 100%; margin-top: 3vh;}
.index7_3 p{ float: left; width: 100%; color: #666666;font-size: 15px; font-family: "微软雅黑"; line-height: 25px;}
.index7_4{ float: left; width: 100%; text-align: center; margin-top: 3.5vh;}
.index7_4 span{ padding: 0 18%; margin: 0 auto; line-height: 38px; height: 38px; font-size: 18px; display: inline-block; background: #ffffff; border: 1px solid #01939f; color: #01939f; border-radius: 50px;}
.index7 ul li:hover{ background: #f8f8f8; transition: background-color 0.5s;}
.index7 ul li:hover .index7_4 span{ background: #01939f; color: #ffffff; transition: background-color 0.5s;}
.index7_5{ position: absolute; right: 15px; top: -8px;}
.index7_5 img{ width: 50px;}
/*--- 弹出层 ---*/
/*- 支付列表 -*/
.tck{float: left; width: 100%; height: 100%; position: fixed; z-index: 10; top: 0; background: url(../images/tck_bj.png);}
.tck1{ width:500px; margin: 0 auto;}
.tck1_m{float: left; width: 80%; padding: 0 10%; border-radius: 8px; background: #fff; margin-top: 20vh;}
.tck1_t{float: left; width: 100%; line-height: 50px; margin-top: 2vh;}
.tck1_t p{float: left; font-size: 23px; color: #000;}
.tck1_t span{float: right; font-size: 28px; color: #000;}
.tck1_n{float: left; width: 100%; margin-top: 3vh; margin-bottom: 4vh; }
.tck1_n ul li{float: left; width : 100%; border-radius: 8px; background: #e1984a; text-align: center; font-size: 18px; color: #fff;margin-bottom: 2vh;}
.tck1_n ul li a{float: left; width : 100%;color: #fff; line-height: 65px; }
.tck1_n ul li a img{ height: 28px; vertical-align: middle; margin-right: 20px;}
.tck1_n ul li a i{font-style: normal; opacity: 0.6; font-size: 15px;}
.tck1_n ul li:hover{ opacity: 0.9;}
.tck1_n1{float: left; width: 100%; color: #01939f; font-size: 15px; margin-top: 8px;}
.tck1_t2{float: left; width: 100%; line-height: 50px; margin-top: 2vh; position: relative;}
.tck1_t2 span{float: right; font-size: 28px; color: #000;position: absolute; right: -30px; top: -18px;}
.tck1_t2 span a{ color: #000;}
.tck1_nn{float: left; width: 100%; margin-top: 30px;}
.tck1_nn ul li{float: left; width : 100%;margin-bottom: 1vh;}
.tck1_nn ul li p{float: left; width : 113px;color: #555;text-align: right; font-size: 14px;line-height: 32px;}
.tck1_nn ul li input{padding: 0 2%;border: 1px solid #dedede; float: left; width: 67%;line-height: 30px;}
.tck1_nn ul li:hover{ opacity: 0.9;}
.tck1_nn ul li select{padding: 0 2%; outline: none; border: 1px solid #dedede; float: left; width: 71.5%; line-height: 30px; height: 30px;}
/* 兑换码支付 */
.tck2{ width:500px; margin: 0 auto;}
.tck2_m{float: left; width: 80%; padding: 0 10%; border-radius: 8px; background: #fff; margin-top: 30vh;}
.tck2_t{float: left; width: 100%; line-height: 50px; margin-top: 2vh;}
.tck2_t p{float: left; font-size: 27px; color: #000;}
.tck2_t span{float: right; font-size: 28px; color: #000;}
.tck2_n{float: left; width: 100%; margin-top: 3vh; margin-bottom: 4vh; }
.tck2_wbk1{float: left; width: 100%; border: 2px solid #01939f; border-radius: 8px; text-align: center; font-size: 18px; color: #01939f;line-height: 50px; outline: none; margin-bottom: 4vh;}
.tck2_wbk2{float: left; width: 48%; background: #01939f; border-radius: 8px; text-align: center; font-size: 16px; color: #fff;line-height: 50px; outline: none; margin-right: 4%;}
.tck2_wbk3{float: left; width: 48%; background: #a0a0a0; border-radius: 8px; text-align: center; font-size: 16px; color: #fff;line-height: 50px; outline: none;}
.tck2_wbk2:hover,.tck2_wbk3:hover{opacity: 0.9;}
/* 余额支付 */
.tck3{ width:500px; margin: 0 auto;}
.tck3_m{float: left; width: 80%; padding: 0 10%; border-radius: 8px; background: #fff; margin-top: 30vh; padding-bottom: 4vh; }
.tck3_n{float: left; width: 100%; margin-top: 3vh;}
.tck3_n1{float: left; width: 100%;}
.tck3_n1 #file{ opacity:0;}
.tck3_n1 #re_file{ opacity:0;}
.tck3_n1 #btn{ background: #ffffff; border: 1px dashed #b9b9b9; width: 100%; height: 70px; line-height: 40px; font-size: 16px; outline: none; color: #555555; border-radius: 8px;}
.tck3_n1 #re_btn{ background: #ffffff; border: 1px dashed #b9b9b9; width: 100%; height: 70px; line-height: 40px; font-size: 16px; outline: none; color: #555555; border-radius: 8px;}
#file_name{ background: #ffffff; border: 1px dashed #b9b9b9; width: 100%; height: 70px; line-height: 40px; font-size: 16px; outline: none; color: blue; text-decoration: underline; border-radius: 8px;}
.cxsc{float: right; /* width: 100%; */ text-align: center; color: #ff0000; outline: none; /* text-decoration: underline; */ background: none; right: 6px; top: 31px; position: absolute; background: #e54e1f; color: #fff; border-radius: 50px; font-size: 12px; line-height: 23px; padding: 0 10px; z-index: 2;}
#refile_name{background: #ffffff; border: 1px dashed #b9b9b9; width: 100%; height: 70px; line-height: 40px; font-size: 16px; outline: none; color: blue; text-decoration: underline; border-radius: 8px;}
.tck3_n2{float: left; width: 100%; margin-top: 20px; }
.tck3_n2a{float: left; width: 48.5%; margin-right: 2%; border-radius: 8px; background: #ffffff; border:1px solid #01939f; color: #01939f; line-height: 55px; text-align: center; font-size: 17px;}
.tck3_n2b{float: left; width: 48.5%;border-radius: 8px; background: #dba741; border:1px solid #dba741; color: #ffffff; line-height: 55px; text-align: center; font-size: 17px; }
.tck3_n2c{float: left; width: 100%;border-radius: 8px; background: #01939f; border:1px solid #01939f; color: #ffffff; line-height: 55px; text-align: center; font-size: 17px;margin-top: 20px;}
.tck3_n3{float: left; width: 100%; text-align: center; color: #e20000; font-size: 12px; margin-top: 10px;}
.tck3_n4{float: left; width: 100%; background: #f5e5d7; line-height: 45px; margin-top: 15px;}
.tck3_n4 p{float: left; padding: 0 10px 0 20px; font-size: 14px; color:#af5303;}
.tck3_n4 input{float: left; width: 64%; font-size: 14px; color:#af5303; padding: 0 3%; background: #faf3ed; line-height: 35px; margin-top: 5px; outline:none;}
.tck3_n5{float: left; width: 100%; border: 1px solid #ddd; border-radius: 8px; line-height: 45px; margin-top: 15px;}
.tck3_n5 p{float: left; padding: 0 10px 0 20px; font-size: 14px; color:#333;}
.tck3_n5 textarea{float: left; width: 67%; font-size: 14px; color: #333; padding: 0 3%; background: #fff; line-height: 24px; margin: 10px 0; outline: none; font-family: 微软雅黑;}
.tck3_n6{float: left; width: 100%;}
.tck3_n6a{float: left; width: 100%; text-align: center; font-size: 18px; color: #000; font-family: Arial, Helvetica, sans-serif; margin-top: 20px;}
.tck3_n6a span{ font-size: 50px; padding-left: 5px;}
.tck3_n6b{float: left; width: 100%; text-align: center; background: #f7f7f7; color: #08c666; font-size: 16px; padding: 13px 0; margin-top: 20px;}
.tck3_n6b img{ vertical-align: middle; width: 25px; margin-right: 10px;}
.bianj{float: left; width: 100%; margin-top: 20px;}
.bianj ul li{float: left; width: 100%; border-bottom: 1px solid #efefef;}
.bianj ul li p{float: left; width: 80px; font-size: 14px; color:#333; line-height: 35px;line-height: 50px; text-align: right;}
.bianj ul li input{float: left; width: 73%; font-size: 14px; color:#555; padding: 0 3%; line-height: 50px; outline:none;}
.bianj ul li textarea{float: left; width: 73%; font-family: "微软雅黑"; height:97px; font-size: 14px; color:#555; padding: 14px 3%; line-height: 26px; outline:none;}
.bianj_an{float: left; width: 100%; margin-bottom: 10px; text-align: center; margin-top: 25px;}
.bianj_an button{ outline: none; color: #ffffff; padding: 11px 55px; background: #01939f; font-size: 13px; border-radius: 4px; margin: 0 2px; min-width: 95px;}
/* 单个修改 */
.tck3dg{ width:500px; margin: 0 auto;}
.tck3dg_m{float: left; width: 80%; padding: 0 10%; border-radius: 8px; background: #fff; margin-top: 20vh; padding-bottom: 4vh; }
.dange{float: left; width: 100%; margin-top: 0px;}
.dange ul li{float: left; width: 100%; border-bottom: 1px solid #efefef;}
.dange ul li p{float: left; width: 80px; font-size: 14px; color:#333; line-height: 35px;line-height: 50px; text-align: right;}
.dange ul li input{float: left; width: 73%; font-size: 14px; color:#555; padding: 0 3%; line-height: 30px; outline:none; background: #f3f3f3; margin-top: 11px;}
.dange ul li select{float: left; width: 79%; font-size: 14px; color:#555; padding: 0 3%; line-height: 50px; outline:none; border: none; height: 30px; margin-top: 12px; background: #f3f3f3;}
.dange ul li textarea{float: left; width: 73%; font-family: "微软雅黑"; height:97px; font-size: 14px; color:#555; padding: 14px 3%; line-height: 26px; outline:none;}
.dange_an{float: left; width: 100%; margin-bottom: 10px; text-align: center; margin-top: 25px;}
.dange_an button{ outline: none;width: 100%; color: #ffffff; padding: 11px 55px; background: #01939f; font-size: 13px; border-radius: 4px; margin: 0 2px; min-width: 95px;}
/* 在线支付 */
.tck4{ width:400px; margin: 0 auto;}
.tck4_m{float: left; width: 80%; padding: 0 10%; border-radius: 8px; background: #fff; margin-top: 30vh; padding-bottom: 4vh; position: relative;}
.tck4_t{float: left; width: 100%; line-height: 50px; margin-top: 3vh;}
.tck4_t p{float: left; width: 100%; text-align: center; font-size: 27px; color: #000;}
.tck4_t span{float: right; font-size: 28px; color: #000; position: absolute; right: 13px; top: 0px;}
.tck4_n1{float: left; width: 100%; margin-top: 1vh; text-align: center;}
.tck4_n1 img{ width: 220px; height: 220px;}
.tck4_n1 p{float: left; width: 100%; line-height: 40px; font-size: 18px; color: #d90000; text-align: center; margin-top: 5px;}
.tck4_n1 p span{ font-size: 40px;}
.tck4_n1 i{float: left; width: 100%; line-height: 40px; font-size: 15px; color: #999999; text-align: center; font-style: normal; text-decoration: underline;}
.tck4_n1 i a{ color: #999999;}
/*错误提示*/
.tck5_n{float: left; width: 100%; margin-bottom: 4vh;}
.cwxx{float: left; width: 100%; margin-bottom: 3vh;}
.cwxx ul li{float: left; width: 100%; border-bottom:1px dashed #dedede; line-height: 22px; margin-top: 10px; padding-bottom: 10px; font-size: 14px; color: #ff0000;}
.cwxx ul li strong{color: #000000;}
/* 创建订单 */
.tck6{ width:400px; margin: 0 auto;}
.tck6_m{float: left; width: 80%; padding: 0 10%; border-radius: 8px; background: #fff; margin-top: 30vh; padding-bottom: 4vh; position: relative;}
.tck6_t{float: left; width: 100%; line-height: 50px; margin-top: 3vh;}
.tck6_t span{float: right; font-size: 28px; color: #000; position: absolute; right: 13px; top: 0px;}
.tck6_t span a{ color: #000;}
.tck6_n{float: left; width: 100%; text-align: center;}
.tck6_n i{float: left; width: 100%; margin-top: 20px;}
.tck6_n i img{ width: 70px;}
.tck6_n p{float: left; width: 100%; color: #555; margin-top: 20px; font-size: 18px;}
.tck6_n p a{ color: #01939f; padding: 0 5px; text-decoration: underline;}
.tck6_n span{float: left; width: 100%; color: #74b7bf; margin-top: 8px;}
/*确认信息*/
#sureId{ width:850px!important;}
.qrym{float: left; width: 100%; overflow-x: auto;border: 1px solid #dedede;margin: 0 0 20px 0;}
.qrym table{ margin-top: 0; }
.qrym_an{float: left; width: 100%; margin-bottom: 20px;}
.qrym_an button{float: right; outline: none; color: #ffffff; padding: 11px 10px; background: #01939f; font-size: 13px; border-radius: 4px; margin: 0 2px; min-width: 95px;}
.tck8_t{float: left; width: 100%; line-height: 50px; margin-top: 3vh;}
.tck8_t span{float: right; font-size: 28px; color: #000; position: absolute; right: 13px; top: 0px;}
.tck8_t span a{ color: #000;}
.tck8_t button{float: left; border: 1px solid #dedede; border-bottom: none; background: #fff; color: #333; margin-right: 5px; outline: none; border-radius: 8px 8px 0 0; line-height: 48px; padding: 0 45px; font-size: 14px;}
.tck8_t button:hover{background: #01939f; transition: background-color 0.5s; color: #fff;}
.tj1{background: #01939f !important; color: #ffffff!important; border: 1px solid #01939f!important;}
#infoId{float: left; font-size: 13px;}
#infoId p{float: left; padding: 0 5px; line-height: 40px;}
/*新手引导*/
.tck7{ width:950px; margin: 0 auto;}
.tck7_m{float: left; width: 90%; padding: 0 5%; border-radius: 8px; background: #fff; margin-top: 22vh; padding-bottom: 4vh; position: relative;}
.tck7_t{float: left; width: 100%; line-height: 50px; margin-top: 3vh;}
.tck4_t p{float: left; width: 100%; text-align: center; font-size: 27px; color: #000;}
.tck7_t span{float: right; font-size: 28px; color: #000; position: absolute; right: 13px; top: 0px;}
.tck7_t span a{ color: #000;}
.tck7_n{float: left; width: 100%; margin-top: 1vh;}
.tck7_n img{float: left; width: 100%;}
.xsyd{float: left; width: 100%; margin-top: 1vh; position: relative;}
#wys{float: left; width: 100% !important; height: auto !important;}
.xsyd .zuo{position: absolute; left: 0; top: 45%;}
.xsyd .zuo img{ width: 40px; height: 40px; }
.xsyd .you{position: absolute; right: 0; top: 45%;}
.xsyd .you img{ width: 40px; height: 40px; }
/*锻炼目标测算*/
.tck8{ width:550px; margin: 0 auto;}
.tck8_t2{float: left; width: 100%; line-height: 50px; margin-top: 2vh; position: relative;}
.tck8_t2 span{float: right; font-size: 28px; color: #000;position: absolute; right: -10px; top: -10px;}
.tck8_t2 span a{ color: #000;}
.tck8_dc{float: right; border-radius: 8px; background: #059f01;margin-top: 3px; color: #ffffff; line-height: 40px; padding: 0 25px; font-size: 14px; margin-right: 5px;}
.tck8_m{float: left; width: 90%; padding: 0 5%; border-radius: 8px; background: #fff; margin-top: 29vh;}
.tck8_n{float: left; width: 100%; margin-top: 30px;}
.tck8_n ul li{float: left; width : 48%;margin-bottom: 1vh; margin-right:1%;}
.tck8_n ul li p{float: left; width : 113px;color: #555;text-align: right; font-size: 14px;line-height: 32px;}
.tck8_n ul li input{padding: 0 2%;border: 1px solid #dedede; float: left; width:45%;line-height: 30px;}
.tck8_n ul li:hover{ opacity: 0.9;}
/*调整*/
.tck9{ width: 800px; margin: 0 auto;}
.tck9_m{width: 90%; padding: 0 5%;float: left; border-radius: 8px; background: #fff;}
.tck9_nn{float: left; width: 100%; margin-top: 30px;}
.tck9_nn ul li{float: left; width: 48%;margin-right: 2%;margin-bottom: 1vh;}
.tck9_nn ul li p{float: left; width : 113px;color: #555;text-align: right; font-size: 14px;line-height: 32px;}
.tck9_nn ul li input{padding: 0 2%;border: 1px solid #dedede; float: left; width: 62%;line-height: 30px;}
.tck9_nn ul li i{padding: 0 2%;float: left; width: 62%; line-height: 30px; text-align:left;}
.tck9_nn ul li:hover{ opacity: 0.9;}
.tck9_nn ul li select{padding: 0 2%; outline: none; border: 1px solid #dedede; float: left; width: 66.5%; line-height: 30px; height: 30px;}
.tck9_n2{float: left; width: 100%; margin-top: 20px; text-align: center;}
.tck9_n2c{width: 22%;border-radius: 8px; background: #01939f; border:1px solid #01939f; color: #ffffff; line-height: 45px; display: inline-block; margin-right: 1%;font-size: 14px;margin-top: 20px;}
.tck9_n2d{width: 22%;border-radius: 8px; background:#999; border: none; color: #ffffff; line-height: 45px; display: inline-block; margin-right: 1%;font-size: 14px;margin-top: 20px;}
/* 设置整体环境初始值 */
.tck10{ width:950px; margin: 0 auto;}
.tck10_m{float: left; width: 96%; padding: 0 2%; border-radius: 8px; background: #fff; margin-top: 10vh; padding-bottom: 4vh; }
.tck10_t{float: left; width: 100%; line-height: 50px; margin-top: 2vh;border-bottom: 1px solid #dedede;}
.tck10_t p{float: left; font-size: 23px; color: #000;}
.tck10_t span{float: right; font-size: 28px; color: #000;}
.tck10_t2{float: left; width: 100%;}
.tck10_t2 a{float: left; width: 100%;border-radius: 8px; color: #01939f;text-align: center; line-height: 40px; font-size: 14px; margin-right: 5px; margin-top: 1.2vh; background: #c2dee5;}
.tck10_n{float: left; width: 100%; margin-top: 3vh;overflow-y: scroll; height: 341px;}
.tck10_n table{float: left; width: 100%;border-top: 1px solid #e8e8e8;border-left: 1px solid #e8e8e8; line-height: 25px; font-size: 12px;}
.tck10_n table tr{ width: 100%;}
.tck10_n table tr td{text-align: center;border-bottom: 1px solid #e8e8e8;border-right: 1px solid #e8e8e8; padding: 5px 1%;}
.tck10_n1 td{background: #fafafa; font-weight: bold; text-align: center !important;}
.tck10_wbk1{float: left; width:100%; background: #f3f3f3; line-height: 25px; padding: 0 1%;}
.tck10_wbk2{float: left; width:100%; background: #f3f3f3; line-height: 25px; border: none; height: 25px; padding: 0 1%;}
.tck10_an{float: left; width: 100%; margin-bottom: 10px; text-align: center; margin-top: 25px;}
.tck10_an button{ outline: none; color: #ffffff; padding: 11px 55px; background: #01939f; font-size: 13px; border-radius: 4px; margin: 0 2px; min-width: 155px;}||||||| .r5194
.tck9_n2d{width: 22%;border-radius: 8px; background:#999; border: none; color: #ffffff; line-height: 45px; display: inline-block; margin-right: 1%;font-size: 14px;margin-top: 20px;}=======
.tck9_n2d{width: 22%;border-radius: 8px; background:#999; border: none; color: #ffffff; line-height: 45px; display: inline-block; margin-right: 1%;font-size: 14px;margin-top: 20px;}
/*历次上报数据查询*/
.tck11{width: 850px; margin: 0 auto;}
.tck11_m{float: left;width: 90%; padding: 0 5%;margin-top: 18vh; border-radius: 8px; background: #fff;padding-bottom: 4vh; position: relative;}
/*下载上报数据确认弹窗*/
.tck12{width: 500px; margin: 0 auto;}
.tck12_m{float: left;width: 90%; padding: 0 5%;margin-top: 31vh; border-radius: 8px; background: #fff;padding-bottom: 4vh; position: relative;}
.tck12_t{float: left; width: 100%; line-height: 50px; margin-top: 2vh; border-bottom: 1px solid #eee;}
.tck12_t p{float: left; font-size: 23px; color: #000;}
.tck12_t span{float: right; font-size: 28px; color: #000;}
.tck12_n{float: left;width: 90%;padding: 35px 5%; font-size: 23px;line-height: 33px; color: #000; text-align: center;}
/* 兑换码弹窗 */
.dhm{float: left; width: 100%; height: 100%; position: fixed; background: url(../images/dhm_bj.png);}
.dhm_n{width: 550px; margin: 15% auto 0; background: #fff; border-radius: 20px; padding-bottom: 4vh;}
.dhm_nt{float: left; width: 100%; position: relative;}
.dhm_nt p{float: left; position: absolute; top: -30px; left: 35px;}
.dhm_nt span{float: right; margin-right: 25px; margin-top: 15px;}
.dhm_n1{float: left; width: 93%; color: #a4a4a4; font-size: 17px; margin-top: 17px; margin-left: 7%;}
.dhm_n2{ display: inline-block; width: 90%; margin-left: 5%; background: #f5f5f5; border-radius: 8px; line-height: 70px; margin-top: 3.5vh;}
.dhm_n2 p{float: left; margin-left: 5%; color: #4b4b4b; font-size: 18px; font-weight: bold;}
.dhm_n2 a{float: right; margin-right: 5%;}
.dhm_n2 a img{width: 25px;margin-top: 23px; float: right;}
.dhm_n3{ display: inline-block; width: 90%; padding: 0 5%;}
.dhm_n3 a{ display: inline-block; width: 100%; border-radius: 50px; background: #01939f; line-height: 60px; color: #ffffff; font-size: 20px; margin-top: 3vh ; text-align: center;}
.dhm_n3 a:hover{ background: #0ab1bf; transition: background-color 1s;}
/* 国报网上报-数据上报 */
.sjsb{float: left; width: 100%; height: 89%; position: absolute; bottom: 10px;}
.sjsb1{float: left; width: 100%; margin-top:10vh;}
.sjsb1a{float: left; width:30%; background: url(../images/gwsb2_hui.png) no-repeat; background-size: 100% 100%;}
.sjsb1a_n{float: left; width:75%; min-height: 430px;padding-left: 25%;}
.sjsb1a i{float: left; width: 100%; color: #a4a4a4; font-size: 30px; margin-top: 130px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal;}
.sjsb1a p{float: left; width: 100%; color: #a4a4a4; font-size: 35px; margin-top: 15px;}
.sjsb1a span{float: left; width: 100%; margin-top: 22px; font-size: 16px;}
.sjsb1a span a{float: left; color: #a4a4a4; padding: 0 34px; line-height: 45px; border-radius: 500px; border: 2px solid #a4a4a4; margin-right: 10px;}
.sjsb1b{float: left; width: 30%; min-height: 430px; background: url(../images/gwsb2_hui.png) no-repeat; background-size: 100% 100%; position: relative; left: -3%;}
.sjsb1b_n{float: left; width:75%; min-height: 430px;padding-left: 25%;}
.sjsb1b i{float: left; width: 100%; color: #a4a4a4; font-size: 30px; margin-top: 130px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal;}
.sjsb1b p{float: left; width: 100%; color: #a4a4a4; font-size: 35px; margin-top: 15px;}
.sjsb1b span{float: left; width: 100%; margin-top: 22px; font-size: 16px;}
.sjsb1b span a{float: left; padding: 0 30px; line-height: 45px; border-radius: 500px; color: #a4a4a4; border: 2px solid #a4a4a4; margin-right: 10px;}
.sjsb1c{float: left; width: 24%; background: url(../images/gwsb2_hui.png) no-repeat; background-size: 100% 100%; position: relative; left: -5%;}
.sjsb1c_n{float: left; width: 72%; padding-left: 28%; min-height: 430px;}
.sjsb1c i{float: left; width: 100%; color: #a4a4a4; font-size: 30px; margin-top: 130px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal;}
.sjsb1c p{float: left; width: 100%; color: #a4a4a4; font-size: 35px; margin-top: 15px;}
.sjsb1c span{float: left; margin-top: 22px; font-size: 16px;}
.sjsb1c span a{float: left; color: #a4a4a4; padding: 0 34px; line-height: 45px; border-radius: 500px; border: 2px solid #a4a4a4;}
.sjsb1d{float: left; width: 16%; background: url(../images/gwsb2_hui2.png) no-repeat; background-size: 100% 100%; position: relative; left: -7%;}
.sjsb1d_n{float: left; width:67%; padding-left: 33%; min-height: 430px;}
.sjsb1d i{float: left; width: 100%; color: #a4a4a4; font-size: 30px; margin-top: 130px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal;}
.sjsb1d p{float: left; width: 100%; color: #a4a4a4; font-size: 35px; margin-top: 15px;}
.sjsb1d span{float: left; width: 100%; margin-top: 22px; font-size: 16px;}
.sjsb1d span a{float: left; color: #a4a4a4; padding: 0 34px; line-height: 45px; border-radius: 500px; border: 2px solid #a4a4a4;}
/* .sjsb1d:hover span{ background: #ffcb07; color: #ffffff; transition: background-color 0.5s} */
/* 蓝色 */
.sjsb1_lan{ background: url(../images/gwsb2_lan.png) no-repeat !important; background-size: 100% 100% !important;}
.sjsb1_lan2{ background: url(../images/gwsb2_lan2.png) no-repeat !important; background-size: 100% 100% !important;}
.sjsb1_lan i,.sjsb1_lan p,.sjsb1_lan2 i,.sjsb1_lan2 p{ color: #4130cd !important; }
.sjsb1_lan span a,.sjsb1_lan2 span a{ border: 2px solid #4130cd !important; color: #4130cd !important;}
.sjsb1_lan span a:hover,.sjsb1_lan2 span a:hover{background: #4130cd; color: #ffffff !important; transition: background-color 0.5s;}
/* 橙色 */
.sjsb1_cheng{ background: url(../images/gwsb2_cheng.png) no-repeat !important; background-size: 100% 100% !important;}
.sjsb1_cheng2{ background: url(../images/gwsb2_cheng2.png) no-repeat !important; background-size: 100% 100% !important;}
.sjsb1_cheng i,.sjsb1_cheng p,.sjsb1_cheng2 i,.sjsb1_cheng2 p{ color: #f7562f !important; }
.sjsb1_cheng span a,.sjsb1_cheng2 span a{ border: 2px solid #f7562f !important; color: #f7562f !important;}
.sjsb1_cheng span a:hover,.sjsb1_cheng2 span a:hover{background: #f7562f; color: #ffffff !important; transition: background-color 0.5s;}
/* 绿色 */
.sjsb1_lv{ background: url(../images/gwsb2_lv.png) no-repeat !important; background-size: 100% 100% !important;}
.sjsb1_lv2{ background: url(../images/gwsb2_lv2.png) no-repeat !important; background-size: 100% 100% !important;}
.sjsb1_lv i,.sjsb1_lv p,.sjsb1_lv2 i,.sjsb1_lv2 p{ color: #2b9b2b !important; }
.sjsb1_lv span a,.sjsb1_lv2 span a{ border: 2px solid #2b9b2b !important; color: #2b9b2b !important;}
.sjsb1_lv span a:hover,.sjsb1_lv span2 a:hover{background: #2b9b2b; color: #ffffff !important; transition: background-color 0.5s;}
/* 黄色 */
.sjsb1_huang{ background: url(../images/gwsb2_huang.png) no-repeat !important; background-size: 100% 100% !important;}
.sjsb1_huang2{ background: url(../images/gwsb2_huang2.png) no-repeat !important; background-size: 100% 100% !important;}
.sjsb1_huang i,.sjsb1_huang p,.sjsb1_huang2 i,.sjsb1_huang2 p{ color: #ffcb07 !important; }
.sjsb1_huang span a,.sjsb1_huang2 span a{ border: 2px solid #ffcb07 !important; color: #ffcb07 !important;}
.sjsb1_huang span a:hover,.sjsb1_huang2 span a:hover{background: #ffcb07; color: #ffffff !important; transition: background-color 0.5s;}
.sjsb2{float: left; width: 96%; padding: 0 2%; margin-top: 10vh;}
.sjsb2 a{float: left; width: 100%; font-size: 18px; color: #01939f; border-radius: 500px; border:4px solid #01939f; text-align: center; line-height: 60px;}
.sjsb2 a:hover{ background: #01939f; color: #ffffff; transition: background-color 0.5s;}
/* 国网上报列表页 两个 */
.sjsb3{float: left; width: 100%; height: 87%; position: absolute; bottom: 10px;}
.sjsb3a{float: left; width: 47%; background: #fff; border-radius: 8px; border: 1px solid #edeff1; margin: 0 1%; text-align: center; padding-bottom: 8vh;}
.sjsb3a a{float: left; width: 100%;}
.sjsb3a img{float: left; width: 100%; border-radius: 8px 8px 0 0;}
.sjsb3a b{float: left; width: 100%; font-size: 45px; color: #000000; margin-top: 7vh;}
.sjsb3a i{float: left; width: 100%; font-size: 22px; color: #787b81; font-style: normal; margin-top: 4vh;}
.sjsb3a span{display: inline-block; width: 50%; line-height: 50px; font-size: 20px; border-radius: 500px; color: #01939f; border:2px solid #01939f; margin-top: 4vh;}
.sjsb3a:hover{ border:1px solid #01939f;}
.sjsb3a:hover b{color: #01939f; transition:color 0.3s;}
.sjsb3a:hover span{ background: #01939f; color: #ffffff; transition: background 0.5s;}
/* 国网上报列表页 1个 */
.sjsb4{float: left; width: 100%; height: 87%; position: absolute; bottom: 10px;}
.sjsb4a{float: left; width: 98%; background: #fff; border-radius: 8px; border: 1px solid #edeff1; text-align: center; padding-bottom: 8vh;}
.sjsb4a a{float: left; width: 100%;}
.sjsb4a img{float: left; width: 100%;height: 442px; border-radius: 8px 8px 0 0;}
.sjsb4a b{float: left; width: 100%; font-size: 45px; color: #000000; margin-top: 7vh;}
.sjsb4a i{float: left; width: 100%; font-size: 22px; color: #787b81; font-style: normal; margin-top: 4vh;}
.sjsb4a span{display: inline-block; width: 50%; line-height: 50px; font-size: 20px; border-radius: 500px; color: #01939f; border:2px solid #01939f; margin-top: 4vh;}
.sjsb4a:hover{ border:1px solid #01939f;}
.sjsb4a:hover b{color: #01939f; transition:color 0.3s;}
.sjsb4a:hover span{ background: #01939f; color: #ffffff; transition: background 0.5s;}
/* 所需时间 */
.sxsj{float: left; width: 100%; height: 89%; position: absolute; bottom: 10px; text-align: center;}
.sxsj1{float: left; width: 100%; }
.sxsj1 img{ height: 400px;}
.sxsj2{float: left; width: 100%; }
.sxsj2 p{float: left; width: 100%; text-align: center; color: #449f29; font-size: 30px; margin-top: 13px;}
.sxsj2 b{float: left; width: 100%; text-align: center; color: #000; font-size: 22px; font-weight: normal; margin-top: 13px;}
.sxsj2 span{padding: 0 10px;}
/* 设定群体提升目标 */
.tck13{ width:530px; margin: 0 auto;}
.tck13_m{float: left; width: 84%; padding: 0 8%; border-radius: 8px; background: #fff; margin-top: 18vh; padding-bottom: 2vh; position: relative;}
.tck13_t{float: left; width: 100%; line-height: 50px; margin-top: 3vh;}
.tck13_t span{float: right; font-size: 28px; color: #000; position: absolute; right: 13px; top: 0px;}
.tck13_t span a{ color: #000;}
.tck13_n{float: left; width: 100%;}
.tck13_n1{float: left; width: 100%; border-bottom: 1px solid #e8e8e8; padding-bottom: 20px;}
.tck13_n1a{float: left; width: 100%; margin-bottom: 6px; margin-top: 15px;}
.tck13_n1a p{float: left; font-weight: bold; color: #000; line-height: 30px; margin-right: 20px; font-size: 18px;}
.tck13_n1a p img{float: left; height: 23px; margin-right: 10px; margin-top: 3px;}
.tck13_wbk1{float: left; width: 338px; background: #f5f5f5; line-height: 35px; height: 35px; text-align: center; color: #000; font-size: 15px; outline: none; font-weight: bold;}
.tck13_n1b{float: right; width: 338px; text-align: center; font-size: 14px; line-height: 27px;}
.tck13_n1b p{float: right; width: 336px; border: 1px solid #00940a; margin-top: 4px; color: #00940a;}
.tck13_n1b span{ font-size: 16px;}
.tck13_n1c{float: right; width: 338px; text-align: center; font-size: 14px; line-height: 27px;}
.tck13_n1c p{float: right; width: 336px; border: 1px solid #00a2ff; margin-top: 4px; color: #00a2ff;}
.tck13_n1c span{ font-size: 16px;}
.tck13_n1d{float: right; width: 338px; text-align: center; font-size: 14px; line-height: 27px;}
.tck13_n1d p{float: right; width: 336px; border: 1px solid #f4790c; margin-top: 4px; color: #f4790c;}
.tck13_n1d span{ font-size: 15px;}
.tck13_n2{float: left; width: 100%; text-align: center;}
.tck13_n2 a{display: inline-block; width: 150px; background: #01939f; border-radius:8px; color: #ffffff; font-size: 16px; line-height: 45px; margin-top: 20px; outline: none;}
.tck13_n2 a:hover{ background: #01939f; color: #ffffff; transition: background-color 1s;}
/*-- 登录新 --*/
.c-banner{ width: 100%; position: relative; }
.c-banner img{ width: 100%; }
.c-banner .banner ul{ list-style: none; padding-left: 0px; margin-bottom: 0px; }
.c-banner .banner ul li{ position: absolute display: none; opacity: 0; }
.c-banner .banner ul li:nth-child(1){ opacity: 1; display: block; }
.c-banner .banner ul li img{ width: 100%; position: absolute; top: 0px; }
.c-banner .banner ul li:first-child img{ position: relative; }
.c-banner .nexImg,.c-banner .preImg{ padding: 25px 10px 25px 10px; position: absolute; top: 50%; margin-top: -53px; background: #000000; opacity: 0.5; border-radius: 5px; z-index: 10; }
.c-banner .nexImg:hover,.c-banner .preImg:hover{ opacity: 0.8; }
.c-banner .nexImg{ right: 0px; } .c-banner .nexImg img,.c-banner .preImg img{ }
.c-banner .jumpBtn{ width: 100%; position: absolute; bottom: 20px; text-align: center; }
.c-banner .jumpBtn ul{ margin-bottom: 0px; padding: 0px; }
.c-banner .jumpBtn ul li{ width: 109px; height: 4px; border-radius: 0%; display: inline-block; background-color: white; opacity: 0.9; margin-left: 10px; }
.c-banner .jumpBtn ul li:first-child{ margin-left: 0px; }
@media screen and (max-width:768px) {
.c-banner{width: 100%;height: 345px;overflow: hidden;}
.c-banner .banner ul li img{width: 768px;height: 345px;position: absolute;left: 50%;margin-left: -384px;}
}
.index_login{float: right; width: 400px; background: #fff; border-radius: 8px; box-shadow: 0px 0px 10px #a5a5a5; padding: 6vh 0; position: absolute; right: 4%; top: 14%;}
.index_login1{float: left; width: 100%; text-align: center;}
.index_login1 img{ width: 32%;}
.index_login2{float: left; width: 80%; padding: 0 10%; margin-top: 20px;}
.index_login2 ul li{float: left; width: 100%; background: #f4f6f9; border-radius: 8px; margin-top: 1.3vh;}
.index_login2 ul li p{float: left; text-align: center; width: 35%; height: 50px; line-height: 50px; font-size: 17px;}
.login_n2_img1{float: left; margin-top: 12px; margin-left: 20px;}
.index_login2_wbk1{float: left; text-align: right; background: #f4f6f9; border-radius: 8px; width: 53%; height: 50px; margin-left: 2%; font-family: "微软雅黑"; font-size: 15px; color: #000000; outline:none;}
.index_login2a{float: left; width: 94%; padding: 0 3%; margin-top: 20px;}
.index_login2a p{float: left; font-size: 15px; color: #555;}
.index_login2a span{float: right; font-size: 15px;}
.index_login2a span a{ color: #01939f; text-decoration: underline;}
.index_login2a span a:hover{color: #0db8c6;}
.index_login2b{float: left; width: 100%;}
.index_login2b button{float: left; width: 100%; border-radius: 50px; background: #01939f; line-height: 50px; color: #ffffff; font-size: 20px; margin-top: 30px;}
.index_login2b button:hover{ background: #0ab1bf; transition: background-color 1s;}
.index_login2c{float: left; width: 100%; text-align: center; color: #333333; font-size: 14px; margin-top: 15px;}
.index_login2c a{ color: #01939f; padding: 0 4px;}
.news1{float: left; width: 100%; position: relative; }
.content{margin: 0 auto; width: 1100px;}
.news2{float: left; width: 100%; background: #fff; margin-top: 30px; padding: 0 0%; margin-bottom: 30px;}
.news_t{float: left; width: 90%; margin-left: 3%; border-bottom: 1px solid #bcbcbc; padding: 0 2% 20px; line-height: 40px; margin-top: 30px;}
.news_t p{float: left; font-size: 30px; color: #000;}
.news_t span{float: right; font-size: 14px; color: #000;}
.news_t span a{ color: #000;}
.news_t span img{ margin-left: 6px;}
.news_n2{float: left; width: 100%; margin-top: 20px;}
.news_n2 ul li{float: left; width: 92%; padding: 0 4%; font-size: 17px; color: #333; line-height: 70px; background: #ffffff;}
.news_n2 ul li a{float: left; width: 100%; color: #333;}
.news_n2 ul li span{float: left; width: 10%;}
.news_n2 ul li p{float: left; width: 90%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news_n2 ul li:hover p{ color: #01939f;}