html,body,div,ul,ol,li,span,p,a,b,i,h1,h2,h3,img,input,select,textarea,button{margin: 0; padding: 0; border: 0;}
ul,ol,li{list-style: none;}
html,body{width: 100%;}
a{ text-decoration: none; }
input,select,textarea:focus{outline:none}

.clear:before{content: '';display: table}
.clearfloat:after{content: '';display: block;clear: both;}
.mask{ width: 100%; height: 100%; position: fixed; z-index: 8; background-color: #000; opacity: .8; top: 0; left: 0; display:none }

.header{width: 100%;height: 2.5rem;position: fixed;background: #618D8A;z-index: 5}
.header .logo{display: block;width: 2rem;height: 2rem;margin-top: .25rem;margin-left: .3rem;}
.header .logo img{width: 100%;}
.header .text{position: absolute;top: .7rem;left: 2.5rem}
.header .text .text_1{font-size: .7rem;color: #F6F4DB}
.header .home{position: absolute;width: 3.925rem;height: 1.375rem;right: 2.8rem;top: .5rem}
.header .home img{display:block;width: 100%}
.header .download{position: absolute;width: 3.925rem;height: 1.375rem;right: 7rem;top: .5rem}
.header .download img{display:block;width: 100%}
.header .cn{position: absolute;width: 1.875rem;height: 1.375rem;right: 0.6rem;top: .5rem}
.header .cn img{display:block;width: 100%}


.part_1{position: relative;width: 100%;height: 34rem;background: url("//rc.wishgamer.com/hd/20200331/en/style/img/m/part_1.jpg") no-repeat top center;background-size: 100% 100%;}
.part_2{position: relative;width: 100%;height: 26rem;background: url("//rc.wishgamer.com/hd/20200331/en/style/img/m/part_2.jpg") no-repeat top center;background-size: 100% 100%;}
.part_3{position: relative;width: 100%;height: 29.575rem;background: url("//rc.wishgamer.com/hd/20200331/en/style/img/m/part_3.jpg") no-repeat top center;background-size: 100% 100%;}

.part_1 .video_btn{position: absolute;width: 2.35rem;height: 1.975rem;top: 4rem;left: 50%;margin-left: -1.175rem}
.part_1 .video_btn img{ width: 100%}

.part_2 .intr{position: absolute;width: 13rem;height: 13.3rem;left: 0;top: 4.875rem;z-index: 2}
.part_2 .role_box .role{display: none;z-index: 1}
.part_2 .role_box .role.cur{display: block}
.part_2 .role_box .role_male{position: absolute;right: 0;width: 16.95rem;height: 19.95rem;top: 4.1rem;}
.part_2 .role_box .role_female{position: absolute;right: 0;width: 13.2rem;height: 20.775rem;top: 3.65rem;}
.part_2 .gender_box .male.cur{position: absolute;width: 2rem;height: 2rem;background-image: url("//rc.wishgamer.com/hd/20200331/en/style/img/m/gender_cur.png");background-repeat: no-repeat;background-size: 200% 100%;background-position: 0 0;top: 6.3rem;left: 7.225rem;z-index: 4}
.part_2 .gender_box .female.cur{position: absolute;width: 2rem;height: 2rem;background-image: url("//rc.wishgamer.com/hd/20200331/en/style/img/m/gender_cur.png");background-repeat: no-repeat;background-size: 200% 100%;background-position: -2rem 0;top: 4.95rem;left: 7.225rem;z-index: 4}
.part_2 .gender_box .male{position: absolute;width: 1.75rem;height: 1.75rem;background-image: url("//rc.wishgamer.com/hd/20200331/en/style/img/m/gender.png");background-repeat: no-repeat;background-size: 200% 100%;background-position: 0 0;top: 6.425rem;left: 7.3rem;z-index: 3}
.part_2 .gender_box .female{position: absolute;width: 1.75rem;height: 1.75rem;background-image: url("//rc.wishgamer.com/hd/20200331/en/style/img/m/gender.png");background-repeat: no-repeat;background-size: 200% 100%;background-position: -1.75rem 0;top: 5.075rem;left: 7.3rem;z-index: 3}
/*.part_2 .story_btn{position: absolute;width: 9.725rem;height: 2.5rem;background: url("//rc.wishgamer.com/hd/20200331/en/style/img/m/story.png") no-repeat top center;background-size: 100% 100%;left: 50%;margin-left: -4.8625rem;bottom:1.25rem;}*/
.part_2 .jn_box{position:absolute;width: 100%;height: 4.5rem;box-sizing: border-box;top:19rem;left:0;z-index: 2}
.part_2 .jn_box .jn_1{position: absolute;width: 2rem;height: 2.05rem;background-image: url("//rc.wishgamer.com/hd/20200331/en/style/img/jn_t.png");background-repeat: no-repeat;background-size: 200% 100%;background-position: 0 0;left: .5rem;top: 0.05rem}
.part_2 .jn_box .jn_1.cur{width: 2.525rem;height: 2.525rem;left: 0.25rem;background-image: url("//rc.wishgamer.com/hd/20200331/en/style/img/jn_t_cur.png");}
.part_2 .jn_box .jn_2{position: absolute;width: 2rem;height: 2.05rem;background-image: url("//rc.wishgamer.com/hd/20200331/en/style/img/jn_t.png");background-repeat: no-repeat;background-size: 200% 100%;background-position: -2rem 0;left: .5rem;bottom: .05rem;}
.part_2 .jn_box .jn_2.cur{width: 2.525rem;height: 2.525rem;left: .25rem;background-image: url("//rc.wishgamer.com/hd/20200331/en/style/img/jn_t_cur.png");background-position: -2.525rem 0}
.part_2 .jn_box .jn_icon .icon{position: absolute;width: 2.25rem;height: 4.275rem;background-repeat: no-repeat;background-size: 100% 100%;background-position: top center;top: 50%;margin-top: -2.1375rem;left: 3.15rem;display: none}
.part_2 .jn_box .jn_icon .icon.cur{display: block;}
.part_2 .jn_box .jn_desc .desc{display: none;position: absolute;right: 0;top: .75rem;right: 1rem}
.part_2 .jn_box .jn_desc .desc_1{width: 12.125rem;height: 2.3rem;right: 1rem}
.part_2 .jn_box .jn_desc .desc_2{width: 12.025rem;height: 2rem;}
.part_2 .jn_box .jn_desc .desc img{width: 100%}
.part_2 .jn_box .jn_desc .desc.cur{display: block}
.part_2 .jn_box .jn_desc .search{display: block;width: 4rem;height: 0.875rem;box-sizing: border-box;border: 1px solid #C1B784;border-radius: 0.125rem;text-align: center;color: #C1B784;line-height: 0.875rem;font-size: .55rem;}

.part_3 .nav_box{position: absolute;width: 18.5rem;left: 50%;margin-left: -9.25rem;top: 5.25rem;}
.part_3 .nav_box li{float: left}
.part_3 .nav_box .nav{display: block;width: 5.875rem;height: 2rem;background-image: url("//rc.wishgamer.com/hd/20200331/en/style/img/m/p3_nav.png");background-repeat: no-repeat;background-size: 300% 200%;}
.part_3 .nav_box .nav.nav_1{background-position: 0 0;}
.part_3 .nav_box .nav.nav_2{background-position: -5.875rem 0;}
.part_3 .nav_box .nav.nav_3{background-position: -11.75rem 0;}
.part_3 .nav_box li.cur .nav.nav_1{background-position: 0 -2rem;}
.part_3 .nav_box li.cur .nav.nav_2{background-position: -5.875rem -2rem;}
.part_3 .nav_box li.cur .nav.nav_3{background-position: -11.75rem -2rem;}
.part_3 .nav_box li:nth-child(2){margin: 0 .4rem;position: relative}

.part_3 .detail .info{display: none}
.part_3 .detail .info.cur{display: block}
.part_3 .detail .info .title{display: block;height: 2.425rem;margin: 9.5rem auto 1.7rem;}
.part_3 .detail .info:nth-child(1) .title{width: 5.575rem}
.part_3 .detail .info:nth-child(2) .title{width: 4.45rem}
.part_3 .detail .info:nth-child(3) .title{width: 7.75rem}
.part_3 .info .content{width: 18rem;height: 8.5rem;background:url("//rc.wishgamer.com/hd/20200331/en/style/img/m/info_bg.png") no-repeat top center;background-size: 100% 100%;box-sizing: border-box;padding: 1rem .45rem;margin: 0 auto}
.part_3 .info .content{font-size: 0.6rem;color: #475B66;line-height: 1.15rem;text-indent: 1.25rem}
/*.part_3 .info .content.content_2{line-height: 30px}*/
.part_3 .info .content .big{color: #BFB47E;font-weight: bold}
.part_3 .info .play{position: absolute;width: 9.725rem;height: 2.5rem;bottom:2.5rem;left: 50%;margin-left: -4.8625rem;background:url("//rc.wishgamer.com/hd/20200331/en/style/img/m/play.png") no-repeat top center;background-size: 100% 100%;}

.pop{position: absolute;width: 18.75rem;height: 15.725rem;background: url("//rc.wishgamer.com/hd/20200331/en/style/img/m/pop_bg.png") no-repeat top center;background-size: 100% 100%;left: 50%;margin-left: -9.375rem;top: 4rem;box-sizing: border-box;visibility: hidden;z-index: 9}
.pop .close{position: absolute;top: .825rem;right: 1.925rem;width: 0.875rem;height: 0.875rem}
.pop .close img{width: 100%}
.pop .title{margin-top: 1.5rem;text-align: center;font-size: 1.2rem;color: #434E50;font-family: Source Han Serif SC;}
.pop .content{padding: 0 2.5rem;font-family: Source Han Sans CN;font-size: .5rem;color: #000000;line-height: 1rem;margin-top: 0.75rem;}
.pop .content .orange{color:#B3A479;font-weight: bold}

.pop_5 ul li{margin-bottom: .75rem}
.pop.pop_5 .content{margin-top: 1.75rem}

.pop.pop_pic{height: 26.725rem;background-image: url("//rc.wishgamer.com/hd/20200331/en/style/img/m/pop_pic.png")}
.focus{width: 10rem!important;height: 17.825rem;margin: 2rem auto 0;}
.focus .slides li img{width: 100%;}
.focus .flex-direction-nav .flex-prev{background-image: url("//rc.wishgamer.com/hd/20200331/en/style/img/left.png");width: 2.05rem;height: 1.7rem;background-size: 100% 100%;position: absolute;left:1.85rem;top:50%;z-index: 5;outline: none;text-indent: -999rem}
.focus .flex-direction-nav .flex-next{background-image: url("//rc.wishgamer.com/hd/20200331/en/style/img/right.png");width: 2.05rem;height: 1.7rem;background-size: 100% 100%;position: absolute;right:1.85rem;top:50%;z-index: 5;outline: none;text-indent: -999rem}

.pop_video{ width:14.15rem; height:7.9rem; position:fixed; top:20%; left:50%; margin-left:-7.2rem; z-index:11; padding:0.125rem; background:#666; display:none;}
.pop_video .close{ width:0.75rem; height:0.75rem; position:absolute; top:-1.2rem; right:0; display:block; z-index:5}
.pop_video .close img{ transition:all ease .5s; width:100%;}
.pop_video iframe{ width:14.15rem; height:7.85rem;}