/* Phone-width preview on larger screens. */
@media(min-width:601px){
  #footer_single { background: url("../assets/cfbf23c1-footerm-bkgd.png"); height: 100%; }
  #footer_single .aboutus { font-size: 20px; padding: 5% 0px 2%; }
  #footer_single .aboutus .two { padding-top: 2%; }
  #footer_single .aboutus li a { text-decoration: none; width: 50px; }
  #footer_single .copyright { color: rgb(139, 148, 171); padding: 1% 0px 5%; font-size: 17.5px; }
  .btn_pop { display: flex; position: fixed; bottom: 0px; left: 0px; width: 100%; z-index: 3; }
  .btn_commitment { background: url("../assets/4a7208b7-btn13bkgd.png"); width: 33.33%; height: 54px; line-height: 54px; text-align: center; color: rgb(208, 209, 215); font-size: 25px; display: flex; align-items: center; justify-content: center; }
  .btn_commitment img { margin-right: 8px; }
  .btn_pop .center { background: url("../assets/3f7e420a-btn2bkgd.png"); }
  .btn_pop .center a { color: rgb(208, 209, 215); padding-left: 15%; font-size: 25px; }
  .btn_pop #kefuzixun a { color: rgb(208, 209, 215); font-size: 25px; }
  .commitment { color: rgb(255, 255, 255); position: relative; }
  #commitmentclose { position: absolute; top: -10%; right: 2%; cursor: pointer; }
  #commitmentclose img { width: 28px; }
  .commitment_title { text-align: center; font-size: 45px; line-height: 0.8; padding: 6% 0px 5%; position: relative; }
  .commitment_title span { font-size: 20px; }
  .commitment_title img { position: absolute; right: 5%; bottom: 0px; width: 40px; height: 40px; }
  .commitment_content { display: flex; flex-wrap: wrap; justify-content: space-between; width: 95%; margin: auto; background: rgb(255, 255, 255); border-radius: 25px; }
  .commitment_content li { width: 48%; list-style: none; display: flex; flex-direction: row; align-items: center; background: rgb(1, 20, 228); padding: 2% 0px 2% 5%; }
  .commitment_content img { width: 30px; height: 30px; margin-bottom: 5px; margin-right: 5%; }
  .commitment_content a { font-size: 22.5px; color: rgb(255, 255, 255); margin: 5px 0px; }
  .commitment_content span { font-size: 10px; color: rgba(255, 255, 255, 0.8); }
  .commitment_text { text-align: left; font-size: 35px; width: 40%; float: left; padding: 5%; }
  .commitment_img { float: right; width: 38%; }
  .commitment_img img { width: 100%; max-width: 200px; }
  .commitment_content_li { width: 92%; margin: auto; display: flex; }
  .commitment_content_top { margin: 4% 1% 0px; border-radius: 10px; }
  .commitment_content_bottom { margin: 2% 1% 5%; border-radius: 20px; }
  .commitment_content .text-container { width: 90%; display: flex; flex-direction: column; margin-top: -5%; }
  .commitment::after { content: ""; display: table; clear: both; }
  .btn_pop1 { position: fixed; bottom: 54px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: none; z-index: 2; }
  .btn_pop1 .commitment, .btn_pop1 .order { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 475px; }
  .btn_pop1 .trial { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 500px; background: rgb(255, 255, 255); }
}
/* Keep the source mobile composition, including on a desktop preview. */
body{max-width:500px;margin-inline:auto}
.btn_pop{max-width:500px;left:50%;transform:translateX(-50%);display:flex!important}
.popup-open{overflow:hidden}
.commitment{max-width:500px;left:50%!important;transform:translateX(-50%)}
[role="button"]{cursor:pointer}
a:focus-visible,[role="button"]:focus-visible,button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.slick-dots li button:focus-visible{outline:2px solid #ffcc00;outline-offset:3px}
.pinglunimage{box-sizing:border-box}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.slick-track{transition:none!important}}
@media(min-width:601px){.btn_pop a{text-decoration:none}}