@charset "utf-8";
body{background: #fff;font-family: '\5FAE\8F6F\96C5\9ED1';overflow: visible;}
.logo{width: 176px;height: 64px;background: url(skin/logo.png) no-repeat;text-indent: -9999em;}
.welcom{position: relative;overflow: hidden;background: url(skin/bg_welcom_0.jpg) no-repeat 50% 50%;}
.welcom .logo{position: absolute;left: 100px;top: 55px;}
.welcom .btn{display: block;border-radius: 3px;text-align: center;cursor: pointer;}
.welcom .workbench{position: absolute;right: 100px;top: 55px;width: 140px;height: 40px;line-height: 40px;font-size: 16px;border:1px solid #fff;color: #fff;}
.welcom .workbench:hover{background: rgba(255,255,255,0.6);color: #244679;}
.welcom .center{position: absolute;left: 50%;top: 50%;margin: -235px 0 0 -450px;width: 900px;height: 380px;text-align: center;}
.welcom .center h2{height: 100px;line-height: 100px;font-size: 48px;color: #fff;letter-spacing: 20px;}
.welcom .center p{font-size: 20px;color: #fff;line-height:60px;margin-top: 45px;}
.welcom .center .btnbox{width: 560px;margin: 60px auto 0;}
.welcom .center .btnbox span{width: 180px;height:50px;line-height: 50px;font-size: 16px;}
.welcom .center .btn_register{background: transparent;color: #fff;border:1px solid #ccc;}
.welcom .center .btn_register:hover{background: rgba(255,255,255,0.6);border: 1px solid rgba(255,255,255,0.6);color: #244679;}
.welcom .center .btn_login{background: rgba(95,190,170,1);color: #fff;}
.welcom .center .btn_login:hover,.loginbox .login li .submit:hover{background: rgba(95,190,170,0.6);}
.welcom .footer{position: absolute;left: 0;width: 100%;bottom: 0;background: rgba(0,0,0,0.2);color: #fff;padding: 0 0 10px 0;border-top:1px solid rgba(255,255,255,0.5);}
.welcom .footer a{color: #fff;}
.welcom .footer ul{text-align: center;}
.welcom .footer ul li{display: inline-block;width: 200px;text-align: center;height: 40px;line-height: 40px;font-size: 15px;}
.welcom .footer ul li span{cursor:pointer;}
.welcom .footer p{line-height: 24px;margin-top: 20px;}

.wel_header{position: relative;width: 1200px;padding: 30px 0;margin: 0 auto;background: #fff;}
.wel_header a{display: block;border-radius: 5px;background: #fff;text-align: center;color: #46A136;border:1px solid #46A136;width: 140px;height: 45px;line-height: 45px;font-size: 16px;margin-left: 38px;margin-top: 10px;}
.wel_header a:hover{background: #46A136;color: #fff;}
.wel_banner{position: relative;height: 265px;width: 100%;overflow: hidden;background: #36404a;}
.wel_banner img{position: absolute;left: 50%;top: 0;margin-left: -960px;width: 1920px;height: 265px;}
.wel_introduce{position: relative;width: 100%;border-bottom: 1px solid #e2e1e1;padding: 60px 0;font-size: 14px;}
.wel_introduce p{line-height: 30px;text-align: center;font-size: 14px;}
.wel_introduce em{position: absolute;left: 50%;bottom: -12px;border-top: 12px solid #e2e1e1;border-left: 12px solid transparent;border-right: 12px solid transparent;border-bottom: none;width: 0;height: 0;margin-left: -12px;}
.wel_content{position: relative;width: 1200px;margin: 0 auto;}
.features{padding: 70px 0;}
.features li{float: left;width: 400px;text-align: center;}
.features li h4{display: block;width: 200px;height: 200px;border-radius: 200px;border: 5px solid #f3f3f3;font-size: 22px;font-weight: bold;color: #fff;text-align: center;line-height: 200px;margin: 0 auto;}
.features li.feature1 h4{background: #ffd74a;}
.features li.feature2 h4{background: #fb6464;}
.features li.feature3 h4{background: #26e5fc;}
.features li p{padding-top: 40px;}
.datalist{position: relative;}
.datalist li{position: relative;padding: 100px 0;border-bottom: 1px solid #d7d7d7;}
.datalist li h4{position: relative;height: 80px;line-height: 80px;padding-left: 30px;font-size: 36px;font-weight: bold;}
.datalist li h4 em{position: absolute;left: 0;top: 22px;width: 5px;height: 36px;}
.datalist li p{font-size: 16px;font-weight: bold;line-height: 30px;}
.datalist li img{position: absolute;width: 300px;height: 300px;}
.datalist li.data1{padding-right: 550px;}
.datalist li.data1 h4{color: #2add93;}
.datalist li.data1 h4 em{background: #2add93;}
.datalist li.data1 img{right: 100px;top: 60px;}
.datalist li.data2{padding-left: 550px;}
.datalist li.data2 h4{color: #fc6d6d;}
.datalist li.data2 h4 em{background: #fc6d6d;}
.datalist li.data2 img{left: 0;top: 38px;}
.datalist li.data3{padding-right: 550px;}
.datalist li.data3 h4{color: #00baff;}
.datalist li.data3 h4 em{background: #00baff;}
.datalist li.data3 img{right: 0;top: 60px;}
.datalist li.nobr{border: none;}
.contact{position: relative;padding: 120px 600px 120px 0;}
.contact h2{position: relative;height: 90px;line-height: 90px;font-size: 26px;color: #717171;padding-left: 30px;font-weight: bold;border-bottom: 1px solid #dadada;}
.contact h2 em{position: absolute;left: 0;top: 35px;width: 5px;height: 26px;background: #717171;}
.contact h4{height: 40px;line-height: 40px;font-size: 26px;color: #717171;font-weight: bold;margin-top: 20px;}
.contact .map{width: 435px;height: 435px;border-radius: 435px;border: 5px solid #f4f3f3;position: absolute;right: 60px;top: 60px;}
.wel_footer{position:relative;width: 100%;padding: 28px 0;background: #f8f8f8;color: #717171;}
.contact ul{background: url(skin/contact_ico.png) no-repeat 0 10px;margin-top: 20px;}
.contact ul li{font-size: 18px;color: #7c7e7e;line-height: 55px;padding-left: 55px;}
.wel_footer a{color: #717171;}
.wel_footer ul{text-align: center;}
.wel_footer ul li{display: inline-block;width: 200px;text-align: center;height: 40px;line-height: 40px;font-size: 18px;}
.wel_footer p{line-height: 24px;margin-top: 20px;text-align: center;font-size: 14px;}

.email_header,.email_footer{width: 1000px;margin: 0 auto;}
.email_header{height: 80px;background: url(skin/bg_email.jpg) no-repeat;text-indent: -9999em;}
.email_content{min-height: 300px;width:910px;padding: 45px;margin: 0 auto;}
.email_content h2{height: 30px;line-height: 30px;font-size: 16px;font-weight: bold;color: #0c407a;}
.email_content p{font-size: 16px;line-height: 30px;color: #0c407a;margin-top: 30px;}
.email_content p strong{color: #fe9002;font-size: 16px;}
.email_footer{background: #e0f8fe;text-align: center;padding: 10px 0;}
.email_footer p{font-size: 14px;line-height: 26px;color: #0c407a;}

.popup{display: none;}
.mask{position: fixed;z-index:600;left: 0;right: 0;top: 0;bottom: 0;background: url(skin/bg_welcom_1.jpg) no-repeat 50% 50%;}
.loginbox{position: fixed;z-index:666;left: 50%;top: 50%;width: 725px;height: 556px;margin: -278px 0 0 -362px;padding: 45px 160px;background:rgba(0,0,0,0.3);box-sizing:border-box;}
.loginbox h3,.protectbox h3{height: 50px;line-height: 50px;font-size: 24px;color: #fff;font-weight: normal;text-align: center;}
.loginbox .close,.protectbox .close,.helperbox .close{position: absolute;right: 15px;top: 15px;width: 30px;height: 30px;background: url(skin/login.png) no-repeat 0 -126px;cursor: pointer;}
.loginbox .login{overflow: hidden;margin-top: 45px;}
.loginbox .login li{position: relative;margin-bottom: 20px;}
.loginbox .login li .user,.loginbox .login li .pwd{position: relative;padding: 10px 0 10px 60px;background: #15191b;}
.loginbox .login li .yzm{position: relative;padding: 10px 120px 10px 60px;background: #15191b;text-align: center;cursor: pointer;}
.loginbox .login li .yzm .getcode{position: absolute;z-index:99;right: 0;top: 10px;width: 120px;height: 40px;line-height: 40px;color: #46A136;}
.loginbox .login li em{position: absolute;left: 10px;height: 40px;width: 40px;top: 10px;background-image: url(skin/login.png);background-repeat: no-repeat;}
.loginbox .login li .user em{background-position: 5px 5px;}
.loginbox .login li .pwd em{background-position: 5px -80px;}
.loginbox .login li .yzm em{background-position: 5px -40px;}
.loginbox .login li .ipt{height: 40px;line-height: 40px;border: none;background: transparent;color: #fff;font-size: 14px;padding: 0;width: 100%;font-family: '\5FAE\8F6F\96C5\9ED1';}
.loginbox .login li input:-webkit-autofill{background: transparent;}
.loginbox .login li .submit{height: 52px;color: #fff;font-size: 14px;background: #46A136;border-radius: 3px;width: 100%;border: none;cursor: pointer;font-family: '\5FAE\8F6F\96C5\9ED1';}
.loginbox .login li .tips{line-height: 30px;padding-top: 5px;color: #fff;}
.loginbox .login li .tips a{float: right;color: #fff;}
.loginbox .login li .tips span{cursor: pointer;}
.loginbox .login li .agreement{line-height: 30px;text-align: right;color: #fff;padding-top: 5px;}
.loginbox .login li .agreement input{vertical-align: middle;}
.loginbox .login li .agreement a{color: #46A136;text-decoration: underline;}
.loginbox .login_tip{position: absolute;left: 0;bottom: 0;right: 0;height: 40px;line-height: 40px;padding: 0 20px;background: #262322;color: #9d978e;}
#login_dialog li,#login_dialog2 li{padding: 15px 0;}
.loginbox .login li .remenber{height: 30px;line-height: 30px;color: #fff;}
.loginbox .login li .remenber input{float: left;margin: 8px 5px 0 0;}
/*切换原登陆方式*/
.change_login_mode{position: absolute;right: 165px;top: 125px;height: 24px;line-height: 24px;text-align: right;}
.change_login_mode span{color: #fff;cursor: pointer;}

/*登陆保护*/
#login_protect .mask{z-index: 900;}
.protectbox{position: fixed;z-index:999;left: 50%;top: 50%;width: 450px;margin: -140px 0 0 -225px;padding: 45px 45px 20px 45px;background:rgba(0,0,0,0.3);box-sizing:border-box;}
.protectbox .yzmbox{position: relative;padding-right: 130px;height: 40px;margin: 45px 0;}
.protectbox .yzmbox input{height: 40px;width: 100%;background: #15191b;border: none;color: #fff;font-family: '\5FAE\8F6F\96C5\9ED1';font-size: 14px;}
.protectbox .yzmbox .getcode{position: absolute;z-index:99;right: 0;top: 0;width: 120px;height: 40px;line-height: 40px;color: #fff;background: #46A136;text-align: center;border-radius: 3px;cursor: pointer;}
.similar_footer{padding: 20px 0;text-align: center;}
.similar_footer .btn{height: 35px;width: 100px;color: #fff;border-radius: 3px;border: none;cursor: pointer;display: inline-block;vertical-align: middle;}
.similar_footer .btn_submit{background: #46A136;margin-right: 80px;}
.similar_footer .btn_cancel{background: #c9c9c9;}
/*更新日志*/
.log_info{position: relative;background: #36404a;width: 100%;height: 260px;padding-top: 40px;}
.log_info .total_info{position: relative;width: 400px;margin: 0 auto;background: #fff url(skin/bg_log.png) no-repeat;border-radius: 15px 15px 0 0;padding: 50px 400px 30px 400px;}
.log_info .total_info h4{font-size: 52px;color: #3c3c3c;height: 120px;line-height: 120px;font-weight: bold;}
.log_info .total_info p{font-size: 18px;line-height: 30px;}
.log_info .total_info .stime{position: absolute;bottom: 22px;left: 0;font-size: 24px;height: 45px;line-height: 45px;width: 400px;text-align: center;}
.log_info .total_info .stime span{font-size: 18px;}
.log_info .total_info .other{position: absolute;right: 0;bottom:24px;width: 360px;padding-left: 40px;}
.log_info .total_info .other li{height: 40px;line-height: 40px;font-size: 18px;}
.log_info .total_info .other li span{float: left;width: 100px;}
.log_info .total_info .other li:nth-child(1) span{color: #3d9797;}
.log_info .total_info .other li:nth-child(2) span{color: #52ca52;}
.log_info .total_info .other li:nth-child(3) span{color: #f85454;}
.log_content{position: relative;width: 750px;padding: 0 225px;margin: 0 auto;}
.log_content h2{font-size: 22px;color: #3c3c3c;height: 40px;line-height: 40px;margin-bottom: 10px;}
.logbox{position: relative;margin-bottom: 30px;}
.logbox h3{height: 50px;line-height: 50px;font-size: 20px;color: #717171;}
.logbox h3 span{color: #3d9797;}
.logbox dl{position: relative;padding: 5px 0 5px 85px;}
.logbox dl dt{position: absolute;left: 0;top: 10px;width: 70px;height: 26px;line-height: 25px;color: #fff;font-size: 14px;text-align: center;}
.logbox dl.yh1 dt{background: #52ca52;}
.logbox dl.yh2 dt{background: #f85454;}
.logbox dl.yh3 dt{background: #3d9797;}
.logbox ul li{position: relative;padding-left: 15px;line-height: 35px;font-size: 18px;color: #7c7e7e;}
.logbox ul li:after{position: absolute;left: 0;top: 14px;width: 6px;height: 6px;border-radius: 6px;content: '';background: #f00;}
.logbox ul li a{font-size: 14px;text-decoration: underline;color: #3d9797;margin-left: 30px;}
.logbox dl.yh1 li:after{background-color: #52ca52;}
.logbox dl.yh2 li:after{background-color: #f85454;}
.logbox dl.yh3 li:after{background-color: #3d9797;}
/*协议*/
.agreementbox{position: relative;width: 1200px;margin: 0 auto;background: #fff;}
.agreementbox h3{font-size: 18px;color: #010101;height: 85px;line-height: 85px;border-bottom: 1px solid #e6e6e6;text-align: center;font-weight: bold;}
.agreementbox .text{font-size: 14px;line-height: 28px;color: #111;}
.agreementbox .text h4{margin-top: 50px;font-weight: bold;text-indent: 2em;}
.agreementbox .text p{margin-top: 10px;text-indent: 2em;}
.agreementbox .text .inscribe{text-align: right;padding: 50px 0;}
.agreen_footer{padding: 20px;border-top: 1px solid #e6e6e6;text-align: center;}
.agreen_footer p{line-height: 24px;}
/*泉屏助手*/
.helperbox{position: fixed;z-index:999;left: 50%;top: 50%;width:700px;margin: -210px 0 0 -350px;padding: 45px;background:rgba(0,0,0,0.3);box-sizing:border-box;}
.helperbox h3{height: 50px;line-height: 50px;font-size: 24px;color: #fff;font-weight: normal;text-align: center;position:relative;}
.helperbox h3 em{position:absolute;right:185px;top:0;background:#f21a1a;border-radius:3px;color:#fff;height:16px;line-height:16px;font-size:12px;padding:0 5px;}
.helperbox h3 em:after{position:absolute;left:3px;bottom:-5px;width:0;height:0;border-left:none;border-right:5px solid transparent;border-top:5px solid #f21a1a;border-bottom:none;content:'';}
.helperbox .downloadbox{width:240px;margin:80px auto 0;padding: 0 170px 0 0;position:relative;}
.helperbox .downloadbox a{display:block;width:150px;height:60px;margin-bottom:40px;padding-left:90px;color:#fff;font-size:18px;border-radius:5px;line-height:60px;}
.helperbox .downloadbox a.android{background:#52990b url(skin/android_ico.png) no-repeat 35px 10px;}
.helperbox .downloadbox a.ios{background:#52990b url(skin/ios_ico.png) no-repeat 35px 10px;}
.helperbox .downloadbox .wxbox{position:absolute;right:0;top:8px;width:130px;}
.helperbox .downloadbox .wxbox img{widt:130px;height:130px;}
.helperbox .downloadbox .wxbox p{height:24px;line-height:24px;color:#fff;text-align:center;}