.pc_root { width: 1100px; height: 100%; margin: auto; background: rgb(7, 27, 190); color: rgb(255, 255, 255); }
.pc_one .top .title { width: 450px; height: 80px; position: absolute; left: 160px; top: 120px; text-align: center; color: rgb(255, 255, 255); }
.pc_one .top .title .one { font-size: 35px; }
.pc_one .top .title .two { font-size: 45px; padding-top: 20px; padding-bottom: 50px; }
.pc_one .top .title .three { font-size: 18px; }
.pc_two .title { width: 805px; height: 200px; position: absolute; left: 50%; top: 80px; text-align: center; color: rgb(255, 255, 255); transform: translateX(-50%); }
.pc_two .title .one { font-size: 30px; }
.pc_two .title .two { font-size: 60px; padding-top: 20px; font-weight: 500; }
.pc_two .biaozhun { width: 805px; height: 680px; position: absolute; left: 50%; top: 370px; text-align: center; color: rgb(255, 255, 255); transform: translateX(-50%); }
.pc_two .biaozhun .one { font-size: 40px; padding-top: 5px; }
.pc_two .biaozhun .two { font-size: 25px; padding-top: 238px; }
.pc_two .biaozhun .three { font-size: 38px; padding-top: 62px; color: rgb(7, 27, 190); font-weight: 600; }
.pc_two .biaozhun .four { font-size: 20px; padding-top: 25px; height: 28px; }
.pc_two .biaozhun .four .left { float: left; padding-left: 60px; }
.pc_two .biaozhun .four .right { float: right; padding-right: 180px; }
.pc_four .title { height: 130px; width: 700px; margin: auto; color: rgb(255, 255, 255); padding-top: 120px; line-height: 40px; font-size: 22px; }
.pc_five .title { height: 90px; width: 700px; margin: auto; color: rgb(255, 255, 255); line-height: 40px; font-size: 50px; padding-top: 50px; font-weight: 600; text-align: center; }
.pc_five .top { height: 600px; width: 700px; margin: auto; color: rgb(255, 255, 255); line-height: 40px; font-size: 22px; text-align: center; }
.pc_five .top1 { height: 120px; width: 800px; margin: auto; color: rgb(255, 255, 255); line-height: 40px; font-size: 33px; text-align: center; }
.pc_six .imgdown { width: 33px; height: 29px; margin: auto; padding-bottom: 80px; }
.pc_six .lunbo { position: relative; width: 666px; height: 927px; margin: auto; border-radius: 20px; border: 2px solid rgb(255, 255, 255); }
.swiper-container { width: 90%; height: 90%; top: 5%; margin: auto; border-radius: 20px; }
.custom-navigation { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); }
.custom-prev, .custom-next { position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; }
.custom-prev { left: -20%; }
.custom-next { right: -20%; }
.lunbo img { width: 100%; }
.pc_six .title { position: relative; width: 505px; height: 65px; margin: auto; border-radius: 30px; background-color: rgb(255, 255, 255); top: 50px; display: flex; justify-content: center; align-items: center; font-size: 45px; color: rgb(7, 27, 190); font-weight: 600; }
.pc_seven .top { display: flex; width: 50%; margin: auto; font-size: 25px; line-height: 1.8; }
.pc_seven .top .left { float: left; width: 60%; list-style-type: none; }
.pc_seven .top .right { float: right; list-style-type: none; }
.pc_seven .bottom { display: flex; width: 65%; margin: auto; font-size: 20px; line-height: 1.8; padding-top: 80px; }
.pc_seven .bottom a { text-align: center; }
.pc_eight .title { width: 70%; margin: auto; font-size: 25px; line-height: 1.67; padding-top: 110px; height: 250px; }
.pc_eight .bottom { width: 70%; margin: auto; font-size: 25px; line-height: 1.67; font-weight: 600; }
.pc_nine .title { width: 80%; margin: auto; text-align: center; font-size: 60px; line-height: 1.5; padding-top: 80px; padding-bottom: 30px; }
.pc_nine .bottom { width: 80%; margin: auto; text-align: center; font-size: 30px; line-height: 1.5; }
.pc_ten .title { width: 70%; margin: auto; font-size: 35px; padding-top: 160px; font-weight: 600; }
.pc_ten .title span { font-size: 22px; font-weight: 400; }
.pc_ten .canshu { width: 42%; font-size: 35px; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0px; list-style: none; padding: 30px 0px 0px 210px; font-weight: 600; }
.pc_ten .canshu li { width: 45%; margin-bottom: 10px; box-sizing: border-box; }
.pc_ten .bottom { width: 15%; font-size: 25px; margin: 40px 0px 0px 15%; font-weight: 600; background-color: rgb(7, 27, 190); padding: 5px; color: rgb(255, 255, 255); text-align: center; }
.pc_ten .bottom a { color: rgb(255, 255, 255); text-decoration: none; }
.pc_eleven .logo { width: 10%; margin: auto; padding-top: 100px; padding-bottom: 50px; }
.pc_eleven .title { width: 60%; font-size: 65px; text-align: center; display: flex; align-items: center; justify-content: center; height: 500px; margin: auto; }
.qualifi_three .title { padding-top: 10%; color: rgb(0, 0, 0); margin: auto; text-align: center; }
.diy_root { width: 1100px; margin: auto; background: rgb(7, 27, 190); }
.diy_root .title { width: 100%; margin: auto; text-align: center; }
.margin-2 { margin: 2% 0px; }
.margin-top5 { margin-top: 5%; }
.font-weight-600 { font-weight: 600; }
.display-flex { display: flex; }
.padding-top2 { padding-top: 2%; }
.padding-bottom7 { padding-bottom: 7%; }
.padding-bottom10-5 { padding-bottom: 10.5%; }
.padding-top9 { padding-top: 9%; }
.padding-top9-5 { padding-top: 9.5%; }
.padding-top12 { padding-top: 12%; }
.padding-top22-5 { padding-top: 22.5%; }
.margin-center { margin: auto; }
.qualifi_one .title .two { align-items: center; font-weight: 500; }
.qualifi_one .title .two span { display: inline-block; width: 35%; height: 2px; background-color: rgb(255, 255, 255); vertical-align: middle; line-height: normal; }
.qualifi_one .title .three { margin: 14% 0px 2%; }
.font-size-14 { font-size: 14px; }
.font-size-20 { font-size: 20px; }
.font-size-25 { font-size: 25px; }
.font-size-40 { font-size: 40px; }
.font-size-47 { font-size: 47px; }
.font-size-50 { font-size: 50px; }
.font-size-55 { font-size: 55px; }
.font-size-60 { font-size: 60px; }
.left { float: left; }
.right { float: right; }
.padd-top6 { padding-top: 6%; }
.padd-top9 { padding-top: 9%; }
.padd-top10 { padding-top: 10%; }
.padd-top47 { padding-top: 47%; }
.color-black { color: rgb(0, 0, 0); }
.color-white { color: rgb(255, 255, 255); }
.qu_img img { margin: auto; }
.qu_img { width: 100%; display: flex; }
.aboutus_one { width: 100%; height: 5%; position: relative; overflow: hidden; }
.width_25 { width: 25%; }
.width_60 { width: 60%; margin: auto; }
.padding_1 { padding: 1%; }
.diy_root a { text-decoration: none; }
.width_34 { width: 34%; }
.width_38 { width: 38%; }
.aboutus_one a { display: inline-block; position: relative; }
.aboutus_one a:not(:last-child)::after { content: "|"; position: absolute; right: 15%; top: 50%; transform: translateY(-50%); }
.backround_color_white { background-color: rgb(255, 255, 255); }
.aboutus_two { color: rgb(255, 255, 255); }
.aboutus_two .logo { text-align: center; }
.aboutus_two .logo img { padding: 10% 0px 5%; }
.aboutus_two .title { font-size: 50px; }
.aboutus_two .subtitle { font-size: 40px; padding: 5% 0px; text-align: center; }
.aboutus_two .text { font-size: 32px; text-align: center; }
.aboutus_three { position: relative; }
.width_66 { width: 66%; margin: auto; }
.aboutus_three .width_66 { position: relative; z-index: 1; }
.aboutus_three .one { font-size: 65px; font-weight: 600; padding: 15% 0px 3%; }
.aboutus_three .two { font-size: 48px; text-align: right; }
.aboutus_three .three { font-size: 35px; padding: 15% 0px; font-weight: 600; position: relative; color: rgb(223, 9, 9); }
.aboutus_three .four { font-size: 25px; font-weight: 500; padding-bottom: 21%; }
.rightimg { position: absolute; right: 0px; bottom: 0px; }
.aboutus_five { position: relative; }
.aboutus_five .one { font-size: 65px; font-weight: 600; padding: 15% 0px 5%; }
.aboutus_five .two { font-size: 48px; text-align: right; padding-bottom: 14%; }
.aboutus_five .three { font-size: 35px; padding: 5% 0px; font-weight: 600; position: relative; }
.aboutus_five .four { font-size: 21px; font-weight: 600; padding-bottom: 9%; }
.aboutus_five .five { font-size: 17px; font-weight: 500; line-height: 1.4; padding-bottom: 12%; }
.aboutus_fiveimg { position: absolute; right: 0px; bottom: 0px; }
.aboutus_six { background-color: rgb(255, 255, 255); }
.aboutus_six .one { font-size: 65px; font-weight: 600; padding: 15% 0px 5%; }
.aboutus_six .two { font-size: 48px; padding-bottom: 12%; }
.aboutus_six .three { display: flex; justify-content: space-between; padding: 10% 0px 20%; font-weight: 600; }
.aboutus_six .three .left { width: 32%; }
.aboutus_six .three .right { width: 60%; padding-left: 3%; }
.center { width: 2%; text-align: center; }
.pc_seven li { font-size: 25px; list-style-type: none; text-transform: uppercase; line-height: 1.5; padding-bottom: 5%; }
.left_one { padding-bottom: 55%; }
.left_two { padding-bottom: 55%; }
.pc_seven li span { font-size: 18px; font-weight: 500; line-height: 1.4; }
.right_one { padding-bottom: 20%; }
.right_two { padding-bottom: 20%; }
.aboutus_eight .width_66 { padding-bottom: 5%; }
.aboutus_eight .one { font-size: 65px; font-weight: 600; padding: 20% 0px 3%; }
.aboutus_eight .two { font-size: 48px; text-align: right; padding: 5% 0px; }
.aboutus_eight .three { font-size: 35px; padding: 5% 0px; font-weight: 600; position: relative; }
.aboutus_eight .four { font-size: 20px; font-weight: 600; padding-bottom: 6%; }
.aboutus_eight .five { font-size: 16px; font-weight: 500; line-height: 1.4; padding-bottom: 16%; }
.aboutus_nine { color: rgb(255, 255, 255); }
.width_50 { width: 50%; }
.aboutus_nine .one { font-size: 50px; padding: 20% 0px 0px; }
.aboutus_nine .line { width: 10%; height: 5px; background-color: rgb(255, 255, 255); margin: 5% 0px; }
.aboutus_nine .two { font-size: 40px; padding: 5% 0px 15%; }
.aboutus_nine .three li { font-size: 25px; }
.aboutus_twelve { background-color: rgb(255, 255, 255); margin: auto; text-align: center; }
.aboutus_twelve .one { font-size: 70px; font-weight: 500; padding: 18% 0px 16%; }
.aboutus_twelve .two { font-size: 47px; }
.aboutus_twelve .three { font-size: 23px; font-weight: 600; padding: 20% 0px; position: relative; }
.aboutus_ten .one { font-size: 65px; font-weight: 600; padding: 15% 0px 5%; }
.aboutus_ten .two { font-size: 48px; text-align: right; padding-bottom: 12%; }
.aboutus_ten .three { padding-bottom: 20%; }
.aboutus_ten .three li { font-size: 25px; list-style-type: none; font-weight: 600; padding-bottom: 4%; }
.aboutus_ten .three li span { font-size: 20px; line-height: 1.4; font-weight: 600; }
#footer_single { background: url("./567c7161-footerpc-bkgd.png"); height: 335px; color: rgb(185, 189, 207); font-weight: lighter; }
#footer_single .logo { text-align: center; padding-top: 20px; }
#footer_single .fttxt { padding: 10px 0px; font-size: 18px; }
#footer_single .shape_1 { margin: auto; text-align: center; width: 500px; height: 1px; background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255), rgba(255, 255, 255, 0)); }
#footer_single .aboutus { text-align: center; font-size: 18px; padding: 20px 0px; }
#footer_single .aboutus li a { color: rgb(185, 189, 207); text-decoration: none; }
#footer_single .copyright { color: rgb(81, 106, 179); text-align: center; padding-top: 10px; font-size: 15px; }
#footer_single .copyright li { list-style-type: none; }
.pc_default { width: 1100px; height: 100%; margin: auto; background: rgb(255, 255, 255); color: rgb(0, 0, 0); }
.default_title { width: 80%; font-size: 30px; margin: 0px auto; text-align: center; padding: 3%; }
.default_content { width: 86%; font-size: 16px; margin: 0px auto; padding: 3%; }
@media (max-width: 600px) {
  .pc_root { max-width: 500px; width: 100%; }
  .pc_one .logo { width: 40%; margin: auto; }
  .pc_one .logo img { height: 7vw; padding-top: 10px; }
  .pc_one .title { width: 60%; margin: 2% 0px 0px 5%; text-align: center; }
  .pc_one .title .one { font-size: 3vw; }
  .pc_one .title .two { font-size: 5vw; }
  .pc_one .three { padding-top: 20px; width: 50%; font-size: 3vw; float: left; margin-left: 5%; text-align: center; }
  .pc_two .title { width: 80%; height: 100%; position: absolute; left: 50%; top: 20%; text-align: center; color: rgb(255, 255, 255); transform: translateX(-50%); }
  .pc_two .title .one { font-size: 3vw; }
  .pc_two .title .two { font-size: 7vw; padding-top: 1%; }
  .pc_three .one { position: relative; width: 90%; margin: auto; text-align: center; font-size: 6vw; }
  .pc_three .two { position: absolute; width: 90%; margin: auto; font-size: 3vw; top: 31%; left: 5%; }
  .pc_three .three { position: absolute; width: 50%; margin: auto; text-align: center; font-size: 5vw; color: rgb(7, 27, 190); font-weight: 600; padding-bottom: 8.8%; top: 44%; left: 24%; }
  .pc_three .four { position: absolute; width: 40%; text-align: center; padding-left: 20%; font-size: 3.8vw; padding-bottom: 4.8%; }
  .pc_four .title { font-size: 3.6vw; width: 85%; height: auto; text-align: inherit; line-height: 4vw; font-weight: 400; }
  .pc_five .title { width: 90%; height: auto; font-size: 6vw; font-weight: 500; padding-top: 5vw; padding-bottom: 4vw; }
  .pc_five .top { width: 90%; height: auto; font-size: 3vw; font-weight: 500; line-height: 5vw; }
  .pc_five .top1 { font-size: 3vw; width: 75%; height: auto; line-height: 5vw; }
  .pc_six .lunbo { width: 80%; height: auto; margin-top: 10%; padding: 3% 0px; border: 1px solid rgb(255, 255, 255); border-radius: 15px; }
  .pc_six .swiper-container { border-radius: 15px; }
  .pc_six .custom-prev { left: -12%; }
  .pc_six .custom-prev img { width: 50%; }
  .pc_six .custom-next img { width: 50%; }
  .pc_seven .title { width: 75%; margin: auto; text-align: center; font-size: 6vw; color: rgb(7, 27, 190); padding-top: 2.5%; font-weight: 600; }
  .pc_seven .top { width: 70%; margin: auto; font-size: 3.2vw; padding-top: 8%; font-weight: 600; line-height: 2.1; }
  .pc_seven .bottom { width: 80%; margin: auto; padding-top: 8%; }
  .pc_seven .bottom a { width: 33%; font-size: 2vw; }
  .pc_seven .bottom a .code { width: 70%; }
  .pc_eight .title { width: 85%; font-size: 3vw; padding-top: 11%; height: auto; }
  .pc_eight .bottom { width: 85%; font-size: 3vw; padding-top: 11%; height: auto; }
  .pc_nine .title { width: 85%; font-size: 6vw; padding-top: 11%; height: auto; padding-bottom: 0px; line-height: 1.2; }
  .pc_nine .bottom { width: 85%; font-size: 2vw; padding-top: 4%; height: auto; padding-bottom: 8%; }
  .pc_nine .top { width: 88%; margin: auto; font-size: 3.2vw; color: rgb(0, 0, 0); padding-top: 18%; font-weight: 600; }
  .pc_nine .canshu { width: 45%; font-size: 3.5vw; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0px; list-style: none; padding: 8% 0px 0px 12%; font-weight: 600; color: rgb(0, 0, 0); line-height: 1.8; }
  .pc_nine .canshu li { width: 45%; box-sizing: border-box; }
  .pc_nine .button { width: 20%; font-size: 3vw; margin: 5% 0px 0px 7%; font-weight: 600; background-color: rgb(7, 27, 190); color: rgb(255, 255, 255); text-align: center; padding: 1% 3%; }
  .pc_nine .button a { color: rgb(255, 255, 255); text-decoration: none; }
  .pc_eleven .logo { width: 50%; text-align: center; padding: 15% 0px 7.5%; }
  .pc_eleven .logo img { width: 40%; }
  .pc_eleven .title { width: 60%; font-size: 6.5vw; text-align: center; display: flex; align-items: center; justify-content: center; height: auto; margin: auto; }
  .diy_root { width: 100%; max-width: 500px; }
  .margin-2 { margin: 2% 0px; }
  .margin-top5 { margin-top: 5%; }
  .font-weight-600 { font-weight: 600; }
  .display-flex { display: flex; }
  .padding-top2 { padding-top: 2%; }
  .padding-bottom10-5 { padding-bottom: 10.5%; }
  .padding-top8 { padding-top: 8%; }
  .padding-top9-5 { padding-top: 9.5%; }
  .padding-top12 { padding-top: 12%; }
  .padding-top19 { padding-top: 19%; }
  .padd-top16 { padding-top: 16%; }
  .margin-center { margin: auto; }
  .qualifi_one .title .two { align-items: center; font-weight: 500; }
  .qualifi_one .title .two span { width: 25%; }
  .qualifi_one .title .three { margin: 14% 0px 2%; }
  .font-size-20 { font-size: 3vw; }
  .font-size-25 { font-size: 3.75vw; }
  .font-size-40 { font-size: 6vw; }
  .font-size-47 { font-size: 7vw; }
  .font-size-50 { font-size: 7.5vw; }
  .font-size-55 { font-size: 8.25vw; }
  .font-size-60 { font-size: 9vw; }
  .padd-top2 { padding-top: 2%; }
  .padd-top6 { padding-top: 3%; }
  .padd-top7 { padding-top: 6.5%; }
  .padd-top8 { padding-top: 8%; }
  .padd-top9 { padding-top: 9%; }
  .padd-top10 { padding-top: 10%; }
  .padd-top20 { padding-top: 20%; }
  .padd-top47 { padding-top: 47%; }
  .color-black { color: rgb(0, 0, 0); }
  .color-white { color: rgb(255, 255, 255); }
  .qu_img img { margin: auto; width: 78%; }
  .qu_img { width: 100%; display: flex; }
  .width_66 { width: 80%; }
  .aboutus_three .one { font-size: 7vw; }
  .aboutus_three .two { font-size: 5vw; }
  .aboutus_three .three { font-size: 4vw; }
  .aboutus_three .four { font-size: 3.2vw; padding-bottom: 10%; }
  .aboutus_five .one { font-size: 7vw; }
  .aboutus_five .two { font-size: 5vw; }
  .aboutus_five .three { font-size: 4vw; font-weight: 500; }
  .aboutus_five .four { font-size: 2.6vw; padding-bottom: 10%; line-height: 1.5; }
  .aboutus_five .five { font-size: 2.6vw; padding-bottom: 10%; line-height: 1.2; }
  .aboutus_six { color: rgb(0, 0, 0); }
  .aboutus_six .one { font-size: 7vw; }
  .aboutus_six .two { font-size: 5vw; }
  .aboutus_six .three { font-size: 4vw; }
  .left li { font-size: 3vw; line-height: 1; }
  .right li { font-size: 3vw; line-height: 1; }
  .aboutus_six .three .center img { width: 110%; }
  .right_one { padding-bottom: 5%; }
  .right_two { padding-bottom: 10%; }
  .aboutus_eight .one { font-size: 7vw; }
  .aboutus_eight .two { font-size: 5vw; }
  .aboutus_eight .three { font-size: 4vw; }
  .aboutus_eight .four { font-size: 2.5vw; padding-bottom: 10%; }
  .aboutus_eight .five { font-size: 2vw; padding-bottom: 10%; }
  .aboutus_ten .one { font-size: 7vw; }
  .aboutus_ten .two { font-size: 5vw; }
  .aboutus_ten .three { font-size: 5vw; }
  .aboutus_ten .three li { font-size: 4vw; }
  .aboutus_ten .three li span { font-size: 2.5vw; }
  .aboutus_twelve { color: black; }
  .aboutus_twelve .one { font-size: 7vw; }
  .aboutus_twelve .two { font-size: 5vw; }
  .aboutus_twelve .three { font-size: 3vw; }
  .aboutus_two .logo img { width: 40%; padding: 10% 0px 5%; }
  .aboutus_two .title { font-size: 6vw; }
  .aboutus_two .subtitle { font-size: 5vw; padding: 5% 0px; }
  .aboutus_two .text { font-size: 4vw; }
  .aboutus_nine .one { font-size: 6vw; padding: 20% 0px 0px; }
  .aboutus_nine .line { width: 10%; height: 0.5vw; background-color: rgb(255, 255, 255); margin: 5% 0px; }
  .aboutus_nine .two { font-size: 5vw; padding: 5% 0px 15%; }
  .aboutus_nine .three li { font-size: 3vw; }
  #footer_single { background: url("./cfbf23c1-footerm-bkgd.png"); height: 100%; }
  #footer_single .aboutus { font-size: 4vw; padding: 5% 0px 2%; }
  #footer_single .aboutus .two { padding-top: 2%; }
  #footer_single .aboutus li a { text-decoration: none; width: 10vw; }
  #footer_single .copyright { color: rgb(139, 148, 171); padding: 1% 0px 5%; font-size: 3.5vw; }
  .pc_default { width: 100%; }
  .default_title { font-size: 6vw; padding: 3%; }
  .default_content { font-size: 4vw; }
  .btn_pop { display: flex; position: fixed; bottom: 0px; left: 0px; width: 100%; z-index: 3; }
  .btn_commitment { background: url("./4a7208b7-btn13bkgd.png"); width: 33.33%; height: 54px; line-height: 54px; text-align: center; color: rgb(208, 209, 215); font-size: 5vw; display: flex; align-items: center; justify-content: center; }
  .btn_commitment img { margin-right: 8px; }
  .btn_pop .center { background: url("./3f7e420a-btn2bkgd.png"); }
  a { text-decoration: none; }
  .btn_pop .center a { color: rgb(208, 209, 215); padding-left: 15%; font-size: 5vw; }
  .btn_pop #kefuzixun a { color: rgb(208, 209, 215); font-size: 5vw; }
  .commitment { color: rgb(255, 255, 255); position: relative; }
  #commitmentclose { position: absolute; top: -10%; right: 2%; cursor: pointer; }
  #commitmentclose img { width: 28px; }
  #trialclose { position: absolute; top: -10%; right: 2%; cursor: pointer; }
  #trialclose img { width: 28px; }
  .commitment_title { text-align: center; font-size: 9vw; line-height: 0.8; padding: 6% 0px 5%; position: relative; }
  .commitment_title span { font-size: 4vw; }
  .commitment_title img { position: absolute; right: 5%; bottom: 0px; width: 8vw; height: 8vw; }
  .commitment_content { display: flex; flex-wrap: wrap; justify-content: space-between; width: 95%; margin: auto; background: rgb(255, 255, 255); border-radius: 5vw; }
  .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: 4.5vw; color: rgb(255, 255, 255); margin: 5px 0px; }
  .commitment_content span { font-size: 2vw; color: rgba(255, 255, 255, 0.8); }
  .commitment_text { text-align: left; font-size: 7vw; 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: 2vw; }
  .commitment_content_bottom { margin: 2% 1% 5%; border-radius: 4vw; }
  .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: 95vw; }
  .btn_pop1 .trial { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 100vw; background: rgb(255, 255, 255); }
  .trial { position: relative; height: 100%; }
  .trial_title { height: 25%; background-color: rgb(1, 20, 228); color: rgb(255, 255, 255); display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 7vw; }
  .trial_title span { font-size: 5vw; }
  .trial_content { height: 55%; width: 70%; margin: auto; padding: 5% 2% 0px; background-color: rgb(255, 255, 255); }
  .trial_content_li { background-color: rgb(1, 20, 228); height: 20%; border-radius: 9vw; color: rgb(255, 255, 255); margin-bottom: 2%; display: flex; align-items: center; padding-left: 5vw; font-size: 5.5vw; }
  .trial_text { height: 15%; background-color: rgb(1, 20, 228); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; text-align: center; }
  .trial_text a { color: rgb(255, 255, 255); }
  .trial_img { position: absolute; width: 30%; height: 20%; top: 9%; right: 4%; z-index: 1; display: flex; align-items: flex-end; }
  .trial_img a { color: rgb(1, 20, 228); font-size: 3vw; white-space: nowrap; margin-right: 5px; }
  .trial_img img { width: 60%; height: 70%; object-fit: contain; }
  .logo-container { text-align: center; padding: 15px 0px; display: grid; }
  .logo-container a { font-size: 17px; font-weight: 600; color: rgb(159, 155, 155); }
  .shop-logo { max-width: 200px; height: auto; }
  .icon-grid { padding: 15px 0px; }
  .icon-row { display: flex; justify-content: space-around; margin-bottom: 20px; }
  .icon-item { display: flex; flex-direction: column; align-items: center; text-decoration: none; width: 20%; }
  .circle-icon { width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 8px; }
  .circle-icon img { width: 100%; height: 100%; object-fit: contain; }
  .icon-item span { font-size: 12px; color: rgb(51, 51, 51); text-align: center; }
  .zhbuyimg_main { background: rgb(255, 255, 255); border-radius: 10px 10px 0px 0px; position: fixed; left: 0px; right: 0px; bottom: 0px; }
}
.m_ctr { width: 100%; height: auto; box-sizing: border-box; position: relative; }
.m_ctr .coupon_ctr { margin: 0px auto 0.1rem; width: 100%; height: auto; position: relative; display: flex; flex-direction: row; }
.coupon_ctr .coupon_left { flex: 1 1 0%; height: 1.5rem; overflow: hidden; background: rgb(255, 255, 255); border-radius: 0.2rem; padding: 0.2rem 0.23rem; box-sizing: border-box; display: flex; flex-direction: column; border: 1px dotted rgb(226, 226, 226); }
.coupon_ctr .coupon_left .coupon_title { width: 100%; height: 0.53rem; line-height: 0.53rem; font-size: 0.3rem; font-weight: 700; overflow: hidden; color: rgb(0, 0, 0); }
.coupon_ctr .coupon_left .coupon_price { width: 100%; height: 0.65rem; font-size: 0.42rem; font-weight: 700; display: flex; align-items: center; }
.coupon_ctr .coupon_left .coupon_price { color: rgb(226, 73, 64) !important; }
.coupon_ctr .coupon_left .coupon_price .span { padding-top: 0.09rem; padding-left: 0.11rem; font-size: 0.23rem; font-weight: 400; }
.coupon_ctr .coupon_fg { position: absolute; width: 1px; height: 1.64rem; right: 1.97rem; top: 0.15rem; z-index: 99; }
.coupon_ctr .coupon_right { width: 2rem; height: 1.5rem; overflow: hidden; background: rgb(255, 255, 255); border-radius: 0.191rem; display: flex; flex-direction: column; justify-content: center; align-items: center; border: 1px dotted rgb(226, 226, 226); }
.coupon_ctr .coupon_right .coupon_btn { width: 1.45rem; height: 0.612rem; line-height: 0.612rem; border-radius: 0.306rem; color: rgb(255, 255, 255); text-align: center; font-size: 0.27rem; background: rgb(226, 73, 64) !important; }