* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-user-select: none;
    outline: none;
    -webkit-tap-highlight-color: transparent;
}
body {
    margin: 0 auto!important;
    overflow: hidden;
    background: #F4F0FF;
}
body>a>img {
    display: block!important;
}
body,
html {
    position: relative;
    -webkit-overflow-scrolling: touch;
    color: #333;
}
.flard,.flbt,.flst,.flde,.flend{display:-webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;}
.flard {
    justify-content: space-around;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
}
.flbt {
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
}
.flst {
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
}
.flend{
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
}
.flw{flex-wrap: wrap;}
.pr{position: relative;}
i,em{font-weight:normal; font-style:normal;}
a:active,
a:hover {outline: 0;}

.ban {display: block;width: 100%;}
.ban img {width: 100%;}

h2 {text-align: center;}
section h2 img {display: inline-block;margin-bottom: 0.3rem;}
section{padding: 0.6rem 0;}

.img-box img{display: block;margin: 0 auto;}
.zero{display: block;margin: 0.8rem auto 0;text-align: center;width: 5rem;height: 1rem;line-height: 1rem;border-radius: 0.6rem;background: linear-gradient(90deg, #F37D92, #EF6083);color: #fff;font-size: 0.36rem; box-shadow: 0px 2px 5px 0px rgba(244,157,178, 0.5);}
.zx1{width:5.933333rem; }
.ss1{background: #FBF8FD;}
.cc1{width: 8.0933333333rem;}
.ss1 h2 img{width:8.33333333rem; }
.ss2 h2 img{width:8.32rem;}
.ss3 h2 img{width:8.813333333rem;}
.ss4 h2 img{width:9.56rem; }
.ss6 h2 img{width:9.26666666667rem; }
.ss5 h2 img{width:9.90666666667rem; }

.ss2{width: 100%;
    height: 16.093rem;
    background: url(https://xuezhifu-resource.oss-cn-hangzhou.aliyuncs.com/net/27wapshuangshi/bbg.png) no-repeat center;
    background-size: 100% 100%;
}
.bbox{position: relative;margin-bottom: 0.3rem}
.bbox img{width: 4.45333333rem;}
.liaojie{display: block;width: 1.7rem;height: 0.6rem;line-height: 0.6rem;text-align: center;border-radius: 0.4rem;background: #F2EEFF;color: #8468FF;font-size: 0.28rem;position: absolute;bottom: 0.55rem;left: 50%;margin-left: -0.75rem;}

.ss3,.ss4{background: #FBF4FF;}
.ss3 .cbg{display: block;margin: 0 auto;width: 10rem;}
.s4-imgbox img{width: 4.68rem;margin-bottom: 0.2rem}
.ss6{background: linear-gradient(180deg, #6C4BFA, #8C6FFF); }
.gbg{width: 9.42666667rem;display: block;margin: 0 auto;}

.ss5{background: #fff;}
.c5tab .topt span{display: block;width: 2rem;height:0.7rem;line-height: 0.7rem;text-align: center;margin:0 0.08rem;font-size: 0.32rem;
;cursor: pointer;background: #EDE7F2;color: #6E4DFA;}
.c5tab .topt span.on {color: #fff;background: #6E4DFA;border: none;}
.bodt {margin: 0.4rem auto;background: #fff;padding: 0.2rem 0;}
.bodt > div {display: none;}
.bodt > div.active {display: block;}
.bodt .books {display: block;text-align:center;}
.c5tab .topt {width: 8.8rem;display: flex;justify-content: space-between;margin: 0 auto;}
.c5tab .bodt .books img{display: block;margin: 0 auto;width:9.01333333rem; }


.zixun-btn img{display: block;margin: 0.4rem auto 0;width:7.76rem; }