*{ margin:0; padding:0; list-style:none; border:0 }
html,body{ width:100%; height:100%; }
img{ display:block; }
a{ text-decoration:none; }


#ageBtn{width:60px;height:86px;position:absolute;top:25px;right:20px;z-index:4}

.wrapper{ width:100%; max-width: 1920px; margin: 0 auto; height:100%; background-image:url(img/bg.jpg); background-position:top center; background-repeat:no-repeat; position: relative;}
.logo{ position: absolute; top:20px; left:30px; width: 240px;}
.btn{ width:747px; position: absolute; top:660px; left:50%; margin-left:-850px; }
.btn a{ display:block; float:left; transition: .5s}
.btn a:hover{ transform:translateY(-3px); }


.pop{ width:100%; height:100%; position:fixed; top:0; left:0; background-color:rgba(0, 0, 0, .8); z-index: 9; display: none}
.pop .pop_inner{ width:535px; min-height: 480px; position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); background-image: url(img/pop.png); background-size: 100% 100%}
.pop .close{ width: 68px; display:block; position: absolute; top:15px; right: 20px; transition: .5s}
.pop .close:hover{ transform:scale(1.05); }
.pop .pop_con{ width:100%; padding:25px 20px; box-sizing:border-box; overflow: hidden; }
.pop .pop_t{ width:466px; height: 52px; line-height: 46px; text-align: center; font-family: simsun; display:block; margin:45px auto 0; font-size:28px; color:#627290; font-weight: bold; letter-spacing: -1px; position: relative;}
.pop .pop_t:before{content: ""; display: block; width: 300px; height:3px; position: absolute; top: 50px; left: 50%; margin-left: -150px; background-image: linear-gradient(to right,rgba(182, 199, 231, 0),rgba(182, 199, 231, 1),rgba(182, 199, 231, 1),rgba(182, 199, 231, 1),rgba(182, 199, 231, 0))}
.pop .xcx{ width:140px; height:140px; padding:15px; background-color:#fff; border-radius:140px; border:1px #c1c1c1 solid; margin:40px auto 30px; position: relative; }
.pop .xcx img{ border-radius:140px; width: 100%; }
/* .pop .xcx:before{ content:""; display:block; width: 63px; height:63px; background-image: url(https://ftimg.friendtimes.cn/images/fsyll/cn/icon/2/256.png); background-size: 100% 100%; border-radius:60px; position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); } */
.pop .yy_xcx{ padding-bottom:30px; }
.pop .yy_xcx p{ font-size:20px; color:#5d6f97; text-align: center; }
.pop .yy_xcx a{ width:134px; height:40px; line-height:40px; color:#5d6f97; display:block; margin:20px auto 0; border-radius:40px; border:1px #5d6f97 solid; text-align: center; font-size:17px; text-align: center; transition:.5s }
.pop .yy_xcx a:hover{ color:#333; border:1px #333 solid; }
.pop .phone_form{width: 80%; margin: 10px auto 0;}
.pop .phone_form ul li{ margin:10px 0; text-align: center; overflow: hidden;}
.pop .phone_form ul li label{ width:30%; display:inline-block; font-size: 20px; color:#c1c1c1; line-height: 60px;}
.pop .phone_form ul li label input{ display:inline-block; vertical-align: middle; width: 16px; height: 16px; margin-top: -3px; font-size: 16px; color: #333}
.pop .phone_form ul li label span{ display:inline-block; vertical-align: middle; margin-left: 6px;}
.pop .phone_form ul li input{ height:60px; line-height:60px; background-color:#fff; border-radius:5px; box-sizing: border-box; border:1px #bdbee0 solid; text-indent:15px; outline:none }
.pop .phone_form ul li .phone{ width:100%; }
.pop .phone_form ul li .imgCode{ width: 260px; float:left; }
.pop .phone_form ul li .phone_code{ width: 260px; float:left; }
.pop .phone_form ul li .vf_img{ float:left; width:130px; height:60px; float:right; background-color:#fff; border-radius:5px; border:1px #bdbee0 solid; box-sizing:border-box; }
.pop .phone_form ul li .get_code{ float:left; width:130px; height:60px; line-height: 60px; float:right; background-color:#7d8fb0; color: #fff; border-radius:5px;  }
.pop .phone_form ul li .get_code.timeout{ background-color: #999; }
.pop .phone_form ul li .get_code:hover{ background-color:#b1938b }
.pop .phone_form ul li .get_code.timeout:hover{ background-color: #999; }
.pop .phone_form ul li button{ width: 399px; height:65px; display:block; margin:10px auto; background-image:url(img/submit.png); background-size: 100% 100%; background-color:transparent; transition:.5s; cursor:pointer; }
.pop .phone_form ul li button:hover{ transform:scale(1.02); }
.pop .phone_form ul li .back{ font-size: 16px; color:#666; text-align: center; line-height:30px; display:block; transition: .5s}
.pop .phone_form ul li .back:hover{ color:#4689ce }
.pop .phone_form ul li:last-child{ margin:0; height:30px; padding-bottom: 10px;}

.pop .qrcode_box{ width:100%; text-align: center; }
.pop .qrcode{ width:180px; display:inline-block; margin:0 15px; padding-top:15px; }
.pop .qrcode img{ width:180px; display:block; margin:15px auto 0; border-radius:10px; border: 1px #ddd solid; overflow: hidden;}
.pop .qrcode span{ font-size:16px; display:block; color: #333; padding-top: 10px;}
.pop .qrcode p{ margin:20px 0 15px 0; font-size: 20px; color:#2f96ff }
.pop .qrcode a{ width:120px; height:38px; line-height:38px; margin: 20px auto 0; border-radius:5px; border:1px #2f96ff solid; font-size: 14px; color: #2f96ff; transition: .5s}
.pop .qrcode a:before{content: "一键加群"}
.pop .qrcode a:hover{ background-color:#2f96ff; color:#fff }

.pop .pop_txt{ margin-top:20px; text-align: center; font-size: 16px; line-height: 30px; color: #333}
.pop .pop_txt span{ color:#d69f41 }