@charset "UTF-8";

html {
    font-family:  "微软雅黑",Helvetica,  Tahoma, STXihei, "华文细黑", STHeiti, "Helvetica Neue", Helvetica, Tahoma, "Droid Sans", "wenquanyi micro hei", FreeSans, Arimo, Arial, SimSun, "宋体", Heiti, "黑体", sans-serif;
    line-height: 1.66;
}
ul {
    padding: 0;
}
li {
    list-style: none;
}
h2, h3 {
    margin:0;
}
#laya_content {
    margin-top: 68px;
    background: url("../img/bg.jpg") center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.vip-list {
    text-align: left;
}
.vip-list li {
    padding: 0 0 0px 20px;
    background: none;
    font-size: 1rem;
    line-height: 1.875;
    position: relative;
    color: #fff;
}
.vip-list li::before {
    content: "\2022";
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    font-size: 1rem;
    line-height: 1.875;
}
.vip-list .li-headline::before {
    content: "\200B";
}

.vip-plans .li-headline,
.introduce .li-headline {
    font-weight: 700;
    padding-left: 0;
    margin-top: 5px;


}

.introduce, .vip-plans {
    max-width: 970px;
    margin: 0px auto;

}
.introduce {
    background: url("../img/title_bg.png") center top no-repeat / contain;
}

.introduce .vip-logo {
    display: block;
    width: 90%;
    margin: 0 auto;
}

.introduce h2 {
    text-align: center;
    padding: 4.8% 0 ;
}
.introduce h2 img {
    display: block;
    width: 50%;
    margin: 0 auto;
}
.introduce h3 {
    position: relative;
    margin-bottom: 30px;
}
.introduce h3 img {
    display: block;
    margin: 0 auto;
    width: 48%;
}
.introduce h3::before,
.introduce h3::after {
    position: absolute;
    content: '\200B';
    width: 15%;
    top: 49%;
    height: 1px;
    background: #fff;
    overflow: hidden;
}
.introduce h3::before {
    left: 7%;
}
.introduce h3::after {
    right: 7%;
}

.introduce .intro_text {
    margin: 0 20px 3.33%;
    padding: 10px 20px;
    line-height: 1.6em;
    border:1px solid #fff;
}
.intro_con {
    padding: 0 20px;
    display: flex;
    display: -webkit-flex;
}
/*.introduce .intro_left {*/
/*    width: 70%;*/
/*}*/
/*.introduce .intro_right {*/
/*    width: 30%;*/
/*    display: flex;*/
/*}*/
.introduce .intro_right img {
    display: block;

    max-width: 100%;
    max-height: 100%;
    /*display: inline-flex;*/
    /*flex-shrink: 0;*/
    /*width: 100%;*/
}
.introduce p {
    margin: 0;
    color: #fff;
    font-size: 1rem;
    line-height: 1.66;
}

.vip-plans {
    margin-top: 40px;
    padding: 0 0 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    color: #fff;
}
.vip-plans-item {
    margin-bottom: 40px;
    box-sizing: border-box;
    padding: 0 15px;
    width: 90%;
}
.vip-plans-con {
    position: relative;
    background: #353d97;
    /*padding: 30px 35px;*/
    border-radius: 1.8rem;
    height: 100%;
    overflow: hidden;
    /*height: calc(100%);*/
    font-size: 0.8rem;
    line-height: 1.66;
    padding-bottom: 20px;
}
.vip-plans-item h3 {
    margin-bottom: 20px;

}
.vip-plans-item h3 img {
    display: block;
    width: 67%;
    max-width: 480px;
}

.vip-plans-content {
    padding: 0 30px;
}


.vip-plans-con .vip-discount {
    font-weight: normal;

}
.vip-plans-con .vip-prime {
    margin: 0 10px;
    text-decoration: line-through;
    font-style: normal;
}
.vip-plans .vip-tip {
    font-size: 0.8rem;
}
.vip-plans .vip-tip a {
    color: #ffe23f;
    text-decoration: underline;
    font-weight: bold;
}
.vip-plans .cooperate {
    display: block;
    width: 100px;
}
@media (max-width: 480px) {
    html {
        font-size: 14px;
    }
    .vip-list li {
        font-size: 14px;
    }
}
@media (min-width: 480px) {
    html {
        font-size: 14px;
    }
}
@media only screen and (min-width: 755px) {
    html {
        font-size: 16px;
    }
    .vip-plans-item {
        width: 33%;
    }
}
@media (max-width: 755px) {
    .vip-plans-item {
        padding: 0 20px;
        width: 100%;
    }
    .vip-plans-item h3 img {
        width: auto;
        height: 45px;
    }
    .vip-list li {
        font-size: 16px;
    }
    .introduce .intro_left {
        width: 100%;
    }
    .introduce .intro_right.intro_right {
        display: none;
    }
}
@media (min-width: 970px) {
    html {
        font-size: 20px;
    }
}
@media (max-width: 970px) {
    /*.introduce p {*/
        /*padding: 0 1em;*/
    /*}*/
}
@media (min-width: 1200px) {
    html {
        font-size: 24px;
    }
    .introduce, .vip-plans {
        max-width: 80%;
    }
}


/* 商务合作 */
.fixed {
    z-index: 999;
    position: fixed;
    bottom: 120px;
    right: 1%;
    background: #fff;
    padding: 6px;
    text-align: center;
}
.fixed .title {
    position: relative;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
}
.fixed .title:before,
.fixed .title:after {
    position: absolute;
    top: 16px;
    width: 14px;
    content: "\200B";
    height: 2px;
    overflow: hidden;
    background: rgba(0,0,0,0.3);
}
.fixed .title:before {
    left: 18px;
}
.fixed .title:after {
    right: 18px;
}
.fixed img {
    display: block;
    width: 136px;
    margin: 0 auto;
}


.introduce p.tips {
    font-size: 0.8rem;
}