/*body{font-size: 1.4rem;}*/


/*html{font-size: 62.5%;}*/
html,
body {
    width     : 100%;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
}

* {
    -webkit-overflow-scrolling: touch
}

a,
button,
input,
textarea {
    -webkit-appearance         : none;
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
    -moz-tap-highlight-color   : rgba(255, 0, 0, 0);
    outline                    : none;
    color                      : inherit;
}
input[type=search]::-webkit-search-cancel-button{
    -webkit-appearance: none;
    display: none;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}
* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    /*-webkit-user-select      : none;*/
    font-family                : "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", 'sans-serif';
    padding                    : 0;
    margin                     : 0;
    word-break                 : break-word;
}

a {
    text-decoration: none;
}

.ub {
    display        : flex-box ! important;
    display        : -webkit-box ! important;
    display        : flex ! important;
    display        : -webkit-flex !important;
    justify-content: space-around;
}

.ub.ub-ver {
    flex-direction        : column;
    -webkit-flex-direction: column;
}

.ub.ub-ac {
    -webkit-box-align  : center;
    align-items        : center ! important;
    -webkit-align-items: center ! important;
}

.ub.ub-ad {
    -webkit-box-align  : start;
    align-items        : flex-start;
    -webkit-align-items: flex-start;
}

.ub.ub-ae {
    -webkit-box-align  : end;
    align-items        : flex-end;
    -webkit-align-items: flex-end;
}

.ub.ub-ast {
    -webkit-box-align  : stretch;
    align-items        : stretch;
    -webkit-align-items: stretch;
}
.ub.ub-stretch {
    -webkit-box-align  : stretch;
    align-items        : stretch;
    -webkit-align-items: stretch;
}

.ub.ub-wrap {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap   : wrap;
    -ms-flex-wrap    : wrap;
    -o-flex-wrap     : wrap;
    flex-wrap        : wrap;
}

.ub.ub-start {
    justify-content        : flex-start;
    -webkit-justify-content: flex-start;
}

.ub.ub-end {
    justify-content        : flex-end;
    -webkit-justify-content: flex-end;
}

.ub.ub-center {
    justify-content        : center;
    -webkit-justify-content: center;
}

.ub.ub-between {
    justify-content        : space-between;
    -webkit-justify-content: space-between;
}

.ub.ub-around {
    justify-content        : space-around;
    -webkit-justify-content: space-around;
}

.ub.ub-cs {
    align-content        : flex-start;
    -webkit-align-content: flex-start;
}

.ub.ub-ce {
    align-content        : flex-end;
    -webkit-align-content: flex-end;
}

.ub.ub-cc {
    align-content        : center;
    -webkit-align-content: center;
}

.ub.ub-ca {
    align-content        : space-around;
    -webkit-align-content: space-around;
}

.ub.ub-cst {
    align-content        : stretch;
    -webkit-align-content: stretch;
}

.ub.ub-cst {
    align-content        : stretch;
    -webkit-align-content: stretch;
}

.ub.ub-cb {
    align-content        : space-between;
    -webkit-align-content: space-between;
}

.ub .ub-f1 {
    min-width       : 0;
    -webkit-box-flex: 1 ! important;
    flex            : 1 ! important;
    -webkit-flex    : 1 ! important;
    position        : relative;
}

.ub .ub-f2 {
    -webkit-box-flex: 2 ! important;
    flex            : 2 ! important;
    -webkit-flex    : 2 ! important;
    position        : relative;
}
.text-16 *{font-size: 1.6rem;}
.text-12 * {
    font-size: 1.2rem;
}
.text-12 {
    font-size  : 1.2rem !important;
    line-height: 1.6rem;
}
.text-6 {
    font-size: 0.6rem;
}

.text-8 {
    font-size: 0.8rem;
}
.text-10{
    font-size  : 1rem;
    line-height: 1.4rem;
}

.text-14 {
    font-size  : 1.4rem !important;
    line-height: 1.8rem;
}

.text-15 {
    font-size  : 1.5rem;
    line-height: 1.8rem;
}

.text-16{
    font-size  : 1.6rem !important;
    line-height: 2rem;
}
.text-16 * {
    font-size  : 1.6rem;
}
.text-10 *{font-size:1rem;}
.text-18{
    font-size  : 1.8rem;
    line-height: 2.2rem;
}
.text-18 *{font-size  : 1.8rem !important;}
.text-20,.text-20 *{
    font-size  : 2rem;
    line-height: 2.4rem;
}

.text-22{
    font-size  : 2.2rem;
    line-height: 2.8rem;
}

.text-24 {
    font-size: 2.4rem;
}.text-26 {
    font-size: 2.6rem;
}.text-28 {
    font-size: 2.8rem;
}
.clearfix:after {
    content: '';
    display: table;
    width  : 100%;
    clear  : both;
}

.ub .ub-f1.top {
    align-self: flex-start;
}

.p-10 {
    padding: 1rem;
}

.p-20 {
    padding: 2rem;
}

.p-30 {
    padding: 3rem;
}

.p-40 {
    padding: 4rem;
}

.p-15 {
    padding: 1.5rem;
}

.p-tb-20 {
    padding-top   : 2rem;
    padding-bottom: 2rem;
}
.p-tb-28 {
    padding-top   : 2.8rem;
    padding-bottom: 2.8rem;
}
.p-tb-30 {
    padding-top   : 3rem;
    padding-bottom: 3rem;
}

.p-tb-5 {
    padding-top   : 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.p-tb-15 {
    padding-top   : 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.pl-15 {
    padding-left: 1.5rem;
}

.pt-10 {
    padding-top: 1rem;
}

.pt-15 {
    padding-top: 1.5rem;
}

.pt-5 {
    padding-top: 0.5rem;
}

.pt-20 {
    padding-top: 2rem;
}

.pb-5 {
    padding-bottom: 0.5rem;
}

.pb-10 {
    padding-bottom: 1rem;
}

.pb-15 {
    padding-bottom: 1.5rem;
}

.pb-20 {
    padding-bottom: 2rem;
}

.pl-10 {
    padding-left: 1rem;
}

.pr-10 {
    padding-right: 1rem;
}

.p-tb-10 {
    padding-bottom: 1rem;
    padding-top   : 1rem;
}

.p-lr-5 {
    padding-left : 0.5rem;
    padding-right: 0.5rem;
}

.p-lr-10 {
    padding-left : 1rem;
    padding-right: 1rem;
}
.p-lr-12{
    padding-left : 1.2rem;  
    padding-right: 1.2rem;
}
.p-lr-15 {
    padding-left : 1.5rem !important;
    padding-right: 1.5rem !important;
}

.m-10 {
    margin: 1rem;
}

.mt-5 {
    margin-top: 0.5rem;
}

.mt-10 {
    margin-top: 1rem;
}

.mt-15 {
    margin-top: 1.5rem;
}

.mb-10 {
    margin-bottom: 1rem;
}
.mb-12 {
    margin-bottom: 1.2rem;
}
.mb-15 {
    margin-bottom: 1.5rem;
}

.mb-20 {
    margin-bottom: 2rem;
}

.mb-40 {
    margin-bottom: 4rem;
}

.mb-5 {
    margin-bottom: 0.5rem !important;
}

.ml-10 {
    margin-left: 1rem;
}

.ml-5 {
    margin-left: 0.5rem;
}

.mr-10 {
    margin-right: 1rem;
}

.mr-20 {
    margin-right: 2rem;
}

.mr-5 {
    margin-right: 0.5rem;
}

.mr-15 {
    margin-right: 1.5rem;
}

.m-tb-10 {
    margin-bottom: 1rem;
    padding-top  : 1rem;
}

.m-5 {
    margin: 0.5rem;
}

.m-2 {
    margin: 0.2rem;
}

.p-5 {
    padding: 0.5rem;
}

.m-lr-10 {
    margin-left : 1rem;
    margin-right: 1rem;
}

.m-lr-5 {
    margin-left : 0.5rem;
    margin-right: 0.5rem;
}
.text-white {
    color: #fff !important;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right !important;
}

.text-left {
    text-align: left !important;
}

.text-normal {
    font-weight: normal;
    font-style : normal;
}

.text-justify {
    text-align: justify;
}
.text-underline{text-decoration: underline;}
.text-ellipsis {
    text-overflow: ellipsis;
    white-space  : nowrap;
    overflow     : hidden;
    display      : block;
}

.bg-white {
    background: #fff !important;
}

.bb-1 {
    position: relative;
}

.bb-1:after {
    content          : "";
    position         : absolute;
    left             : 0;
    bottom           : 0px;
    width            : 100%;
    height           : 1px;
    background-image : linear-gradient(0deg, rgba(255,255,255,0) 25%, #EAEAEA 25%, #EAEAEA 75%, rgba(255,255,255,0) 75%);
    background-repeat: repeat-x;
    background-size  : 1px 1px;
    z-index: 0;
}

.bt-1 {
    position: relative;
}

.bt-1:before {
    content          : "";
    position         : absolute;
    left             : 0;
    top              : 0;
    width            : 100%;
    height           : 1px;
    background-image : linear-gradient(0deg, rgba(255,255,255,0) 50%, #EAEAEA 50%);
    background-repeat: repeat-x;
    background-size  : 1px 1px;
}

.br-1 {
    position: relative;
}

.br-1:after {
    content          : "";
    position         : absolute;
    right            : 0px;
    width            : 1px;
    top              : 0rem;
    bottom           : 0rem;
    background-image : linear-gradient(90deg, rgba(255,255,255,0) 50%, #EAEAEA 50%);
    background-repeat: repeat-y;
    background-size  : 1px 1px;
}

.bg-white {
    background-color: #fff;
}

.bg-f5 {
    background-color: #f5f5f5;
}

.m-lr-15 {
    margin-left : 1.5rem;
    margin-right: 1.5rem;
}

.line-h-20 {
    line-height: 2rem;
}

.line-h-30 {
    line-height: 3rem;
}
.line-h-34 {
    line-height: 3.4rem;
}
.line-h-24 {
    line-height: 2.4rem;
}

.br-5 {
    border-radius: 0.5rem;
}

.text-60 {
    font-size: 6rem;
}

.w-100 {
    width     : 100%;
    box-sizing: border-box;
}

.max-w-100 {
    max-width : 100%;
    box-sizing: border-box;
}

.fixed-top {
    position  : fixed !important;
    top       : 0;
    left      : 0;
    width     : 100%;
    box-sizing: border-box;
    z-index   : 100;
}

.fixed-bottom {
    position  : fixed;
    bottom    : 0;
    left      : 0;
    width     : 100%;
    box-sizing: border-box;
    z-index   : 100;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
}

.float-l {
    float: left;
}

.float-r {
    float: right;
}

.shadow {
    box-shadow: 0 2px 12px 0px rgba(153, 153, 153, 0.15);
    /* z-index: 1; */
}


.height-100vh {
    height: 100vh;
}

.round {
    border-radius: 50%;
    overflow     : hidden;
}

.display-b {
    display: block;
}

.display-ib {
    display: inline-block;
}

.m-15 {
    margin: 1.5rem;
}

.br-3 {
    border-radius: 0.3rem;
}

.full-screen {
    width : 100vw;
    height: 100vh;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.absolute-bottom {
    position: absolute;
    bottom  : 0;
    left    : 0;
    right   : 0;
}

.img-cover {
    object-fit: cover;
}

.line-h-26 {
    line-height: 2.6rem;
}

.col2 .col {
    width     : 50%;
    float     : left;
    box-sizing: border-box;
}

.col3 .col {
    width     : 33.3%;
    float     : left;
    box-sizing: border-box;
}

.col4 .col {
    width     : 25%;
    float     : left;
    box-sizing: border-box;
}

.col5 .col {
    width     : 20%;
    float     : left;
    box-sizing: border-box;
}

.col6 .col {
    width     : 16.6%;
    float     : left;
    box-sizing: border-box;
}

.bold {
    font-weight: bold;
}
.bold-m {
    font-weight: 600;
}
.mt-36{margin-top: 3.6rem;}
.mt-20{margin-top: 2rem;}
em {
    font-style: normal;
}
.obj-cover{object-fit: cover;}
.obj-contain{object-fit: contain;}

.schoolValueColor0{
    color: #4CAFE9;
}
.schoolValueColor1{
    color: #FD7649;
}
.schoolValueColor2{
    color: #00B56E;
}
.schoolValueColor3{
    color: #E9C38B;
}
.schoolValueColor4{
    color: #FE5462;
}
.schoolValueColor5{
    color: #b8bbbf;
}
.schoolValueColor6{
    color: #865E30;
}
.schoolValueColor7{
    color: #4E4;
}
.schoolValueColor8{
    color: #4E45;
}
.schoolValueColor9{
    color: #62d19f;
}
.schoolValueColor10{
    color: #ff6c6c;
}
.schoolValueColor11{
    color: #07c160;
}
.schoolValueColor12{
    color: #E9C38B;
}
.schoolValueColor13{
    color: #4D89FF;
}
.schoolValueColor14{
    color: #62d19f;
}
.schoolValueColor15{
    color: #c8c9cc;
}
.schoolValueColor16{
    color: #75bcff;
}
.schoolValueColor17{
    color: #ed6a0c;
}
.schoolValueColor18{
    color: #ee0a24;
}
.schoolValueColor19{
    color: #e5e5e5;
}
.no-wrap{white-space: nowrap;}


@media only screen and (max-width: 345px){
    html {
        font-size: 8.5px !important;
    }
}
@media only screen and (min-width: 346px) and (max-width: 352px){
    html {
        font-size: 9.2px !important;
    }
} 
@media only screen and (min-width: 353px) and (max-width: 359px){
    html {
        font-size: 9.4px !important;
    }
}@media only screen and (min-width: 360px) and (max-width: 367px){
    html {
        font-size: 9.6px !important;
    }
}@media only screen and (min-width: 368px) and (max-width: 374px){
    html {
        font-size: 9.8px !important;
    }
}   
/* @media only screen and (max-width: 374px) {
    html {
        font-size: 9.8px !important;
    }
} */

@media only screen and (min-width: 375px) and (max-width: 382px){
    html {
        font-size: 10px !important;
    }
}

@media only screen and (min-width: 383px) and (max-width: 389px){
    html {
        font-size: 10.2px !important;
    }
}

@media only screen and (min-width: 390px) and (max-width: 397px){
    html {
        font-size: 10.4px !important;
    }
}

@media only screen and (min-width: 398px) and (max-width: 404px){
    html {
        font-size: 10.6px !important;
    }
}

@media only screen and (min-width: 405px) and (max-width: 412px){
    html {
        font-size: 10.8px !important;
    }
}

@media only screen and (min-width: 413px){
    html {
        font-size: 10.8px !important;
    }
}
html {
    font-size: 10px;
}

html,
body {
    background-color: #f5f5f5;
    color: #2f2f2f;
    min-height: 100%;
}

/* body{font-size: 12px;} */
a {
    color: inherit;
}

* {
    font-size: 14px;
}

@font-face {
    font-family: 'number';
    src: url('number.ttf');
}

.font-number {
    font-family: "number";
}

.font-number * {
    font-family: "number";
}
.font-16{font-size:1.6rem;}
.font-18{font-size:1.6rem;}
.font-24{font-size:2.4rem;}
.bg-f7 {
    background-color: #f7f7f7;
}
.line-h-42{line-height:4.2rem;}
input[type=number] {
    -moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.p-16 {
    padding: 1.6rem;
}

.p-32 {
    padding: 3.2rem;
}

.pt-12 {
    padding-top: 1.2rem;
}

.pt-14{padding-top: 1.4rem;}

.pt-16 {
    padding-top: 1.6rem;
}

.pt-32 {
    padding-top: 3.2rem;
}

.pt-4 {
    padding-top: 0.4rem;
}

.pt-8 {
    padding-top: 0.8rem;
}

.pb-16 {
    padding-bottom: 1.6rem;
}

.pb-8 {
    padding-bottom: 0.8rem;
}

.pl-16 {
    padding-left: 1.6rem;
}

.pl-32 {
    padding-left: 3.2rem;
}

.pl-40 {
    padding-left: 4rem;
}

.pr-16 {
    padding-right: 1.6rem;
}

.pl-8 {
    padding-left: 0.8rem;
}

.pr-8 {
    padding-right: 0.8rem;
}

.p-lr-16 {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
}

.p-lr-32 {
    padding-left: 3.2rem;
    padding-right: 3.2rem;
}

.p-tb-16 {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
}

.p-tb-12 {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
}

.p-tb-20 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.pb-20 {
    padding-bottom: 2rem;
}

.p-tb-4 {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
}

.p-tb-32 {
    padding-top: 3.2rem;
    padding-bottom: 3.2rem;
}
.p-tb-34{
    padding-top: 3.4rem;
    padding-bottom: 3.4rem;
}
.p-lr-18{
    padding-left: 1.8rem;
    padding-right: 1.8rem;
}
.p-lr-8 {
    padding-left: 0.8rem;
    padding-right: 0.8rem;
}

.p-lr-4 {
    padding-left: 0.4rem;
    padding-right: 0.4rem;
}

.p-tb-8 {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
}

.p-8 {
    padding: 0.8rem;
}

.m-tb-16 {
    margin-top: 1.6rem;
    margin-bottom: 1.6rem;
}

.m-lr-16 {
    margin-left: 1.6rem;
    margin-right: 1.6rem;
}

.m-lr-12 {
    margin-left: 1.2rem;
    margin-right: 1.2rem;
}

.mt-16 {
    margin-top: 1.6rem;
}

.mt-32 {
    margin-top: 3.2rem;
}
.mt-18{
    margin-top: 1.8rem;
}
.mb-22{
    margin-bottom: 2.2rem;
}
.mb-16 {
    margin-bottom: 1.6rem;
}

.mb-60 {
    margin-bottom: 6rem;
}

.m-16 {
    margin: 1.6rem;
}

.m-tb-8 {
    margin-top: 0.8rem;
    margin-bottom: 0.8rem;
}

.m-tb-4 {
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
}

.m-lr-8 {
    margin-left: 0.8rem;
    margin-right: 0.8rem;
}

.m-lr-4 {
    margin-left: 0.4rem;
    margin-right: 0.4rem;
}

.ml-4 {
    margin-left: 0.4rem;
}

.mb-4 {
    margin-bottom: 0.4rem;
}

.ml-8 {
    margin-left: 0.8rem;
}

.ml-16 {
    margin-left: 1.6rem;
}

.mt-8 {
    margin-top: 0.8rem;
}

.mt-24 {
    margin-top: 2.4rem;
}

.mb-8 {
    margin-bottom: 0.8rem;
}

.m-8 {
    margin: 0.8rem;
}

.m-4 {
    margin: 0.4rem;
}

.mr-8 {
    margin-right: 0.8rem;
}

.mr-16 {
    margin-right: 1.6rem;
}

.mr-24 {
    margin-right: 2.4rem;
}

.mr-4 {
    margin-right: 0.4rem;
}

.mb-24 {
    margin-bottom: 2.4rem;
}

.p-4 {
    padding: 0.4rem;
}

.p-24 {
    padding: 2.4rem;
}

.pb-32 {
    padding-bottom: 3.2rem;
}

.p-tb-24 {
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
}

.p-lr-24 {
    padding-left: 2.4rem;
    padding-right: 2.4rem;
}

.pt-24 {
    padding-top: 2.4rem;
}

.pb-24 {
    padding-bottom: 2.4rem;
}

.pl-24 {
    padding-left: 2.4rem;
}

.pr-24 {
    padding-right: 2.4rem;
}

.line-h-56 {
    line-height: 5.6rem
}

.line-h-50 {
    line-height: 5rem
}

.line-h-14 {
    line-height: 1.4rem
}

.line-h-16 {
    line-height: 1.6rem
}

.line-h-18 {
    line-height: 1.8rem
}


.color-white {
    color: #fff;
}

.color-white-7 {
    color: rgba(255, 255, 255, 0.7);
}

.color-00 {
    color: #000;
}

.color-2f {
    color: #2f2f2f;
}

.color-2d {
    color: #2d2d2d;
}

.color-5f {
    color: #5f5f5f;
}

.color-d5 {
    color: #d5d5d5;
}

.color-99 {
    color: #999;
}

.color-75 {
    color: #757575;
}

.color-ac {
    color: #acacac;
}

.color-cc {
    color: #cccccc;
}

.color-link {
    color: #5b6a91;
}

.color-evaluate {
    color: #9999a6
}

/* .color-a6{color: #a6a6a6;}
.color-ad{color: #adadad;}
.color-99-4{color: rgba(153, 153, 153, 0.4);}
.color-ea-25{color: rgba(234, 234, 234, 0.25);}
.color-ea{color: #EAEAEA;} */

.color-golden-dark {
    color: #865E30 !important;
}

.color-golden {
    color: #E9C38B;
}

/* .color-golden{color: #FFBB6E;} */
.color-green {
    color: #00B56E !important;
}

.color-orange {
    color: #FD7649 !important;
}

.color-red {
    color: #DD4E2C !important;
}

.color-blue {
    color: #4CAFE9 !important;
}
.color-purple{
    color: #4D89FF !important;
}
.color-dark-blue {
    color: #4483BD !important;
}

.bg-f6 {
    background: #f6f6f6;
}

.bg-ea {
    background: #EAEAEA;
}

.bg-ea-8 {
    background: rgba(234, 234, 234, 0.8);
}

.bg-ea-25 {
    background: rgba(234, 234, 234, 0.25);
}

.bg-d8 {
    background-color: #D8D8D8;
}

.bg-2f-4 {
    background-color: rgba(47, 47, 47, 0.4);
}

.bg-golden-light {
    background-color: rgba(211, 174, 120, 0.1);
}

.bg-golden {
    background-color: #E9C38B;
}

.bg-golden-dark {
    background-color: #865E30;
}

.bg-red {
    background-color: #DD4E2C;
}

.bg-orange {
    background-color: #FD7649;
}

.bg-blue {
    background-color: #4D89FF;
}

.bg-blue-dark {
    background-color: #5B6A91;
}

.bg-white {
    background-color: white;
}

.bg-green {
    background: #00B56E;
}

.bg-green-light {
    background: rgba(80, 204, 148, 0.1);
}

.bg-blue-light {
    background-color: rgba(82, 171, 252, 0.1);
}

.bt-golden-1-dotted {
    border-top: 1px dotted #865E30;
}

.absolute {
    position: absolute;
}

.shadow-bottom {
    box-shadow: 0 0.5rem 0.5rem rgba(18, 18, 18, 0.1);
}

.br-bottom-12 {
    border-radius: 0 0 1.2rem 1.2rem;
}

.br-top-20 {
    border-radius: 2rem 2rem 0 0;
}

.br-4 {
    border-radius: 0.4rem;
}

.br-8 {
    border-radius: 0.8rem;
}

.br-12 {
    border-radius: 1.2rem;
}

.br-14 {
    border-radius: 1.4rem;
}

.br-16 {
    border-radius: 1.6rem !important;
}

.br-20 {
    border-radius: 2rem !important;
}

.br-24 {
    border-radius: 2.4rem !important;
}

.golden-linear {
    background: linear-gradient(45deg, #D3AE78, #E9C38B);
}

.orange-linear {
    background: linear-gradient(45deg, #fea382, #fb8159);
}

.bg-grey-light {
    background-color: rgba(215, 215, 215, 0.2)
}

.m-lr-2 {
    margin-left: 0.2rem;
    margin-right: 0.2rem;
}

.line-h-40 {
    line-height: 4rem;
}

.line-h-28 {
    line-height: 2.8rem;
}

.line-h-48 {
    line-height: 4.8rem;
}

.line-h-58 {
    line-height: 5.8rem;
}

.b-green {
    border: 1px solid #00B56E;
}

.b-blue {
    border: 1px solid #4CAFE9;
}

.b-golden {
    border: 1px solid #E9C38B;
}

.br-501 {
    border-radius: 50px;
    box-sizing: border-box;
}

.br-50 {
    border-radius: 50%;
    box-sizing: border-box;
}

.br-6 {
    border-radius: 0.6rem;
}

.br-14 {
    border-radius: 1.4rem;
}

.circle50 {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    box-sizing: border-box;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
}

.b-1 {
    border: 1px solid #EAEAEA;
}

.b-green-1 {
    border: 1px solid #00B56E;
}

.b-blue-1 {
    border: 1px solid #4CAFE9;
}

.line-h-22 {
    line-height: 2.2rem;
}

.line-h-38 {
    line-height: 3.8rem !important;
}

.line-h-32 {
    line-height: 3.2rem !important;
}

.w-48-48 {
    width: 4.8rem;
    height: 4.8rem;
}

.round-grey-26 {
    width: 2.6rem;
    height: 2.6rem;
    background: rgba(47, 47, 47, 0.6);
    border-radius: 50%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.school-logo {
    width: 4.8rem;
    height: 4.8rem;
    border-radius: 5px 5px 0 0;
    background-color: #fff;
    padding: 0.5rem;
    box-sizing: border-box;
}

.school-logo img {
    width: 100%;
    height: 100%;
}

.timerBox {
    position: relative;
}

.timerBox .timer {
    width: 25%;
    box-sizing: border-box;
    position: relative;
}

.timerBox .dot {
    width: 0.6rem;
    height: 0.6rem;
    box-sizing: border-box;
    border-radius: 50%;
    background-color: #E9C38B;
    border: 1px solid white;
    display: inline-block;
}

.timerBox:before {
    content: "";
    position: absolute;
    height: 2px;
    width: 100%;
    background-color: #E9C38B;
    opacity: 0.2;
    top: 50%;
    display: block;
}

.dot-8 {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
}

.dot-orange-8 {
    width: 8px;
    height: 8px;
    border-radius: 5px;
    overflow: hidden;
    background: #DD4E2C;
    display: block;
}

.icon-26 {
    width: 2.6rem;
}

.w-44 {
    width: 4.4rem;
}

.img-26-26 {
    width: 2.6rem;
    height: 2.6rem;
}

.img-40-40 {
    width: 4rem;
    height: 4rem;
}

.img-50-50 {
    width: 5rem;
    height: 5rem;
}

.img-48-48 {
    width: 4.8rem;
    height: 4.8rem;
}

.img-38-34 {
    width: 3.8rem;
    height: 3.4rem;
}

.img-38-38 {
    width: 3.8rem;
    height: 3.8rem;
}

.img-30-30 {
    width: 3rem;
    height: 3rem;
}

.img-112-70 {
    width: 11.2rem;
    height: 7rem;
}

.img-128-80 {
    width: 12.8rem;
    height: 8rem;
}

.img-84-76 {
    width: 8.4rem;
    height: 7.6rem;
}

.img-116-63 {
    width: 11.6rem;
    height: 6.3rem;
    display: block;
}

.img-cover {
    object-fit: cover;
}

.max-col4 .col {
    min-width: 25%;
    box-sizing: border-box;
    float: left;
    display: block;
}

.header {
    height: 4.4rem;
    box-sizing: border-box;
}

.header .title {
    width: 100%;
    padding: 0 1.6rem;
    box-sizing: border-box;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 1.8rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.header .ub-f1.text-center {
    padding-right: 1.4rem;
}

.header .ub-f1.text-center.pr-0 {
    padding-right: 0rem;
}

.hasHeader {
    margin-top: 4.4rem;
}

.table>.ub {
    height: 4.8rem;
}

/* .table>.ub .ub-f1{color: #999;} */
.table>.ub:nth-child(odd) {
    background-color: white;
}

.table>.ub:nth-child(even) {
    background-color: rgba(234, 234, 234, 0.25);
}

.table.bg-white>.ub:nth-child(even) {
    background-color: rgba(255, 255, 255, 0);
}

.table.bg-white>.ub {
    border-bottom: 1px solid #eaeaea;
}

.table.bg-white>.ub>.ub-f1 {
    color: #2f2f2f;
}

article.school p {
    padding-bottom: 2rem;
    line-height: 2.4rem;
}

.schoolHistory:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 2px;
    background-color: rgba(233, 195, 139, 0.2);
    display: block;
    left: 1px;
}

.schoolHistory .step {
    position: relative;
}

.schoolHistory .step:after {
    content: "";
    background-color: #E9C38B;
    width: 4px;
    height: 4px;
    border-radius: 3px;
    border: 1px solid white;
    display: block;
    left: -1px;
    top: 0.6rem;
    position: absolute;
}

.img-full-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.over-hidden {
    overflow: hidden;
}

/* 图片预览 */
.modal {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    ;
    z-index: 102;
}

.modal_bg {
    background: rgba(0, 0, 0, 0.8);
}

.imgpre {
    width: 100%;
    height: 100vh;
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
}

.imgpre .swiper-slide img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.imgpre .swiper-slide .name {
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1.5rem;
}

.mint-popup {
    background: rgba(255, 255, 255, 0);
}

.mint-msgbox-confirm {
    color: #00B56E;
}

.margin-auto {
    margin: 0 auto;
}

.table-placehoder {
    padding: 0.5rem;
}

.table-placehoder .item {
    background: rgba(215, 215, 215, 0.2);
    height: 3.2rem;
    margin: 0.5rem;
    border-radius: 0.3rem;
}

.text-170 {
    font-size: 17rem;
}

.text-36 {
    font-size: 3.6rem;
}

.text-32 {
    font-size: 3.2rem;
}

.mb-32 {
    margin-bottom: 3.2rem;
}

.input {
    border: 1px solid rgba(47, 47, 47, 0.2);
    border-radius: 0.3rem;
    height: 4.8rem;
}

input {
    border: none;
    outline: none;
    background: rgba(255, 255, 255, 0);
    display: block;
    width: 100%;
    box-sizing: border-box;
}

input::placeholder {
    color: #acacac;
}

.opacity-5 {
    opacity: 0.5;
}

.opacity-8 {
    opacity: 0.8;
}

.w-100px {
    width: 10rem;
}

.avatar-72 {
    width: 7.2rem;
    height: 7.2rem;
    border-radius: 50%;
    object-fit: cover;
}

.avatar-48 {
    width: 4.8rem;
    height: 4.8rem;
    border-radius: 50%;
    object-fit: cover;
}

.title-bl-green {
    border-left: 0.8rem solid #00B56E;
    padding-left: 0.8rem;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 2.4rem;
}

.title-bl-green-3 {
    border-left: 0.3rem solid #00B56E;
    padding-left: 0.8rem;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 2.4rem;
}

.dot-12 {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    display: inline-block;
}

.fade-enter-active {
    transition: opacity 0.5s
}

.fade-leave-active {
    transition: opacity 0s
}

.fade-enter,
.fade-leave-to

/* .fade-leave-active, 2.1.8 版本以下 */
    {
    opacity: 0
}

.w-54 {
    width: 5.4rem;
}

.h-48 {
    height: 4.8rem;
    box-sizing: border-box;
}

.h-28 {
    height: 2.8rem;
    box-sizing: border-box;
}

.h-16 {
    height: 1rem;
    box-sizing: border-box;
}

.vertical-middle>* {
    vertical-align: middle;
}

.b-1-99 {
    border: 1px solid #999;
}

.possibility {
    width: 2.4rem;
    height: 2.4rem;
    line-height: 2.4rem;
    font-size: 1.4rem;
    border-radius: 0.3rem;
    display: inline-block;
    text-align: center;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
}

.possibility.chong {
    color: #FD7649;
    border: 1px solid #FD7649;
}

.possibility.wen {
    color: #5EB1FB;
    border: 1px solid #5EB1FB;
}

.possibility.bao {
    color: #00B56E;
    border: 1px solid #00B56E;
}

.mint-toast {
    z-index: 10000 !important;
}

.br-t-14 {
    border-radius: 1.4rem 1.4rem 0 0;
}

.br-1-white {
    position: relative;
}

.br-1-white:after {
    content: "";
    position: absolute;
    right: 0px;
    width: 1px;
    top: 0rem;
    bottom: 0rem;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.6) 50%);
    background-repeat: repeat-y;
    background-size: 1px 1px;
}

.round-40 {
    width: 2rem;
    height: 2rem;
    padding: 1rem;
    text-align: center;
    display: block;
    border-radius: 50%;
}

.round-72 {
    width: 7.2rem;
    height: 7.2rem;
    border-radius: 50%;
    display: block;
}

.bg-linear-green {
    background: linear-gradient(to bottom, #83dbb4, #62d19f);
}

.bg-linear-blue {
    background: linear-gradient(to bottom, #75bcff, #4ca9fe);
}

.bg-linear-orange {
    background: linear-gradient(to bottom, #fd9e7d, #fe855c);
}

.bg-linear-black {
    background: linear-gradient(to left, #494C5D, #343643);
}

.b-1-golden {
    border: 1px solid #F4DEB1;
}

.bg-linear-golden {
    background: linear-gradient(to left bottom, rgba(233, 195, 139, 0.6), rgba(211, 174, 120, 1));
}

.bg-linear-golden-light {
    background: linear-gradient(to right bottom, #F9F0E2, #F6E5C9);
}

.color-linear-golden {
    background: linear-gradient(to top right, #e0c390, #e9d2a3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255, 255, 255, 0);
}

article.article .content* {
    font-size: 1.4rem !important;
}

article.article h3 {
    font-size: 1.6rem !important;
}

textarea {
    border: none;
    width: 100%;
}

ul.dotList>li {
    position: relative;
    padding: 0.4rem 0rem 0.4rem 1.6rem;
    line-height: 1.8rem;
    color: #999;
    list-style: none;
}

ul.dotList>li b {
    color: #2f2f2f;
}

ul.dotList>li::before {
    content: "";
    position: absolute;
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    background: #00B56E;
    left: 0;
    top: 1.2rem;
}

.bb-2-green {
    border-bottom: 0.2rem solid #00B56E;
}

.schoolValueBg {
    position: relative;
}

.schoolValueBg::before {
    content: "";
    width: 200%;
    height: 200%;
    border-radius: 50%;
    position: absolute;
    bottom: -40%;
    left: -50%;
    background: #00B56E;
    z-index: -1;
}

.square-40-40 {
    width: 4rem;
    height: 4rem;
    border: 1px solid #7FD9B0;
    box-sizing: border-box;
    border-radius: 0.4rem;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

table {
    border-collapse: collapse;
}

table td,
table th {
    padding: 1rem;
    border: 1px solid #eaeaea;
}

table.vip {
    border-radius: 1.2rem;
    overflow: hidden;
    width: 100%;
}

table.vip td,
table.vip th {
    border: 1px solid white;
}

table.vip th {
    padding: 1.5rem;
    font-size: 1.6rem;
}

table.vip td {
    padding: 2.4rem 1.5rem;
    font-size: 1.6rem;
}

table.vip .crown {
    width: 8rem;
    height: 2rem;
    background: #fd7549;
    text-align: center;
    position: absolute;
    left: -2.7rem;
    top: 0.3rem;
    transform: rotate(-45deg);
}

table.vip .crown .iconfont {
    color: white;
}

.pager {
    text-align: center;
    padding: 2.4rem 0.2rem;
}

.pager .page {
    background: #fff;
    display: inline-block;
    border-radius: 0.3rem;
    line-height: 2.6rem;
    border: 1px solid #eaeaea;
    padding: 0 0.4rem;
    font-size: 1.4rem;
    margin: 0 0.2rem;
}

.pager .page.last {
    background: #eaeaea;
    color: #999;
}

article {
    padding: 1rem 1.6rem 1.6rem 1.6rem;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

article .title {
    font-size: 2.2rem;
    line-height: 3.2rem;
    color: #000;
}

article .content * {
    font-size: 1.8rem !important;/* font-size: 1.8rem !important; */
    letter-spacing: 0.1rem;
    max-width: 100% !important;
}

article .content h3 {
    padding: 2.4rem 0 1.6rem;
}

article .content p {
    /* line-height: 3rem; */
    /* padding: 1.5rem 0rem; */
    color: #2f2f2f;
    font-size: 1rem;
}

article .content img {
    max-width: 100% !important;
    padding: 0.8rem 0;
    display: block;
}

article.article .content table {
    width: 100% !important;
}

.scrollTopBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.4rem;
    height: 4.4rem;
    position: fixed;
    right: 1rem;
    bottom: 3rem;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0.4rem 0.8rem 0.2rem #ddd;
}

.questionDetail {
    padding: 0.8rem 0;
}

.questionDetail * {
    font-size: 1.4rem !important;
    max-width: 100% !important;
}

.questionDetail p {
    line-height: 2.2rem;
    font-size: 1.4rem;
    color: #2f2f2f;
    padding: 0.8rem 0;
}

.questionDetail p b {
    color: #000;
    font-size: 1.6rem !important;
}

.rankTag {
    width: 1.8rem;
    background: #00B56E;
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.8rem;
    border-radius: 0.3rem;
    overflow: hidden;
    display: block;
    text-align: center;
}

.MajorList {
    overflow-y: hidden;
}

.MajorList .level1 {
    width: 13rem;
    overflow-y: auto;
}

.MajorList .level1 .item {
    padding: 2.4rem 1.6rem;
    font-size: 1.6rem;
    color: #2f2f2f;
    line-height: 2rem;
}

.MajorList .level2Box {
    overflow-y: auto;
    background: #fff;
}

.MajorList .level2Box .level2 {
    overflow: hidden;
}

.MajorList .level2Box .level2.active .item .name2 {
    color: #00B56E;
}

.MajorList .level2Box .level2.active .item .iconfont {
    color: #00B56E;
}

.MajorList .level3 {
    animation: all 0.3s;
    -webkit-animation: all 0.3s;
    display: none;
}

/* .MajorList .level2Box .level2.active .level3{height: auto;animation: all 0.3s;-webkit-animation: all 0.3s;} */
.possibilitybg {
    background-image: url(/static/images/topBanner@2x.png);
    background-size: 100% 100%;
    height: 66vw;
}

.schoolPlanbg {
    background-image: url(/static/images/schoolPlanbanner@2x.png);
    background-size: 100% 100%;
    height: 66vw;
}

.schoolWavebg {
    background-image: url(/static/images/schoolWave/schoolWaveBg.png);
    background-size: 100% 100%;
    height: 66vw;
}

.scoreReportBg {
    background-image: url(/static/images/scoreReport/scoreReportBg.png);
    background-size: 100% 100%;
    height: 17rem;
}

.scoreReportCircle .circle1 {
    width: 12rem;
    height: 12rem;
    border-radius: 50%;
    position: absolute;
    top: -5rem;
    left: -6rem;
    background: rgba(105, 115, 246, 0.1);
}

.scoreReportCircle .circle2 {
    width: 12rem;
    height: 12rem;
    border-radius: 50%;
    position: absolute;
    top: 4rem;
    left: -6rem;
    background: rgba(105, 115, 246, 0.1);
}

.scoreReportCircle .circle3 {
    width: 12rem;
    height: 12rem;
    border-radius: 50%;
    position: absolute;
    bottom: 4rem;
    right: -8rem;
    background: rgba(105, 115, 246, 0.1);
}

.scoreReportCircle .circle4 {
    width: 12rem;
    height: 12rem;
    border-radius: 50%;
    position: absolute;
    bottom: -4rem;
    right: -3rem;
    background: rgba(105, 115, 246, 0.1);
}

.scroll-x {
    white-space: nowrap;
    overflow-x: auto;
}

::-webkit-scrollbar {
    visibility: hidden;
    display: none;
}

.nothing {
    font-size: 8rem;
    color: rgb(221, 221, 221);
}

.translateX {
    transform: translateX(0rem);
    transition: all 0.3s;
}

.translateX.active {
    transform: translateX(5rem);
    transition: all 0.3s;
}

.newZhiyuan {
    width: 5.6rem;
    height: 5.6rem;
    border-radius: 50%;
    line-height: 1.6rem;
    padding-top: 1.2rem;
    box-sizing: border-box;
    position: fixed;
    bottom: 6.2rem;
    right: 1.6rem;
    color: #fff;
    text-align: center;
    z-index: 100;
    background-color: #00B56E;
}
.w-38{width:4.6rem;}
.tagA {
    height: 2rem;
    display: inline-block !important;
    border-radius: 0 1rem 1rem 0;
    background-color: #00B56E;
    line-height: 2rem;
    text-align: center;
    font-size: 1.6rem;
    display: block;
    color: #fff;
    padding:0 0.8rem;
}
.score-info{
font-family: fontNumber;
display:grid;
grid-template-columns: 150px 1fr;
gap: 0rpx 16rpx;
}
.score-info.big{
grid-template-columns: 180px 1fr;
}
.score-info div{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.line-2{overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;word-break: break-all;}
.zhiyuanMajors {
    display: grid;
    grid-gap: 1.2rem;
    grid-template-columns: repeat(2, 50%);
}

.zhiyuanMajors li {
    list-style-type: decimal;
    list-style-position: outside;
    margin-left: 1.6rem;
}

.mr-48 {
    margin-right: 4.8rem;
}

.fixedAnimation {
    position: fixed;
    bottom: 2rem;
    left: 0;
    z-index: 100;
    text-align: right;
}

.fixedAnimation .icon {
    height: 2.4rem;
    line-height: 2.4rem;
    width: 3.2rem;
    background-color: #00B56E;
    color: white;
    text-align: center;
    border-radius: 0 1.2rem 1.2rem 0;
}

.fixedAnimation .sortItem {
    margin-bottom: 0.8rem;
    line-height: 3.2rem;
    display: block;
    background-color: white;
    color: #999;
    font-size: 1.4rem;
    padding: 0 1.6rem;
    border-radius: 0 1.6rem 1.6rem 0;
    transform: translateX(-100%);
    box-shadow: 0 0 12px 0px #ddd;
}

.fixedAnimation .sortItem.item0 {
    transition: all 0.3s 0s;
}

.fixedAnimation .sortItem.item1 {
    transition: all 0.3s 0.1s;
}

.fixedAnimation .sortItem.item2 {
    transition: all 0.3s 0.2s;
}

.fixedAnimation .sortItem.item3 {
    transition: all 0.3s 0.3s;
}

.fixedAnimation.active .sortItem.item0 {
    transform: translateX(0);
    transition: all 0.3s 0s;
}

.fixedAnimation.active .sortItem.item1 {
    transform: translateX(0);
    transition: all 0.3s 0.1s;
}

.fixedAnimation.active .sortItem.item2 {
    transform: translateX(0);
    transition: all 0.3s 0.2s;
}

.fixedAnimation.active .sortItem.item3 {
    transform: translateX(0);
    transition: all 0.3s 0.3s;
}

.fixedAnimation .sortItem.active {
    color: #00B56E;
}

.mint-msgbox {
    border-radius: 1.2rem;
    overflow: hidden;
}

/* .mint-msgbox-content{padding: 4.4rem 2.4rem;} */
.mint-msgbox-content {
    padding: 2.4rem 1.6rem;
}

.mint-msgbox-message {
    font-size: 1.6rem;
    color: #2f2f2f;
}

.mint-msgbox-cancel {
    color: #999;
    font-size: 1.6rem;
    line-height: 4rem;
}

.mint-msgbox-confirm {
    font-size: 1.6rem;
    color: white;
    background: #00B56E;
    border-radius: 0.4rem;
    line-height: 4rem;
}

.mint-msgbox-confirm:active {
    font-size: 1.6rem;
    color: white;
    background: #00B56E;
    border-radius: 0.4rem;
    line-height: 4rem;
}

.mint-msgbox-btns {
    padding: 0.8rem 1rem;
}

.mint-msgbox-cancel {
    border-right: none;
}

.relative {
    position: relative;
}

.mr-32 {
    margin-right: 3.2rem;
}

.btn {
    height: 4.8rem;
    line-height: 4.8rem;
    text-align: center;
    font-size: 1.5rem;
    color: #fff;
    border-radius: 0.3rem;
}

.btn.small {
    height: 4rem;
    line-height: 4rem;
    text-align: center;
    font-size: 1.4rem;
    color: #fff;
    border-radius: 0.3rem;
}

.btn.green {
    background-color: #00B56E;
}

.btn.orange {
    background-color: #FD7649;
}

.btn.bg-white {
    color: #2f2f2f;
}

.btn.b-1 {
    color: #2f2f2f;
    border: 1px solid #D5D5D5;
}

.btn.b-1-green {
    border: 1px solid #00B56E;
}

.goldenBal {
    margin: 0 auto;
    background: linear-gradient(45deg, #edd4ae, #dab785);
    width: 4.4rem;
    height: 4.4rem;
    border-radius: 2.2rem;
    box-shadow: 0 0.3rem 12px -0.3px rgba(211, 174, 120, 0.5);
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}

.vipBtn {
    width: 18rem;
    height: 5.6rem;
    background-image: url(/static/images/vip/vipBtn.png);
    background-size: 100%;
    line-height: 5.6rem;
    padding-left: 3.2rem;
    box-sizing: border-box;
}

.faceShadow {
    width: 1.6rem;
    height: 0.4rem;
    background: radial-gradient(rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 80%);
    display: block;
    margin: 0 auto;
    margin-top: 0.2rem;
}

.b-round {
    position: relative;
}

.b-round::before {
    content: "";
    width: 200%;
    height: 200%;
    border-radius: 50%;
    position: absolute;
    bottom: -20%;
    left: -50%;
    z-index: 0;
}

.b-round.green::before {
    background: linear-gradient(90deg, rgba(80, 204, 149, 1), rgba(80, 204, 148, 0.8));
}

.b-round.green-light::before {
    background: linear-gradient(90deg, #0AB617, #90C417);
}

.b-round.orange::before {
    background: linear-gradient(90deg, #FFC34A, #FFB046);
}

.b-round.red::before {
    background: linear-gradient(90deg, rgba(231, 23, 23, 1), rgba(231, 23, 23, 0.8));
}

.b-round.blue::before {
    background: linear-gradient(90deg, rgba(54, 158, 251, 1), rgba(54, 158, 251, 0.8));
}

.b-round.dark-blue::before {
    background: linear-gradient(90deg, #5773DB, #5773DB);
}

.translateMessage {
    transform: translateY(200%);
    transition: all 0.3s ease-in;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 0 1.6rem;
}

.translateMessage.active {
    transform: translateY(0%);
    transition: all 0.3s ease-out;
}

.bg-grey-o {
    background: rgba(0, 0, 0, 0.2);
}

.mohu {
    -webkit-filter: blur(9px);
    filter: blur(9px);
    overflow: hidden;
    position: relative;
}

.buyVip {
    position: absolute;
    top: 50%;
    left: 10%;
    right: 10%;
    line-height: 4.8rem;
    border-radius: 2.4rem;
    background: #E9C38B;
    color: #693A1D;
    font-size: 1.6rem;
    ;
    text-align: center;
    transform: translateY(-50%);
    z-index: 8;
}

.loginBtn {
    border: 1px solid #fff;
    border-radius: 1.2rem;
    line-height: 2.4rem;
    color: white;
    display: inline-block;
    padding: 0 1rem;
}

.range-progress .rangeInfo {
    background: rgba(0, 0, 0, 1);
    color: white;
    padding: 0.4rem 0.8rem;
    border-radius: 0.3rem;
    line-height: 2rem;
    font-size: 1.2rem;
    display: block;
    text-align: center;
    z-index: 1;
}

.range-progress .rangeInfo::before {
    content: "";
    width: 0.8rem;
    height: 0.8rem;
    bottom: -0.3rem;
    display: block;
    position: absolute;
    background: #000;
    transform: rotate(45deg);
    top: 2.2rem;
}

.range-progress .rangeInfo.left::before {
    right: 1rem;
}

.range-progress .rangeInfo.right::before {
    left: 1rem;
}
.range-progress .translatex {
    transform: translateX(-50%);
}

.rangeBtn {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    background-color: #fff;
    border: 0.2rem solid #00B56E;
    position: absolute;
}

html{font-size: 10px;}
html,body{background-color:#f5f5f5;color: #2f2f2f;min-height: 100%;}
/* body{font-size: 12px;} */
a{color: inherit;}
*{font-size: 14px;}
@font-face{
    font-family: 'number';
    src : url('number.ttf');
}
.font-number{font-family: "number";}
.font-number *{font-family: "number";}
.font-20{font-size:2rem;}
.color-grey{color:#999999;}
input[type=number] {
    -moz-appearance:textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.p-14{padding: 1rem;}
.p-16{padding: 1.6rem;}
.p-32{padding: 3.2rem;}
.pt-12{padding-top: 1.2rem;}
.pt-14{padding-top: 1.4rem;}
.pt-16{padding-top: 1.6rem;}
.pt-32{padding-top: 3.2rem;}
.pt-4{padding-top: 0.4rem;}
.pt-8{padding-top: 0.8rem;}
.pb-16{padding-bottom: 1.6rem;}
.pb-8{padding-bottom: 0.8rem;}
.pl-16{padding-left: 1.6rem;}
.pl-32{padding-left: 3.2rem;}
.pl-40{padding-left: 4rem;}
.pr-16{padding-right: 1.6rem;}
.pl-8{padding-left: 0.8rem;}
.pr-8{padding-right: 0.8rem;}
.p-lr-16{padding-left: 1.6rem;padding-right: 1.6rem;}
.p-lr-32{padding-left: 3.2rem;padding-right: 3.2rem;}
.p-tb-14{padding-top: 1rem;padding-bottom: 1rem;}
.p-tb-16{padding-top: 1.6rem;padding-bottom: 1.6rem;}
.p-tb-12{padding-top: 1.2rem;padding-bottom: 1.2rem;}
.p-tb-20{padding-top: 2rem;padding-bottom: 2rem;}
.pb-20{padding-bottom: 2rem;}
.p-tb-4{padding-top: 0.4rem;padding-bottom: 0.4rem;}
.p-tb-32{padding-top: 3.2rem;padding-bottom: 3.2rem;}
.p-lr-8{padding-left: 0.8rem;padding-right: 0.8rem;}
.p-lr-4{padding-left: 0.4rem;padding-right: 0.4rem;}
.p-tb-8{padding-top: 0.8rem;padding-bottom: 0.8rem;}
.p-8{padding: 0.8rem;}
.m-tb-16{margin-top: 1.6rem;margin-bottom: 1.6rem;}
.m-lr-16{margin-left: 1.6rem;margin-right: 1.6rem;}
.m-lr-12{margin-left: 1.2rem;margin-right: 1.2rem;}
.mt-16{margin-top: 1.6rem;}
.mt-32{margin-top: 3.2rem;}
.mb-16{margin-bottom: 1.6rem;}
.mb-60{margin-bottom: 6rem;}
.m-16{margin:1.6rem;}
.m-tb-8{margin-top: 0.8rem;margin-bottom: 0.8rem;}
.m-tb-4{margin-top: 0.4rem;margin-bottom: 0.4rem;}
.m-lr-8{margin-left: 0.8rem;margin-right: 0.8rem;}
.m-lr-4{margin-left: 0.4rem;margin-right: 0.4rem;}
.ml-4{margin-left: 0.4rem;}
.mb-4{margin-bottom: 0.4rem;}
.ml-8{margin-left: 0.8rem;}
.ml-16{margin-left: 1.6rem;}
.mt-8{margin-top: 0.8rem;}
.mt-24{margin-top: 2.4rem;}
.mb-8{margin-bottom: 0.8rem;}
.m-8{margin:0.8rem;}
.m-4{margin:0.4rem;}
.mr-8{margin-right: 0.8rem;}
.mr-16{margin-right: 1.6rem;}
.mr-24{margin-right: 2.4rem;}
.mr-4{margin-right: 0.4rem;}
.mb-24{margin-bottom: 2.4rem;}
.p-4{padding: 0.4rem;}
.p-24{padding: 2.4rem;}
.pb-32{padding-bottom: 3.2rem;}
.pb-128{padding-bottom: 12.28rem;}
.p-tb-24{padding-top: 2.4rem;padding-bottom: 2.4rem;}
.p-lr-24{padding-left: 2.4rem;padding-right: 2.4rem;}
.pt-24{padding-top: 2.4rem;}
.pb-24{padding-bottom: 2.4rem;}
.pl-24{padding-left: 2.4rem;}
.pr-24{padding-right: 2.4rem;}
.line-h-56{line-height: 5.6rem}
.line-h-50{line-height: 5rem}
.line-h-14{line-height: 1.4rem}
.line-h-16{line-height: 1.6rem}
.line-h-18{line-height: 1.8rem}


.color-white{color: #fff;}
.color-white-7{color: rgba(255,255,255,0.7);}
.color-00{color: #000;}
.color-2f{color: #2f2f2f;}
.color-2d{color: #2d2d2d;}
.color-5f{color: #5f5f5f;}
.color-d5{color: #d5d5d5;}
.color-99{color: #999;}
.color-ac{color: #acacac;}
.color-cc{color: #cccccc;}
.color-link{color: #5b6a91;}
.color-evaluate{color:#9999a6}
/* .color-a6{color: #a6a6a6;}
.color-ad{color: #adadad;}
.color-99-4{color: rgba(153, 153, 153, 0.4);}
.color-ea-25{color: rgba(234, 234, 234, 0.25);}
.color-ea{color: #EAEAEA;} */

.color-golden-dark{color: #865E30 !important;}
.color-golden{color: #E9C38B;}
/* .color-golden{color: #FFBB6E;} */
.color-green{color: #00B56E !important;}
.color-orange{color:#FD7649 !important; }
.color-red{color:#DD4E2C !important; }
.color-blue{color: #4CAFE9 !important;}
.color-dark-blue{color: #4483BD !important;}
.bg-f6{background: #f6f6f6;}
.bg-ea{background: #EAEAEA;}
.bg-ea-8{background: rgba(234, 234, 234, 0.8);}
.bg-ea-25{background: rgba(234, 234, 234, 0.25);}
.bg-d8{background-color: #D8D8D8;}
.bg-2f-4{background-color:rgba(47, 47, 47, 0.4);}
.bg-golden-light{background-color:rgba(211, 174, 120, 0.1);}
.bg-golden{background-color:#E9C38B;}
.bg-golden-dark{background-color:#865E30;}

.bg-red{background-color:#DD4E2C;}
.bg-orange{background-color:#FD7649;}
.bg-blue{background-color:#4D89FF;}
.bg-blue-dark{background-color:#5B6A91;}
.bg-white{background-color: white;}
.bg-green{background:#00B56E; }
.bg-green-light{background:rgba(80, 204, 148, 0.1); }
.bg-blue-light{background-color: rgba(82, 171, 252, 0.1);}
.bt-golden-1-dotted{border-top: 1px dotted #865E30;}

.absolute{position: absolute;}
.shadow-bottom{box-shadow: 0 0.5rem 0.5rem rgba(18,18,18,0.1);}
.br-bottom-12{border-radius: 0 0 1.2rem 1.2rem;}
.br-top-20{border-radius: 2rem 2rem 0 0 ;}
.br-4{border-radius: 0.4rem;}
.br-8{border-radius: 0.8rem;}
.br-12{border-radius: 1.2rem;}
.br-14{border-radius: 1.4rem;}
.br-16{border-radius: 1.6rem !important;}
.br-20{border-radius: 2rem !important;}
.br-24{border-radius: 2.4rem !important;}
.golden-linear{background: linear-gradient(45deg,#D3AE78,#E9C38B);}
.orange-linear{background: linear-gradient(45deg,#fea382,#fb8159);}
.bg-grey-light{background-color: rgba(215, 215, 215, 0.2)}
.m-lr-2{margin-left: 0.2rem;margin-right: 0.2rem;}
.line-h-40{line-height: 4rem;}
.line-h-28{line-height: 2.8rem;}
.line-h-48{line-height: 4.8rem;}
.line-h-58{line-height: 5.8rem;}
.b-green{border: 1px solid #00B56E;}
.b-blue{border: 1px solid #4CAFE9;}
.b-golden{border: 1px solid #E9C38B;}

.br-501{border-radius: 50px;box-sizing: border-box;}
.br-50{border-radius: 50%;box-sizing: border-box;}
.br-6{border-radius: 0.6rem;}
.br-14{border-radius: 1.4rem;}
.circle50{display: table-cell;vertical-align: middle;text-align: center;box-sizing: border-box;width: 5rem;height: 5rem;border-radius: 50%;}
.b-1{border: 1px solid #EAEAEA;}
.b-green-1{border: 1px solid #00B56E;}
.b-blue-1{border: 1px solid #4CAFE9;}
.line-h-22{line-height: 2.2rem;}
.line-h-38{line-height: 3.8rem !important;}
.line-h-32{line-height: 3.2rem !important;}
.w-48-48{width: 4.8rem;height: 4.8rem;}

.round-grey-26{width: 2.6rem;height: 2.6rem;background: rgba(47, 47, 47, 0.6);border-radius: 50%;display: table-cell;vertical-align: middle;text-align: center;}
.school-logo{width: 4.8rem;height:4.8rem;border-radius: 5px 5px 0 0;background-color: #fff;padding: 0.5rem;box-sizing: border-box;}
.school-logo img{width: 100%;height: 100%;}
.timerBox{position: relative;}
.timerBox .timer{width: 25%;box-sizing: border-box;position: relative;}
.timerBox .dot{width: 0.6rem;height: 0.6rem;box-sizing: border-box; border-radius: 50%;background-color: #E9C38B;border: 1px solid white;display: inline-block;}
.timerBox:before{content: "";position: absolute; height:2px;width:100%; background-color:#E9C38B;opacity: 0.2; top: 50%;display: block;}
.dot-8{width: 8px;height:8px;border-radius: 50%;display: inline-block;}
.dot-orange-8{width: 8px;height: 8px;border-radius:5px;overflow: hidden; background: #DD4E2C;display: block;}
.icon-26{width: 2.6rem;}
.w-44{width: 4.4rem;}
.img-26-26{width: 2.6rem;height: 2.6rem;}
.img-40-40{width: 4rem;height: 4rem;}
.img-50-50{width: 5rem;height: 5rem;}
.img-48-48{width: 4.8rem;height: 4.8rem;}
.img-38-34{width: 3.8rem;height: 3.4rem;}
.img-38-38{width: 3.8rem;height: 3.8rem;}
.img-30-30{width: 3rem;height: 3rem;}
.img-112-70{width: 11.2rem;height: 7rem;}
.img-128-80{width: 12.8rem;height: 8rem;}
.img-84-76{width: 8.4rem;height: 7.6rem;}
.img-116-63{width: 11.6rem;height: 6.3rem;display: block;}
.img-cover{object-fit: cover;}
.max-col4 .col{min-width: 25%;box-sizing: border-box ;float: left;display: block;}
.header{height: 4.4rem;box-sizing: border-box;}
.header .title{width:100%;padding: 0 1.6rem;box-sizing: border-box; text-align: center;white-space: nowrap;text-overflow: ellipsis;font-size: 1.8rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.header .ub-f1.text-center{padding-right: 1.4rem;}
.header .ub-f1.text-center.pr-0{padding-right: 0rem;}
.hasHeader{margin-top: 4.4rem;}

.table>.ub{height: 4.8rem;}
/* .table>.ub .ub-f1{color: #999;} */
.table>.ub:nth-child(odd){background-color:white; }
.table>.ub:nth-child(even){background-color:rgba(234, 234, 234, 0.25); }
.table.bg-white>.ub:nth-child(even){background-color:rgba(255,255,255,0);}
.table.bg-white>.ub{border-bottom: 1px solid #eaeaea; }
.table.bg-white>.ub>.ub-f1{ color: #2f2f2f;}

article.school p{padding-bottom: 2rem; line-height: 2.4rem;}
.schoolHistory:before{content: ""; position:absolute;height:100%;width:2px;background-color: rgba(233, 195, 139, 0.2);display: block;left: 1px;}
.schoolHistory .step{position: relative;}
.schoolHistory .step:after{content:""; background-color: #E9C38B;width: 4px;height: 4px;border-radius: 3px;border: 1px solid white; display: block;left: -1px;top: 0.6rem;position: absolute;}
.img-full-cover{width: 100%;height: 100%;object-fit: cover;}
.over-hidden{overflow: hidden;}

/* 图片预览 */
.modal{position: fixed;top:0;right:0;left:0;bottom: 0;;z-index:102;}
.modal_bg{
    background:rgba(0,0,0,0.8);
}
.imgpre{width: 100%;height: 100vh;}
.swiper-zoom-container{width: 100%;height:100%;}
.imgpre .swiper-slide img{object-fit: contain;width: 100%;height:100%;}
.imgpre .swiper-slide .name{color:#fff;position: absolute;bottom: 0;left: 0;right: 0;padding: 1.5rem;}

.mint-popup{background: rgba(255,255,255,0);}
.mint-msgbox-confirm{color: #00B56E;}
.margin-auto{margin: 0 auto;}
.table-placehoder{padding: 0.5rem;}
.table-placehoder .item{background: rgba(215, 215, 215, 0.2);height: 3.2rem;margin: 0.5rem;border-radius: 0.3rem;}

.text-170{font-size: 17rem;}
.text-36{font-size: 3.6rem;}
.text-32{font-size: 3.2rem;}
.mb-32{margin-bottom: 3.2rem;}

.input{border: 1px solid rgba(47, 47, 47, 0.2);border-radius: 0.3rem;height: 4.8rem;}
input{border: none;outline: none;background: rgba(255,255,255,0);display: block;width: 100%;box-sizing: border-box;}
input::placeholder{color:#acacac;}

.opacity-5{opacity: 0.5;}
.opacity-8{opacity: 0.8;}
.w-100px{width: 10rem;}
.avatar-72{width: 7.2rem;height: 7.2rem;border-radius: 50%;object-fit: cover;}
.avatar-48{width: 4.8rem;height: 4.8rem;border-radius: 50%;object-fit: cover;}
.title-bl-green{border-left: 0.8rem solid #00B56E;padding-left: 0.8rem;font-weight: bold;font-size: 1.8rem;line-height: 2.4rem;}
.title-bl-green-3{border-left: 0.3rem solid #00B56E;padding-left: 0.8rem;font-weight: bold;font-size: 1.8rem;line-height: 2.4rem;}
.dot-12{width: 1.2rem;height: 1.2rem;border-radius: 50%;display: inline-block;}

.fade-enter-active{
    transition: opacity 0.5s
}

.downloadApp {
    position: fixed;
    bottom: 9%;
    left: 50%;
    transform: translate(-50%,0);
    width: 25rem;
    height: 46px;
    background: #00B56E;
    border-radius: 50px;
    color: #fff;
    padding: 0 1.8rem;
    font-weight: 400;
    text-align: center;
    box-sizing: border-box;
    box-shadow: 2px 2px 6px 0px rgb(170 170 170 / 50%);
    z-index: 20000;
    display: flex;
    align-items: center;
}

.downloadApp a{
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
}

.downloadApp a span{
    display: inline-block;
    width: 100%;
}


.zp-scroll-x-box.searchFilterAdmit .scroll-x .scroll-container .item {
    background: none;
    color: #2f2f2f;
    min-width: 16vw;
    font-size: 1.6rem;
    padding-right: 3rem;
    margin: 0 1.4rem;
}

.zp-scroll-x-box.searchFilterAdmit .scroll-x .scroll-container .item.active {
    background: none;
    color: #2f2f2f;
}

.title-top-line {
    position: relative;
    padding: 1.2rem;
    width: 100%;
    font-size: 1.8rem;
    
    border-radius: 5px;
    margin: 0;
}

.btn_link img{
    width: 100%;
    height: 100%;
}

.btn.small{height: 4rem;line-height: 4rem;text-align: center;font-size: 1.4rem;color: #fff;border-radius: 0.3rem;}
.btn.green{background-color: #00B56E;}
.btn.orange{background-color: #FD7649;}
.btn.bg-white{color: #2f2f2f;}
.btn.b-1{color: #2f2f2f;border: 1px solid #D5D5D5;}
.btn.b-1-green{border: 1px solid #00B56E;}

.goldenBal{margin: 0 auto; background: linear-gradient(45deg,#edd4ae,#dab785);width: 4.4rem;height: 4.4rem;border-radius: 2.2rem;box-shadow: 0 0.3rem 12px -0.3px rgba(211, 174, 120, 0.5); text-align: center;vertical-align: middle;display: table-cell;}
.vipBtn{width: 18rem;height: 5.6rem;background-image: url(/static/images/vip/vipBtn.png);background-size: 100%;line-height: 5.6rem;padding-left: 3.2rem;box-sizing: border-box;}
.faceShadow{width: 1.6rem;height: 0.4rem;background: radial-gradient(rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 80%);display: block;margin:0 auto;margin-top:0.2rem;}
.b-round{position: relative;}
.b-round::before{content: "";width: 200%;height: 200%;border-radius: 50%;position: absolute;bottom: -20%;left: -50%; z-index: 0;}
.b-round.green::before{background: linear-gradient(90deg,rgba(80, 204, 149, 1),rgba(80, 204, 148, 0.8));}
.b-round.green-light::before{background: linear-gradient(90deg,#0AB617,#90C417);}
.b-round.orange::before{background: linear-gradient(90deg,#FFC34A,#FFB046);}
.b-round.red::before{background:linear-gradient(90deg,rgba(231, 23, 23, 1),rgba(231, 23, 23, 0.8));}
.b-round.blue::before{background: linear-gradient(90deg,rgba(54, 158, 251, 1),rgba(54, 158, 251, 0.8));}
.b-round.dark-blue::before{background: linear-gradient(90deg,#5773DB,#5773DB);}

.translateMessage{transform: translateY(200%);transition: all 0.3s ease-in;position: absolute;top: 0;left: 0;right: 0;padding: 0 1.6rem;}
.translateMessage.active{transform: translateY(0%);transition: all 0.3s ease-out;}
.bg-grey-o{background: rgba(0,0,0,0.2);}

.mohu{-webkit-filter: blur(9px);filter: blur(9px);overflow: hidden;position: relative;}
.buyVip{position: absolute;top: 50%;left: 10%;right: 10%;line-height: 4.8rem;border-radius:2.4rem;background: #E9C38B;color: #693A1D;font-size: 1.6rem;;text-align: center;transform: translateY(-50%);z-index: 8;}
.loginBtn{border: 1px solid #fff;border-radius: 1.2rem;line-height: 2.4rem;color: white;display: inline-block;padding: 0 1rem;}

.range-progress .rangeInfo{background: rgba(0,0,0,1);color: white;padding: 0.4rem 0.8rem;border-radius: 0.3rem;line-height: 2rem;font-size: 1.2rem;display: block;text-align: center;z-index: 1;}
.range-progress .rangeInfo::before{content: "";width: 0.8rem;height: 0.8rem;bottom: -0.3rem;display: block;position: absolute;background: #000;transform: rotate(45deg);top: 2.2rem;}
.range-progress .rangeInfo.left::before{right: 1rem;}
.range-progress .rangeInfo.right::before{left: 1rem;}
.range-progress .rangeInfo.left,.range-progress .score.left{}
.range-progress .rangeInfo.right,.range-progress .score.right{}
.range-progress .translatex{transform: translateX(-50%);}
.rangeBtn{width: 2.4rem;height: 2.4rem;border-radius: 50%;background-color: #fff;border: 0.2rem solid #00B56E;position: absolute;}
.rangeBtn.left{transform: translate(-100%,-50%);}
.rangeBtn.right{transform: translate(-0%,-50%);}
.pointer-none{pointer-events: none;}
.picker-item.picker-selected{color: #00B56E;}

.zhiyuanBg{background-image: url("/static/images/zhiyuanBg.png"); background-size: cover;}

.zp-scroll-x-box.searchFilterAdmit .scroll-x .scroll-container .item{background: none;color: #2f2f2f;min-width: 16vw;font-size: 1.6rem;padding-right: 3rem;margin:0 1.4rem;}
.zp-scroll-x-box.searchFilterAdmit .scroll-x .scroll-container .item.active{background: none;color: #2f2f2f;}

.title-top-line{position: relative;padding: 1.2rem;width: 100%;font-size: 1.8rem;text-align: center;box-sizing: border-box;}
.title-top-line::before{content: ""; width: 1.6rem;height: 0.4rem;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.title-top-line.orange::before{background-color: #fd7549;}

#radius{width: 10rem;height: 20rem;border-radius: 50% 50% 60% 40% / 70% 70% 30% 30%;background-image: linear-gradient(180deg,#ed36a2,#622aad);}

.scroll-row-container{overflow-x: auto;}
.scroll-row-container .item{position: relative;display: block;}
.img-230-80{width: 23rem;height: 8rem;min-width: 23rem;}
.scroll-row-container .item .tip{position: absolute;top: 0.5rem;right: 0rem;border-radius: 1rem 0 0 1.2rem;background-color: rgba(0,0,0,0.3);color: white;font-size: 1.2rem;line-height: 2rem;padding:0 0.8rem;}
video{object-fit: contain;}
.icon-right-bottom {font-size:5rem;opacity: 0.1;position: absolute;right: -1.8rem;bottom: -1.2rem;}
.wavebg{width: 100%;height: 18rem;background-image: url("../images/schoolWave/wavebg.png");background-size: 100% 100%;}
.waveMajor{position: relative;overflow: hidden;border-radius: 0.6rem;}
.waveMajor .major{border: 1px solid white;background-color: white;border-radius: 0.6rem;width: 100%;box-sizing: border-box;}
.waveMajor .check{width: 2.8rem;height: 2.4rem;text-align: center;line-height: 2.4rem;display: block;position: absolute;right:-1px;top:-1px;background-color: #eaeaea;border-radius: 0 0 0 2rem;}
.waveMajor.active .check{background-color: #00B56E;}
.waveMajor .check .iconfont{color: white;font-size: 1.2rem;}
.waveMajor.active .major{border: 1px solid #00B56E;background-color:#EDF9F4;}

.good{position: relative;overflow: hidden;}
.good .checked{position: absolute;bottom: -3rem;right: -3rem;width: 6rem;height: 6rem;transform: rotate(45deg);background-color:#DD4E2C ;}
.good .check.iconfont{color: #fff;font-size: 1.2rem;position: absolute;bottom: 0.5rem;right: 0.5rem;z-index: 1;}
.b-2-golden{border: 2px solid rgba(175, 139, 84, 1);}
.b-2-red{border: 2px solid #DD4E2C;}
.b-red{border: 1px solid #DD4E2C;}

.loadding.ball-pulse{width: 5rem;}
.loadding.ball-pulse .ball{width: 1.2rem;height: 1.2rem;border-radius: 50%;background-color: #E9C38B; display: block;animation: ani-ball-pulse 1.2s infinite;}
.loadding.ball-pulse .ball.ball1{animation-delay: -0.6s;}
.loadding.ball-pulse .ball.ball2{animation-delay: -0.4s;}
.loadding.ball-pulse .ball.ball3{animation-delay: -0.2s;}
@keyframes ani-ball-pulse{
    0%{
        transform: scale(0);
    }
    50%{transform: scale(1);}
    100%{transform: scale(0);}
}

.ub-scroll{ position: absolute;top: 0;bottom: 0;left: 0;right: 0;overflow-x: hidden;overflow-y: auto;}

.overflow-hidden{overflow: hidden;}
.videoTitle{background: linear-gradient(to bottom, rgba(0,0,0,0.4) ,rgba(0,0,0,0.2) ,rgba(0,0,0,0));line-height: 2.4rem;color: white;font-size:1.6rem;position: absolute;top:0;left: 0;right: 0; padding: 0.8rem 3.2rem 0.8rem 0.8rem;border-radius: 0.5rem 0.5rem 0 0;}
.videoViewed{position: absolute;right: -2.8rem;top: -0.2rem;width: 8rem;text-align: center;background-color:#aaa;color: white;transform: rotate(45deg);line-height: 3rem;font-size: 1.2rem;padding-top: 0.2rem;}

.playing{width: 15px;height: 14px;}
.playing .item{height: 14px;width: 3px;background: #FD7649;border-radius: 0.2rem;animation-name: ani-play;animation-duration: 1s;animation-iteration-count: infinite;}
.delay25{animation-delay: -0.25s;}
.delay50{animation-delay: -0.5s;}
.delay75{animation-delay: -0.75s;}
@keyframes ani-play{
    0%{height: 30%;}
    50%{height: 100%;}
    100%{height: 30%;}
}
.ub-scroll{}
.item-144-78{width: 14.4rem;height: 7.8rem;}
.item-230-130{width: 23rem;height: 13rem;}
.home-play-video-icon{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 3.2rem;height: 3.2rem;display: block;border-radius: 50%;background: rgba(0,0,0,0.5);text-align: center;line-height: 3.2rem;}
.home-play-video-icon .iconfont{font-size: 1.4rem;color:white;}
.home-play-video-view{position: absolute;bottom: 0.8rem;right: 0;border-radius: 1rem 0 0 1rem;background: rgba(0,0,0,0.5);color: white;font-size: 1rem;line-height: 1.8rem;padding-left: 0.8rem;padding-right: 0.4rem;}
.videos .item{float: left;width: 100%;box-sizing: border-box;}
.videos .item .videoH{height: 50vw;}

@media only screen and (min-width: 640px) {
    .videos .item{width: 50%;}
    .videos .item .videoH{height: 25vw;}
    .col2-3 .col{width: 33.3%;}
}
.timer{line-height: 2rem;}
.timer .time{width: 4rem;display: inline-block;text-align: center;background-color: white;border-radius: 0.3rem;margin: 0 0.8rem;color: #2f2f2f;}
.border-box{box-sizing: border-box;}

.fixedSchoolSort{position: fixed;bottom: 5rem;right: 0rem;}
.sortBtn{background: #00B56E;width: 2.8rem;height: 2.8rem;line-height: 1.4rem;text-align: center;border-radius: 50%;overflow: hidden;color: white;font-size: 1.2rem;padding: 0.8rem;}
.fixedSchoolSort .sortItem{margin-bottom: 0.8rem;line-height: 1.6rem;display:block;background-color: white;color: #999;border-radius:1.6rem 0 0 1.6rem;transform: translateX(160%);box-shadow: 0 0 12px 0px #ddd;padding: 0.8rem 1.6rem;font-size: 1.4rem;}
.fixedSchoolSort .sortItem.item0{transition:all 0.3s 0s;}
.fixedSchoolSort .sortItem.item1{transition:all 0.3s 0.1s;}
.fixedSchoolSort .sortItem.item2{transition:all 0.3s 0.2s;}
.fixedSchoolSort .sortItem.item3{transition:all 0.3s 0.3s;}
.fixedSchoolSort.active .sortItem.item0{transform: translateX(0);transition:all 0.3s 0s;}
.fixedSchoolSort.active .sortItem.item1{transform: translateX(0);transition:all 0.3s 0.1s;}
.fixedSchoolSort.active .sortItem.item2{transform: translateX(0);transition:all 0.3s 0.2s;}
.fixedSchoolSort.active .sortItem.item3{transform: translateX(0);transition:all 0.3s 0.3s;}
.fixedSchoolSort .sortItem.active{color: #00B56E;}

.home-kefu{position: fixed;bottom: 12rem;right: 0; text-align: right;}
.home-kefu .hide{ color:rgba(0,0,0,0.4);}
.home-kefu .kefu{vertical-align: middle; padding: 0.8rem;background: rgba(0,0,0,0.4);border-radius: 2rem 0 0 2rem;color: white;font-size: 1.2rem;}


.fixedSchoolSort .sortItem.active {
    color: #00B56E;
}

.home-kefu {
    position: fixed;
    bottom: 12rem;
    right: 0;
    text-align: right;
}

.home-kefu .hide {
    color: rgba(0, 0, 0, 0.4);
}

.home-kefu .kefu {
    vertical-align: middle;
    padding: 0.8rem;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 2rem 0 0 2rem;
    color: white;
    font-size: 1.2rem;
}


>>>>>>> 22d6ec45608227246eb830bf8688cb92fb265216





/* down_app 新增 */
.main .title b{
    position: relative;
}
.main .title i{
    position: absolute;
    right: -3rem;
    top: 0;
}
.small_tip{
    background: rgba(215,240,224,.65);
    padding: 0.3rem 0.4rem;
    border-radius: 4px;
    display: inline-block;
}
.logo{
    width: 77px;
    height: 77px;
}

.down_tabs .active{
    border-bottom: 3px solid #000;
}

.main{
    padding: 0 0 120px 0;
}

.main .types{
    display: flex;
}

.main .types span{
    display: inline-block;
    padding: 0 1rem;
    height: 27px;
    line-height: 27px;
    border-radius: 4px;
    margin: 0 1rem 0 0;
    color: rgb(47 47 47);
    text-align: center;
}

.main .types .item{
    background: rgb(249 234 211);
}

.main .types .active{
    background: rgb(210 148 50);
    color: #fff;
}

.main .comment_main{
    min-height: 500px;
}



.main .comment_item .user{
    display: flex;
    align-items: center;
}

.main .comment_item .user img{
    width: 3rem;
    height: 3rem;
    border: 0;
    border-radius: 50%;
}

.main .comment_item > p{
    line-height: 22px;
}

.main .comment_item .img-box img{
    width: 105px;
    height: 105px;
    border-radius: 5px;
    margin: 0 1rem 1rem 0;
    object-fit: cover;
}
.main .comment_item .img-box img:nth-child(3n){
    margin-right: 0;
}

.main .iconicon_drop-down{
    font-size: 1rem;
    line-height: 24px;
}

.main .drop-down_show{
    transform: rotate(180deg);
    display: inline-block;
}


/* 资讯详情新增顶部下载标签 */
.down_app_tip{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.down_app_tip >a div{
    display: flex;
    align-items: center;
    width: max-content;
}

.down_app_tip img{
    width: 38px;
    height: 38px;
    margin: 0 1rem 0 0;
}

.down_app_tip div a{
    display: inline-block;
    width: 72px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 4px;
}

/* 专业详情图标 */
.bl-1-grey{border-left: 1px solid #eaeaea;}
.bar-h{height: 2.2rem;}
.w-prov{width: 3rem;}
.axis-x::before{border-left: 1px solid #eaeaea;}
.ub .ub-f1{overflow: visible;}

/* 资讯详情新增顶部下载标签 */
.down_app_tip{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.down_app_tip >a div{
    display: flex;
    align-items: center;
    width: max-content;
}

.down_app_tip img{
    width: 38px;
    height: 38px;
    margin: 0 1rem 0 0;
}

.down_app_tip div a{
    display: inline-block;
    width: 5rem;
    height: 2.5rem;
    text-align: center;
    line-height: 2.5rem;
    border-radius: 4px;
}


/* 大额优惠券 */
.line-h-68{height:6.8rem;}
.color-golden-darker {color: #624a2a;}
.bg-red-dark{background:#993226;}
.m-lr-24{margin-right:2.4rem;margin-left:2.4rem;}
.months{position: relative;}
.months::before{content: "";position: absolute;left: 0.55rem;top: 0.6rem;bottom: 0;border-left: 1px solid #acacac;}
.months .month{width: 70%;position: relative;padding-left: 3.2rem;}
.months .month::before{content:"";width: 1.2rem;height: 1.2rem;background: #ACACAC;border-radius: 50%;position: absolute;left: 0;top:0.5rem;}
.btn.red-dark{height:48px;text-align:center;font-size:18px;font-weight:bold;border-radius:24px;background:#993226;}
.bg-f2{background:#f2f1f6;}
.pb-64{padding-bottom:6.4rem;}
.mt-12{margin-top:1.2rem;}
.mb-24{margin-bottom:2.4rem;}
.line-h-68{line-height:6.8rem;}
.text-30{font-size:3rem;}

/* 一对一服务 */
.unique-service img{width:100%;display:block;}

.tag-and-desc{ align-items: flex-start;-webkit-box-align: flex-start;-webkit-align-items: flex-start;}
.tag-and-desc .tag{line-height: 16px;padding: 0 4px;border-radius:2px;margin-right:4px;font-size: 12px; display: inline-block;}
.tag-and-desc .tag.red{color: #DD4E2C;background-color: #FFEEEE;border: 1px solid #F9CBC9;}
.tag-and-desc .tag.green{color: #00B56E;background-color: #00b56e0d;border: 1px solid #BAE2D6;}

.sticky{position: sticky;left:0;right:0;z-index:1000}