body{width: 100%;font-size: 12px;color: #6e6d6d; background: #fff;padding-top: 42px;}
ul,ol{list-style-type: none;}
body,ul,ol,h1,h2,h3,h4,h5,h6,dl,dd,form,p{margin: 0px; padding: 0px;font-family: "Microsoft YaHei";}
html,body{background: #fff;}
i,em{font-style: normal;}
a{text-decoration: none; outline: none; -webkit-appearance: none; -webkit-tap-highlight-color:rgba(255,255,255,0);}
br{opacity: 0;}
.hid{text-indent:-9999px;font-size:0px;overflow:hidden;width:0px;height:0px;display:block}
.clearfix:after,.clearfix:before{content: "";display: table;}
.clearfix:after{clear: both;}
.clearfix{*zoom: 1;}
/* iframe {display: none} */

.wrapper {position: relative;margin: 0 auto;height: 100%;min-width: 1200px;background-size: cover;color: #fff;background-position: 0 0;transition: all 0.5s;overflow: hidden;text-align: center;margin-top: -10px}
.spr {background-image: url(//game.gtimg.cn/images/fo4/cp/a20190329spread/spr.png);background-repeat: no-repeat;}
h1 {font-size: 0;overflow: hidden;text-indent: 9999px;height: 540px;}
#afooter {background: #000;color: #fff;text-align: center;padding: 20px 0;min-width: 1200px}
#afooter a {color: #fff;}
.act-nav, div.ost_box {min-width: 1200px;}

.header {height: 914px;background: url(//game.gtimg.cn/images/fo4/cp/a20190329spread/bg1.jpg) center no-repeat;margin: 0 auto;position: relative;}
.main {height: 3292px;background: url(//game.gtimg.cn/images/fo4/cp/a20190329spread/bg2.jpg) center no-repeat;margin: 0 auto;position: relative;}
.header-inner, .main-inner {width: 1200px;margin: 0 auto;position: relative;height: 100%;overflow: hidden;}
.logos {position: relative;}
.logos .fo4 {background-position: 0 0;width: 332px;height: 61px;position: absolute;top: 20px;left: 100px;}
.logos .platform {position: absolute;top: 20px;right: 100px;}
.logos .wegame {background-position: 0 -93px;width: 251px;height: 56px;display: inline-block}
.logos .xyhy {background-position: 0 -189px;width: 190px;height: 66px;display: inline-block}
.logos .txaw {background-position: 0 -287px;width: 385px;height: 44px;display: inline-block}
.logos .qqllq {background-position: -719px -960px;width: 211px;height: 73px;}
.logos .qqyx {background-position: -735px -1052px;width: 180px;height: 65px;}
.logos .qqhy {background-position: -735px -1136px;width: 146px;height: 59px;}
.logos .dngj {background-position: -735px -1215px;width: 213px;height: 52px;}
h2.subtitle {background-position: -16px -876px;width: 903px;height: 65px;text-align: center;font-size: 42px;font-weight: bold;color: #fff;font-style: italic;line-height: 62px;margin: 0 auto;user-select: none}
.login-box {text-align: center;color: #fff;margin: 20px 0 30px;font-size: 18px;}
.login-box a{color: #fff;}
.main-btns a {width: 272px;height: 77px;display: inline-block}
.main-btns a:hover {filter: brightness(1.2)}
.main-btns .os {background-position: -981px 0;}
.main-btns .download {background-position: -674px 0;margin: 0 80px;}
.main-btns .featured {background-position: -367px 0;}
nav {font-size: 0;position: absolute;bottom: 6px;left: 0;width: 100%;text-align: center}
nav a {font-size: 24px;background-position: -968px -558px;width: 144px;height: 89px;display: inline-block;line-height: 89px;color: #fff;}
nav a:not(.spr):hover {color: #ffcc7b;background: rgba(0,0,0,0.3);}
nav a.spr {color: #ffcc7b;}
.video-box {margin-top: 80px;font-size: 0;height: 630px;}
.video-box > div {background-position: -684px -93px;width: 569px;height: 442px;display: inline-block;}
.video-box .title {color: #fec876;font-size: 36px;font-weight: bold;margin-top: 30px;line-height: 36px;height: 36px;}
.video-box .subtitle {color: #f6e4c3;font-size: 18px;font-weight: bold;line-height: 18px;height: 18px;margin-top: 10px}
.video-box .video {width: 540px;height: 304px;position: relative;display: inline-block;margin-top: 29px}
.video-box .video-container {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.video-box .play {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.video-box .play:hover {filter: brightness(1.2)}
.video-box .event1 .play {background: url(//game.gtimg.cn/images/fo4/cp/a20190329spread/video1.jpg) no-repeat;z-index: 99;}
.video-box .event2 .play {background: url(//game.gtimg.cn/images/fo4/cp/a20190329spread/video2.jpg) no-repeat;z-index: 99;}
.video-box .event1 {margin-right: 60px}
.video-box .btn-go {background-position: -298px -96px;width: 361px;height: 74px;display: inline-block;font-size: 28px;color: #663210;line-height: 74px;font-weight: bold;margin-top: 60px}
.video-box .btn-go:hover {filter: brightness(1.1)}
.gifts {width: 1000px;height: 2261px;background: url(//game.gtimg.cn/images/fo4/cp/a20190329spread/flag.png) no-repeat;margin: 0 auto;overflow: hidden;}
.gifts.xyhy, .gifts.dngj {height: 2531px;background: url(//game.gtimg.cn/images/fo4/cp/a20190329spread/flag-l.png) no-repeat}
.gifts .title {margin: 80px auto 0;}
.gifts.xyhy .title, .gifts.dngj .title {margin: 60px auto 0;}
.gifts .event1 .title {margin-top: 60px}
.gifts .notice {font-size: 16px;color: #f6e4c3;margin-top: 5px}
.gifts .items {margin: 30px auto 0;}
.gifts .item {display: inline-block;font-size: 0;}
.gifts .item img {margin: 0 auto;}
.gifts .item .name {font-size: 16px;position: absolute;width: 120%;overflow: hidden;left: -10%;top: 190px;line-height: 20px;}
.gifts .event1 .item, .gifts .event3 .item {background-position: -729px -558px;width: 205px;height: 183px;margin: 0 20px 40px;position: relative;vertical-align: top}
.gifts .event2 .line1 {padding-top: 40px;margin-bottom: 60px}
.gifts .event2 .line2 {margin-bottom: 60px}
.gifts .event2 .line3 {margin-bottom: 50px}
.gifts .event2 .item {width: 200px;position: relative;}
.gifts .event2 .item .name {position: absolute;width: 100%;top: 140px;text-align: center;left: 0;font-size: 14px;}
.gifts .event2 .line4 .name{top: 65px}
.gifts .event2 .line3 .item {width: 150px;}
.gifts .btn-get {background-position: -428px -188px;width: 234px;height: 67px;display: inline-block;line-height: 67px;color: #663210;font-size: 24px;margin-top: 30px;font-weight: bold;}
.gifts .btn-get:hover{filter: brightness(1.1)}
.gifts .btn-get.got {filter: grayscale(1)}
.gifts .btn-get.got:hover {filter: grayscale(1)}
.gifts .btn-dl, .gifts .btn-aw, .gifts .aw {display: none}
.gifts .event2 .title {background-position: 0 -802px;width: 680px;height: 29px;}
.gifts .event3 .title {background-position: 0 -728px;width: 680px;height: 29px;}
.gifts .event2 .items {width: 682px;height: 737px;background: url(//game.gtimg.cn/images/fo4/cp/a20190329spread/court.png) no-repeat;}

.gifts.wegame .event1 .title {background-position: 0 -376px;width: 654px;height: 88px;}
.gifts.xyhy .event1 .title {background-position: 0 -497px;width: 654px;height: 73px;}
.gifts.txaw .event1 .title {background-position: 0 -615px;width: 654px;height: 68px;}
.gifts.dngj .event1 .title {background-position: 0 -960px;width: 654px;height: 88px;}
.gifts.qqhy .event1 .title {background-position: 0 -1068px;width: 654px;height: 86px;}
.gifts.qqllq .event1 .title {background-position: 0 -1173px;width: 654px;height: 82px;}
.gifts.qqyx .event1 .title {background-position: 0 -1274px;width: 654px;height: 88px;}
.gifts.dngj .txjsq .title {background-position: 0 -1398px;width: 814px;height: 65px;margin: 20px auto 0;}
.gifts.dngj .txjsq .notice {margin-bottom: 30px}
.gifts.dngj .btn-download {background-position: -428px -188px;width: 234px;height: 67px;display: inline-block;line-height: 67px;color: #663210;font-size: 24px;margin-top: 30px;font-weight: bold;margin-right: 50px}
.gifts.txaw .btn-dl, .gifts.txaw .btn-aw {background-position: -428px -188px;width: 234px;height: 67px;display: inline-block;line-height: 67px;color: #663210;font-size: 24px;margin-top: 30px;font-weight: bold;}
.gifts.txaw .btn-dl {margin-right: 50px}
.gifts.txaw .aw {display: block;color: #ffd79a;font-size: 16px;margin-top: 60px}
.qr-code {display: none;}
.gifts.xyhy .qr-code {background: #171e5c;margin: 0 auto;display: block;width: 200px;height: 225px;font-size: 16px;margin-top: 50px}
.gifts.xyhy .qr-code img {width: auto;height: 165px;background: #000;display: inline-block;margin: 8px auto 0;}
.gifts.qqhy .btn-buy {background-position: -428px -188px;width: 234px;height: 67px;display: inline-block;line-height: 67px;color: #663210;font-size: 24px;margin-top: 30px;font-weight: bold;margin-right: 50px}
.gifts.qqhy .btn-buy:hover{filter: brightness(1.1)}
.gifts.qqllq .btn-download {background-position: -428px -188px;width: 234px;height: 67px;display: inline-block;line-height: 67px;color: #663210;font-size: 24px;margin-top: 30px;font-weight: bold;margin-right: 50px}
.gifts.qqllq .btn-download:hover{filter: brightness(1.1)}
.gifts.qqyx .btn-download {background-position: -428px -188px;width: 234px;height: 67px;display: inline-block;line-height: 67px;color: #663210;font-size: 24px;margin-top: 30px;font-weight: bold;margin-right: 50px}
.gifts.qqyx .btn-download:hover{filter: brightness(1.1)}