/* reset */
body,div,p,ul,li,table,tbody,tr,td,textarea,form,input,h1,h2,h3,h4,h5,dl,dt,dd,img,iframe,header,nav,section,article,footer,figure,figcaption,menu{margin:0;padding:0;list-style:none;}
body{font-family:"\5FAE\8F6F\96C5\9ED1",Helvetica;-webkit-text-size-adjust:none;font-size:0.24rem;}
header,nav,section,article,footer,figure,figcaption{display:block;}
ol,ul{margin:0;padding:0;}
fieldset{border:none;margin:0;padding:0;}
a,li,ul,[onclick]{-webkit-tap-highlight-color:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
table{border-collapse:collapse;border-spacing:0;}
em,strong{font-weight:normal;font-style:normal;}
a {text-decoration:none;}
b{font-weight: bold;}
.hide {display:none;}
.c:before,.c:after {content:"";display:table;}
.c:after {clear:both;}
.fl {float:left;}
.fr {float:right;}
.pr {position:relative;}
.pa {position:absolute;}
.db {display:block;text-indent:-99999em;}
.sp{background: url(//game.gtimg.cn/images/x52/cp/a35482567dfwz/sp.png) no-repeat;background-size: 17.86rem 19.46rem;}
a{display: inline-block;}
body,html{font-size: 0.24px;line-height: 1;background-color: #323033;-webkit-overflow-scrolling: touch;}
.wrap{width: 7.50rem;height: auto;background: url(//game.gtimg.cn/images/x52/cp/a35482567dfwz/contbg.jpg) no-repeat;background-size:100% auto;-webkit-background-size:100% auto; position: relative;margin:0 auto; overflow-x: hidden;}
#afooter{font-size: 0.18rem; text-align: center;height:auto;width: 100%;padding-top: 0.15rem;line-height: 0.36rem;background: #000;color: #fff;}

/*head*/
.head{height:15rem;position: relative;}
 /*视频*/
.videobg{width: 6.45rem; height: 4.4rem; background: url(//game.gtimg.cn/images/x52/cp/a35482567dfwz/imgbg1.png) no-repeat center center; background-size: 100% 100%;position: absolute; bottom: 0.2rem; left: 50%; transform: translateX(-50%); z-index: 3;}
.video_wrap{width: 5.98rem; height:auto; margin: 0.05rem auto 0;margin-left: 0.25rem; position: relative;}
#container{ width: 100%; height:3.91rem; position: absolute; left: 50%;transform: translateX(-50%); top: 0.21rem;}  
#video{width: 100%;height: 3.67rem;border: none;position: absolute;top: 0.21rem;left: 0;}


.shadow1{box-shadow:0 0 0.05rem 0.03rem rgba(212, 216, 223, 0.202);}
.shadow2{box-shadow:0 0 0.05rem 0.06rem rgba(212, 216, 223, 0.202);} 
.shadow-text{text-shadow: 0 0 10px #3a3e5e, 0px 0px 0px #97a9de, 1px 0px 2px #3a3e5e;}
.content{width: 100%;margin-top: 0.8rem;}
.part{position: relative; width: 98%;padding-top: 0.2rem;padding-bottom: 0.5rem;margin: 0 auto;}
.content h2{display: block;height: 0.49rem;margin: 0 auto 0.05rem;}

h1.girl{background-position: 0 -10rem;margin: 0 auto; width: 5.56rem;height: 1.19rem;}
.part0{padding-top: 0.2rem;}
/* .part3 {padding-top: 0.2rem;} */
.part0 h2{background-position: 0 -0rem;width: 4.23rem;height: 0.57rem}
.part1 h2{background-position: 0 -0.84rem;width: 3.83rem;height: 0.57rem}
.part2 h2{background-position: 0 -1.69rem;width: 4.23rem;height: 0.57rem}
.part3 h2{background-position: 0 -2.54rem;width: 3.42rem;height: 0.57rem}
.part4 h2{background-position: 0 -3.39rem;width: 5.21rem;height: 0.57rem}
/* .part4 h3{background-position: 0 -5rem;width: 4.94rem;height: 0.36rem;margin: 0 auto;} */
.part5 h2{background-position: 0 -4.24rem;width: 4.59rem;height: 0.59rem}
.part6 h2{background-position: 0 -5.11rem;width: 3.42rem;height: 0.57rem}
.part7 h2{background-position: 0rem -5.95rem;width: 4.23rem;height: 0.57rem}
.part8 h2{background-position: 0rem -6.8rem;width: 4.23rem;height: 0.57rem}
.part9 h2{background-position: 0 -7.64rem;width: 3.47rem;height: 0.98rem;}
.part10 h2{background-position: 0 -8.9rem;width: 3.42rem;height: 0.57rem;}

.lis2 h1{background-position: 0 -9.75rem;width: 5.6rem;height: 1.22rem;margin: 0 auto;}
.part11 h2{background-position: 0 -11.25rem;width: 4.24rem;height: 0.57rem;}
.part12 h2{background-position: 0 -12.1rem;width: 4.24rem;height: 0.57rem;}
.part13 h2{background-position: 0 -12.94rem;width: 3.42rem;height: 0.57rem;}
.part14 h2{background-position: 0 -13.78rem;width: 4.23rem;height: 0.57rem;}
.part15 h2{background-position: 0 -14.63rem;width: 3.42rem;height: 0.57rem;}
.part16 h2{background-position: 0 -15.48rem;width: 3.42rem;height: 0.57rem;}
.part17 h2{background-position: 0 -16.33rem;width: 2.26rem;height: 0.57rem;}




.part20{padding-top: 1rem;padding-bottom: 0.20rem;}
.part20 h2{ display: block; width: auto;height: auto;font-size: 0.38rem; text-align: center; color: #FFFFFF; font-weight: 500; letter-spacing: 0.02rem; margin: 0 auto 0.20rem;}


.part20 ul{width: 90%; margin: 0 auto;display: flex;flex-flow: wrap;}
.part20 ul li{width: 100%; margin: 0.13rem auto;text-align: left; }
.part20 ul li p{line-height: 0.3rem;color: #FFFFFF;font-size: 0.21rem;}
.part20 ul li a{color: #FFFFFF;font-size: 0.21rem;text-decoration:underline;}

/*图片居中裁剪*/
img{object-fit: cover;height: 100%;width: 100%;display: block;position: absolute; left: 50%;top: 50%;transform: translate(-50%,-50%);}
.imgbg{overflow: hidden;position: absolute;}

.list2{width: 100%;margin: 0 auto;}
.list2 .shadow-box{width: 7rem; height: 4.8rem;background: url(//game.gtimg.cn/images/x52/cp/a35482567dfwz/imgbg1.png);background-size: 100% 100%;background-repeat: no-repeat;position: relative; margin: 0.14rem auto 0;}
.list2 .imgbg{width: 6.5rem; height: 4.3rem; left: 0.26rem; top: 0.26rem;}

.list0{width: 100%; display: flex; justify-content: space-around;flex-wrap: wrap; margin: 0 auto; position: relative;}
.list0 .shadow-box{width: 3.6rem; height: 2.4rem;background: url(//game.gtimg.cn/images/x52/cp/a35482567dfwz/imgbg1.png);background-size: 100% 100%;background-repeat: no-repeat;position: relative; margin: 0;  position: relative; display: inline-block;margin: 0.14rem auto 0;}
.list0 li .imgbg{width: 3.32rem; height: 2.2rem; left: 0.14rem; top: 0.1rem;}
.list0 p{width: 3.56rem;color:#fefdfc;font-size: 0.17rem;text-align: center;overflow: hidden;text-overflow: ellipsis; white-space:nowrap;}

.list1{display: flex; justify-content: center;flex-wrap: wrap; margin: 0.15rem auto 0; position: relative;}
/* .list1 li{ position: relative; display: inline-block;} */
.list1 li{width: 3.74rem; height: 2.5rem;background: url(//game.gtimg.cn/images/x52/cp/a35482567dfwz/imgbg1.png);background-size: 100% 100%;background-repeat: no-repeat;position: relative; margin: 0; background-size: 100% 100%; position: relative; display: inline-block;}
/* .list1 li .imgbg{width: 3.26rem; height: 2rem; left: 0.15rem; top: 0.15rem;} */
.list1 li .imgbg{width: 3.48rem; height: 2.12rem; left: 0.134rem; top: 0.2rem;}


/* .list2 .imgbg{width: 4.51rem; height: 2.88rem;left: 0.20rem; top: 0.20rem;} */

.list3{width: 98%; height: auto; display: flex;justify-content: space-between;margin: 0.14rem auto 0; position: relative;flex-wrap: wrap;}
.list3 .ls3{display: inline-block;}
.list3 .list3-lf{width: 3.68rem; height: 6.53rem; background: url(//game.gtimg.cn/images/x52/cp/a35482567dfwz/imgbg2.png);background-size: 100% 100%;background-repeat: no-repeat;position: relative;}
.list3 .list3-lf .imgbg{width: 3.28rem; height: 6.2rem;left: 0.2rem; top: 0.18rem;}
.list3 .list3-lf img{object-position: 33% 50%;}
.part6 .list3 .list3-lf img{object-position: 35% 50%;}
.part14 .list3 .list3-lf img{object-position: 54% 50%;}
.part3 .list3 .list3-lf img{object-position: 33% 50%;}
.part3 .list3 .list3-lf .imgbg{width: 3.28rem; height: 9.1rem;left: 0.2rem; top: 0.22rem;}
.part9  img{object-position: 1% 50%;}
.part8 li:nth-of-type(1) img{object-position: 75% 50%;width: 99%;height: auto;}
.part8 li:nth-of-type(2) img{width: 100%;height: auto;}
.part8 li:nth-of-type(3) img{width: 100%;height: auto;}
.part14 li:nth-of-type(4) img{width: 92%;height: auto;}
.list3 .list3-rg{width: 3.33rem; height: auto; position: relative;}
.list3 .list3-btm{width: 100%;}
.list3 .list3-btm ul{margin-left: 0.2rem;margin-top: 0.05rem; width: 97%; display: flex;flex-wrap: nowrap;justify-content: space-between;}
.list3 .list3-rg ul{width: 100%; height: 6.53rem;display: flex; justify-content: space-evenly; flex-flow: wrap;flex-direction: column; flex-wrap: wrap; align-content: center;position: relative;}
.list3 .list3-rg ul li,.list3 .list3-btm ul li{width: 3.32rem; height: 2.25rem !important; background: url(//game.gtimg.cn/images/x52/cp/a35482567dfwz/imgbg5.png);background-size: 100% 100%;background-repeat: no-repeat;position: relative; margin: 0 auto 0;display: block;}
.list3 .list3-rg ul li .imgbg,.list3 .list3-btm ul li .imgbg{width: 3.3rem; height: 2.1rem !important; left: 0.01rem; top: 0.02rem;background: #10162e;}
.list3 .list3-rg ul li:nth-of-type(3) .imgbg{background-color: #000;}
/* .list3 .list3-rg ul li .imgbg img{object-position: 66% 50%;} */

.part3 .list3 .list3-rg ul{height: 9.53rem;}
.part3 .list3 .list3-lf{height: 9.53rem;}


.list3.list3_2 .list3-lf{height: 7.5rem;}
.list3.list3_2 .list3-lf .imgbg{height: 7.03rem;}
.list3.list3_2 .list3-rg ul{height: 7.5rem;}
.list3.list3_2 .list3-rg ul li{height: 1.8rem;}
.list3.list3_2 .list3-rg ul li .imgbg{height: 1.76rem;}





.list7{width: 95%; display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 auto; position: relative;}
.list7 li{width: 3.451rem; height: 2.12rem; background: url(//game.gtimg.cn/images/x52/cp/a35482567dfwz/imgbg5.png);background-size: 100% 100%;background-repeat: no-repeat;position: relative; margin: 0.14rem auto 0;display: inline-block;}
.list7 li .imgbg{width: 3.4rem; height: 2.08rem; left: 0.02rem; top: 0.02rem;background: #15294e;position: relative;}
/* .lis1 .list7 li:nth-of-type(2) .imgbg img{height: 88%;} */
/* .lis2 .list7 li:nth-of-type(2) .imgbg img{height: 72%;} */
.lis2 .list7 li:nth-of-type(4) .imgbg img{object-position: 54% 0;}

.qian{display: inline-block;width: 0.82rem; height: 0.26rem; position: absolute; bottom: 0; left: 0;}

.qian1{background-position: -10.19rem 0;}
.qian2{background-position: -11.69rem 0;}
.qian3{background-position: -13.2rem 0;}
.qian4{background-position: -14.7rem 0;}
.qian5{background-position: -16.21rem 0;}




.list6{width: 6.82rem; height: 7.85rem;background-repeat: no-repeat;position: relative; margin: 0.10rem auto 0;background: url(//game.gtimg.cn/images/x52/cp/a35482567dfwz/imgbg4.png) no-repeat;background-size: 100% 100%;box-shadow:0 0 0.08rem 0.03rem rgba(233, 208, 175, 0.202);}
.list6 .imgbg{width: 6.55rem; height: 7.4rem; left: 0.14rem; top: 0.14rem;}


:focus{outline: none;}
img{border: none;}
img[src=""],img:not([src]){ opacity:0; }

.list61 .imgbg img,.list62 .imgbg img,.list63 .imgbg img,.part64 .imgbg img{height: auto;}

.list0 p{color: #cfcbc5;font-size: 0.16rem;}


.part4 li:nth-of-type(2) img{object-position:44% 0;}
.part5 .ls3:nth-of-type(2) img{object-position:44% 0;}
.part6 li:nth-of-type(3) img{object-position: 40% 50% !important;}

.list1 .lis1{width: 5.03rem; height: 3.4rem;    background: url(//game.gtimg.cn/images/x52/cp/a35482567dfwz/imgbg1.png);
    background-size: 100% 100%;}
.list1 .lis1 .imgbg{width: 4.6rem;height: 2.82rem;left: 0.22rem;top: 0.25rem;}
.list1 .lis71{width: 3.91rem;height: 2.5rem;background:  url(//game.gtimg.cn/images/x52/cp/a35482567dfwz/imgbg1.png);background-size: 100% 100%;}
.list1 .lis71 .imgbg{width: 3.46rem;height: 2.07rem;left: 0.24rem;top: 0.21rem;}
.part2 .list1 .lis1 .imgbg img{object-position: 42% 50%;}

.list1 .lis71{width: 6rem;height: 3.8rem;background:  url(//game.gtimg.cn/images/x52/cp/a35482567dfwz/imgbg1.png);background-size: 100% 100%;}
.list1 .lis71 .imgbg{width: 5.61rem;height: 3.4rem;top: 0.2rem;left: 0.2rem;}


.ties { font-size: 0.18rem;padding: 0.1rem 0;color: #fff;text-shadow: 0 0 0.06rem #6d90a6;width: 92%;margin: 0.2rem auto 0;line-height: 0.25rem;}


.list61{width: 7rem;height: 8.05rem;}
.list61 .imgbg{width: 6.8rem;height:7.85rem;top: 0.1rem;left: 0.1rem;}



.list62{width: 7rem;height: 6.8rem;}
.list62 .imgbg{width: 6.84rem;height: 6.58rem;top: 0.1rem;left: 0.1rem;}

.list63{width: 7rem;height: 1rem;}
.list63 .imgbg{width: 6.8rem;height: 0.8rem;top: 0.1rem;left: 0.1rem;}



.list64{width: 7rem;height: 3.9rem;}
.list64 .imgbg{width: 6.8rem;height: 3.7rem;top: 0.1rem;left: 0.1rem;}


.part20 h2{color: #fff ;}
.part20 .shadow-text{color: #fff;text-shadow: 0 0 0.06rem #6d90a6;}
.part20 ul li a{color: #fff;}



/*去除图片点击出现边框和背景色*/
img{border: none; -webkit-tap-highlight-color:transparent; -moz-tap-highlight-color:transparent;}
html{ -webkit-tap-highlight-color: rgba(0,0,0,0);}