body{background-color: #F8F7F5; 
background-image: linear-gradient( 182deg, #FF553F 0%, #FF5B4C 56.25%, #FFFFFF 100%);;
 background-size: min(750px, 100%) 12rem; 
background-repeat: no-repeat;
background-position: center top; 
}
:root{
    --search-bg: #F3F3F3;
    --placeholder-color: #6B7280;
}
em,i{font-style: normal;}

.header{width:100%;display:flex;justify-content: center;padding-top:0.2rem ;padding-bottom:0.2rem;box-sizing: border-box;}
.header-search{
    display: block;width: 9.6rem;background-image:url(../images/icon-header-search.png);background-repeat: no-repeat;background-size:0.43rem auto;background-position: 0.43rem center;background-color:var(--search-bg);
    border-radius: 0.27rem;
    font-size: 0.4rem;
    font-weight: 200;
    color: var(--placeholder-color);
    text-decoration: none;height:0.96rem;line-height:0.96rem;text-indent:1.17rem;
}





.body{width:9.6rem;display:block;padding:0.11rem 0rem;box-sizing: border-box;margin: 0 auto;}
.flex-between{display:flex;justify-content: space-between;width: 100%;}


.topdashboard{width: 100%;background:#fff;
box-shadow: 0px 2px 2px 3px #e1e1e1;border-radius: 0.32rem;padding:0.43rem;padding-top:0.2rem;padding-bottom:0.2rem;box-sizing: border-box;}
.statehops{width:100%;}
.statehops .statedata{display: flex;justify-content: space-between;width:100%;}
.statehops .statedata .statedataitem{display: flex;align-items: center;justify-content: start;flex-direction: column;width:calc( 33% - 0.2rem);border-radius:0.3rem;margin-left:0.2rem;padding:0.2rem;}
.statehops .statedata .statedataitem:nth-child(1){font-size: 0.51rem;font-weight: bold;color: var(--orange-color);background-color: var(--orange2-color);margin-left:0rem;}
.statehops .statedata .statedataitem:nth-child(2){font-size: 0.51rem;font-weight: bold;color: var(--blue-color);background-color: var(--blue2-color);}
.statehops .statedata .statedataitem:nth-child(3){font-size: 0.51rem;font-weight: bold;color: var(--green-color);background-color: var(--green2-color);}
.statehops .statedata .statedataitem span{color:inherit;display:block;width:100%;}
.statehops .statedata .statedataitem span:nth-child(1){font-size: 0.45rem;font-weight: bold;color:var(--default-font-color);display: flex;align-items: center;justify-content: start;}
.statehops .statedata .statedataitem span:nth-child(2){font-size: 0.6rem;font-weight: 200;margin-top:0.2rem;font-family: -apple-system,Helvetica,sans-serif;}
.statehops .statedata .statedataitem span em{color:inherit;font-size:0.32rem;font-family:"Microsoft YaHei";}
.statehops .statedata .statedataitem .icon-right{display: block;
            width: 0.14rem;
            height: 0.14rem;
            border-right: 0.07rem solid var(--default-font-color);
            border-bottom: 0.07rem solid var(--default-font-color);
            border-radius: 0rem;
            transform: rotate(-45deg);}
.statehops .statedataitem span em{color:inherit;font-size:0.24rem;}
.statehops .myinfo{display:flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;margin-bottom:0.6rem;}
.statehops .myinfo .my{display: flex;align-items: center;justify-content: space-between;width: 100%;}
.statehops .myinfo .my span{font-size: 0.35rem;font-weight:bold;color:var(--default-font-color);}
.statehops .myinfo .my a{color:var(--orange-color);font-size: 0.35rem;font-weight:200;}
.statehops .myinfo .local{font-size: 0.35rem;font-weight:200;color:#000000;text-align: left;width: 100%;padding:0.1rem 0}
.statehops .myinfo .sorce{font-size: 0.35rem;font-weight:200;color:#000000;text-align: left;width: 100%;padding:0.1rem 0}
.statehops .myinfo .canuv{display: flex;justify-content:center;width: 100%;flex-wrap: wrap;flex-direction: column;padding-top:0.4rem }

.statehops .myinfo .canuv .alluv{width: 100%;font-size:1rem;height:1.2rem;text-align: center;font-weight: bold;font-family: -apple-system, Helvetica, sans-serif;}
.statehops .myinfo .canuv .canuv-tips1{font-size: 0.35rem;font-weight:200;color:#000000;text-align: center;width: 100%;}
.statehops .myinfo .canuv .canuv-tips2{font-size: 0.35rem;font-weight:200;color:#666666;text-align: center;width: 100%;}



.personset{width: 100%;display: flex;justify-content: space-between;margin-top: 0.2rem;}
.personset a{display: flex;align-items: center;justify-content: space-between;width:calc(50% - 0.1rem);height:1.64rem;border-radius:0.27rem;padding:0.22rem 0.27rem;box-sizing: border-box;}
.personset a:nth-child(1){background-color: #FFF0E5;color: var(--orange-color);}
.personset a:nth-child(2){background:linear-gradient( 84deg, #FF724E 0%, #FF4B3B 100%);color: var(--white-color);box-shadow: 0rem 0.11rem 0.59rem 0px rgba(229,136,99,0.32);}
.personset a i{width: 0.75rem;height: 0.75rem;display: inline-block;}
.personset a i.icon-personset{background-image: url(../images/icon-personset.png);background-repeat: no-repeat;background-size: 0.75rem auto;background-position: center center;}
.personset a i.icon-aiset{background-image: url(../images/icon-aiset.png);background-repeat: no-repeat;background-size: 0.75rem auto;background-position: center center;}
.personset a  span{display: flex;justify-content: space-between;flex-direction: column;width:2.6rem;height: 1rem;}
.personset a  span em{width:100%;display:block;}
.personset a  span em:nth-child(1){font-size: 0.4rem;}
.personset a  span em:nth-child(2){font-size: 0.29rem;opacity:0.7;}

.nodata-goset{width: 100%;height:1.2rem;line-height: 1.2rem;border-radius:0.2rem;background: linear-gradient(84deg,#FF724E,#FF4B3B);display:block;text-align: center;color: var(--white-color);font-size: 0.46rem;margin-top:0.2rem;}



.functbox{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 0.4rem;}
.functbox .functitem{width: calc(25% - 0.1rem);margin-bottom: 0.2rem;display: flex;align-items: center;justify-content: center;flex-direction: column;margin-bottom:0.4rem;}
.functbox .functitem i{width: 0.96rem;height: 0.96rem;}
.functbox .functitem:nth-child(1) i{background-image: url(../images/fun1.png);background-repeat: no-repeat;background-size: 0.96rem auto;background-position: center center;}
.functbox .functitem:nth-child(2) i{background-image: url(../images/fun2.png);background-repeat: no-repeat;background-size: 0.96rem auto;background-position: center center;}
.functbox .functitem:nth-child(3) i{background-image: url(../images/fun3.png);background-repeat: no-repeat;background-size: 0.96rem auto;background-position: center center;}
.functbox .functitem:nth-child(4) i{background-image: url(../images/fun4.png);background-repeat: no-repeat;background-size: 0.96rem auto;background-position: center center;}
.functbox .functitem:nth-child(5) i{background-image: url(../images/fun5.png);background-repeat: no-repeat;background-size: 0.96rem auto;background-position: center center;}
.functbox .functitem:nth-child(6) i{background-image: url(../images/fun6.png);background-repeat: no-repeat;background-size: 0.96rem auto;background-position: center center;}
.functbox .functitem:nth-child(7) i{background-image: url(../images/fun7.png);background-repeat: no-repeat;background-size: 0.96rem auto;background-position: center center;}
.functbox .functitem:nth-child(8) i{background-image: url(../images/fun8.png);background-repeat: no-repeat;background-size: 0.96rem auto;background-position: center center;}
.functbox .functitem span{font-size: 0.32rem;font-weight:400;color: var(--gray-color);height:0.45rem;line-height:0.45rem;width: 100%;display: block;text-align: center;}

.universitycard{width: 100%;margin-top:0.27rem;border-radius:0.32rem;overflow: hidden;background: #FFFFFF;
box-shadow: 0px 2px 2px 3px #e1e1e1;}
.universitycard .title{width: 100%;display: flex;justify-content: space-between;background: linear-gradient( 242deg, #F0F7FF 0%, rgba(234,250,255,0) 100%);height:1.57rem;line-height:1.57rem;background-size: 3rem 3rem;background-position: calc(100% + 1.5rem) center;background-repeat: no-repeat;}
.universitycard .title span{font-size: 0.51rem;font-weight: bold;color: var(--default-font-color);display: flex;align-items:left;}
.universitycard .title span i{width:0.75rem;height:0.75rem;background-image: url(../images/universitycardgo.png);background-repeat: no-repeat;background-size: 0.75rem auto;background-position: center center;margin-top:0.4rem;margin-left:0.37rem;}
.universitycard .title a.icon-go-source{width: 0.64rem;height: 0.64rem;display: inline-block;background-image: url(../images/icon-go-source.png);background-repeat: no-repeat;background-size: 100% auto;background-position: center center;margin-top:0.51rem;margin-right:0.2rem;}

.universitytab{width: 100%;position: relative;overflow-x: auto;overflow-y: hidden;white-space: nowrap;-webkit-overflow-scrolling: touch;}
.universitytab::-webkit-scrollbar{display: none;}
.universitytab .universitySwiper{width:100%;height:100%;display: flex;flex-direction: column;}
.universitytab .universitySwiper .slide-item{width: 100vw;height: 100%;flex-shrink: 0;display: flex;justify-content: space-between;}

.universitytab .lefttab{width:calc(100% - 0.4rem);margin:0 0.2rem;box-sizing: border-box;color:#B6BDCA}
.universitytab .lefttab .thead{width: 100%;display: flex;justify-content: space-between;}
.universitytab .lefttab .thead .th:nth-child(1){padding-left: 0.43rem;color:var(--default-font-color);}
.universitytab .lefttab .thead .th:nth-child(2){padding-right: 0.27rem;color:var(--default-font-color);}
.universitytab .lefttab .tbody{width: 100%;display: flex;flex-direction: column;}
.universitytab .lefttab .tbody .tr{width: 100%;display: flex;justify-content: space-between;align-items: center;height:2.06rem;}
.universitytab .lefttab .tbody .tr .td{display: flex;align-items: center;justify-content: center;}
.universitytab .lefttab .tbody .tr .td:nth-child(1){padding-left:0.43rem;width:calc(100% - 2rem);box-sizing: border-box;}
.universitytab .lefttab .tbody .tr .td:nth-child(1) i{height:1.06rem;width:1.06rem;margin-right:0.36rem;}
.universitytab .lefttab .tbody .tr .td:nth-child(1) i img{width:100%;height: 100%;}
.universitytab .lefttab .tbody .tr .td:nth-child(1) span{width:calc(100% - 1.42rem);}
.universitytab .lefttab .tbody .tr .td:nth-child(1) span em{width:100%;display:block;}
.universitytab .lefttab .tbody .tr .td:nth-child(1) span em:nth-child(1){font-size: 0.4rem;font-weight: bold;color: var(--default-font-color);margin-bottom:0.13rem;}
.universitytab .lefttab .tbody .tr .td:nth-child(1) span em:nth-child(2){font-size: 0.35rem;font-weight: 200;}
.universitytab .lefttab .tbody .tr .td:nth-child(2){width:1.8rem;font-size: 0.51rem;font-weight: 200;color: var(--default-font-color);line-height:2.06rem;font-weight: bold;text-align: right;justify-content: flex-end; padding-right: 0.2rem;
    box-sizing: border-box;}
.universitytab .lefttab .tbody .tr .td:nth-child(2) em{font-size: 0.27rem;margin-top:0.2rem;font-weight: 200;}


.universitytab .ttitle{width:100%;text-align: center;display: block;font-size:0.48rem;line-height:0.53rem;padding:0.27rem 0;padding-bottom:0.33rem;color:var(--default-font-color);}
.universitytab .righttab{width:calc(100% - 0.4rem);margin:0 0.2rem;height: 100%;display: flex;flex-direction: column;color:#D0AEA0;}
.universitytab .lefttab.righttab .tbody .tr .td{font-size: 0.43rem;color: var(--gray-color);height:2.06rem;}
.universitytab .lefttab.righttab .tbody .tr .td span{width:100%;display:flex;flex-direction: column;justify-content: center;align-items: center;height: 2.06rem;}
.universitytab .lefttab.righttab .tbody .tr .td span em:nth-child(1){font-size: 0.45rem;font-weight: bold;color: var(--default-font-color);margin-bottom:0.13rem;}
.universitytab .lefttab.righttab .tbody .tr .td span em:nth-child(2){font-size: 0.36rem;font-weight:bold;color: var(--orange-color);}
.universitytab .lefttab.righttab .tbody .tr .td span em:nth-child(2) i{font-size: 0.27rem;}
.universitytab .thead .th{font-size: 0.4rem;font-weight: 200;}


.mustdata{width: 100%;margin-top:0.27rem;border-radius:0.32rem;overflow: hidden;background: #FFFFFF;
box-shadow: 0px 2px 2px 3px #e1e1e1;}
.mustdata .title{width: 100%;display: flex;justify-content: space-between;background: linear-gradient( 89deg, #FFF5F0 0%, #F3F8FF 100%);height:1.57rem;line-height:1.57rem;background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;}
.mustdata .title span{font-size: 0.51rem;font-weight: bold;color: var(--default-font-color);display: flex;align-items:left;}
.mustdata .title span i{width:0.75rem;height:0.75rem;background-image: url(../images/backdata.png);background-repeat: no-repeat;background-size: 0.75rem auto;background-position: center center;margin-top:0.4rem;margin-left:0.37rem;}
.mustdata .title a.icon-go-source{width: 0.64rem;height: 0.64rem;display: inline-block;background-image: url(../images/icon-go-source.png);background-repeat: no-repeat;background-size: 100% auto;background-position: center center;margin-top:0.51rem;margin-right:0.43rem;}

.mustdatas{width: 100%;display: flex;flex-direction: column;}
.mustdatas .mustdataitem{font-size:0.36rem;line-height:1.25rem;display: flex;justify-content: start;align-items: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.mustdatas .mustdataitem i{border-radius: 0.11rem;width:0.53rem;height:0.53rem;text-align: center;line-height:0.53rem;background-color:#DBD9D6;color:var(--white-color);margin-left:0.45rem;margin-right:0.2rem;}
.mustdatas .mustdataitem:nth-child(1) i{background:url(../images/icon-list1.png) center center no-repeat;background-size: 100% 100%;border-radius: 0;text-indent: -99em;overflow:hidden;}
.mustdatas .mustdataitem:nth-child(2) i{background:url(../images/icon-list2.png) center center no-repeat;background-size: 100% 100%;border-radius: 0;text-indent: -99em;overflow:hidden;}
.mustdatas .mustdataitem:nth-child(3) i{background:url(../images/icon-list3.png) center center no-repeat;background-size: 100% 100%;border-radius: 0;text-indent: -99em;overflow:hidden;}


.hotuniversity{width: 100%;margin-top:0.27rem;border-radius:0.32rem;overflow: hidden;background: #FFFFFF;
box-shadow: 0px 2px 2px 3px #e1e1e1;}
.hotuniversity .title{width: 100%;display: flex;justify-content: space-between;height:1.57rem;line-height:1.57rem;}
.hotuniversity .title span{font-size: 0.51rem;font-weight: bold;color: var(--default-font-color);display: flex;align-items:left;}
.hotuniversity .title span i{width:0.75rem;height:0.75rem;background-image: url(../images/backdata.png);background-repeat: no-repeat;background-size: 0.75rem auto;background-position: center center;margin-top:0.4rem;margin-left:0.37rem;}
.hotuniversity .title a.icon-go-source{width: 0.64rem;height: 0.64rem;display: inline-block;background-image: url(../images/icon-go-source.png);background-repeat: no-repeat;background-size: 100% auto;background-position: center center;margin-top:0.51rem;margin-right:0.2rem;}


/*redbag*/
.redbag{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index:1000; display: none;}
.redbag.show{display:block;}
.redbag .mask{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);z-index:5001;opacity: 0.5;}
.redbag .redbag-content{position: fixed;bottom:0;left:0;width:100%;height: 14rem;background:url(../images/redbag-bg.png) center center no-repeat;background-size: 100% 100%;z-index: 5002;}
.redbag .redbag-content .policy{width:9rem;display: flex;justify-content: center;align-items: flex-start;margin:0 auto}
.redbag .redbag-content .policy p{font-size: 0.32rem;font-weight: 400;color: #605A57;line-height: 0.45rem;padding: 0.27rem 0.43rem;width:6.2rem;padding-left:0.2rem}
.redbag .redbag-content .policy svg{position: static !important;margin-top:0.27rem;}
.redbag .redbag-content .btn{background:url(../images/redbag-btn.png);width:8.9rem;height:1.5rem;margin:0 auto;display:block;background-size:100% 100%;color:#FFF2E9;font-size:0.43rem;text-align:center;line-height:1.5rem;margin-bottom:0.32rem}
.redbag .redbag-content .btn em{color:#FCE8BD;font-size:0.51rem;}
.redbag .redbag-content .tiplist{display: flex;justify-content: space-between;width:calc(100% - 1.5rem);margin-left:0.75rem;margin-bottom:0.53rem;}
.redbag .redbag-content .tiplist .tli{width: 20%;}
.redbag .redbag-content .tiplist .tli i{width:0.96rem;height:0.96rem;display:block;margin:0 auto;}
.redbag .redbag-content .tiplist .tli:nth-child(1) i{background-image: url(../images/redbag-ico1.png);background-repeat: no-repeat;background-size: 0.96rem auto;background-position: center center;}
.redbag .redbag-content .tiplist .tli:nth-child(2) i{background-image: url(../images/redbag-ico2.png);background-repeat: no-repeat;background-size: 0.96rem auto;background-position: center center;}
.redbag .redbag-content .tiplist .tli:nth-child(3) i{background-image: url(../images/redbag-ico3.png);background-repeat: no-repeat;background-size: 0.96rem auto;background-position: center center;}
.redbag .redbag-content .tiplist .tli:nth-child(4) i{background-image: url(../images/redbag-ico4.png);background-repeat: no-repeat;background-size: 0.96rem auto;background-position: center center;}
.redbag .redbag-content .tiplist .tli:nth-child(5) i{background-image: url(../images/redbag-ico5.png);background-repeat: no-repeat;background-size: 0.96rem auto;background-position: center center;}
.redbag .redbag-content .tiplist .tli span{color:#866B67;width: 100%;display: block;text-align: center;font-size:0.32rem;}
.redbag .redbag-content .tips1{display: block;width: 100%;text-align: center;font-size:0.32rem;margin-bottom:0.53rem;color:#C0857D;margin-bottom:0.32rem}
.redbag .redbag-content .redbag-0001{display: block;width: 100%;height: 6rem;text-align: center;position: relative;background-image: url(../images/redbag-0001.png);background-repeat: no-repeat;background-size:auto 6rem ;padding-top:1.52rem;box-sizing: border-box;}
.redbag .redbag-content .redbag-0001 .w{display:block;width:100%;color:var(--white-color);font-size:0.72rem;}
.redbag .redbag-content .redbag-0001 .p{font-size:1.12rem;color:#ffffff;display: block;text-align: center;padding-top:0.4rem;font-family: D-DIN-DIN, D-DIN-DIN;}
.redbag .redbag-content .redbag-0001 .p em{font-size: 0.37rem;}
.redbag .redbag-content .topbg{width: 100%;height: 1.8rem;position: relative;}
.redbag .redbag-content .topbg .pic{background-image: url(../images/redbag-bg2.png);background-repeat: no-repeat;background-size: 100% 100%;width: 4.75rem;height: 3.95rem;position: absolute;top:-1.6rem;right: 0;}
.redbag .redbag-content .topbg .close{background-image: url(../images/redbag-close.png);background-repeat: no-repeat;background-size: 100% 100%;width: 0.64rem;height: 0.64rem;position: absolute;top: -2.6rem;right: 0.53rem;}


/*redbag end*/








.fixfooter{height:1.3rem;display:block;width:100%;}
.fixfooter .footer-content{width:10rem;display: flex;justify-content: space-between;position: fixed;bottom:0;left:calc(50% - 5rem);background-color:var(--white-color);padding:0.11rem 0;}
.fixfooter .footer-content .footer-item{display: flex;align-items: center;justify-content: center;flex-direction: column;width: 33%;}
.fixfooter .footer-content .footer-item i{width:0.64rem;height:0.64rem;display:block;margin:0 auto;}
.fixfooter .footer-content .footer-item span{display:block;text-align: center;width: 100%;font-size:0.32rem}
.fixfooter .footer-content .footer-item.active span{color: var(--orange-color);}
.fixfooter .footer-content .footer-item:nth-child(1) i{background:url(../images/icon-home.png) center center no-repeat;background-size: 100% 100%;}
.fixfooter .footer-content .footer-item:nth-child(1).active i{background:url(../images/icon-home_hov.png) center center no-repeat;background-size: 100% 100%;}
.fixfooter .footer-content .footer-item:nth-child(2) i{background:url(../images/icon-vtab.png) center center no-repeat;background-size: 100% 100%;}
.fixfooter .footer-content .footer-item:nth-child(2).active i{background:url(../images/icon-vtab_hov.png) center center no-repeat;background-size: 100% 100%;}
.fixfooter .footer-content .footer-item:nth-child(3) i{background:url(../images/icon-my.png) center center no-repeat;background-size: 100% 100%;}
.fixfooter .footer-content .footer-item:nth-child(3).active i{background:url(../images/icon-my_hov.png) center center no-repeat;background-size: 100% 100%;}


.hotuniversity .lefttab{width:calc(100% - 0.4rem);margin:0 0.2rem;box-sizing: border-box;color:#B6BDCA}

.hotuniversity .lefttab .tbody{width: 100%;display: flex;flex-direction: column;}
.hotuniversity .lefttab .tbody .tr{width: 100%;display: flex;justify-content: space-between;align-items: center;height:2.06rem;}
.hotuniversity .lefttab .tbody .tr .td{display: flex;align-items: center;justify-content: center;}
.hotuniversity .lefttab .tbody .tr .td{padding-left:0.43rem;width:96% !important;box-sizing: border-box;}
.hotuniversity .lefttab .tbody .tr .td i{height:1.06rem;width:1.06rem;margin-right:0.36rem;}
.hotuniversity .lefttab .tbody .tr .tdx i img{width:100%;height: 100%;}
.hotuniversity .lefttab .tbody .tr .td span{width:calc(100% - 1.42rem);}
.hotuniversity .lefttab .tbody .tr .td span em{width:100%;display:block;word-break: break-all;}
.hotuniversity .lefttab .tbody .tr .td span em:nth-child(1){font-size: 0.45rem;font-weight: bold;color: var(--default-font-color);margin-bottom:0.13rem;}
.hotuniversity .lefttab .tbody .tr .td:nth-child(1) span em:nth-child(2){font-size: 0.35rem;font-weight: 200;display: flex;flex-wrap: wrap;justify-content: start;}
.hotuniversity .lefttab .tbody .tr .td:nth-child(1) span em:nth-child(2) p{margin:0;padding:0;margin-right:0.05rem;height:0.38rem;line-height:0.38rem;width:fit-content;text-align: center;}



.whitebook{width: 100%;margin-top:0.27rem;border-radius:0.32rem;overflow: hidden;background: #FFFFFF;padding-bottom:0.4rem;box-shadow: 0px 2px 2px 3px #e1e1e1;}
.whitebook .title{width: 100%;display: flex;justify-content: space-between;height:1.57rem;line-height:1.57rem;background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;}
.whitebook .title span{font-size: 0.51rem;font-weight: bold;color: var(--default-font-color);display: flex;align-items:left;}
.whitebook .title span i{width:0.75rem;height:0.75rem;background-image: url(../images/backdata.png);background-repeat: no-repeat;background-size: 0.75rem auto;background-position: center center;margin-top:0.4rem;margin-left:0.37rem;}
.whitebook .title a.icon-go-source{width: 0.64rem;height: 0.64rem;display: inline-block;background-image: url(../images/icon-go-source.png);background-repeat: no-repeat;background-size: 100% auto;background-position: center center;margin-top:0.51rem;margin-right:0.2rem;}
.whitebookscoll{overflow-x:auto;width:calc(100% - 0.37rem);margin-left:0.37rem;}
.whitebookscoll .scollbox{display:flex;justify-content:start;width: fit-content;}
.whitebookscoll .scollbox .whitebookitem{margin-right: 0.2rem;}
.whitebookscoll::-webkit-scrollbar{display: none;}
.whitebookitem{background:url(../images/whitepibg.png);width:3.76rem;height:4.51rem;background-size:100% 100%;position: relative;}
.whitebookitem i{position: absolute;top: 0.1rem;right: 0.1rem;color:var(--white-color);font-size:0.3rem;}
.whitebookitem span{position: absolute;top: 0.43rem;left: 0.32rem;color:#2C2724;font-size: 0.45rem;font-weight: bold;}
.whitebookitem em{position: absolute;top: 1.17rem;left: 0.32rem;color:var(--default-font-color);font-size: 0.32rem;font-weight: 200;}
.whitebookitem p{position: absolute;top: 1.73rem;left: 0.32rem;right:0.3rem;color:#807B79;font-size: 0.24rem;font-weight: 200;display: flex;justify-content: start;flex-wrap: wrap;}
.whitebookitem p label{border-radius:0.11rem;border:0.003px solid #F3D8D3;color:#91544C;padding:0.08rem 0.11rem;margin-right:0.16rem;margin-bottom:0.13rem;}
.whitebookitem div{position: absolute;top: 3.6rem;left: 0.32rem;text-align:center;line-height: 0.75rem;background-color:#FFCDC8;border-radius:0.38rem;height:0.75rem;width: 1.5rem;}