*{margin: 0;padding: 0;}
body{font-family:"微软雅黑";   background: black;}
.wrap{height: 760px;  margin:0 auto;position: relative;cursor: pointer;background-size: 100% auto}
.logo_bj{ position: absolute; display: block;left: 0; top:26px; width: 100%; height: 122px;}
.logo_bj img{display: block; margin: 0 auto;}
html{overflow-x: hidden;}
.logocenter{ position: absolute; top: 10px; right: 0;  width: 200px; z-index: 3;}
.loginbox{height:375px;width:474px;background: url(../images/box.png) no-repeat center;z-index: 100; position: absolute;top:300px;left:0px;right:0px; margin:auto;display:none ;opacity:0.5;}
.loginbox .title_bt{ margin:0px auto;height:0px;width:100%;  }
.loginbox .title{height: 22px;width: 143px;margin: 0 auto; padding: 35px 0 20px;}
.loginbox .title p{ height:23px;width:52px; float: left; margin: 0 10px;background: url("../images/ico_imgbg.png")no-repeat center;}
.loginbox .title p.p1{height:23px;width:52px;background-position: -123px -33px;}
.loginbox .title p.p2{height:22px;width:50px;background-position: -125px 0;}
.loginbox .title p.p1.on{background-position: -187px -32px;}
.loginbox .title p.p2.on{background-position: -189px 0;}
.loginbox .title p.on{color: red;}
.loginbox .show{width: 290px;margin:0 auto;}
.loginbox .show .item span{font-size: 18px;color: #fff;float: left;width:85px;margin: 8px 0; display: inline-block; height: 32px; line-height: 32px;}
.loginbox .show .text{outline:none;border:none;height: 25px;width: 180px;border-radius: 2px;font-size: 12px;color: #b59a71;padding:0 10px;margin: 4px 0;background: none;border: 1px solid #8e7f5e;}
.loginbox .show .text.inpu4{ width: 110px;}
.loginbox .show  .time{ font-size: 12px;height: 30px; line-height: 30px; background: red; width: 100px; text-align: center; display: inline-block; color: #fff; float: right; margin-top: 4px;}
.loginbox .show .item .tips{font-size: 12px;color: #b59a71;height: 20px;line-height: 20px;margin: 0px 0 0px 80px;width:240px;padding: 1px 0;}
.loginbox .show .agreement a{font-size: 12px;text-decoration: none; padding-left:35px;color: #dec37b}
.loginbox .show .agreement{ padding-top: 80px; }
.loginbox .show .item .text_bt{padding-right:8px;color: #b1996e;float: left;width:73px;margin: 3px 0;display: inline-block;height: 25px;line-height: 25px;font-size: 18px;text-align: center;}
.loginbox .show .item .text_bt.span2{background-position: 0 -40px;}
.loginbox .show .item .text_bt.span3{background-position: 0 -81px;}
.loginbox .show .item .text_bt.span4{background-position: -149px 0; width: 71px; margin-right: 29px;}
.loginbox .show .btn_warp{width:310px;height: 54px;padding:0;margin: 0 auto;}
.loginbox .show .btn_warp .btn{float: left; background: url(../images/ico_imgbg.png) no-repeat center top;height: 44px;width: 121px;background-position: 0 -89px;margin: 10px auto;margin-right: 5px;cursor: pointer;border: none;display: block;outline:none;}
.loginbox .show .btn_warp .btn:hover{opacity: 0.8}
.loginbox .show .btn_warp .a_link{float: left;background: url("../images/ico_imgbg.png") no-repeat center;margin: 0 10px;margin-top: 20px;}
.loginbox .show .btn_warp .a_link.qqlogin_btn{height:28px;width:28px;background-position: 0 -2px;}
.loginbox .show .btn_warp .a_link.wxlogin_btn{height:28px;width:35px;background-position: -57px 0;;}
.loginbox .show .btn_warp .a_link.wblogin_btn{height:28px;width:36px;background-position: 0 -45px;}
.loginbox .show .btn_warp .a_link:hover{opacity: 0.8}
.loginbox .signin{  display: none; padding-top: 23px;}
.loginbox .signin .btn_warp { padding: 10px 0 20px 0;}
.loginbox .show .text::-webkit-input-placeholder {  color:#3e5343;}
.loginbox .show .text::-moz-placeholder { color:#3e5343;}
.loginbox .show .text::-ms-input-placeholder {   color:#3e5343;}
.loginbox .ck{font-size:12px ;color: #999999;position:relative;margin-top: 4px; width:270px; margin: 10px auto; }
.loginbox .ck .a{position: absolute;left:10px;top: 3px;background: url(../images/ico_tab.png) no-repeat center;height:16px;width:15px;display:inline-block;}
.loginbox .ck .a1i{background-position: 0 0;}
.loginbox .ck .a12{background-position:-30px 0;display: none;}
.loginbox .ck a{color: #e5c293;}
.loginbox .ck .agreement{padding-left: 40px;}
.news_foot{width: 100%;min-width: 1400px; background: black;color: #768b9c;position: relative;z-index: 1;}
.news_foot_c{width: 1000px;padding: 10px 0 20px;line-height: 40px;margin: 0 auto;text-align: center;font-size: 14px;}
.news_foot_c a:link{color: #768b9c;}
.news_foot_c a:visited{color: #768b9c;}
.news_foot_c a:hover{color: #f60;}

/* 20240930 */
.loginbox2{opacity:0;width:963px;height:575px;background:url(../images/register.png) no-repeat;position:absolute;z-index:0;left:50%;top:50%;transform:translate(-50%, -50%) scale(0);transition:transform 1s,opacity 1s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.loginbox2 .cont{width:520px;height:360px;margin:157px 0 0 280px;overflow:hidden;position:relative}
.loginbox2 .cont .inpList{margin:40px 0 0 130px;position:relative;width:270px}
.loginbox2 .cont .inpList .text{outline:none;border:none;height:32px;width:180px;font-size:15px;color:#111;padding:0 10px;margin:6px 0 0;background:none}
.loginbox2 .cont .inpList .inpu2{margin-top:4px}
.loginbox2 .cont .inpList .togglePassword{width:33px;height:33px;background:url(../images/close_eye.png) no-repeat;position:absolute;left:198px;top:0}
.loginbox2 .cont .inpList .togglePassword.on{background:url(../images/open_eye.png) no-repeat}
.loginbox2 .cont .imglist{position:absolute;right:0;top:0}
.loginbox2 .cont .imglist .img1{position:absolute;top:47px;right:34px;width:86px;height:79px;background-image:url("../images/jiezhi.png");background-position:0 0;-webkit-animation:playGif 1s steps(5) infinite;animation:playGif 1s steps(5) infinite}
.loginbox2 .cont .imglist .img2{position:absolute;top:157px;right:37px;width:70px;height:76px;background-image:url("../images/ui20.png");background-position:0 0;-webkit-animation:playGif2 1s steps(5) infinite;animation:playGif2 1s steps(5) infinite}
.loginbox2 .cont .imglist .img1::before,.loginbox2 .cont .imglist .img2::before{display:block;position:absolute;content:"";left:-13px;top:-6px;width:113px;height:113px;background-image:url("../images/kuang.png");background-position:0 0;-webkit-animation:playGif3 1s steps(6) infinite;animation:playGif3 1s steps(6) infinite}
.loginbox2 .cont .imglist .img2::before{left:-24px;top:-10px}
.loginbox2 .cont .playbox{width:100%;height:80px;position:relative;z-index: 2;z-index: 2;}
.loginbox2 .cont .playbox:hover .btn{background-position:0 -80px}
.loginbox2 .cont .playbox::before{display:block;position:absolute;content:"";left:121px;top:-35px;width:157px;height:147px;background-image:url("../images/imgbtn.png");background-position:0 0;-webkit-animation:playGif4 .5s steps(3) infinite;animation:playGif4 .5s steps(3) infinite}
.loginbox2 .cont .playbox .btn{width:200px;height:80px;background:url(../images/btn_start.png) no-repeat;margin:29px 0 0px 98px;display:block;border:none;outline:none;cursor:pointer}
.loginbox2 .cont .ck{text-align:center;color:#fff;font-size:14px;position: relative;z-index: 3;}
.loginbox2 .cont .ck a{color:#f36e16;text-decoration:none}
.loginbox2 .cont .ck a:hover{color:#f3bf16}
.loginbox2 .cont .ck #checkagr{font-size:0;display:none}
.loginbox2 .cont .ck .checkagrbtn{width:14px;height:14px;display:inline-block;margin-bottom:-2px;cursor:pointer;background:url(../images/checkbox_blue_2.png) no-repeat}
.loginbox2 .cont .ck .checkagrbtn.on{background-position:0 -14px}
.loginbox2 .cont .btn_warp{width:100%;overflow:hidden;text-align:center;margin:17px 0 0 145px}
.loginbox2 .cont .btn_warp .a_link{display:block;float:left;width:48px;height:48px}
.loginbox2 .cont .btn_warp .qqlogin_btn{background:url(../images/btn_qq.png) no-repeat}
.loginbox2 .cont .btn_warp .qqlogin_btn:hover{background-position:0 -48px}
.loginbox2 .cont .btn_warp .wxlogin_btn{background:url(../images/btn_wx.png) no-repeat}
.loginbox2 .cont .btn_warp .wxlogin_btn:hover{background-position:0 -48px}
.loginbox2.on{transform:translate(-50%, -50%) scale(1);opacity:1;z-index:99999}
@-webkit-keyframes playGif{100%{background-position:-430px 0}}@keyframes playGif{100%{background-position:-430px 0}}@-webkit-keyframes playGif2{100%{background-position:-350px 0}}@keyframes playGif2{100%{background-position:-350px 0}}@-webkit-keyframes playGif3{100%{background-position:-678px 0}}@keyframes playGif3{100%{background-position:-678px 0}}@-webkit-keyframes playGif4{100%{background-position:-471px 0}}@keyframes playGif4{100%{background-position:-471px 0}}