@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0;font-family: Helvetica, Tahoma, Arial, "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei";}
body{max-width: 640px;margin: 0 auto;}
.startover{ position: fixed;top: 0;left: 0;bottom: 0;right: 0;max-width: 640px;padding:15px; z-index: 0;margin: 0 auto;}
.startover .content{position: absolute;top: 0;left: 0;right: 0;bottom: 0;overflow-y:auto;overflow-x: hidden; padding:10px 15px;}
.startover h5{font-size:20px;text-align: center;color: #1d888e;line-height: 24px;margin-top: 12px;margin-bottom: 15px;}
.startover p{font-size: 15px;color: #666666;line-height: 26px;margin-bottom: 20px;text-align: justify;}
.startover p:nth-child(3){margin-bottom: 20px;}
.startover .video img{max-width: 100%;}

.startover .link::after {content: "";display: table;clear: both;zoom: 1;}
.startover .link .test { width: 31%;float: left;height:32px; line-height: 32px; margin: 20px auto;margin-top: 0;margin-bottom:30px; color: #FFF; background: #1d888e; border: none;text-align: center;font-size: 16px;margin-right: 3.5%;}
.startover .link .test:nth-child(3n) {margin-right: 0%; }
/*.startover .link .test:last-child{background-color: #c3b59b;}*/
/*.startover .link .test:first-child{background-color: #c3b59b;}*/
.startover .tips {clear: both;font-size: 14px;color: #666666;line-height: 24px;text-align: justify;font-weight: bold;font-size: 16px;}

.startover form{padding:30px;box-sizing: border-box;}
.startover form input{width:100%;height:40px;border:1px solid #dcdcdc;outline: none;border-radius: 4px;-webkit-border-radius:4px;font-size: 16px;padding-left:15px;padding-right: 15px;box-sizing: border-box;text-align: center;}
.startover form .query{margin-top: 15px;height: 40px;background-color: #ffffff;border:1px solid #dcdcdc; border-radius: 4px;line-height: 40px;font-size: 18px;text-align: center;color: #999999;}
.startover form .ttips{color: #999999;font-size: 12px;margin-bottom: 5px;}

.bottomimg{margin: 0 -2px;}
.bottomimg img{width: 100%;}
.result{display: none; position: fixed;padding:15px;box-sizing: border-box;left: 0;right: 0; top: 0;bottom: 0;width: 100%;max-width: 640px;margin: 0 auto; z-index: 100;background-color:#ffffff;}
.result .content{position: absolute;top: 0;left: 0;right: 0;bottom: 0;overflow: scroll;padding:15px;overflow-y:auto;overflow-x: hidden;}

.result h5{font-size:18px;text-align: center;color: #666666;height: 18px;line-height: 18px;font-weight:normal;}
.result h5 span{font-weight: bold;padding-left: 5px;padding-right: 5px;}
.result .txt{font-size:36px;text-align: center;font-weight:normal;}
.result .success{color: #1d888e;}
.result .success img{max-width: 100%;}
.result .normal{color: #1d888e;}
.result .warning{color: #1d888e;}
.result .contact{position: relative; color: #666666;font-size: 14px;line-height: 26px;margin-top: 20px;margin-bottom: 15px;}
.result .contact .qrcode{position: absolute;left:30px;;top:0;height:100%;}
.result .contact .info{float: right;padding-right: 15px; }

@media screen and (max-width: 320px){
	.result .contact .qrcode{position: absolute;left:5px;;top:0;height:100%;}
	.result .contact .info{float: right;padding-right: 5px; }
}

.result .contact:after{content: "";clear: both;display: table;}
.result .tips{display: none; text-align: center;color: #1d888e;font-size:16px;line-height: 26px;color: #666666;margin-bottom: 15px;text-align: justify;}
.result .remarks{text-align: center;color: #1d888e;font-size:14px;line-height: 26px;color: #666666;margin-bottom: 15px;text-align: justify;}
.result .html .tips{color: #666666;font-size: 14px;text-align: justify;margin-bottom: 5px;}
.result  button,.result .test{display: block;margin: 0 auto;margin-bottom: 20px; width:64%;height: 36px;line-height: 36px;padding: 0;border:none; background-color:#1d888e;outline: none;color: #ffffff;font-size: 14px;}
.result .link:after{content: "";clear: both;display: table;}
.result .link .test{width: 31%;float: left;height:32px; line-height: 32px; margin: 20px auto;margin-top: 0; color: #FFF; background: #1d888e; border: none;text-align: center;font-size: 16px;margin-right: 3.5%;}
.result .link .test:nth-child(3n){margin-right: 0;}
/*.result .link .test:last-child{background-color: #c3b59b;}*/
.result .link .test:first-child{ /*background-color: #c3b59b;font-size: 12px;*/}

.result .test{text-align: center;}
.result  a{color:#666666;}
.result .urllink{text-align: center;margin-bottom: 20px;}
.result .urllink a{text-decoration: none;font-weight: bold;}
.result .urllink span{font-weight: normal;text-align: center;background: url(../images/shou.png) no-repeat center right;background-size: auto 16px;padding-right: 12px;}

.answer {display: none; overflow: hidden; padding-bottom: 20px; max-width: 640px;margin:0 auto;}
.large-box { max-width: 640px;margin:0 auto; border-radius: 10px; padding: 0 10px; background: linear-gradient( -30deg, #0084ad, #1d888e); }
.ans-ul { margin: 0 auto; overflow: hidden; }
.large-box .edge { width: 100%; background: #fff; height: 14px; margin: 0px -10px 44px -10px; padding: 0px 10px; float: left; position: relative; }
.large-box .edge div:nth-child(1),  .large-box .edge div:nth-child(2),  .large-box .edge div:nth-child(3),  .large-box .edge div:nth-child(4) { display: block; width: 14px; height: 14px; border-radius: 50px; background: #fff; border: 1px solid #FFFFFF; position: absolute; }
.large-box .edge div:nth-child(1) { top: -22px; left: 50px; }
.large-box .edge div:nth-child(2) { top: -22px; right: 50px; }
.large-box .edge div:nth-child(3) { bottom: -22px; left: 50px; }
.large-box .edge div:nth-child(4) { bottom: -22px; right: 50px; }
.large-box .edge div:nth-child(5),  .large-box .edge div:nth-child(6) { display: block; width: 2px; height: 42px; background: #1d888e; position: absolute; }
.large-box .edge div:nth-child(5) { left: 57px; top: -14px; }
.large-box .edge div:nth-child(6) { right: 57px; top: -14px; }
.large-box p { color: #fff; margin: 30px 0;margin-bottom: 15px; font-size: 20px;color: #ffffff;text-align: justify;}
.large-box li { color: #fff; }
.large-box li a { color: #fffcb2; font-size: 16px; }
.large-box a.ans-li { width: 40%; text-align: center; height: 36px; line-height:36px; border-radius: 18px; margin: 20px 0 30px 0; display: block; border: 1px solid #FFFFFF !important; }
.ans-no { background: rgba(0, 0, 0, 0); color: #fff; transition: .5s; }
.large-box a.ans-li:active { background: #fff; color: #1d888e; transition: .5s; }
.ans-on { background: #fff; color: #1d888e; }
.large-box .ans-y { float: left; }
.large-box .ans-n { float: right; }
.ans-again { width: 100% !important; }
.ans-nav{margin:10px auto;}
.ans-nav p{margin: 10px 0;font-size: 16px;text-align:center;}
.mask { width: 100%;max-width: 640px; float: left;display: none; opacity: 0; box-sizing: border-box;}
.mask-hide { position: fixed; top: 0; left: 0; height: 0px; width: 100%; border-bottom-right-radius: 500px; border-bottom-left-radius: 500px; background: #00FFFF; overflow: auto; opacity: 0; transition: .5s; }
.close { width: 30px; height: 30px; position: fixed; top: 20px; right: 20px; color: #fff; line-height: 30px; text-align: center; border-radius: 20px; background: rgba(0, 0, 0, .5); }
.mask-show { position: fixed; top: 0px; left: 10px;right: 10px; height: 100vh;max-width: 640px;margin: 0 auto;  background: #fff; overflow: auto; opacity: 1; transition: .5s; z-index: 1; }
/*不可点击按钮样式*/
#mask01 .large-box .ans-not { border: 1px solid #999 !important; color: #999999 !important; }

.form{margin-bottom: 15px;padding-bottom: 15px;}
.form p{text-align: center;}
.form.ycfw p{font-size: 15px;line-height: 26px;text-align: justify;}
.form input{width:100%;height: 36px;border-radius: 18px;color: #666666;font-size: 16px;margin-bottom: 15px;box-sizing: border-box;padding-left: 18px;padding-right: 18px;border:none;outline: none;text-align: center;}
.form button{width: 100%;height: 38px;/*background-color: #F44336;*/background-color: #c3b59b; border:none;outline: none;border-radius: 19px;font-size: 16px;color: #fff;}
.form .tips{font-size: 14px;color:#fff;margin-top: 15px;}
a[title="站长统计"]{display: none;}