:root,[data-bs-theme=light] {
  --bs-box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.1);
}

radius::-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); }
.header-help { background: linear-gradient(to right, #1180FF, #04CDFD); color: var(--bs-white); }


.nav-list .nav-item { width: 48% !important; }
.nav-list .nav-link { background-color: var(--bs-white); border: 0; color: var(--bs-gray-700); padding-top: 34px; padding-bottom: 34px; }
.nav-list .nav-link span { width: 22px; height: 22px; border-radius: var(--bs-border-radius-2xl); color: var(--bs-gray-200); background: var(--bs-gray-200); }
.nav-list .nav-link.active { border: 0;  background: linear-gradient(to right, #1180FF, #04CDFD); color: var(--bs-white); }
.nav-list .nav-link.active span { color: #4597f3; background: var(--bs-white);  }

.noApple a {  background: linear-gradient(to right, #1180FF, #04CDFD); color: var(--bs-white); }

.myTabContent-list { background-color: var(--bs-white); padding-bottom: 40px; padding-top: 40px; }
.myTabContent-list-title h4 { color: var(--bs-gray-600) !important; }

.myTabContent-list-con h1 , .myTabContent-list-con h2 , .myTabContent-list-con p { line-height: 1.6 !important; }
.myTabContent-list-con .col-sm-5 img { width: 100%; }
.myTabContent-list-con .col-sm-7 h1 span { background: linear-gradient(to right, #1180FF, #04CDFD); color: var(--bs-white); }
.myTabContent-list-con .col-sm-7 h1 em { background: var(--bs-red); color: var(--bs-white); font-style: normal; }
.myTabContent-list-con .col-sm-7 strong { color: var(--bs-blue); }
.myTabContent-list-con .col-sm-7 a { color: var(--bs-red) !important; }
.myTabContent-list-con .col-sm-7 a strong { color: var(--bs-red) !important; }
.myTabContent-list-con .col-sm-7 p { color: var(--bs-gray-600); }

.myTabContent-list-but { cursor: pointer;}
.myTabContent-list-but  img { width: 18px; height: 18px; }

.accordion-item { background:none !important; border: 0; border-bottom: 1px solid var(--bs-gray-500); }
.accordion-button { color: var(--bs-black) !important; background: none !important; padding-top: 30px; padding-bottom: 30px; }
.accordion-button:focus { box-shadow:none !important; }
.accordion-button:not(.collapsed) {	color: var(--bs-accordion-active-color); background: none !important; box-shadow:none !important; }
.accordion-button::after { width: .9rem; height: .9rem; background-size:auto; }
.accordion-body strong { color: var(--bs-blue);}

.other { width: 260px; margin: 0 auto; }
.other a { width: 80px; }
.other a img { width: 32px; }


@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%; }
}