/* Reset S */
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, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    margin: 0;
    padding: 0;
    outline: none;
}
body {
    font-family: "SimHei";
    font-size: 0.12rem;
    overflow-x: hidden;
}
body, html {
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: none;
    -webkit-user-select: none;
    user-select: none;
    width: 100%;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}
a {
    text-decoration: none;
}
a:focus, a:active, a {
    outline: none;
}
a, button, input {
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}
a, p, span, i, h1, h2, h3, h4, h5, h6 {
    -webkit-font-smoothing: antialiased;
}
a, img, input {
    border: none;
}
a, img {
    -webkit-touch-callout: none;
}
img {
    height: auto;
}
ul, ol, li {
    list-style: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
input[type="text"], input[type="password"], select, a {
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    border-radius: 0;
    box-sizing: border-box;
}
input, textarea, select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}
.text-hide {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
em, i, b {
    font-style: normal;
}
fieldset, img {
    border: 0;
    display: block;
}
input, textarea, select {
    *font-size: 100%
}
audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal
}
abbr, acronym {
    border: 0;
    font-variant: normal
}
sup {
    vertical-align: text-top
}
sub {
    vertical-align: text-bottom
}
.clear:after {
    content:'\20';
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
    clear: both;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.hd {
    display: block;
    text-indent: -9999px;
    color: rgba(0,0,0,0);
    font-size: 0;
}
.hide {
    display: none;
}
.browser-tips {
    background: #ffc;
    color: #626262;
    font-size: 14px;
    text-align: center;
    padding: 10px 0;
}
#afooter {
    width: 7.5rem;
    background: #000;
    font-size: .2rem;
    color: #ccc;
    text-align: center;
    padding: .15rem 0 0;
    position: relative;
    bottom: 0rem;;
}
.kv{
    width: 7.5rem;
    height: 10rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/three_kv.jpg) no-repeat center/cover;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    margin-top: -0.01rem;
}
.logo{
    width: 2.82rem;
    height: 0.32rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/logo3.png) no-repeat center/cover;
    position: absolute;
    top: 0.28rem;
    left: 0.3rem;
}
.toweb{
    width: 1.84rem;
    height: 0.51rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/toweb2.png) no-repeat center/cover;
    position: absolute;
    top: 0.14rem;
    right: 0.3rem;
}
.tobj{
    width: 1.84rem;
    height: 0.51rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/tobj2.png) no-repeat center/cover;
    position: absolute;
    top: 0.14rem;
    right: 2.3rem;
    display: none;
}
.slg{
    width: 5.42rem;
    height: 2.55rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/slg2.png) no-repeat center/cover;
    position: absolute;
    bottom: 1.04rem;
    left: 50%;
    transform: translateX(-50%);
}
.showmore{
    width: 1.4rem;
    height: 0.58rem;
    position: fixed;
    bottom: 0.4rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
    box-sizing: border-box;
}
.showmore.none{
    display: none;
}
.showmore .arrow{
    width: 0.43rem;
    height: 0.34rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/gun5.png) no-repeat center/cover;
    position: absolute;
    animation: down 2s infinite;
    left: 50%;
    transform: translateX(-50%);
}
@keyframes down{
    0%{
        top:-0.2rem;
    }
    50%{
        top:0rem
    }
    100%{
        top:-0.2rem;
    }
}
.showmore .moreinfo{
    width: 1.3rem;
    height: 0.22rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/guntext5.png) no-repeat center/cover;
    position: absolute;
    bottom: 0rem;
    left: 50%;
    transform: translateX(-50%);
}
.nav{
    width: 1.32rem;
    height: 4.35rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/navshowbac2.png) no-repeat center/cover;
    /* background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/three_navshowbac.png) no-repeat center/cover; */
    position: fixed;
    right: 0.3rem;
    top: 3.3rem;
    z-index: 999;
    box-sizing: border-box;
    padding-top: 0.2rem;
}
.nav.no{
    transform: translateX(126%);
    -webkit-transform: translateX(126%);
    -moz-transform: translateX(126%);
    -ms-transform: translateX(126%);
    -o-transform: translateX(126%);
    transition: all .2s linear;
}
.nav.yes{
    transition: all .2s linear;
}
.nav li{
    width: 1.26rem;
    height: 0.52rem;
    position: relative;
    margin-bottom: 0.1rem;
}
.nav li .navbtnm{
    width: 1.07rem;
    height: 0.4rem;
    position: absolute;
    left: 57.6%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.nav li .navbtnm.on{
    width: 1.26rem;
    height: 0.49rem;
    position: absolute;
    left: 54.5%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.nav .tosy{
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/navl12.png) no-repeat center/cover;
}
.nav .tosy.on{
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/navl1on2.png) no-repeat center/cover;
}
.nav .towf{
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/navl22.png) no-repeat center/cover;
}
.nav .towf.on{
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/navl2on2.png) no-repeat center/cover;
}
.nav .togl{
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/three_nav3.png) no-repeat center/cover;
}
.nav .togl.on{
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/three_nav3on.png) no-repeat center/cover;
}
.nav .tots{
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/three_nav4.png) no-repeat center/cover;
}
.nav .tots.on{
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/three_nav4on.png) no-repeat center/cover;
}
.nav .toyy{
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/three_nav5.png) no-repeat center/cover;
}
.nav .toyy.on{
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/three_nav5on.png) no-repeat center/cover;
}
.nav .tojc{
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/three_nav5n.png) no-repeat center/cover;
    box-sizing: border-box;
}
.nav .tojc.on{
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/three_nav6on.png) no-repeat center/cover;
}
.nav .tolx{
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/four_navl6.png) no-repeat center/cover;
}
.nav .tolx.on{
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/four_navl6on.png) no-repeat center/cover;
}
.nav .hidbtn{
    width: 0.89rem;
    height: 0.34rem;
    left: 0.2rem;
    margin: 0;
}
.nav .hidbtn .tohide{
    width: 100%;
    height: 100%;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/navbutton2.png) no-repeat center/cover;
}
.toshow{
    width: 0.46rem;
    height: 1.21rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/navshow2.png) no-repeat center/cover;
    position: fixed;
    right: 0.3rem;
    top: 4.6rem;
    z-index: 999;
    display: none;
}
.s1{
    width: 7.5rem;
    height: 8.41rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/three_bg1.jpg) no-repeat center/cover;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    margin-top: -0.01rem;
    padding-top: 0.92rem;
}
.s1t{
    width: 6.9rem;
    height: 1.6rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/s1t2n.png) no-repeat center/cover;
    margin: 0 auto 0.3rem;
}
.s1s{
    width: 6.9rem;
    height: 2.9rem;
    margin: 0 auto 0.5rem;
}
.s1smain{
    width: 5.56rem;
    height: 2.85rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/s1sbac2.png) no-repeat center/cover;
    position: relative;
}
.s1s .swiper-slide:after{
    content: "";
    width: 5.56rem;
    height: 2.75rem;
    position: absolute;
    top: 49.1%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: rgba(0, 0, 0, 0.26);
}
.s1s .swiper-slide-active:after{
    content: "";
    width: 5.56rem;
    height: 2.85rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: rgba(0, 0, 0, 0);
}
.s1smain img{
    width: 5.41rem;
    height: 2.71rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.s1smain .todetail{
    width: 1.44rem;
    height: .5rem;
    position: absolute;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/s1sbtn2.png) no-repeat center/cover;
    bottom: 0.3rem;
    left: 50%;
    transform: translateX(-50%);
}
.togreenbtn{
    width: 1.2rem;
    height: 0.25rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/s1info_detail2.png) no-repeat center/cover;
    position: absolute;
    right: 0.3rem;
    top: 70%;
    transform: translateY(-50%);
    z-index: 999;
}
.prev{
    width: 0.64rem;
    height: 0.64rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/s1pre2.png) no-repeat center/cover;
    position: absolute;
    left: 0.3rem;
    top: 3.9rem;
    z-index: 1;
}
.next{
    width: 0.64rem;
    height: 0.64rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/s1next2.png) no-repeat center/cover;
    position: absolute;
    right: 0.3rem;
    top: 3.9rem;
    z-index: 1;
}
.prev.swiper-button-disabled{
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/s1preno2.png) no-repeat center/cover;
}
.next.swiper-button-disabled{
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/s1nextno2.png) no-repeat center/cover;
}
.s1 .s1page{
    position: absolute;
    bottom: 2.5rem;
    left: 50%;
    width: 6.9rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateX(-50%);
    margin-left: 0.15rem;
}
.s1 .s1page .swiper-pagination-bullet {
    opacity: 1;
    width: 0.5rem;
    height: 0.02rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/s1page3.jpg) no-repeat center/cover;
    margin-right: 0.3rem;
    border-radius: 0;
}
.s1 .s1page .swiper-pagination-bullet-active {
    width: .5rem;
    height: .04rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/s1pageon3.png) no-repeat center/cover;
    border-radius: 0;
}
.s1infobox{
    width: 6.9rem;
    height: 2.61rem;
    margin: 0 auto;
    box-sizing: border-box;
}
.s1infobox p{
    font-size: 0.21rem;
    line-height: 0.33rem;
    color: #2a5e62;
}
.s1infobox p span{
    font-size: 0.21rem;
    font-weight: bold;
    color: #2a5e62;
}
.s1infobox1 .info1{
    width: 100%;
    height: 0.35rem;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.12rem;
}
.s1infobox1 .info1 .info_nameall{
    width: 50%;
    height: 0.35rem;
}
.s1infobox1 .info1 .info_name{
    /* width: 50%;
    height: 0.35rem; */
    font-size: 0.26rem;
    font-weight: bold;
    display: none;
}
.s1infobox1 .info1 .info_name.on{
    display: block;
}
.s1infobox1 .info1 .info_name span{
    font-size: 0.17rem;
    font-weight: lighter;
}
.s1infobox1 .info1 .info_labelall{
    width: 50%;
    height: 0.35rem;
}
.s1infobox1 .info1 .info_label{
    /* width: 50%;
    height: 0.35rem; */
    display: none;
}
.s1infobox1 .info1 .info_label.on{
    display: block;
}
.s1infobox1 .info1 .info_label li{
    width: 0.7rem;
    height: 0.29rem;
    background-color: #63969f;
    color: #ffffff !important;
    font-size: 0.15rem;
    /* line-height: 0.29rem; */
    border-radius: 0.09rem;
    text-align: center;
    margin-left: 0.05rem;
    font-weight: normal;
    float: right;
    display: flex;
    align-items: center;
    justify-content: center;
}
.s1infobox1 .info2{
    width: 6.9rem;
    height: 1.33rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/s1texthiddenbac2.png) no-repeat center/cover;
    margin: 0 auto;
    padding: 0.16rem 0.23rem 0.1rem 0.21rem;
    box-sizing: border-box;
    overflow: hidden;
}
.info2 .info2all_box{
    width: 100%;
    height: 100%;
}
.s1infobox1 .info_text{
    position: relative;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    line-height: 0.33rem;
    font-size: 0.21rem;
}
.s1infobox1 .info_text.more::after{
    content: "......";
    position: absolute;
    bottom: 0;
    right: 0;
    padding-right: 1.27rem;
    background: linear-gradient(#caf4f7, #dbfafc);
}
.s1infobox .infotoshow{
    width: 1.01rem;
    height: 0.34rem;
    position: absolute;
    background-color: #9ebcc1;
    color: #ffffff;
    font-size: 0.2rem;
    line-height: 0.34rem;
    border-radius: 0.09rem;
    text-align: center;
    bottom: 1rem;
    right: 0.55rem;
}
.s1infobox .infotoshow.none{
    display: none;
}
.s1infobox2{
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/s1textshowbac2.png) no-repeat center/cover;
    padding: 0.16rem 0.23rem 0.1rem 0.21rem;
    opacity: 0;
}
.s1infobox2 .s1infoboxall{
    width: 100%;
    height: 100%;
}
.s1infobox .infotohide{
    width: 0.61rem;
    height: 0.34rem;
    position: absolute;
    background-color: #9ebcc1;
    color: #ffffff;
    font-size: 0.2rem;
    line-height: 0.34rem;
    border-radius: 0.09rem;
    text-align: center;
    bottom: 0.12rem;
    right: 0.55rem;
}
@keyframes fade-in {  
    0% {opacity: 0.3;}  
    100% {opacity: 1;}
}  
.info_textbox{
    display: none;
}
.info_textbox.on{
    display: block;
}
.info_text{
    display: none;
}
.info_text.on{
    display: block;
}
.s2add{
    width: 7.5rem;
    height: 14.39rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/three_bg2.jpg) no-repeat center/cover;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    margin-top: -0.01rem;
    padding-top: 0.5rem;
}
.s2addt{
    width: 6.9rem;
    height: 1.6rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/three_gltitn.png) no-repeat center/cover;
    margin: 0 auto 0.3rem;
}
.s2add_but{
    width: 6.9rem;
    height: 0.77rem;
    margin: 0 auto 0.1rem;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.s2add_but p{
    width: 5.51rem;
    height: 0.77rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/three_gltab1.png) no-repeat center/cover;
}
.s2add_but p a{
    width: 2.7rem;
    height: 0.77rem;
    float: left;
}
.s2add_but p a:nth-of-type(1){
    margin-right: 0.1rem;
}
.s2add_but p.on{
    width: 2.84rem;
    height: 0.77rem;
    /* background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/three_gltab2.png) no-repeat center/cover; */
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/three_zzn.png) no-repeat center/cover; 
}
.s2add_but .addmore{
    width: 0.44rem;
    height: 0.44rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/three_glmore.png) no-repeat center/cover;
}
/* .video_pre{
    width: 0.64rem;
    height: 0.64rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/three_swipreon.png) no-repeat center/cover;
    position: absolute;
    top: 13.4rem;
    left: 2.6rem;
}
.video_next{
    width: 0.64rem;
    height: 0.64rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/three_swinexton.png) no-repeat center/cover;
    position: absolute;
    top: 13.4rem;
    right: 2.6rem;
} */
.laypage_curr{
    display: none !important;
}
.laypage_number{
    display: none !important;
}
.laypage_prev{
    width: 0.64rem;
    height: 0.64rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/three_swipreon.png) no-repeat center/cover;
    position: absolute;
    top: 13.4rem;
    left: 2.6rem;
    display: block !important;
    border-radius: 50%;
    z-index: 2 !important;
}
.laypage_next{
    width: 0.64rem;
    height: 0.64rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/three_swinexton.png) no-repeat center/cover;
    position: absolute;
    top: 13.4rem;
    right: 2.6rem;
    display: block !important;
    border-radius: 50%;
    z-index: 2 !important;
}
.laypage_main a{
    width: 0.64rem !important;
    height: 0.64rem !important;
}
.laypageskin_default a{
    border: none !important;
    background-color: #7cbcc4 !important;
    color: rgb(255 0 0 / 0%) !important;
}
.s2add_tag{
    width: 7.3rem;
    height: 0.6rem;
    position: relative;
    left: 0.3rem;
    overflow: auto;
    overflow-y: hidden;
    box-sizing: border-box;
}
.s2add_tagmain{
    width: 10.3rem;
    display: flex;
    align-items: center;
}
.s2add_tag .s2add_tagall{
    height: 0.44rem;
    margin-right: 0.1rem;
    color: #d2feff;
    font-size: 0.28rem;
    text-align: center;
    line-height: 0.44rem;
}
.s2add_tag .s2add_tagall.on{
    color: #548588;
    line-height: 0.5rem;
}
.s2add_tag .s2add_tag1{
    width: 1.4rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/three_qb.png) no-repeat center/cover;
}
.s2add_tag .s2add_tag1.on{
    width: 1.46rem;
    height: 0.5rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/three_qbon.png) no-repeat center/cover;
}
.s2add_tag .s2add_tag2{
    width: 1.9rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/three_msdzz.png) no-repeat center/cover;
}
.s2add_tag .s2add_tag2.on{
    width: 2.06rem;
    height: 0.5rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/three_msdzzon.png) no-repeat center/cover;
}
.s2add_tag .s2add_tag3{
    width: 1.4rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/three_dyy.png) no-repeat center/cover;
    margin-right: 0;
}
.s2add_tag .s2add_tag3.on{
    width: 1.46rem;
    height: 0.5rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/three_dyyon.png) no-repeat center/cover;
    margin-right: 0;
}
.s2add_tag .s2add_tag4{
    width: 1.9rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/three_hpydh.png) no-repeat center/cover;
}
.s2add_tag .s2add_tag4.on{
    width: 2.06rem;
    height: 0.5rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/three_hpydhon.png) no-repeat center/cover;
}
.s2add_tag .s2add_tag5{
    width: 2.56rem;
    height: 0.5rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/three_zhmydhl.png) no-repeat center/cover;
    /* margin-right: 0; */
    line-height: 0.5rem;
}
.s2add_tag .s2add_tag5.on{
    width: 2.56rem;
    height: 0.5rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/three_zhmydhlon.png) no-repeat center/cover;
    /* margin-right: 0; */
}
.s2add_videobac{
    width: 6.9rem;
    height: 9.4rem;
    margin: 0 auto;
    position: relative;
}
.s2add_videobac ul{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding-top: 0.1rem;
    display: none;
}
.s2add_videobac ul.on{
    display: block;
}
.s2add_videobac ul>li{
    width: 3.38rem;
    margin-bottom: 0.12rem;
    float: left;
    margin-right: 0.12rem;
}
.s2add_videobac ul>li:nth-child(even){
    margin-right: 0;
}
.s2add_videobac li .video_main{
    width: 3.38rem;
    height: 2.9rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/md.png) no-repeat center/cover;
    float: left;
    margin-right: 0.12rem;
    box-sizing: border-box;
    padding-top: 0.14rem;
} 
.video_main .videoimg{
    width: 3.1rem;
    height: 1.74rem;
    margin: 0 auto;
}
.video_main .video_text{
    width: 3.1rem;
    height: 0.57rem;
    margin: 0 auto 0.1rem;
    padding: 0.07rem 0 0 0.04rem;
    box-sizing: border-box;
}
.video_main .video_text p{
    width: 100%;
    height: 100%;
    font-size: 0.2rem;
    line-height: 0.22rem;
    color: #2a5e62;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.video_main .video_info{
    width: 3.1rem;
    height: 0.3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 0.1rem;
}
.video_main .video_info p{
    font-size: 0.23rem;
    color: #2a5e62;
    position: relative;
}
.video_main .video_info p:nth-of-type(1){
    margin-left: 0.16rem;
}
.video_main .video_info p:nth-of-type(1)::before{
    content: "";
    position: absolute;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/m_bf2.png) no-repeat center/cover;
    width: 0.24rem;
    height: 0.24rem;
    top: 0.05rem;
    left: -0.24rem;
    box-sizing: border-box;
}
.s2add_videobac li .video_main:nth-of-type(2){
    margin: 0;
}
.s2add:before{
    content: "";
    width: 7.03rem;
    height: 5.5rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/three_videobaci.png);
    position: absolute;
    top: 3.6rem;
    left: 0.3rem;
}

.s2{
    width: 7.5rem;
    height: 13.61rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/three_bg3.jpg) no-repeat center/cover;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    margin-top: -0.01rem;
}
.s2t{
    width: 6.9rem;
    height: 1.6rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/s2t2n.png) no-repeat center/cover;
    margin: 0 auto;
}
.s2imgbac{
    width: 7.04rem;
    height: 5.5rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/s2imgbac2.png) no-repeat center/cover;
    margin: 0 auto;
    position: relative;
}
.s2img{
    width: 6.67rem;
    height: 4.08rem;
    position: absolute;
    left: 49%;
    top: 0.6rem;
    transform: translateX(-50%);
}
.s2img img{
    width: 100%;
    height: 100%;
}
.s2img p{
    color: #ffffff;
    position: absolute;
    /* text-align: left; */
    bottom: 0;
    transform: translateX(-50%);
    left: 50%;
    font-size: 0.23rem;
    font-weight: bold;
    line-height: 0.5rem;
    /* margin-left: 0.13rem; */
}
.s2imgt{
    height: 0.7rem;
    width: 6.47rem;
    position: absolute;
    left: 49%;
    bottom: 0rem;
    transform: translateX(-50%); 
}
.s2imgt p{
    text-align: left;
    font-size: 0.23rem;
    color: #2a5e62;
    line-height: 0.25rem;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.s3{
    width: 7.5rem;
    height: 7.72rem;
    /* background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/bg4_22.jpg) no-repeat center/cover; */
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/three_bg4.jpg) no-repeat center/cover;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    margin-top: -0.01rem;
    /* padding-top: 0.86rem; */
}
.s3::before{
    content: "";
    position: absolute;
    width: 7.5rem;
    height: 4.87rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/baciii32.png) no-repeat center/cover;
    bottom: 0;
    left: 0;
    /* display: none; */
}
.s3t{
    width: 6.9rem;
    height: 1.61rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/s3t2n.png) no-repeat center/cover;
    margin: 0 auto 0.46rem;
}
.s3s{
    width: 6.9rem;
    height: 4.95rem;
    margin: 0 auto;
}
.s3smain{
    width: 5.04rem;
    height: 4.89rem;
    position: relative;
    margin-left: 0.05rem;
}
.s3smain1{
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/s3main12.png) no-repeat center/cover;
}
.s3smain2{
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/s3main22.png) no-repeat center/cover;
}
.s3smain3{
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/s3main32.png) no-repeat center/cover;
}
.s3s .swiper-slide:after{
    content: "";
    width: 4.84rem;
    height: 4.65rem;
    position: absolute;
    top: 52.1%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: rgba(0, 0, 0, 0.16);
}
.s3s .swiper-slide-active:after{
    content: "";
    width: 5.04rem;
    height: 4.67rem;
    position: absolute;
    top: 52.09%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: rgba(0, 0, 0, 0);
}
.s3_prev{
    top: 5rem;
}
.s3_next{
    top: 5rem;
}
.textbox{
    width: 5.04rem;
    height: 1.3rem;
    position: absolute;
    bottom: 0;
    left: 0;
    padding-top: 0.1rem;
    box-sizing: border-box;
    padding-left: 0.05rem;
    padding-right: 0.25rem;
}
.textbox .topic{
    text-align: center;
    color: #2a5e62;
    font-size: 0.23rem;
    font-weight: bold;
    margin-bottom: 0.02rem;
}
.textbox .text{
    text-align: center;
    color: #2a5e62;
    font-size: 0.2rem;
}
.s4{
    width: 7.5rem;
    height: 7.67rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/three_bg5.jpg) no-repeat center/cover;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    margin-top: -0.01rem;
    padding-top: 0.7rem;
}
.s4t{
    width: 6.9rem;
    height: 1.61rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/s4t2n.png) no-repeat center/cover;
    margin: 0 auto 0.1rem;
}
.s4imgbac{
    width: 7.09rem;
    height: 4.17rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/s4imgbac2.png) no-repeat center/cover;
    margin-left: 0.3rem;
    position: relative;
}
.s4imgbac div{
    width: 6.81rem;
    height: 3.83rem;
    position: absolute;
    top: 0.3rem;
    left: 48.6%;
    transform: translateX(-50%);
}
.s4imgbac img{
    width: 100%;
    height: 100%;
    /* position: absolute;
    top: 0.3rem;
    left: 48.6%;
    transform: translateX(-50%); */
}
.s4imgbac .playbtn{
    width: 0.45rem;
    height: 0.45rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/s4playbtn2.png) no-repeat center/cover;
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.togreen{
    width: 6.07rem;
    height: 11.57rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/d_infodetail2.png) no-repeat center/cover;
    box-sizing: border-box;
    position: relative;
    padding: 1.6rem 0.77rem 0 0.5rem;
}
.togreen_m{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.togreenimgbac{
    width: 4.79rem;
    height: 2.5rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/d_infoimgi2.png) no-repeat center/cover;
    margin: 0 auto 0.1rem;
    position: relative;
}
.togreenimgbac1::after{
    content: "";
    width: 1.93rem;
    height: 1.52rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/d_step1i2.png) no-repeat center/cover;
    position: absolute;
    top: -0.1rem;
    left: -0.1rem;
}
.togreenimgbac2::after{
    content: "";
    width: 3.33rem;
    height: 0.82rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/d_step2i2.png) no-repeat center/cover;
    position: absolute;
    top: -0.1rem;
    left: -0.1rem;
}
.togreenimg{
    width: 4.68rem;
    height: 2.38rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.togreent{
    color: #2a5e62;
    font-size: 0.23rem;
    width: 100%;
    text-align: center;
    line-height: 0.3rem;
    font-weight: bolder;
    margin-bottom: 0.2rem;
}
.togreent3{
    margin: 0;
}
.fuzhi{
    width: 7.1rem;
    height: 5.04rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/dialog1bac2.png) no-repeat center/cover;
    box-sizing: border-box;
}
.fuzhi.on{
    width: 7.1rem;
    height: 4.86rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/dialog2bac2.png) no-repeat center/cover;
}
.close{
    width: 0.58rem;
    height: 0.58rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/dialog_close22.png) no-repeat center/cover;
    position: absolute;
    left: 50%;
    bottom: -0.7rem;
    transform: translateX(-50%);
}
.close2{
    left: 6.7rem;
    top: -0.65rem;
}
.togf{
    width: 1.4rem;
    height: 0.42rem;
    position: absolute;
    top: 0.05rem;
    left: 0.1rem;
}
.tonew{
    width: 1.4rem;
    height: 0.42rem;
    position: absolute;
    top: 0.05rem;
    left: 1.6rem;
}
.box{
    width: 6.4rem;
    height: 3.4rem;
    position: absolute;
    bottom: 0.14rem;
    left: 48.5%;
    transform: translateX(-50%);
    display: none;
}
.box.on{
    display: block
}
.box .tt1{
    width: 100%;
    color: #368697;
    font-size: 0.18rem;
    text-align: left;
    line-height: 0.2rem;
    margin-bottom: 0.2rem;
}
.box .tt2{
    width: 100%;
    margin-bottom: 0.6rem;
    margin-left: 0.1rem;
    display: flex;
    justify-content: space-between;
}
.box .tt2 .tt2m{
    width: 50%;
    box-sizing: border-box;
    padding-left: 0.2rem;
}
.box .tt2 .tt2m p{
    font-size: 0.17rem;
    line-height: 0.3rem;
    color: #368697;
    text-align: left;
}
.tt2 .tt2m .title{
    font-size: 0.21rem;
    line-height: 0.25rem;
    font-weight: bold;
    color: #286673;
    text-align: left;
}
.tt3{
    width: 100%;
    position: relative;
    box-sizing: border-box;
    padding-left: 0.3rem;
}
.tt3 p{
    color: #368697;
    font-size: 0.17rem;
    line-height: 0.3rem;
    text-align: left;
}
.tt3 span{
    text-decoration: underline;
    font-weight: bold;
}
.tt3 input,
.tt3 textarea{
    opacity: 0;
}
.tofuzhi{
    width: 2.13rem;
    height: 0.58rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/dialog1btn2.png) no-repeat center/cover;
    position: absolute;
    right: 0.3rem;
    top: 0.1rem;
}
.newbox .tt1{
    width: 100%;
    height: 2.5rem;
    box-sizing: border-box;
    padding: 0.13rem 0.16rem 0;
    overflow: auto;
    overflow-x: hidden;
}
.newbox .tt1 p{
    font-size: 0.17rem;
    color: #2c797f;
    line-height: 0.22rem;
    margin-bottom: 0.2rem;
}
.tochakan{
    width: 2.13rem;
    height: 0.58rem;
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/dialog2btn2.png) no-repeat center/cover;
    position: absolute;
    left: 50%;
    bottom: 0.1rem;
    transform: translateX(-50%);
}
.dv {
    width: 7rem;
    height: 2.91rem;
    position: relative;
}
  
.dv .dia-con {
    width: 100%;
    height: 100%;
}
  
.dv .dia-con #vcontainer {
    width: 100%;
    height: 100%;
}

.tototo{
    position: absolute;
    width: 0.02rem;
    height: 0.01rem;
    bottom: 0.65rem;
    left: 50%;
    transform: translateX(-50%);
    background-color: #9fc8c9;
}
.close3{
    left: 6.1rem;
    top: -0.25rem;
}
.video_pre{
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/s1preno2.png) no-repeat center/cover;
    width: 0.64rem;
    height: 0.64rem;
    position: absolute;
    top: 13.4rem;
    left: 2.6rem;
    z-index: 1;
}
.video_next{
    background: url(//game.gtimg.cn/images/gp/cp/a20210512oasism/s1nextno2.png) no-repeat center/cover;
    width: 0.64rem;
    height: 0.64rem;
    position: absolute;
    top: 13.4rem;
    right: 2.6rem;
    z-index: 1;
}
.laypage_main a, .laypage_main span{
    margin: 0 !important;
}
.pagerall .pager{
    display: none
}
.pagerall .pager.on{
    display: block
}
#top{
    z-index: 9999 !important;
}
.btn_nav_slide{
    display: none !important;
}
.laypageskin_default span{
    color: #7cbcc4 !important;
}