.wrap{max-width: 1920px;margin: 0 auto;min-width: 1200px;background: url(//img.gyyxcdn.cn/action/wd_bg01.jpg) no-repeat 50% 0,url(//img.gyyxcdn.cn/action/mrzbs_rewords_bg02.jpg) no-repeat 50% 100%,#ffdeab;padding-bottom: 120px;}

.header{height: 988px;position: relative;}
.main{width: 1200px;margin: 0 auto;height: 100%;position: relative;overflow: hidden;}


.logo{position:absolute;top: 14px;left: 0px;width:110px;height:145px;background:url(//image.gyyxcdn.cn/upload/pic/logo/wd_logoLight.png) no-repeat;}
.welogo{position:absolute;top: 22px;left: 122px;width:136px;height:118px;background:url(//img.gyyxcdn.cn/action/wegame_logo.png) no-repeat;}
.wd_nav{position: absolute; top:30px;right:6px; color: #920000;}
.wd_nav a{padding:0 10px;font-size: 14px;color: #920000;}
.wd_nav a:hover{color: #920000;}

.header p{color: #7c4422;font-size: 14px;line-height: 26px;margin-left: 274px;width: 592px;}
.header p span{color: #bd4313;}
.header p.wd_time{font-size: 18px;color: #e25919;padding-left: 28px;height: 23px;line-height: 23px;background: url(//img.gyyxcdn.cn/action/mrzbs_rewords_icon01.png) no-repeat;margin: 510px 0 12px 331px;}


.wd_box01 h2{width: 678px;height: 48px;background: url(//img.gyyxcdn.cn/action/mrzbs_rewords_tit01.png) no-repeat;margin: 0 auto;text-indent: -9999px;overflow: hidden;}
.wd_box01 p{color: #c02b23;font-size: 16px;text-align: center;margin: 32px 0 22px;}

.login{
    text-align: center;height: 98px; margin-bottom: 30px;

}
.login_before a{width: 346px;height: 98px;background: url(//img.gyyxcdn.cn/action/mrzbs_rewords_logon.png) no-repeat;display: block;margin: 0 auto;text-indent: -9999px;overflow: hidden;}
.login_before a{background-position: 0px -98px;}
.login_after h4{font-size: 22px;line-height: 60px;color: #8a2600;text-align: center;}
.login_after a{color:#025686; font-size: 16px;margin-left: 20px;text-decoration: underline;}
.login_after a:hover{color: #035bdf}
.login p{margin: 0;color: #e43b28;}

.reg{width: 575px;margin: 38px auto 0;}
.reg .box{height: 44px;padding-bottom: 30px;position: relative;}
.reg label{float: left;width:115px;height: 44px;line-height: 44px;color: #8a2600;font-size: 20px;}
.reg .box input{color: #892e0b;float: left;width: 450px;height:44px;border: 1px solid #e5c4a5;background: #fffcf7;padding:4px 10px;font-size: 18px;line-height: 32px;outline: none;vertical-align: middle;box-sizing: border-box;}
.reg .box select{color: #892e0b;float: left;width: 450px;height:44px;border: 1px solid #e5c4a5;background: #fffcf7;padding:4px 10px;font-size: 18px;line-height: 32px;outline: none;vertical-align: middle;box-sizing: border-box;}
.reg .box_address{padding-bottom: 73px;}
.reg .box_address select{float:left;width: 145px;height:44px;border: 1px solid #b36c49;background: #FFF;padding:0 10px;margin-right:8px;font-size: 18px;line-height: 40px;outline: none;}
.reg .box_img{height: 196px;padding-bottom: 118px;}
.reg .box_img label{width: 185px;height: 196px;}
.reg .box_img div{width: 376px;height: 196px;border: 1px solid #e5c4a5;float: left;background:#fffcf7 url(//img.gyyxcdn.cn/action/mrzbs_rewords_d.png) no-repeat 50% 50%;display: flex;justify-content: center;align-items: center;}
.reg .box_img div img{display: block;}
.reg .box_img p{color: #d51412;font-size: 16px;text-align: left;line-height: 30px;margin: 0;}
.reg .box_img a{position: absolute;width: 115px;height: 38px;left: 0;top: 44px;color: #025686;font-size: 16px;background: url(//img.gyyxcdn.cn/action/mrzbs_rewords_icon02.png) no-repeat 0 50%;text-align: center;line-height: 38px;}
.reg .box_img a em{display: block;width: 316px;height: 259px;background: url(//img.gyyxcdn.cn/action/mrzbs_rewords_tc.png) no-repeat;position: absolute;left: -98px;z-index: 99;text-align: center;display: none;}
.reg .box_img a img{margin-top: 44px;}
.reg .box_img a:hover em{display: block;}
.reg div.box_img .inputbg{cursor: pointer;position: relative;clear: none;overflow: hidden;float: left;background: #FFF;border: 1px solid #bdab79;width: 374px;height: 194px;line-height: 162px;}
.reg div.box_img .inputbg input{cursor: pointer;position: absolute;top: 0;left: 0;font-size: 0px;font-size: 150px\9;width: 374px;height: 194px;outline: none; opacity:0;filter:alpha(opacity=0);padding: 0;border: none;}
.reg span{position:absolute;top:46px;left:116px;font-size:14px;color:#d51412;line-height:20px;}
.reg .box_code a{position:absolute;top:3px;right:13px;display:block;width:131px;height:38px;line-height: 38px;background: url(//img.gyyxcdn.cn/action/wd_cashRewards_yzm.png) no-repeat;overflow: hidden;font-size: 14px;color: #fff;text-align: center;}
.reg .box_code a:hover{background-position:0 -38px;}
.reg .box_code a.finish{background-position:0 -76px;cursor:default;}
.btn_reg{overflow:hidden;margin: 40px auto 0;text-align: center;}
.btn_reg input{background: url(//img.gyyxcdn.cn/action/mrzbs_rewords_submit.png) no-repeat;padding: 0;width:255px;height: 72px;outline: none;border: none;text-indent: -9999px;overflow: hidden;cursor: pointer;}
.btn_reg input:hover{background-position: 0 -72px;}
.btn_reg input.submitted{background-position: 0 -144px;cursor:default;}

.wd_box02{padding-top: 260px;}
.wd_box02 h2{width: 785px;height: 48px;background: url(//img.gyyxcdn.cn/action/mrzbs_rewords_tit02.png) no-repeat;margin: 0 auto;text-indent: -9999px;overflow: hidden;margin-bottom: 30px;}
.wd_box02 p{color: #892e0b;font-size: 16px;line-height: 42px;margin: 0 80px;position: relative;padding-left: 43px;}
.wd_box02 p span{color: #d51412;}
.wd_box02 p i{position: absolute; left:0px; top: 7px; width:28px; height:28px;background: #a94e32;clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);font-size:14px;font-style:normal;color: #ffefd7;text-align: center;line-height: 28px;}

/* 漂浮 */
/* .pf{width: 210px;height: 350px;background: url(//img.gyyxcdn.cn/action/mrzbs_rewords_pf.png) no-repeat;padding: 128px 0 70px;box-sizing: border-box;} */
.pf {
    width: 232px;
    height: 299px;
    background: url(//img.gyyxcdn.cn/action/wd_pf.png) no-repeat;
    padding: 178px 14px 0 19px;
    box-sizing: border-box;
}
.pf a{display: block;
    font-size: 22px;
    color: #7e3319;
    text-align: center;
    height: 56px;
    line-height: 56px;
    text-align: center;
    width: fit-content;
    margin: 0 auto 14px;
    box-sizing: border-box;
}
.pf a:nth-of-type(2) {
    width: 60px;
    height: 50px;
    line-height: 54px;
    margin: 0 73px 0 68px;
    text-align: center;
    font-size: 16px;
    color: #f7d16d;
}   
.pf a.a02{width: 50px;height: 84px;font-size: 16px;color: #af4d31;margin: 20px auto 0;line-height: 16px;padding:12px 0 0 4px;}
.pf a.a01:hover{color: #ffffff;}
.pf a.a02:hover{color: #ff3a02;}

.tc{position: relative;}
.tc01{
    width: 360px !important;
    height: 260px !important;
    box-sizing: border-box;
    background: url(//img.gyyxcdn.cn/action/wd_tcbg.png) no-repeat 50% 50%;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 28px 30px 24px;
}
.tc01 h3{display: none;}
.tc01 p{
    width: 100% !important;
    margin: 0;
    color: #8b5a2b;
    font-size: 16px;
    line-height: 1.3;
    text-align: center !important;
}
.tc_close{
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid rgba(177,146,90,.75);
    box-sizing: border-box;
    background: rgba(255,255,255,.08);
}
.tc_close::before,
.tc_close::after{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 18px;
    height: 1px;
    background: rgba(177,146,90,.95);
    transform-origin: center;
}
.tc_close::before{transform: translate(-50%,-50%) rotate(45deg);}
.tc_close::after{transform: translate(-50%,-50%) rotate(-45deg);}

.reg .upload_img{width: 374px;position: absolute;top: 0;left: 0;height: 194px;}
.upload_img img{
	display: block;
	width: 100%;height:100%;
	box-sizing: border-box;
}
.reg .uploadimg{position: absolute;top:0; left:0;z-index: 10;background: url(//img.gyyxcdn.cn/action/mrzbs_photo.jpg) no-repeat;width:374px; height:194px;}
.reg .box_img .closeImgButton {
    position: absolute;
    top: 0;
    left: initial;
    right: 0;
    background: url(//img.gyyxcdn.cn/action/mrzbs_close.png) no-repeat;
    width: 34px;
    height: 34px;
}



.weLogo{position:absolute;top:37px;left:122px;width:136px;height:118px;background:url(//img.gyyxcdn.cn/action/weLogo.png) no-repeat;}
.nav{position: absolute;top: 42px;right: -6px;color: #d4c9aa;}
.nav a{font-size: 14px;color: #f9ebc4;margin: 0 13px;}
.nav a:hover{color: #ffef3f;}
.wd_slogan{position: absolute;top: 141px;left: 15px;width: 734px;height: 550px;}
.mask-rect {animation: maskReveal 0.6s linear forwards;}
@keyframes maskReveal {
    0% {height: 0; }
    100% {height: 550px; }
}

.time{height: 38px;font-size: 18px;color: #d34a09;line-height:38px;text-align: center;}
.time::before{content: "";display: inline-block;width: 23px;height: 23px;background: url(//img.gyyxcdn.cn/action/wd_icon.png) no-repeat 0 center;margin-right: 8px;vertical-align: middle;position: relative;top: -1px;}
.ad{width: 590px;font-size: 14px;line-height: 26px;color: #75270c;margin: 0 auto;}