@charset "gbk";
#dia1, .hisList, .btn-199buy-gulp, .btn-extra-jl, .btn-groups a.btn-gulp-buy.on, .btn-groups a.btn-gulp-prop.on, .btn-gulp-buy, .btn-gulp-buy-on, .btn-gulp-prop, .btn-gulp-prop-on, .btn-share-bl, .btn-share-hy, .btn-share-qq, .btn-share-zh, .buy-bg, .cell-bg, .dia, .part1 .content > div.center, .part1 .content > div.right, .part1 > ul li, .part2-cell-bg, .part2 > div.right, .part2 > ul li, .red-bao, .spr_nq, .tc-bg, .tc-bg2, .tc-table-bg, .title-jsxyswo, .title-share, .title-yyxjwq, .title1, .title2, .title3 {
    background-image: url(//game.gtimg.cn/images/actdaoju/act/a20191226cfspring/a20210701thunderstorm/spr_nq.png);
    background-size: 1890px 1450px;
    background-repeat: no-repeat
}

.btn-199buy-gulp {
    background-position: -1262px -871px;
    width: 298px;
    height: 77px
}

.btn-extra-jl {
    background-position: -909px -768px;
    width: 298px;
    height: 77px
}

.btn-groups a.btn-gulp-buy.on, .btn-gulp-buy-on {
    background-position: -909px -854px;
    width: 318px;
    height: 115px
}

.btn-gulp-buy {
    background-position: -1262px -785px;
    width: 318px;
    height: 115px
}

.btn-groups a.btn-gulp-prop.on, .btn-gulp-prop-on {
    background-position: -909px -682px;
    width: 318px;
    height: 115px
}

.btn-gulp-prop {
    background-position: -1262px -957px;
    width: 318px;
    height: 115px
}

.btn-share-bl {
    background-position: -1587px -645px;
    width: 195px;
    height: 53px
}

.btn-share-hy {
    background-position: -1587px -703px;
    width: 195px;
    height: 53px
}

.btn-share-qq {
    background-position: -1585px -785px;
    width: 195px;
    height: 53px
}

.btn-share-zh {
    background-position: -1587px -587px;
    width: 195px;
    height: 53px
}

.buy-bg, .part1 .content > div.center {
    background-position: 0 -1082px;
    width: 659px;
    height: 368px;
}

.cell-bg, .part1 > ul li {
    background-position: -664px -1082px;
    width: 225px;
    height: 369px
}

.part2-cell-bg, .part2 > ul li {
    background-position: -1262px -492px;
    width: 320px;
    height: 288px
}

.part1 .content > div.right, .part2 > div.right, .red-bao {
    background-position: -634px -682px;
    width: 270px;
    height: 319px
}

.dia, .tc-bg {
    background-position: -1262px 0;
    width: 628px;
    height: 487px
}

#dia1, .tc-bg2 {
    background-position: 0 0;
    width: 629px;
    height: 1077px
}

.hisList, .tc-table-bg {
    background-position: -634px 0;
    width: 623px;
    height: 677px
}

.title-jsxyswo {
    background-position: -1587px -541px;
    width: 303px;
    height: 41px
}


.title-yyxjwq {
    background-position: -1057px -1956px;
    width: 420px;
    height: 54px
}

.title1 {
    background-position: -883px -1256px;
    width: 700px;
    height: 81px
}

.title2 {
    background-position: -883px -1170px;
    width: 700px;
    height: 81px
}

.title3 {
    background-position: -883px -1082px;
    width: 990px;
    height: 75px
}

#dia1, #dia1 .dia-con ul li, #dia1 .dia-con ul li.on:after, #dia1 .dia-con ul li:after, #dia6, .hisList, .arrow, .arrow-l, .btn-199buy-gulp, .btn-66buy-gulp, .btn-ask, .btn-chun, .btn-copy, .btn-extra-jl, .btn-groups a.btn-gulp-buy.on, .btn-groups a.btn-gulp-prop.on, .btn-gulp-buy, .btn-gulp-buy-on, .btn-gulp-prop, .btn-gulp-prop-on, .btn-jsxyswo, .btn-lbtz, .btn-my-tx, .btn-my-tx-on, .btn-once-lq, .btn-pre-active, .btn-pre-buy, .btn-share-bl, .btn-share-hy, .btn-share-qq, .btn-share-zh, .btn-sjlh, .btn-ssblz, .btn-super-djq, .btn-suprize-bg, .btn-sure-buy, .btn-sure-buy1, .btn-tx-progress, .btn-yyxjwq, .buy-bg, .cell-bg, .device .arrow-left, .device .arrow-right, .dia, .extra-bg, .g-aside, .g-aside-bg, .g-load, .icon-select, .icon-selected, .input-bg, .logo, .logo1, .part-share > div.left, .part1 .content > div.center, .part1 .content > div.left, .part1 .content > div.right, .part1 .content > div.right > a.btn-my-tx.on, .part1 > ul li, .part2-cell-bg, .part2 > div.right, .part2 > div.right:after, .part2 > div.right > a.btn-my-tx.on, .part2 > ul li, .part2 > ul li:after, .part5 .gulp-gif > div.all-left > .left > div.cell, .red-bao, .scan-bg, .sign-bg, .special > div.left.float:before, .special > div.right .comm:before, .sprite-img, .tab2-cell-bg, .tc-add-bg, .tc-bg, .tc-bg2, .tc-cell-bg, .tc-table-bg, .title-chun, .title-jsxyswo, .title-share, .title-ssblz, .title-yyxjwq, .title1, .title2, .title3, .title4, .title5, .title6, .white-yun1, .white-yun2, .white-yun3 {
    background-image: url(//game.gtimg.cn/images/actdaoju/act/a20191226cfspring/a20210701thunderstorm/sprite-img.png);
    background-size: 2485px 2206px;
    background-repeat: no-repeat
}

.arrow-l, .device .arrow-left {
    background-position: -2438px -742px;
    width: 24px;
    height: 49px
}

.arrow, .device .arrow-right {
    background-position: -2409px -742px;
    width: 24px;
    height: 49px
}

.btn-199buy-gulp {
    background-position: -1792px -1510px;
    width: 299px;
    height: 82px
}

.btn-66buy-gulp {
    background-position: -1836px -1597px;
    width: 323px;
    height: 82px
}

.btn-ask {
    background-position: -704px -1974px;
    width: 232px;
    height: 60px
}

.btn-chun {
    background-position: -1008px -2042px;
    width: 195px;
    height:51px
}

.btn-copy {
    background-position: -1584px -1797px;
    width: 261px;
    height: 72px
}

.btn-extra-jl {
    background-position: -1464px -1510px;
    width: 299px;
    height: 82px
}


.btn-groups a.btn-gulp-buy.on, .btn-gulp-buy-on {
    background-position: -936px -1597px;
    width: 445px;
    height: 115px
}

.btn-gulp-buy {
    background-position: -486px -1597px;
    width: 445px;
    height: 115px
}

.btn-groups a.btn-gulp-prop.on, .btn-gulp-prop-on {
    background-position: -1959px -742px;
    width: 445px;
    height: 115px
}

.btn-gulp-prop {
    background-position: -1386px -1597px;
    width: 445px;
    height: 115px
}

.btn-jsxyswo {
    background-position: -1406px -2042px;
    width: 195px;
    height: 51px
}

.btn-lbtz {
    background-position: -1207px -2042px;
    width: 195px;
    height:51px
}

.btn-my-tx-on, .part1 .content > div.right > a.btn-my-tx.on, .part2 > div.right > a.btn-my-tx.on {
    background-position: -1278px -1715px;
    width: 119px;
    height: 32px
}

.btn-my-tx {
    background-position: -1402px -1715px;
    width: 119px;
    height: 32px
}

.btn-once-lq {
    background-position: -2120px -1510px;
    width: 333px;
    height: 86px
}

.btn-pre-active {
    background-position: -470px -1974px;
    width: 232px;
    height: 60px
}

.btn-pre-buy {
    background-position: -2081px -600px;
    width: 298px;
    height: 77px
}

.btn-share-bl {
    background-position: -810px -1797px;
    width: 253px;
    height: 69px
}

.btn-share-hy {
    background-position: -1326px -1797px;
    width: 253px;
    height: 69px
}

.btn-share-qq {
    background-position: -1842px -1797px;
    width: 253px;
    height: 69px
}

.btn-share-zh {
    background-position: -1068px -1797px;
    width: 253px;
    height: 69px
}

.btn-sjlh {
    background-position: -411px -2042px;
    width: 195px;
    height:51px
}

.btn-ssblz {
    background-position: -809px -2042px;
    width: 195px;
    height:51px
}

.btn-super-djq {
    background-position: -2100px -1797px;
    width: 273px;
    height: 72px
}

.btn-suprize-bg {
    background-position: -1959px -935px;
    width: 170px;
    height: 33px
}

.btn-sure-buy {
    background-position: 0 -570px;
    width: 323px;
    height: 82px
}

.btn-sure-buy1 {
    background-position: -1136px -1510px;
    width: 323px;
    height: 82px
}

.btn-tx-progress {
    background-position: -227px -1974px;
    width: 241px;
    height: 62px
}

.btn-yyxjwq {
    background-position: -610px -2042px;
    width: 194px;
    height: 51px
}

.buy-bg, .part1 .content > div.center {
    background-position: -788px -1047px;
    width: 490px;
    height: 368px
}

.cell-bg, .part1 > ul li {
    background-position: -257px -1424px;
    width: 224px;
    height: 369px
}

.extra-bg, .part1 .content > div.left {
    background-position: -1733px -1047px;
    width: 401px;
    height: 368px
}

.g-aside, .g-aside-bg {
    background-position: 0 -1424px;
    width: 252px;
    height: 545px
}

.g-load {
    background-position: 0 -1974px;
    width: 224px;
    height: 232px
}

#dia1 .dia-con ul li:after, .icon-select {
    background-position: -2384px -629px;
    width: 65px;
    height: 24px
}

#dia1 .dia-con ul li.on:after, .icon-selected {
    background-position: -2384px -600px;
    width: 63px;
    height: 24px
}

.input-bg {
    background-position: -1959px -860px;
    width: 482px;
    height: 70px
}

.logo {
    background-position: -862px -1715px;
    width: 212px;
    height: 54px;
    margin-left:50px ;
}

.logo1 {
    background-position: -1079px -1715px;
    width: 194px;
    height: 50px
}

.part2-cell-bg, .part2 > ul li {
    background-position: -1283px -1047px;
    width: 445px;
    height: 368px
}

.part1 .content > div.right, .part2 > div.right, .red-bao {
    background-position: -2138px -1047px;
    width: 270px;
    height: 340px
}

.part-share > div.left, .scan-bg {
    background-position: -1710px -742px;
    width: 244px;
    height: 228px
}

/*.sign-bg, .special > div.right .comm:before {*/
/*background-position: -2134px -935px;*/
/*width: 117px;*/
/*height: 28px*/
/*}*/

.part5 .gulp-gif > div.all-left > .left > div.cell, .tab2-cell-bg {
    background-position: -257px -1797px;
    width: 214px;
    height: 146px
}

#dia6, .tc-add-bg {
    background-position: -788px -742px;
    width: 628px;
    height: 300px
}

.dia, .tc-bg {
    background-position: -1245px 0;
    width: 1240px;
    height: 507px
}

#dia1, .tc-bg2 {
    background-position: 0 0;
    width: 1240px;
    height: 508px
}

#dia1 .dia-con ul li, .tc-cell-bg {
    background-position: -1421px -742px;
    width: 284px;
    height: 298px
}

.hisList, .tc-table-bg {
    background-position: 0 -742px;
    width: 783px;
    height: 677px
}

.title-chun {
    background-position: -2421px -512px;
    width: 62px;
    height: 56px
}

.title-jsxyswo {
    background-position: -1972px -1424px;
    width: 433px;
    height: 57px
}

.title-share {
    background-position: -1710px -975px;
    width: 735px;
    height: 64px;
}

.title-ssblz {
    background-position: -2164px -1597px;
    width: 310px;
    height: 57px
}

/*.title-yyxjwq {*/
    /*background-position: -486px -1715px;*/
    /*width: 371px;*/
    /*height: 55px*/
/*}*/

.title1 {
    background-position: -486px -1424px;
    width: 807px;
    height: 80px
}

.title2 {
    background-position: -1245px -600px;
    width: 831px;
    height: 81px
}

.title3 {
    background-position: -1245px -512px;
    width: 990px;
    height: 86px
}

.title4 {
    background-position: -1245px -706px;
    width: 668px;
    height: 26px
}

.title5 {
    background-position: -527px -2133px;
    width: 762px;
    height: 75px
}

.title6 {
    background-position: -1396px -1430px;
    width: 761px;
    height: 70px
}

.part2 > ul li:after, .white-yun1 {
    background-position: -229px -2042px;
    width: 177px;
    height: 81px
}

.part2 > div.right:after, .white-yun2 {
    background-position: -643px -1797px;
    width: 162px;
    height: 131px
}

/*.special > div.left.float:before, .white-yun3 {*/
/*background-position: -476px -1797px;*/
/*width: 162px;*/
/*height: 131px*/
/*}*/

article, body, dd, dl, footer, form, h1, h2, h3, h4, h5, h6, header, ol, p, section, ul {
    margin: 0
}

body, button, input, select, textarea {
    font: 12px/1.5 tahoma, '\5FAE\8F6F\96C5\9ED1', sans-serif
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%
}

b, em {
    font-style: normal
}

a {
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

img {
    border: 0
}


button, input, select, textarea {
    font-size: 100%;
    outline: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

ol, td, th, ul {
    padding: 0;
    list-style: none
}

body {
    background: #601114
}

.gray {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    /*pointer-events: none*/
}

a:not(.gray):hover {
    -webkit-filter: brightness(1.2);
    filter: brightness(1.2)
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.clearfix {
    *zoom: 1
}

/*! ͨ�õײ���ʽ*/
#afooter {
    background: #1c1c1c;
    text-align: center
}

#afooter .wrap_ieg {
    width: 1240px;
    margin: 0 auto;
    padding: 30px 0
}

#afooter p {
    color: #f5e1c3;
    line-height: 24px;
    font-size: 10px
}

#afooter a {
    color: #f5e1c3;
    font-size: 12px
}

/*! asyncCookie��iframe��ʽ*/
#loginStatusSyncFrame_ams_ame {
    display: block
}

#_overlay_, #actTitleWrap, .ost, .ost_box, body {
    min-width: 1200px !important
}

.g-wrap {
    width: 1240px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    font-family: '\5FAE\8F6F\96C5\9ED1'
}

.g-wrap a {
    -webkit-transition: filter .3s, border .3s, color .3s;
    transition: filter .3s, border .3s, color .3s
}

.g-wrap a:hover {
    text-decoration: none;
    -webkit-filter: brightness(1.2);
    filter: brightness(1.2)
}

.logo {
    display: inline-block
}

.logo.logo1 {
    margin-left: 10px
}

p.act-time {
    margin-top:50px;
    font-size: 28px;
    color: #fff;
    margin-bottom: 50px;
    text-align: center
}

.header {
    width: 1240px;
    height: 350px;
    background: #ac3737;
    padding-top: 25px;
    box-sizing: border-box
}

.login {
    color: #fff;
    font-size: 20px;
    text-align: center
}

.login a {
    color: #fff;
}

.btn-groups {
    position: relative;
    margin: 0 auto;
    top: 50px;
    text-align: center
}

.btn-groups a {
    display: inline-block
}

.btn-groups a + a {
    margin-left: 35px
}

a.btn-pre-buy {
    display: block;
    margin: 20px auto 0;
    position: relative;
    z-index: 2;
    top: 50px
}

.nq-img {
    display: none
}

.part {
    max-width: 1200px;
    margin: 0 auto
}

.part .title {
    margin: 0 auto
}

.part p.color {
    font-size: 16px;
    text-align: center;
    color: #fcf5cd;
    line-height: 22px;
    padding-top:15px;
}

.part p.color1 {
    color: #fcf5cc;
    padding-top: 10px;
    font-size: 20px;
    text-align: center
}

.tab {
    margin-top: -212px;
    display: none
}

.tab.on {
    display: block
}

.tab1 {
    width: 100%;
    background: url(//game.gtimg.cn/images/actdaoju/act/a20191226cfspring/a20210701thunderstorm/nq-tab1.png) no-repeat top center;
    padding-bottom: 20px;
    margin-top: -140px;
}

.tab2 {
    width: 100%;
    /*height: 4286px;*/
    background: url(//game.gtimg.cn/images/actdaoju/act/a20191226cfspring/a20210701thunderstorm/nq-tab1.png) no-repeat top center;
    padding-bottom: 50px;
    margin-top: -140px;}

.part1 {
    padding-top: 210px;
    box-sizing: border-box
}

.part1 {
    font-size: 0
}

.part1 > ul {
    font-size: 0;
    text-align: center;
    margin-top: 37px
}

.part1 > ul li {
    display: inline-block;
    position: relative
}

.part1 > ul li + li {
    margin-left: 20px
}

.part1 > ul li img {
    max-width: 163px;
    max-height: 193px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.part1 > ul li p {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 25px;
    color: #5c1617;
    font-size: 18px
}

.part1 .content {
    font-size: 0;
    text-align: center;
    margin-top: 20px
}

.part1 .content > div {
    display: inline-block;
    position: relative;
    vertical-align: bottom
}

.part1 .content > div + div {
    margin-left: 18px
}

.part1 .content > div.left ul {
    font-size: 0;
    text-align: center;
    padding-top: 12px;
    box-sizing: border-box
}

.part1 .content > div.left ul li {
    display: inline-block;
    width: 75%;
    text-align: center;
    font-size: 16px;
    color: #ffdeaf;
    line-height: 50px
}

.part1 .content > div.left ul li.odd {
    width: 25%
}

.part1 .content > div.left ul li.odd.odd1 {
    color: #e5c18e
}

.part1 .content > div.center {
    padding-top: 15px;
    box-sizing: border-box
}

.part1 .content > div.center p {
    font-size: 18px;
    color: #91292b;
    text-align: right;
    margin-right: 25px;
    position: absolute;
    right:0;
    z-index:10;
}

.part1 .content > div.center p span {
    color: #91292b;
    font-size: 40px;
    font-weight: 700;
    display: block;
    margin-top: -10px
}

.part1 .content > div.right > p {
    text-align: center
}

.part1 .content > div.right > p.add-text {
    font-size: 14px;
    color: #916328;
    margin-top: 15px;
    line-height: 15px
}

.part1 .content > div.right > p.give {
    font-size: 18px;
    color: #916328;
    margin: 15px auto 0;
    line-height: 20px;
    width:200px;
}

.part1 .content > div.right > p.quan {
    font-size: 18px;
    color: #c31e1e;
    margin-top: 10px
}

.part1 .content > div.right > p.mount {
    color: #916328;
    font-size: 20px;
    margin-top: -20px
}

.part1 .content > div.right > p.mount span {
    color: #c31e1e;
    font-weight: 700
}

.part1 .content > div.right > p.mount span i {
    font-style: normal;
    font-size: 40px;
    line-height: 75px;
}

.part1 .content > div.right > a {
    display: block;
    margin: 25px auto 0
}

.part1 .content > div.right > a.btn-my-tx {
    margin: 10px auto 0
}

.part1 > .btn-groups1 {
    display: inline-block;
    text-align: center;
    position: relative;
    margin-top: 20px;
    /*margin-left: 120px*/
}

.part1 > .btn-groups1 > a {
    display: inline-block;
    transform: scale(0.88);
    -webkit-transform: scale(0.88);

}
.part1 > .btn-groups1 > a.btn-199-add{
    width:299px;
    height:82px;
    background:url(//game.gtimg.cn/images/actdaoju/act/a20191226cfspring/a20210701thunderstorm/btn-199-add.png) no-repeat;
}
.part1 > .btn-groups1 > a + a {
    margin-left: -25px
}

.part1 > a.btn-super-djq {
    display: inline-block;
    /*margin-left: 139px*/
}

.device {
    width: 491px;
    height: 369px;
    padding: 30px 40px;
    box-sizing: border-box;
    position: relative;
    margin: 0 auto
}

.device .arrow-left {
    position: absolute;
    left: 25px;
    top: 50%;
    margin-top: -40px
}

.device .arrow-right {
    position: absolute;
    right: 25px;
    top: 50%;
    margin-top: -40px
}

.swiper-container {
    height: 315px;
    width: 398px;
    margin: 0 auto
}

.swiper-container .swiper-slide {
    position: relative
}

.swiper-container .swiper-slide img {
    max-width: 320px;
    max-height: 315px;
    margin: auto;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0
}
.bg{background: url("//game.gtimg.cn/images/actdaoju/act/a20191226cfspring/a20210701thunderstorm/bg2.png") no-repeat;width:100%;height: 536px;margin: 0 auto;}
.part-share {
    margin-top: 70px;
    font-size: 0
}

.part-share > p {
    color: #f8ecc4;
    font-size: 16px;
    text-indent: 14px;
    margin-top: -10px;
    text-align: left;
}

.part-share > div {
    display: inline-block;
    margin-top: 10px;
    vertical-align: middle;
}

.part-share > div.left {
    margin-left: 14px
}

.part-share > div.left .scan {
    width: 154px;
    height: 154px;
    margin-top: 20px;
    margin-left: 45px;
    position: relative
}

.part-share > div.left .scan img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.part-share > div.left p {
    font-size: 16px;
    color: #000000;
    text-align: center;
    margin-top: 3px;
    line-height: 20px;
    padding-top: 10px;
}

.part-share > div.right {
    width: 800px;
    margin-left: 40px
}

.part-share > div.right a {
    display: inline-block
}

.part-share > div.right a + a {
    margin-left: 15px
}

.part-share > div.right a.btn-share-zh {
    margin-left: 0;
    margin-top: 20px
}

.part-share > div.center {
    margin-left: 14px
}

.part-share > div.center p {
    color: #e5c18e;
    font-size: 16px;
    text-align: left;
    margin-bottom: 5px
}

.part-share > div.center input {
    display: inline-block;
    vertical-align: middle;
    width: 800px;
    height: 70px;
    border: 1px solid #ffffc9;
    background: #8d282b;
    border-radius: 10px;
    padding: 0 20px;
    box-sizing: border-box;
    color: #e5c18e;
    font-size: 16px;
    line-height: 70px
}

.part-share > div.center a {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px
}

.part2 {
    margin-top: 100px;
    font-size: 0;
    position: relative
}

.part2 > ul {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 0;
    margin-top: 17px
}

.part2 > ul li {
    position: relative;
    display: inline-block
}

.part2 > ul li:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -13px;
    left: -63px
}

.part2 > ul li + li {
    margin-left: 15px
}

.part2 > ul li + li:after {
    background: 0 0
}

.part2 > ul li img {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    margin: auto
}

.part2 > ul li p {
    position: absolute;
    bottom: 15px;
    font-size: 16px;
    color: #5c1617;
    width: 100%;
    text-align: center
}

.part2 > div.right {
    position: relative;
    margin-left: 17px;
    display: inline-block;
    vertical-align: middle
}

.part2 > div.right:after {
    position: absolute;
    content: '';
    display: block;
    right: -66px;
    bottom: -39px
}

.part2 > div.right > p {
    text-align: center
}

.part2 > div.right > p.add-text {
    font-size: 14px;
    color: #916328;
    margin-top: 15px;
    line-height: 15px
}

.part2 > div.right > p.give {
    font-size: 18px;
    color: #916328;
    width:200px;
    margin:15px auto 0;
    line-height: 20px;
}

.part2 > div.right > p.quan {
    font-size: 18px;
    color: #c31e1e;
    margin-top: 10px
}

.part2 > div.right > p.mount {
    color: #916328;
    font-size: 20px;
    margin-top: -20px
}

.part2 > div.right > p.mount span {
    color: #c31e1e;
    font-weight: 700
}

.part2 > div.right > p.mount span i {
    font-style: normal;
    font-size: 40px;
    line-height: 75px;
}

.part2 > div.right > a {
    display: block;
    margin:25px auto 0
}

.part2 > div.right > a.btn-my-tx {
    margin: 10px auto 0
}

.part2 > a {
    display: block;
    margin-top: 15px;
    margin-left: 290px
}

.part3 {
    margin-top: 75px;
    text-align: center;
    position: relative
}

.part3 > img {
    margin-top: 35px
}

.part3 > a {
    display: inline-block;
    position: absolute;
    top: 680px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%)
}

.part4 > p {
    color: #fcf5cd;
    font-size: 16px;
    text-align: left;
    /*padding-left: 245px;*/
    box-sizing: border-box;
    margin-top: 20px
}

.part-buy {
    padding-top: 220px;
    box-sizing: border-box
}

.part-buy > ul {
    font-size: 0;
    text-align: center
}

.part-buy > ul li {
    display: inline-block
}

.part-buy > ul li a {
    display: block;
    text-align: center;
    color: #fcf5cd;
    font-size: 14px;
    line-height: 30px;
    margin: 5px auto 0
}
.part-buy > ul li a.btn-ssblz{
    width: 195px;
    height:51px;
    background:url(//game.gtimg.cn/images/actdaoju/act/a20191226cfspring/a20210701thunderstorm/btn-ssblz-bg.png) no-repeat;
}
.part-buy > ul li a.btn-strhd {
    background: url("//game.gtimg.cn/images/actdaoju/act/a20191226cfspring/a20210701thunderstorm/btn-ste-hd.png") no-repeat;
    width: 195px;
    height: 51px;
}

.part-buy > ul li + li {
    margin-left:6px
}

.special {
    font-size: 0;
    width: 1200px;
    height: 388px;
    margin: 55px auto 0;
    text-align: left;
}

.special > div {
    float: left
}

.special > div.left {
    width: 575px;
    height: 388px;
    background: url(//game.gtimg.cn/images/actdaoju/act/a20191226cfspring/a20210701thunderstorm/gulp-bg.png) no-repeat;
    position: relative
}

.special > div.left img {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    margin: auto;
    max-width: 500px;
    max-height: 375px
}

.special > div.left.float {
    float: right
}

.special > div.left.float:before {
    content: '';
    display: block;
    position: absolute;
    bottom: -35px;
    left: -59px
}

.special > div.right {
    padding-top: 50px;
    box-sizing: border-box;
    margin-left: 60px;
    width: 520px
}

.special > div.right.float {
    margin-left: 0
}

.special > div.right .comm {
    position: relative;
    margin-top: 66px
}

.special > div.right .comm.title-ste-hd {
    width: 366px;
    height: 53px;
    background: url("//game.gtimg.cn/images/actdaoju/act/a20191226cfspring/a20210701thunderstorm/title-ste-hd.png") no-repeat;
}
.special > div.right .comm.title-ssblz {
    width: 407px;
    height: 53px;
    background: url("//game.gtimg.cn/images/actdaoju/act/a20191226cfspring/a20210701thunderstorm/title-ssblz.png") no-repeat;
}
.special > div.right .comm:before {
    position: absolute;
    content: '';
    display: block;
    top: -66px;
    left: 0
}

.special > div.right > span {
    margin-top: 35px;
    display: inline-block;
    color: #fcf5cd;
    font-size: 20px;
    text-align: center;
    padding: 2px 20px;
    background: #6a1c1c;
}

.special > div.right > p {
    width: 400px;
    font-size: 16px;
    color: #fcf5cd;
    text-align: left;
    margin-top: 20px
}

.part5 {
    margin-top: 60px
}

.part5 .gulp-gif {
    font-size: 0;
    text-align: center
}

.part5 .gulp-gif > div {
    margin-top: 10px;
    display: inline-block;
    vertical-align: top
}

.part5 .gulp-gif > div.all-left {
    width: 508px
}

.part5 .gulp-gif > div.all-left > .left {
    font-size: 0;
    text-align: center
}

.part5 .gulp-gif > div.all-left > .left > div {
    display: inline-block;
    vertical-align: middle;
    margin-top: 9px
}

.part5 .gulp-gif > div.all-left > .left > div.prop {
    width: 265px;
    height: 152px;
    text-align: left
}

.part5 .gulp-gif > div.all-left > .left > div.prop span {
    display: inline-block;
    color: #ffdeaf;
    font-size: 20px;
    text-align: center;
    padding: 2px 20px;
    background: #6b1c1d;
    margin-bottom: 8px;
}

.part5 .gulp-gif > div.all-left > .left > div.prop p {
    color: #fcf5cd;
    font-size: 14px;
    text-align: justify
}

.part5 .gulp-gif > div.all-left > .left > div.cell {
    position: relative
}

.part5 .gulp-gif > div.all-left > .left > div.cell > img {
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 200px;
    max-height: 146px
}

.part5 .gulp-gif > div.all-left > .left > div.cell > p {
    color: #6b1c1d;
    width: 100%;
    text-align: center;
    font-size: 14px;
    position: absolute;
    bottom: 15px
}

.part5 .gulp-gif > div.all-left > .left > div + div {
    margin-left: 29px
}

.part5 .gulp-gif > div.right {
    width: 690px
}

.part5 .gulp-gif > div.right ul {
    font-size: 0;
    text-align: center;
    margin-top: 8px
}

.part5 .gulp-gif > div.right ul li {
    display: inline-block;
    width: 332px;
    height: 224px;
    background: url(//game.gtimg.cn/images/actdaoju/act/a20191226cfspring/a20210701thunderstorm/gif-bg.png) no-repeat;
    margin: 5px 0 5px 10px
}

.part5 .gulp-gif > div.right ul li.add-gif {
    width: 674px;
}

.part6 {
    margin-top: 95px
}

.part7 {
    margin-top:50px
}
.part7 > img {
    margin: 35px auto 50px
}

.dia {
    outline: 0;
    position: relative;
    padding-top: 45px;
    box-sizing: border-box
}

.dia > a {
    display: block;
    position: absolute;
    top:-40px;
    left:50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    font-size: 30px;
    text-align: center;
    color: #ffdeaf
}

.dia > a:hover {
    text-decoration: none
}

#dia1 .dia-con {
    width: 1200px;
    margin: 0 auto;
    text-align: center
}

#dia1 .dia-con ul {
    font-size: 0;
    text-align: center
}

#dia1 .dia-con ul li {
    display: inline-block;
    position: relative
}

#dia1 .dia-con ul li + li {
    margin-left: 15px
}

#dia1 .dia-con ul li:after {
    content: '';
    display: block;
    position: absolute;
    right: 20px;
    top: 20px
}

#dia1 .dia-con ul li:hover {
    cursor: pointer
}

#dia1 .dia-con ul li > img {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    margin: auto;
    max-width: 280px;
    max-height: 290px
}

#dia1 .dia-con ul li > p {
    position: absolute;
    bottom: 10px;
    text-align: center;
    width: 100%;
    font-size: 20px;
    color: #641a1b
}

#dia1 .dia-con > a {
    display: inline-block;
    margin: 40px auto 0;
}
#dia1 .dia-con > a.btn-66-add{
    width:323px;
    height:82px;
    background:url(//game.gtimg.cn/images/actdaoju/act/a20191226cfspring/a20210701thunderstorm/btn-66-add.png)no-repeat;
    margin-left:20px;
}
#dia1 .dia-con > a.btn-66-add-buy{
    width:323px;
    height:82px;
    background:url(//game.gtimg.cn/images/actdaoju/act/a20191226cfspring/a20210701thunderstorm/btn-66-add-buy.png)no-repeat;
}
#dia1 .dia-con p.yellow {
    color: #ffdeaf;
    font-size: 24px;
    text-align: center;
    margin-top: 15px
}

#dia1 .dia-con p.red {
    color: #d6645d;
    font-size: 20px;
    text-align: center;
    margin-top: 0
}

#dia1 .dia-con p.red.red1 {
    margin-top: 45px
}

#dia1 .dia-con .input-bg {
    background-color: transparent;
    border: none;
    padding: 0 30px;
    box-sizing: border-box;
    margin: 10px auto 0;
    color: #ffdeaf;
    font-size: 22px
}

#dia1 .dia-con .input-bg::-webkit-input-placeholder {
    color: #ffdeaf
}

#dia2 .dia-con, #dia3 .dia-con {
    text-align: center
}

#dia2 .dia-con > a, #dia3 .dia-con > a {
    display: block;
    margin: 5px auto 0
}

#dia2 .dia-con p.yellow, #dia3 .dia-con p.yellow {
    color: #ffdeaf;
    font-size: 24px;
    text-align: center;
    margin-top: 15px
}

#dia2 .dia-con p.red, #dia3 .dia-con p.red {
    color: #d6645d;
    font-size: 20px;
    text-align: center;
    margin-top: 0
}

#dia2 .dia-con p.red.red1, #dia3 .dia-con p.red.red1 {
    margin-top: 90px
}

#dia2 .dia-con .input-bg, #dia3 .dia-con .input-bg {
    background-color: transparent;
    border: none;
    padding: 0 30px;
    box-sizing: border-box;
    margin: 40px auto 0;
    color: #ffdeaf;
    font-size: 22px
}

#dia2 .dia-con .input-bg::-webkit-input-placeholder, #dia3 .dia-con .input-bg::-webkit-input-placeholder {
    color: #ffdeaf
}

.dia {
    display: none
}

#dia6 p {
    color: #ffdeaf;
    font-size: 24px;
    text-align: center
}

#dia6 a.btn-sure-buy1 {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    display: block
}

.hisList {
    padding-top: 80px;
    box-sizing: border-box;
    position: relative
}

.hisList .table {
    width: 736px;
    height: 520px;
    margin: 0 auto;
    background: #982a2d;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 10px;
    padding: 10px;
    box-sizing: border-box
}

.hisList .table .table1 {
    border: 1px solid #a4493a;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.hisList .table table {
    width: 100%
}

.hisList .table table td, .hisList .table table th {
    text-align: center;
    border-right: 1px solid #a4493a;
    border-bottom: 1px solid #a4493a;
    color: #cfba8f;
    font-size: 14px;
    height: 40px
}

.hisList .table table th {
    background: #7d2224;
    height: 60px;
    color: #ffdeaf;
    font-size: 20px
}

.hisList > p {
    position: absolute;
    bottom: 30px;
    width: 100%;
    text-align: center;
    color: #d6645d;
    font-size: 16px;
    text-align: center
}

.hisList > p a {
    color: #d6645d;
    margin: 0 50px
}

.hisList.dia-hj {
    background: url("//game.gtimg.cn/images/actdaoju/act/a20191226cfspring/a20210701thunderstorm/tc-table-bg.png") no-repeat;
}
.hisList.dia-order {
    background: url("//game.gtimg.cn/images/actdaoju/act/a20191226cfspring/a20210701thunderstorm/tc-order-bg.png") no-repeat;
}

.g-aside {
    position: fixed;
    top: 50%;
    right: 90px;
    transform: translateY(-50%);
    z-index: 30;
    padding-top: 14px;
    box-sizing: border-box;
}

.g-aside > .btn-operate {
    width: 25px;
    height: 22px;
    background: url(//game.gtimg.cn/images/actdaoju/act/a20191226cfspring/a20210701thunderstorm/icon-close.png) no-repeat;
    display: block;
    position: absolute;
    left: -26px;
    top: 0;
}

.g-aside > .btn-operate.active {
    background: url("//game.gtimg.cn/images/actdaoju/act/a20191226cfspring/a20210701thunderstorm/icon-open.png") no-repeat;
}

.arrowIn {
    -webkit-animation: arrowIn 2s ease-out infinite;
    -moz-animation: arrowIn 2s ease-out infinite;
    animation: arrowIn 2s ease-out infinite
}

@keyframes arrowIn {
    0% {
        opacity: .3;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

.arrowOut {
    -webkit-animation: arrowOut 2s ease-out infinite;
    -moz-animation: arrowOut 2s ease-out infinite;
    animation: arrowOut 2s ease-out infinite
}

@-webkit-keyframes arrowIn {
    0% {
        opacity: .3;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-moz-keyframes arrowIn {
    0% {
        opacity: .3;
        -moz-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes arrowIn {
    0% {
        opacity: .3;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-webkit-keyframes arrowOut {
    0% {
        opacity: .3;
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }
}

@-moz-keyframes arrowOut {
    0% {
        opacity: .3;
        -moz-transform: translateX(50%);
        transform: translateX(50%)
    }
}

@keyframes arrowOut {
    0% {
        opacity: .3;
        -webkit-transform: translateX(50%);
        -moz-transform: translateX(50%);
        transform: translateX(50%)
    }
}

.g-aside .g-load {
    margin: 0 auto;
    position: relative
}

.g-aside .g-load img {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    margin: auto
}

.g-aside .g-txt {
    margin-top: 6px;
    font-size: 16px;
    color: #fcf5cd;
    text-align: center;
    padding-top: 6px;
    box-sizing: border-box
}

.g-aside .g-txt span {
    color: #fcf5cd
}

.g-aside .ask-bg {
    text-align: right;
    margin-top: 5px;
    padding-top: 10px;
    box-sizing: border-box
}

.g-aside .ask-bg p {
    text-align: center;
    color: #fcf5cd;
    font-size: 16px
}

.g-aside .ask-bg a {
    display: block;
    margin: 20px auto 0
}

#pop4 {
    width: 1039px;
    height: 715px;
    background: url(//game.gtimg.cn/images/actdaoju/act/a20191226cfspring/a20210701thunderstorm/pop4.png) no-repeat;
    position: relative;
    padding: 0 0 0 45px;
    box-sizing: border-box
}

iframe .shopping {
    margin: 0 auto !important;
    padding-top: 85px !important
}

.dia-close2 {
    width: 57px;
    height: 57px;
    position: absolute;
    left: 50%;
    top: -92px;
    margin-left: 491px;
    text-indent: -99999rem
}

#loginStatusSyncFrame_ams_ame {
    display: block
}

.djqclose {
    display: block;
    position: absolute;
    top: -10px;
    right: -30px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    font-size: 30px;
    text-align: center;
    color: #ffdeaf;
}