@media screen and (min-width: 750px) {
    html {
        font-size: 100px;
    }
}

.fixed-xz {
    width: 100%;
    height: 0.8rem;
    background: #F4F8FB;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 900;
}

.index {
    height: 5.22rem;
    display: flex;
    position: relative;
}

.indexBox {
    width: 12rem;
    height: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}

.indexleftbox {
    width: auto;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
}

.indexleftbox>h1 {
    height: 0.57rem;
    font-size: 0.45rem;
    font-family: Microsoft YaHei UI;
    font-weight: bold;
    color: #161f2d;
    line-height: 0.57rem;
    margin-top: 1.3rem;
}

.indexleftbox>h2 {
    font-size: 0.22rem;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    color: #717f94;
    line-height: 1.55;
    margin-top: 0.22rem;
}

.indexBtnWntp {
    width: 2rem;
    height: 0.56rem;
    background: #2F69F2;
    box-shadow: 0 0.18rem 0.22rem rgba(65, 129, 255, 0.14);
    border-radius: 0.08rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.92rem;
    line-height: 1;
}

.indexBtnWntp:hover {
    background: #4aa3ff;
}

.indexBtnWntp>.indexbtnicon {
    display: inline-block;
    width: 0.24rem;
    height: 0.24rem;
    background: url("../images/olophotos/iconBtnDown.svg") no-repeat center;
    background-size: cover;
    margin-right: 0.1rem;
}

.indexBtnWntp>span {
    display: inline-block;
    font-size: 0.2rem;
    font-family: "Microsoft YaHei UI";
    font-weight: 400;
    color: #ffffff;
}

.indexrightimg {
    display: block;
    width: 7.6rem;
    height: 4.7rem;
    flex-shrink: 0;
    margin-top: 0.31rem;
    position: relative;
    left: 0.3rem;
}

.leftBtnBoxItem {
    width: 2rem;
    height: 0.56rem;
    background: #286CE8;
    box-shadow: 0 0.18rem 0.22rem rgb(40 108 232 / 14%);
    border-radius: 0.08rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.49rem;
    /* margin-top: 0.92rem; */
    line-height: 1;
}

.leftBtnBoxItem>.btnIcon-win {
    display: inline-block;
    width: 0.24rem;
    height: 0.24rem;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAAXNSR0IArs4c6QAABPBJREFUeF7tnWuu0zAQhSe8nwLpgoQAIRDv5wV2wE9+wArYC7AMdsNmWMdBhliEQtN2knEc+UOqbi90xvaZL9Njp6id8adpBbqmV8/iDQAahwAAAKBxBRpfPh0AABpXoPHl0wEAoHEFGl8+HQAAGleg8eXTAQCgcQUaXz4dAAAaV6Dx5dMBAKBxBVa2fEnPzOztxuNj13XfPUuhA3hUKxAj6XijyM/N7MqWod8BQIGizD2EpBMbRX5pZg/N7PqBYwHAgYIVfbmkM4NCv+6LnAp9a6aJAMBMQk5KI+nioNCpwPlxb1Li3cEAsFuj+V4h6Wpf6MeDIj/qny/hqwBgvvL+ySTpmpkl1z28mnOhz0aM6cwJAE7hfoVJOtpS5FT4y1NyF4oFgClCS/psZl+m5Fg4FgD6K/n0wIS9MbMfXdd93VUcANilUGX/Lim15VTgdCKWfz4xs1MbU/0CAOPFW8Kx7o1Tb8KGRc6u+8KeSQBgh1BVACDp9uBKTi47O+1tR5971t8AoCYAJN3vCz3cP3uOPgHgbwXqMoH9Hat8FacC5+c3963cTK+jA0R2AEn5gGRY7PR3d2cq4NQ0ABAMgKZWKDgeAACAc4AxBibtAiTRAYJb2J7plzGBALBneeJfBgBbNMYD4AHwAHiAHVcBN4Oc71F4AKdw84fhAfAAC/y/ADrA/JeyMyMdgA5AB/gfA2wD2QayDWQbyDZwqwLcC/j9sXA+Fexxn+wCPKqFxLALYBfALoBdgKO54AHwAA5s+hA8gF+7mSPxAHgAPAAewNFW8AB4AAc2eAC/aDGReAA8AB4AD+DoLngAPIADGzyAX7SYyGU8QMxayFpSgUlvASUnylgxCgBAjK6ryQoAqylVzEQBIEbX1WQFgNWUKmaiABCj62qyAsBqShUz0UkA8IGQmKI4si5zEAQAjlLFhAAAdwO5G8jdQEd3wQNwN9CBDXcD/aLFROIB8AB4ADyAo7vgAfAADmzwAH7RYiLxAHgAPAAewNFd8AB4AAc2eAC/aDGReAA8AB4AD+DoLngAPIADGzyAX7SYSDwAHgAPgAdwdBc8AB7AgQ0ewC9aTCQeAA+AB8ADOLoLHgAP4MAGD+AXLSYSD4AHwAPgARzdZaoH+GRmDzceVxzziArhS6N2KDsJgM3cko7M7OkAiEeD5+ejqjySFwBKArBtLEmXzOyNmT3b6BYJkJOBYABADQCMgHG6B+Nt3zlyx7g/ExQAUDMAY3OTdDyAI3eOOweCAQBrBWCkazw2s9Qx0ltK+vnczG6wDVxgG3jg1Rj6ckl3N8BIgHzrOr45dEz4WXcBoRUOTM4XRwaKu4bUkt6b2YP+kc418vO1XCDLHAWvobjeOUpKO5EhDAmK/PsJb96gOAAIEvaftJKS4Xy1BY7IM42xJQJAKQBGdicXzOx1/8hvIblrnAqeHwAECzwpvaQXAziGbytnJiX+EwwAMwlZNI2kdLCVu0batmY4zh44EQA4ULCqXy7p6gCMBEiCIx2Tn9sycQCouqIzTU5S2n3kjpHBSD8/dF3jJ4EzadxcmrUcdDRXmFILBoBSSlc6DgBUWphS0wKAUkpXOg4AVFqYUtMCgFJKVzoOAFRamFLTAoBSSlc6DgBUWphS0wKAUkpXOg4AVFqYUtMCgFJKVzoOAFRamFLTAoBSSlc6DgBUWphS0/oJbVMWroerUWAAAAAASUVORK5CYII=") no-repeat center;
    background-size: cover;
    margin-right: 0.1rem;
}

.leftBtnBoxItem>span {
    display: inline-block;
    font-size: 0.2rem;
    font-family: "Microsoft YaHei UI";
    font-weight: 400;
    color: #ffffff;
}

.h2title {
    width: 100%;
    height: 0.48rem;
    font-size: 0.38rem;
    font-family: Microsoft YaHei UI-Bold, Microsoft YaHei UI;
    font-weight: bold;
    color: #161f2d;
    line-height: 0.48rem;
    text-align: center;
    margin-top: 0.84rem;
}

.w1200 {
    width: 12rem;
    margin: 0 auto;
    position: relative;
}

.swiper-container {
    height: auto;
}

.h2 {
    height: 0.42rem;
    font-size: 0.32rem;
    font-weight: 400;
    color: #191B1E;
    line-height: 0.38rem;
    text-align: center;
    -webkit-text-stroke: 0.01rem #191B1E;
    text-stroke: 0.01rem #191B1E;
    /* -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
}
.oneviodecliplq {
    overflow: hidden;
    box-sizing: border-box;
    padding-top: 0.8rem;
	background-color: #fff;
}

.oneviodecliplq>h3 {
    font-size: 0.18rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #999999;
    line-height: 0.18rem;
    text-align: center;
    margin-top: 0.24rem;
}

.oneviodecliplq .swiperBox {
    width: 100%;
    max-width: 12rem;
    margin: 0 auto;
}

#certify {
    position: relative;
    width: 12rem;
    margin: 0 auto;
}

.oneviodecliplq .swiperBox #certify .swiper-container .swiper-wrapper .swiper-slide {
    width: 6.5rem;
    height: 4.08rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.oneviodecliplq .swiperBox #certify .swiper-container .swiper-wrapper .swiper-slide img {
    display: block;
    width: 5.98rem;
    height: 3.75rem;
}

.swiper-pagination.oneviodecliplq-pagination {
    position: relative;
    width: 12rem;
    height: auto;
    margin: 0.72rem auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    width: 1.2rem;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    opacity: 1;
    background: unset !important;
    position: relative;
    user-select: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet img {
    display: block;
    width: 0.52rem;
    height: 0.52rem;
}

.oneviodecliplq .swiper-pagination .swiper-pagination-bullet span {
    display: block;
    font-size: 0.22rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #666;
    line-height: 0.22rem;
    margin-top: 0.12rem;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.oneviodecliplq .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active span {
    font-weight: bold;
    color: #1675FE;
}

.oneviodecliplq .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .line1 {
    width: 100%;
    left: 0%;
    /* transform: translateX(-50%); */
    transform-origin: center;
    transition: width .3s;
}

.oneviodecliplq .swiper-pagination .swiper-pagination-bullet .line1 {
    width: 0;
    height: 0.03rem;
    background: #1675FE;
    margin-top: 0.12rem;
    position: relative;
    left: 0%;
    /* transform: translateX(-50%); */
    transform-origin: center;
    transition: width .3s;
}

.useteachbox>.twoBtnBox,
.symanyxq>.twoBtnBox,
.oneviodecliplq>.twoBtnBox {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.88rem;
	margin-bottom: 0.58rem;
}

.twoBtnBox>.btnItem:nth-child(1):hover {
    background: #5AACFC;
}
.twoBtnBox>.btnItem:nth-child(1) {
    box-shadow: 0 0.2rem 0.2rem rgb(116 172 255 / 20%);
    color: #FCFDFF;
}
.twoBtnBox>.btnItem:nth-child(1) img{
	margin-right: 0.1rem;
	width: 0.24rem;
    height: 0.24rem;
}
.twoBtnBox>.btnItem {
    width: 2.1rem;
    height: 0.6rem;
    line-height: 0.6rem;
    font-family: 'Microsoft YaHei UI';
    font-size: 0.22rem;
    font-weight: 400;
}
.btnItem {
    display: block;
    width: 2.4rem;
    height: 0.68rem;
    box-sizing: border-box;
    border-radius: 0.08rem;
    text-align: center;
    line-height: 0.68rem;
    font-size: 0.24rem;
    font-weight: 400;
    float: left;
    /* border: 0.02rem solid rgba(0, 0, 0, 0); */
    display: flex;
    align-items: center;
    justify-content: center;
}

.userbox {
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    padding-top: 0.8rem;
	
}

.userbox>h3 {
    font-size: 0.18rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #999999;
    line-height: 0.18rem;
    text-align: center;
    margin-top: 0.24rem;
}

#certify1 {
    width: 12rem;
    margin: 1rem auto 0 auto;
    position: relative;
	padding-bottom: 0.68rem;
}

#certify1 .swiper-slide {
    width: 5.42rem;
    height: auto;
    opacity: 1;
}

#certify1 .swiper-slide.swiper-slide-duplicate-prev,
#certify1 .swiper-slide.swiper-slide-duplicate-next {
    opacity: 0 !important;
}

.txbox {
    width: 2.6rem;
    height: 2.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin: 0 auto;
}

.swiper-slide-active .txbox {
    border: 0.01rem solid #1675FE;
}

.txbox>img {
    display: block;
    width: 2.2rem!important;
    height: 2.2rem!important;
	border-radius: 50%!important;
}

.usermsg {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 0.28rem;
    text-align: center;
    display: none;
}

.swiper-slide-active .usermsg {
    display: block;
}

.usermsg>h3 {
    font-size: 0.2rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 0.26rem;
}

.usermsg>p {
    font-size: 0.14rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 0.26rem;
    margin-top: 0.2rem;
}

#certify1 .swiper-button-prev.swiper-button,
#certify1 .swiper-button-next.swiper-button {
    top: 38%
}

.box-zidingyi {
    width: 100%;
    height: auto;
    background: #fff;
}

.zidingyi {
    overflow: hidden;
}

.checkBtnList {
    overflow: hidden;
    display: flex;
    justify-content: space-around;
}

.checkBtnItem {
    display: block;
    position: relative;
    width: 1.54rem;
    cursor: pointer;
    overflow: hidden;
    float: left;
    user-select: none;
}

.checkBtnItem img {
    display: block;
    width: 0.52rem;
    height: 0.52rem;
    margin: 0 auto;
}

.checkBtnItem h3 {
    height: 0.29rem;
    font-size: 0.22rem;
    font-weight: 400;
    color: #020E1E;
    line-height: 0.26rem;
    margin: 0.12rem auto;
    text-align: center;
}

.line {
    width: 0;
    height: 0.06rem;
    background: #158AFD;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    transform-origin: center;
    transition: width .3s;
}

.checkBtnItem:hover>h3,
.checkBtnItem.activeThis>h3 {
    font-weight: bold;
    color: #158AFD;
}

.checkBtnItem.activeThis>.line {
    width: 100%;
    transform: translateX(-50%);
    transform-origin: center;
    transition: width .3s;
}

.checkImgList {
    margin: 0.6rem 0;
}

.checkImgItem h2 {
    text-align: left;
	margin-top: 0.6rem;
}

.checkImgItem .checkImgItemMsg {
    height: auto;
    position: relative;
    overflow: hidden;
}

.checkImgItem .checkImgItemMsg .leftMsg {
    width: 5.5rem;
    height: 4.02rem;
    float: left;
    overflow: hidden;
}

.checkImgItem .checkImgItemMsg .leftMsg .listIcon {
    margin-top: 0.26rem;
    overflow: hidden;
	display: flex;
	justify-content: space-around;
}

.checkImgItem .checkImgItemMsg .leftMsg .listIcon h3 {
    min-width: 1.8rem;
    height: 0.36rem;
    padding-left: 0.48rem;
    line-height: 0.36rem;
    font-size: 0.22rem;
    color: #191B1E;
    float: left;
    background-size: 0.36rem;
}

.checkImgItem .checkImgItemMsg .leftMsg h3:nth-child(3),
.checkImgItem .checkImgItemMsg .leftMsg h3:nth-child(4) {
    margin-top: 0.4rem;
}

.checkImgItem .checkImgItemMsg .leftMsg p {
    font-size: 0.16rem;
    font-weight: 300;
    color: #67717B;
    line-height: 0.28rem;
}

.checkImgItem .checkImgItemMsg .leftMsg .btnItem {
    background: linear-gradient(135deg, #C4C4C4 0%, #46A7F4 0%, #158AFD 100%);
    color: #FCFDFF;
    position: absolute;
    left: 0;
    bottom: 0.21rem;
}

.checkImgItem .checkImgItemMsg .leftMsg .btnItem:hover {
    background: #5AACFC;
}

.checkImgItem .checkImgItemMsg .rightImg {
    width: 6rem;
    height: 4rem;
    float: right;
    text-align: right;
}

.checkImgItem .checkImgItemMsg .rightImg img {
    height: 4rem;
    position: relative;
    right: 0.09rem;
}

.ourAdvantagesList {
    display: flex;
    align-items: center;
    width: 12rem;
    margin: 0.56rem auto 0 auto;
}

.ourAdvantagesItems {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ourAdvantagesItems img {
    display: block;
    width: 0.74rem;
    height: 0.74rem;
}

.ourAdvantagesItems .h3 {
    font-family: 'Microsoft YaHei UI';
    font-style: normal;
    font-weight: 400;
    font-size: 0.2rem;
    line-height: 0.25rem;
    color: #161F2D;
    margin-top: 0.14rem;
}

.ourAdvantagesItems p {
    font-family: 'Microsoft YaHei UI';
    font-style: normal;
    font-weight: 400;
    font-size: 0.16rem;
    line-height: 1.38;
    text-align: center;
    color: #8892A4;
    margin-top: 0.12rem;
}

.userEvaluation {
    display: flex;
    flex-direction: column;
    position: relative;
    background-color: #f6f5f5;
}

.userEvalutionBox {
    width: 12rem;
    height: auto;
    margin: 0.56rem auto 0rem auto;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
}

.userEvalutionItems {
    width: 49%;
    max-width: 5.88rem;
    padding: 0.28rem 0.32rem 0.1rem 0.32rem;
    display: flex;
    margin-bottom: 0.24rem;
}

.userHead {
    display: block;
    width: 0.26rem;
    height: 0.26rem;
    flex-shrink: 0;
    border-radius: 50%;
}

.shadow1 {
    background: #E4A2DE;
}

.userRight {
    display: flex;
    flex-direction: column;
    margin-left: 0.16rem;
}

.userRight>h3 {
    display: flex;
    align-items: center;
    font-family: "Microsoft YaHei UI";
    font-style: normal;
    font-weight: 600;
    font-size: 0.18rem;
    line-height: 0.23rem;
    color: #161f2d;
    flex-shrink: 0;
}

.userRight>h3 span {
    font-family: "Microsoft YaHei UI";
    font-style: normal;
    font-weight: 400;
    font-size: 0.15rem;
    line-height: 0.19rem;
    color: #717f94;
    margin-left: 0.14rem;
}


.userRight p {
    font-family: "Microsoft YaHei UI";
    font-style: normal;
    font-weight: 400;
    font-size: 0.16rem;
    line-height: 0.24rem;
    color: #161f2d;
    margin-top: 0.14rem;
    flex-shrink: 0;
}

.bottm {
    margin-bottom: 0.5rem;
}

.bottm>h2 {
    font-size: 0.36rem;
    font-weight: bold;
    color: #FFF;
    text-align: center;
}

.bottm>h3 {
    text-align: center;
    font-size: 0;
    margin-bottom: 0.23rem;
}

.bottm>h3 .bottom-line {
    display: inline-block;
    vertical-align: middle;
    width: 1.02rem;
    height: 0px;
    border: 0.01rem solid #FFF;
}

.bottm>h3 span {
    display: inline-block;
    vertical-align: middle;
    font-size: 0.2rem;
    font-weight: 400;
    color: #FFF;
    margin: 0 0.23rem;
}

.bottm>.twoBtnBox {
    margin-top: 0.2rem;
    display: flex;
    justify-content: center;
}