::-webkit-scrollbar{ width:6px; height:6px; }
::-webkit-scrollbar-track{border-radius:0px;}
::-webkit-scrollbar-track-piece{ background: #f1f1f1; }
::-webkit-scrollbar-thumb{  background: #c1c1c1; border-radius:20px;}
::-webkit-scrollbar-thumb:hover{background: #c1c1c1;}
::-webkit-scrollbar-corner{ background: #c1c1c1;}

img {
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges; 
  object-fit: cover;
}
.fs-7 { font-size: .85rem; }
.blue { color: var(--bs-primary);}
.gray-600 { color: var(--bs-gray-600);}
.w-48 { width: 48%; }
a { color:var( --bs-black ); text-decoration:none; cursor:pointer; }

body { background: url('/dist/img/bigbg.png') no-repeat center top; font-family: PingFang SC,Lantinghei SC,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,微软雅黑,STHeitiSC-Light,simsun,宋体,WenQuanYi Zen Hei,WenQuanYi Micro Hei,"sans-serif"; }

.banner h5 { line-height: 20px; }

.download-tips h4 a { background: url('/dist/img/d-bg.png') no-repeat center top; width: 208px; height: 78px; line-height: 78px; color: var(--bs-white); }
.download-tips h4 a:hover { background: url('/dist/img/d-bg-on.png') no-repeat center top; }
.download-tips h4 a img { height: 20px; }
.download-tips h5 a { color: var(--bs-gray-700); }
.download-tips h5 a:hover { color: var(--bs-black); }
.download-tips h5 a img { height: 18px; vertical-align: top !important; }
.download-tips h5 span { color: var(--bs-gray-400); }

.strengths-list .strengths-list-con { width: 30%; }
.strengths-list div img { height: 110px; }


.asked div { background-color: #FBFDFF; border-radius:var(--bs-border-radius-2xl) }

.suitable { background: linear-gradient(45deg, #FBFDFF, #D4E8FF); border-radius:var(--bs-border-radius-2xl) }

.banner { animation:up .5s ease both; }
.strengths-list { animation:up 3s ease both; }
.suitable { animation:up 6s ease both; }
.asked { animation:up 9s ease both; }

.tips div { border: var(--bs-border-width) dashed  var(--bs-gray-500); }

@keyframes up{from{opacity:0;transform:translateY(22px);}to{opacity:1;transform:translateY(0);}}

footer { background-color: var(--bs-black); }
footer a { color: var(--bs-gray-600);}

.title h5 { color: var(--bs-gray-500); }

.back-to-top { position: fixed; bottom: 180px; right: 20px; }
.back-to-top a img { width: 40px; height: 40px; border-radius:var(--bs-border-radius-2xl); }


@media (max-width: 1000px) {

.strengths-list-con { width: 100% !important; }
.banner-tit-img { width: 80%; }
.asked .w-48 { width: 100%; }
.banner .w-50 { width: 100% !important;  }
.suitable { width: 96%; }
.suitable img { width: 100%; }

}