::-webkit-scrollbar {
      width: 0px;
  }

.collLists::-webkit-scrollbar {
    width: 4px;
}

.collLists::-webkit-scrollbar-track {
  -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
  border-radius:10px;
}
/* 滚动条滑块 */
.collLists::-webkit-scrollbar-thumb {
  border-radius:10px;
  background:rgba(0,0,0,0.1);
  -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);
}
.collLists::-webkit-scrollbar-thumb:window-inactive {
  background:rgba(255,0,0,0.4);
}
html,body {
     font-size:66.6666px;
}
table{
  max-width:100% !important;
}
/*设计稿件建议在720px,PX与rem是百进制*/
@media only screen and (max-width: 1080px) and (orientation: portrait) {
   html,body {
       font-size:150px;
   }
 }
 @media only screen and (max-width: 1024px) and (orientation: portrait) {
   html,body {
       font-size:142.2222px;
   }
 }
@media only screen and (max-width: 960px) and (orientation: portrait) {
   html,body {
       font-size: 133.3333px;
   }
 }
@media only screen and (max-width: 800px) and (orientation: portrait) {
   html,body {
       font-size:111.1111px;
   }
 }
@media only screen and (max-width: 720px) and (orientation: portrait) {
   html,body {
       font-size:100px;
   }
 }
@media only screen and (max-width: 640px) and (orientation: portrait) {
   html,body {
       font-size:88.8888px;
   }
 }
@media only screen and (max-width: 600px) and (orientation: portrait) {
   html,body {
       font-size:83.3333px;
   }
 }
@media only screen and (max-width: 540px) and (orientation: portrait) {
   html,body {
       font-size:75px;
   }
 }
@media only screen and (max-width: 480px) and (orientation: portrait) {
   html,body {
       font-size:66.6666px;
   }
 }
@media only screen and (max-width: 414px) and (orientation: portrait) {
   html,body {
       font-size:57.5px;
   }
 }
@media only screen and (max-width: 400px) and (orientation: portrait) {
   html,body {
       font-size: 55.5555px;
   }
 }
@media only screen and (max-width: 375px) and (orientation: portrait) {
   html,body {
       font-size:52.08px;
   }
 }
@media only screen and (max-width: 360px) and (orientation: portrait) {
   html,body {
       font-size:50px;
   }
 }
@media only screen and (max-width: 320px) and (orientation: portrait) {
   html,body {
       font-size:44.4444px;
   }
 }
@media only screen and (max-width: 240px) and (orientation: portrait) {
   html,body {
       font-size:33.3333px;
   }
 }


@media only screen and (max-width: 1080px) and (orientation: landscape){
   html,body {
       font-size:84.38343834px;
   }
 }
 @media only screen and (max-width: 1024px) and (orientation: landscape){
   html,body {
       font-size:80.0079883px;
   }
 }
@media only screen and (max-width: 960px) and (orientation: landscape){
   html,body {
       font-size: 75.007482px;
   }
 }
@media only screen and (max-width: 800px) and (orientation: landscape){
   html,body {
       font-size:62.50624437px;
   }
 }
@media only screen and (max-width: 720px) and (orientation: landscape){
   html,body {
       font-size:56.25562556px;
   }
 }
@media only screen and (max-width: 640px) and (orientation: landscape){
   html,body {
       font-size:50.0049505px;
   }
 }
@media only screen and (max-width: 600px) and (orientation: landscape){
   html,body {
       font-size:46.87966922px;
   }
 }
@media only screen and (max-width: 540px) and (orientation: landscape){
   html,body {
       font-size:42.19171917px;
   }
 }
@media only screen and (max-width: 480px) and (orientation: landscape){
   html,body {
       font-size:37.50371287px;
   }
 }
@media only screen and (max-width: 414px) and (orientation: landscape){
   html,body {
       font-size:32.3469847px;
   }
 }
@media only screen and (max-width: 400px) and (orientation: landscape){
   html,body {
       font-size: 31.25309406px;
   }
 }
@media only screen and (max-width: 375px) and (orientation: landscape){
   html,body {
       font-size:29.29792979px;
   }
 }
@media only screen and (max-width: 360px) and (orientation: landscape){
   html,body {
       font-size:28.12781278px;
   }
 }
@media only screen and (max-width: 320px) and (orientation: landscape){
   html,body {
       font-size:25.00247525px;
   }
 }
@media only screen and (max-width: 240px) and (orientation: landscape){
   html,body {
       font-size:18.75185644px;
   }
 }
@media only screen and (max-width: 1080px) and (orientation: landscape){
   html,body {
       font-size:50px !important;
   }
 }
@media only screen and (max-width: 1080px) and (orientation: landscape){
   html,body {
       font-size:50px !important;
   }
 }
@media only screen and (max-width: 1080px){
    html.desktop,body.desktop {
       font-size:66.6666px !important;
    }
 }