/* public */
@charset "utf-8";
*:not(input):not(textarea){user-select:none;}
html,body,form,ol,ul,li,div,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,th,td,font,em,ins,span,a{margin:0; padding:0; font-family:微软雅黑;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;font-weight:normal}
html{_filter:expression(document.execCommand("BackgroundImageCache",false,true));}
ul,li,div,dl,dt,dd{list-style:none;}
h1.wm-public{height:0px; line-height:0px; font-size:0px;}
a{text-decoration:none;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
/*a:hover{text-decoration:underline;}*/
a:hover{text-decoration:none;}
img{border:0;}
font,em{font-style:normal; font-family:\5b8b\4f53;}
label{vertical-align:middle; font-family:tahoma;}
textarea,input{resize:none; outline:none;}
textarea{overflow:auto;}
ins{float:right; text-decoration:none; font-weight:normal;}
.pub_wsp{word-wrap:break-word; word-break:break-all;}
.pub_abso{vertical-align:middle;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.pub_yh{font-family:"Microsoft YaHei";}
.none{display:none;}
/*浮动清理*/
.cf:before,.cf:after{content:".";display:block;height:0;visibility:hidden}
.cf:after{clear:both}
.cf{zoom:1}
.cache{position:absolute;left:-1000%;top:-1000%;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #bababa;  
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #bababa;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #bababa;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #bababa;
}
/* page background */
body{ margin:0; padding:0; font-size:12px; font-family:"微软雅黑","宋体",Arial, Helvetica, sans-serif; background-color:#eee;}
#content{width:100%;min-width:1002px;overflow:hidden;position:relative;}
#wrap_01{width:100%;background:#000 url(../images/bg_01.jpg) no-repeat center top;}
#wrap_02{width:100%;background:url(../images/bg_02.jpg) no-repeat center 703px;}
#wrap_03{width:100%;background:url(../images/bg_03.jpg) no-repeat center 1706px;min-height:2862px;}
.headerBox{position:relative;width:1000px;margin:0 auto;height:703px;}
.views{width:910px;position:relative;top:410px;margin:0 auto;/*background:rgba(100,200,100,0.5);*/}
.views .left{width:340px;float:left;}
.views .right{width:343px;float:right;margin-top:20px;}

.loginBox{height:64px;width:238px;margin:0 auto;}
.loginBox a{display:block;width: 238px;height:64px;text-align:center;line-height:64px;font-size:28px;color:#ffffff;background:url(../images/loginBtn.png) no-repeat center; cursor: pointer;
-webkit-transition:all 0.8s linear;
-moz-transition:all 0.8s linear;
-ms-transition:all 0.8s linear;
-o-transition:all 0.8s linear;
transition:all 0.8s linear;}
.loginBox a:hover{background-image:url(../images/loginBtn_h.png);}
p.tip{font-size:14px;color:#847697;text-align:center;line-height:36px;}

.serverItem{width:100%;height:27px;line-height:27px;font-size:14px;color:#ffffff;margin-bottom:20px;}
.selBox{width:204px;height:27px;background:#2d273f;float:left;margin-right:22px;}
.selBox select{width:100%;padding:2px 0 2px 8px;background:none;border:none;outline:none;color:#fff;font-size:14px;font-family:"微软雅黑";}
.selBox select option{color:#000;}
.linkBox{}
.linkhow{font-size:14px; line-height:24px; display: block; position: relative; width: 130px; height: 24px; margin: 0 auto; color:#fff8bc; cursor: pointer;}
.linkhow strong{display: block; font-weight: normal; text-decoration:underline; text-align:center;}
.linkhow span{display: none; color:#FFF; width: 500px; position: absolute; left: -185px; top: 24px; background: rgba(0,0,0,0.8); padding: 8px; border-radius: 10px;}
.linkhow:hover span{display: block;}


.mainBox{width:1000px;margin:0 auto;position:relative;padding-top:76px;}
.giftBox{width:998px;height:925px;background:url(../images/rgb.png);border:1px solid #25253f;}
.styleThree{}
.styleThree ul{width:800px;padding-top:60px;text-align:center;padding:60px 82px 0 115px;}
.styleThree li{width:236px;height:396px;background:url(../images/g1.png) no-repeat center top;overflow:hidden;*float:left;margin-right:28px;margin-bottom:24px;display:inline-block;}
.styleThree li .liCon{width:229px;}
.styleThree li .liCon img{display:block;width:115px;height:115px;margin:28px auto 0;}
.styleThree li .liCon h2{font-size:30px;color:#ffeb61;font-weight:bold;text-align:center;margin:4px 0 5px;}
.styleThree li .liCon h3{font-size:18px;color:#ffffff;text-align:center;}
.styleThree li .liCon p.desc{width:170px;margin:0 auto;font-size:13px;color:#706d92;margin:5px auto 10px;line-height:22px;height:70px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.styleThree li .liCon a.clickTore{display:block;width:142px;height:36px;text-align:center;line-height:36px;margin:0 auto;background:url(../images/get2.png) no-repeat center top;font-size:20px;color:#edefff; cursor: pointer;
-webkit-transition:all 0.8s linear;
-moz-transition:all 0.8s linear;
-ms-transition:all 0.8s linear;
-o-transition:all 0.8s linear;
transition:all 0.8s linear;
}
.styleThree li .liCon a.clickTore:hover{background-image:url(../images/get2_h.png);}


.styleFour{}
.styleFour ul{width:912px;padding:105px 33px 0 53px;}
.styleFour li{width:209px;height:350px;background:url(../images/g2.png) no-repeat center top;overflow:hidden;float:left;margin-right:16px;margin-bottom:38px;}
.styleFour li .liCon{width:201px;}
.styleFour li .liCon img{display:block;width:100px;height:100px;margin:25px auto 0;}
.styleFour li .liCon h2{font-size:26px;color:#ffeb61;font-weight:bold;text-align:center;margin:4px 0 5px;}
.styleFour li .liCon h3{font-size:16px;color:#ffffff;text-align:center;}
.styleFour li .liCon p.desc{width:170px;margin:0 auto;font-size:12px;color:#706d92;margin:5px auto 10px;line-height:22px;height:70px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.styleFour li .liCon a.clickTore{display:block;width:160px;height:40px;text-align:center;line-height:40px;margin:0 auto;background:url(../images/get.png) no-repeat center top;font-size:22px;color:#edefff;
-webkit-transition:all 0.8s linear;
-moz-transition:all 0.8s linear;
-ms-transition:all 0.8s linear;
-o-transition:all 0.8s linear;
transition:all 0.8s linear;
}
.styleFour li .liCon a.clickTore:hover{background-image:url(../images/get_h.png);}


.ruleBox{width:100%;margin-top:30px;font-size:16px;color:#6f6989;line-height:24px;overflow:hidden;}
.ruleBox h2.rTit{height:33px;text-indent:-9999px;background-repeat:no-repeat;background-position:center;margin:55px 0 48px;}
.ruleBox h2.rTit1{background-image:url(../images/tit1.png);}
.ruleBox h2.rTit2{background-image:url(../images/tit2.png);}
.ruleBox h2.rTit3{background-image:url(../images/tit3.png);height:23px;}
.ruleBox .detail{width:745px;margin:0 auto;}
.ruleBox .step{width:680px;margin:0 auto;}
.ruleBox .detailList{width:680px;margin:0 auto;}
.ruleBox ul li{list-style:decimal;margin-bottom:20px;}
.ruleBox .detailList ul li{list-style:none;}

.ruleBox span.white{color:#fff;}

/*pop*/
.pop{width:675px;height:417px;background:url(../images/pop_bg.jpg) no-repeat center top;position:relative;display:block;overflow:hidden;}
.pop a.closeBtn{display:block;width:28px;height:28px;background:url(../images/closeBtn.png) no-repeat center;text-indent:-9999px;cursor:pointer;position:absolute;top:12px;right:12px;}
.pop .inp{width:523px;margin:170px auto 0;position:relative;}
.pop input{width:503px;padding:0 10px;height:59px;line-height:59px;font-size:30px;color:#4a4a4a;font-family:"微软雅黑";}
.pop .inp label.placeholder{font-size:30px;color:#bababa;position:absolute;top:12px;*top:14px;left:10px;cursor:text;}
.pop .inp span.errorMsg{font-size:14px;color:#f00;position:absolute;top:70px;left:10px;}
.pop a.confirmBtn{display:block;width:222px;height:48px;background:url(../images/confirm.png) no-repeat center top;margin:90px auto 0;text-indent:-9999px; cursor: pointer;}


.popFiex{width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 9999; background: rgba(0,0,0,.9); display: none;}
.popCont{position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.msg{font-size: 40px; text-align: center; display: flex; justify-content: center; align-items: center; color: #FFF; height: 100%;}