/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
span,em,i{font-style: normal;}
a{text-decoration: none;outline: none;}
a:hover{ filter: brightness(1.2); -webkit-tap-highlight-color: transparent; }

/* 页面样式 */
body{font-family:'\5FAE\8F6F\96C5\9ED1'; padding-top: 42px; font-size: 14px; color:#aaaaaa; }
.hidden{display: none; font-size: 0; text-indent: -999em;}

.clearfix:after,.clearfix:before{content: "";display: table;}
.clearfix:after{clear: both;}
.clearfix{*zoom: 1;}

/* css style */
/* bg */
.bg{ min-width:1000px; width:100%; position:relative; background-position:center top; background-repeat:no-repeat; overflow:hidden; }
.bg1{ background-image:url("//game.gtimg.cn/images/fo4/cp/a20181019qxddp/bg1.jpg"); height:939px; }
.bg2{ background-image:url("//game.gtimg.cn/images/fo4/cp/a20181019qxddp/bg2.jpg"); height:1386px; }
.bg3{ background-image:url("//game.gtimg.cn/images/fo4/cp/a20181019qxddp/bg3.jpg"); height:840px;background-size: 100% 100%; }
.bgc{ width:1000px; margin:0 auto; position:relative; background-repeat:no-repeat; }
.bgc1{ background-image:url("//game.gtimg.cn/images/fo4/cp/a20181019qxddp/bgc1.jpg"); height:939px; }
.bgc2{ background-image:url("//game.gtimg.cn/images/fo4/cp/a20181019qxddp/bgc2.jpg"); height:1386px; }
.bgc3{ background-image:url("//game.gtimg.cn/images/fo4/cp/a20181019qxddp/bgc3.jpg"); height:840px;background-size: 100% 100%; }
.title{background: url(//game.gtimg.cn/images/fo4/cp/a20181019qxddp/title.png) no-repeat;width:490px;height:95px;margin:0 auto 18px;}

.pb-list{margin-bottom:25px;letter-spacing: 2px;}
.pb-list li{font-size: 14px;color:#ffffff;line-height: 20px;margin-bottom:5px;}
.pb-list i{width:20px;line-height: 20px;display: inline-block;float:left;}
.pb-list p{padding-left:30px;}
.pb-list li p span{color:#ffc600;}

/* bgc1 */
.fo4-logo{width:283px;height:52px;position: absolute;top:26px;left:55px;background: url(//game.gtimg.cn/images/fo4/cp/a20181019qxddp/logo.png) no-repeat;z-index: 99;}

.login-box{width: 560px;height:60px;text-align: center;position: absolute;bottom:70px;left:0;color:#ffffff;font-size: 14px;}
.login-box a{color:#ffffff;}

/*bgc2*/
.part-box1{width:100%;padding-top:55px;height:424px;}
.title1{background-position: 0 0;}
.title2{background-position: 0 -160px;}
.pb1-list{padding-left:0;width:650px;margin:0 auto; }
.pb1-list li{color:#777676;position: relative;margin-bottom:15px;}
.pb1-list li p{width:495px;padding-left:30px;}
.pb1-list li p span{color:#d60065;}
.pb-list li p span.wx-text{color:#777676;display: none;}
.btn-lqjh{width:102px;height:26px;display:inline-block;font-size:14px;background: url(//game.gtimg.cn/images/fo4/cp/a20181019qxddp/btn-lqjh.png) no-repeat;text-align: center;line-height: 26px;color:#ffffff;position: absolute;top:50%;right:0;margin-top:-13px;}
.btn-ylqjh{width:102px;height:26px;display:inline-block;font-size:14px;background: url(//game.gtimg.cn/images/fo4/cp/a20181019qxddp/btn-ylqjh.png) no-repeat;text-align: center;line-height: 26px;color:#ffffff;position: absolute;top:50%;right:0;margin-top:-13px;filter: none;}

.share-box{width:600px;margin:0 auto;height:65px;text-align: center;padding-top:20px;}
.share-box a{display: inline-block;width:207px;height:65px;margin:0 40px;}
.share-box a.tg-sns-qq{background: url(//game.gtimg.cn/images/fo4/cp/a20181019qxddp/btn-qq.png) no-repeat;}
.share-box a.tg-sns-qzone{background: url(//game.gtimg.cn/images/fo4/cp/a20181019qxddp/btn-kj.png) no-repeat;}

.part-box2{width:100%;padding-top:32px;}
.pb2-list{padding-left:158px;}
.ddp-list{width:490px;height:555px;margin:0 auto;}
.ddp-list li{width:151px;height:169px;float:left;margin:5px;}
.ddp-list li a{display: block;width:100%;height:100%;}
.ddp-list li a img{display: block;width:100%;height:100%;}

/*翻转*/
/* entire container, keeps perspective */
.flip-container {
    perspective: 1000;
    transform-style: preserve-3d;
}
/*  UPDATED! flip the pane when hovered */
.flip-container .back1 {
    transform: rotateY(0deg);
}
.flip-container .front1 {
    transform: rotateY(180deg);
}
.flip-container, .front, .back {
    width: 151px;
    height: 169px;
}

/* flip speed goes here */
.flipper {
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
}
/* hide back of pane during swap */
.front, .back {
    backface-visibility: hidden;
    transition: 0.6s;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0;
}
/*  UPDATED! front pane, placed above back */
.front {
    z-index: 2;
    transform: rotateY(0deg);
}
/* back, initially hidden pane */
.back {
    transform: rotateY(-180deg);
}
/*
    Some vertical flip updates
*/
.vertical.flip-container {
    position: relative;
}
.vertical .back {
    transform: rotateX(180deg);
}
.vertical.flip-container:hover .back {
    transform: rotateX(0deg);
}
.vertical.flip-container:hover .front {
    transform: rotateX(180deg);
}

/*兼容ie89*/
.btn-fp.ieen .back{z-index: 99;}
.btn-pyfp.ieen .back{z-index: 99;}

/*bgc3*/
.part-box3{width:100%;padding-top:54px;}
.title3{background-position: 0 -338px;}
.pb3-list{padding-left:55px;width:935px;}
.jfdh-list{width:1050px;height:auto;overflow: hidden;}
.jfdh-list li{width:474px;height:210px;margin:0 50px 40px 0;float:left;position: relative;}
.jf-pjl{width:100%;font-size: 16px;color:#ffffff;line-height: 24px;margin-bottom:5px;}
.jf-pjl span{color:#fff601;}
.jl-box{width:420px;height:190px;border: 1px solid #ffffff;text-align: center;}
.jl-img{display: inline-block;width:95px;height:182px;position: relative;vertical-align: middle;}
.jl-img img{display: inline-block;width:95px;height:142px;margin:0 auto;}
.jl-text{width:100%;display: inline-block;text-align: center;font-size: 12px;line-height: 16px;color:#ffffff;}
.jl-img.on .jl-text{position: relative;top:-10px;left:0;}
.btn-lq{width:40px;height:135px;display:block;text-align:center;font-size: 25px;color:#e42366;padding:55px 5px 0;border: 1px solid #ffffff;background:#ffffff;font-weight: bold;position: absolute;top:29px;right:0;}
.jfdh-list li.on .jl-box{border: 1px solid #747474;}
.jfdh-list li.on .btn-lq{height:155px;padding:35px 5px 0;color:#ffffff;border: 1px solid #747474;background:#747474;filter: none;}

.part-num{color:#ffffff;font-size: 18px;font-weight: bold;text-align: center;line-height: 22px;display: none;}
.part-num span{color:#ffc600;}

.btn-lymyjf{display:block;width:180px;height:55px;background: #ffffff;color:#e42366;font-size: 22px;line-height: 55px;text-align: center;margin:0 auto;font-weight: bold;}


/*弹窗*/
.pop{outline: none;}
.pop1{ width: 746px; height: 651px; position:relative; outline: none;background: url(//game.gtimg.cn/images/fo4/cp/a20181019qxddp/pop-bg.png) no-repeat;}
.btn-close{ width: 75px; height: 75px; display: block; position: absolute; top: 0; right: -90px;background: url(//game.gtimg.cn/images/fo4/cp/a20181019qxddp/btn-close.png) no-repeat;}
.pop-box{padding:20px;}
.pop-title{font-size: 34px;color:#ffffff;text-align: center;width:100%;line-height: 38px;font-weight: bold;}
.pop-text{width: 100%;color:#ffffff;font-size: 16px;text-align: center;line-height: 24px;margin-bottom:40px;}
.pop-fp{width:100%;overflow: hidden;height: auto;margin-bottom:60px;}
.pop-fp li{width:50%;float:left;height:316px;}
.pop-fp li a{width:246px;height:316px;display: block;margin:0 auto;}
.pop-fp li a img{width:100%;height:100%;display: block;}
.fp-text{font-size: 22px;line-height: 26px;width:100%;text-align: center;color:#ffffff;}

.pop-login{width:100%;text-align: center;height:50px;color:#ffffff;font-size: 14px;line-height: 40px;}
.pop-login a{color:#ffffff;}

/*通用文案弹窗*/
.pop2{width: 321px; height: 214px; position:relative; outline: none;background: url(//game.gtimg.cn/images/fo4/cp/a20181019qxddp/pop-bg2.png) no-repeat;}
.pop2 .btn-close{ width: 45px; height: 45px; display: block; position: absolute; top: 0; right: -50px;background: url(//game.gtimg.cn/images/fo4/cp/a20181019qxddp/btn-close.png) no-repeat;background-size: 100% 100%;}
.pop-main{width:70%;height:100%;display: table;margin:0 auto;text-align: center;}
.ty-text{width:100%;display: table-cell;vertical-align: middle;color:#ffffff;font-size: 18px;line-height: 24px;}

/*积分领取奖励弹窗*/
.pop3{ width: 510px; height: 313px; position:relative; outline: none;background: url(//game.gtimg.cn/images/fo4/cp/a20181019qxddp/pop-bg.png) no-repeat;background-size: 100% 100%;}
.pop3 .btn-close{ width: 45px; height: 45px; display: block; position: absolute; top: 0; right: -50px;background: url(//game.gtimg.cn/images/fo4/cp/a20181019qxddp/btn-close.png) no-repeat;background-size: 100% 100%;}
.pop3-box{padding:20px;}
.pop3-title{font-size: 22px;color:#ffffff;text-align: center;width:100%;line-height: 32px;font-weight: bold;padding:30px 0;}
.btn-box{width:96%;height:49px;overflow: hidden;padding-top:40px;margin:0 auto;}
.btn-box a{width:203px;height:49px;display: block;background: #ffffff;color:#4e31a0;text-align: center;font-size: 18px;line-height: 49px;}
.btn-qd{float:left;}
.btn-bqd{float:right;}

/*footer*/
#afooter { position:relative; padding: 30px 0; text-align:center; font:normal 12px/19px Tahoma;z-index:10; background-color: #000;}
#afooter .e { font:normal 10px/19px Tahoma;}
#afooter, #afooter a { color:#c0c0c0; text-decoration:none;}
