@charset "utf-8";
/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table { border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal}
ol,ul { list-style:none}
caption,th { text-align:left}
q:before,q:after { content:''}
abbr,acronym { border:0}
p{word-wrap:break-word;}


/*公共*/
.clr{zoom:1;}/*不用添加多余标签清除浮动*/
.clr:after{display:block;content:"\0020";height:0;clear:both;visibility:hidden;}
.none{ display: none; }
.w{ width: 100%; }
.fl{ float: left; }
.fr{ float: right; }
.tc{ text-align: center; }
.fb{ font-weight: bold; }
.tl{ text-align: left; }
.vm{ vertical-align: middle; }
.w30{ width:30px; }
.h30{ height:30px; }
.mt5{ margin-top: 5px; }
.mt10{ margin-top: 10px; }
.mt15{ margin-top: 15px; }
.mt20{ margin-top: 20px; }
.mt25{ margin-top: 25px; }
.mt30{ margin-top: 30px; }
.mt40{ margin-top: 40px; }
.mt50{ margin-top: 50px; }
.mr5{ margin-right: 5px; }
.ml30{ margin-left:30px; }
.mb30{ margin-bottom:30px; }
.pl20{ padding-left:20px; }
.pt10{ padding-top:10px; }
.pb10{ padding-bottom:10px; }
.pt15{ padding-top:15px; }
.pb15{ padding-bottom:15px; }
.pt5{ padding-top:5px; }
.pb5{ padding-bottom:5px; }

.white{ color:#fff; }
.bgBlue{ background:#477EF2; }


body,html{ background-color:#fff; min-height:100%;}

.g20240712-pc-container{ width: 100%; min-width: 1200px; margin: 0 auto; position:relative; font-size:14px; color:#333; font-family:'微软雅黑', Arial, Helvetica, sans-serif ; zoom:1;}
.g20240712-pc-container a{text-decoration:none; outline:none; color: #333;}

.g20240712-pc-banner{width: 100%;height: 640px;background: url(../img/pc-banner.png) no-repeat;background-position: center center;position: relative;}
.g20240712-pc-banner a{ width:100%; height:100%; display:block; }
.g20240712-pc-yuyue{ width:834px; margin:80px auto; }
.g20240712-pc-yuyue >h2{ font-size:48px; line-height:48px; text-align:center; }
.g20240712-pc-yuyue >h3{ color:#D20C0D; font-size:36px; margin-top:10px; text-align:center; }
.g20240712-pc-yuyue .inputBox .title{ width: 100%; font-size: 36px; }
.g20240712-pc-yuyue .inputBox .title i{ color:#D20C0D;  }
.g20240712-pc-yuyue .inputBox .inputText{ width: 100%; height: 80px; margin-top: 4px; line-height: 50px; border-radius: 8px; border: solid 1px #999; background: #fff; box-sizing: border-box; text-align: center; font-size: 30px; text-align: left; padding-left: 15px; outline: none;}
.g20240712-pc-yuyue .inputBox .info{ width:100%; margin-top:30px; font-size:24px; color:#999; }
.g20240712-pc-yuyue .inputBox .info span{ color:#D20C0D; }
.g20240712-pc-yuyue .inputBox .info input{ margin-right: 10px; }
.g20240712-pc-yuyue .inputBox .btn{width: 450px;height: 70px; background:#D20C0D;border-radius: 35px; border: none; color: #fff; display: inline-block; text-align: center; font-size: 30px;transition: all 0.3s ease 0s; }
.g20240712-pc-yuyue .inputBox .btn:hover{ background: #EF333C; }
.g20240712-pc-yuyue .round-checkbox {-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 22px;height: 22px;border-radius: 50%;background-color: #fff;border: 2px solid #ccc;outline: none;cursor: pointer;position: relative;transition: all 0.2s ease;}
.g20240712-pc-yuyue .round-checkbox:checked {border-color: #D20C0D;background-color: #ffffff;}
.g20240712-pc-yuyue .round-checkbox::before {content: "";display: block;width: 8px;height: 8px;border-radius: 50%;background-color: #D20C0D;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(0);transition: all 0.2s ease;}
.g20240712-pc-yuyue .round-checkbox:checked::before {transform: translate(-50%, -50%) scale(1);}
.g20240712-pc-intro{ width:1200px; margin:0 auto 80px auto; }
.g20240712-pc-intro >h2{ font-size: 48px; text-align:center; }
.g20240712-pc-intro >h2 span{ color:#477EF2; }
.g20240712-pc-intro .list{ width:100%; margin-top:30px; }
.g20240712-pc-intro .list li{ width: 280px; height: 262px; float: left; margin-left: 25px; background: #FFFFFF;box-shadow: 0px 1px 9px 0px rgba(0,0,0,0.15);border-radius: 10px;}
.g20240712-pc-intro .list li:nth-child(4n+1){ margin-left:0; }
.g20240712-pc-intro .list li .icon{ width:88px; height:88px; margin: 14px auto 10px auto; border-radius: 50%;border: 2px solid #477EF2; position:relative; }
.g20240712-pc-intro .list li .icon img{vertical-align: top; position: absolute;top:50%;left:50%;z-index:3;transform:translate(-50%,-50%); }
.g20240712-pc-intro .list li h3{ text-align: center; font-size:30px; line-height: 30px; font-weight:bold; }
.g20240712-pc-intro .list li p{ width: 100%; padding: 8px 5px 5px 5px; box-sizing: border-box; text-align:center; font-size:18px; color:#666; line-height:24px; }
.g20240712-pc-intro .list li:nth-child(4) p{ line-height:18px;padding: 8px 5px 0px 5px; }
.g20240712-pc-intro .list li .btn{ text-align:center; margin-top:5px; }
.g20240712-pc-intro .list li .btn a{ width: 170px;height: 35px; line-height: 35px; background:#B60000;border-radius: 18px; border: none; color: #fff; display: inline-block; text-align: center; font-size: 24px;transition: all 0.3s ease 0s; }
.g20240712-pc-school{ width:100%; padding:80px 0; box-sizing:border-box; background:url(../img/pc-schoolBg.png) no-repeat; background-position:center top; }
.g20240712-pc-school .list{ width: 1200px; margin: 0 auto;}
.g20240712-pc-school .list li{ width:580px; float:left; text-align:center; }
.g20240712-pc-school .list li:nth-child(2n){ float:right; }
.g20240712-pc-school .list li h3{ width: 100%; height: 60px; line-height: 60px; font-size:40px; font-weight:bold; }
.g20240712-pc-school .list li img{ width:100%; vertical-align:top; margin-top:-70px; }
.g20240712-pc-school .list li .blue{ color:#437BF2; }
.g20240712-pc-school .list li .orange{ color:#FFB42F; }
.g20240712-pc-school .btn{ width:100%; text-align:center; margin-top:50px; }
.g20240712-pc-school .btn a{width: 400px;height: 70px; line-height: 70px; background:#D20C0D;border-radius: 35px; border: none; color: #fff; display: inline-block; text-align: center; font-size: 30px;transition: all 0.3s ease 0s; }
.g20240712-pc-school .btn a:last-child{ background:#437BF2; margin-left:70px; }
.g20240712-pc-step{ width:100%; padding:70px 0; box-sizing:border-box;background:url(../img/pc-stepBg.png) no-repeat; background-position:center top;  }
.g20240712-pc-step >h2{ text-align:center; color:#fff; font-size:48px; font-weight:bold; }
.g20240712-pc-step >h3{ text-align:center; color:#fff; font-size:24px; font-weight:normal; }
.g20240712-pc-step .list{ width:1200px; margin:40px auto 0 auto; }
.g20240712-pc-step .list li{ width:220px; float:left; margin-left:106px; position:relative; }
.g20240712-pc-step .list li:first-child{ margin-left:0; }
.g20240712-pc-step .list li:before{ content: ""; display: inline-block; width: 0; height: 0;border-style: solid;border-left: 15px solid #fff;border-right: 0;border-bottom:15px solid transparent ;border-top:15px solid transparent; position: absolute; right:-50px; top: 65px;}
.g20240712-pc-step .list li:last-child:before{ display:none; }
.g20240712-pc-step .list li .icon{ width:162px; height:162px; margin: 0 auto; background: #fff;border-radius: 50%; position:relative; }
.g20240712-pc-step .list li .icon img{vertical-align: top; position: absolute;top:50%;left:50%;z-index:3;transform:translate(-50%,-50%); }
.g20240712-pc-step .list li h3{ margin-top: 15px; color: #fff; text-align:center; font-size:38px; font-weight:bold; }
.g20240712-pc-step .list li h4{ margin-top: 5px; color: #fff; text-align:center; font-size:36px; font-weight:bold; }
.g20240712-pc-step .btn{ width:100%; text-align:center; margin-top:50px; }
.g20240712-pc-step .btn a{width: 400px;height: 70px; line-height: 70px; background:#D20C0D;border-radius: 35px; border: none; color: #fff; display: inline-block; text-align: center; font-size: 30px;transition: all 0.3s ease 0s; }
.g20240712-pc-step .btn a:last-child{ background:#fff; color: #477EF2; margin-left:70px; }
.g20240712-pc-class{ width:1200px; margin:80px auto; }
.g20240712-pc-class >h2{ text-align:center; font-size:48px; font-weight:bold; }
.g20240712-pc-class >h3{ text-align:center; font-size:24px; font-weight:normal; }


/*公用部分*/
.m20240707-pc-test{ width:100%; padding: 80px 0; box-sizing: border-box; background: #ECECEC;}
.m20240707-pc-test >h2{ text-align:center;font-size:48px; font-weight:bold; }
.m20240707-pc-test .list{ width:1200px; margin: 0 auto;}
.m20240707-pc-test .list li{width: 380px; float: left; margin-top: 30px; margin-left: 30px;}
.m20240707-pc-test .list li:nth-child(3n+1){ margin-left:0; }
.m20240707-pc-test .list li .img{ width:100%; height:204px; }
.m20240707-pc-test .list li .img img{ width:100%; height:100%; vertical-align:top; }
.m20240707-pc-test .list li h3{ width: 100%; height: 40px; line-height: 40px; margin-top: 10px; box-sizing: border-box; font-size:36px; text-align:center; }
.m20240707-pc-test .list li p{ width:100%; height: 110px; text-align: center; font-size:24px; margin-top:10px; color:#666; }
.m20240707-pc-test .btn{ width:100%; text-align:center; margin-top:45px; }
.m20240707-pc-test .btn a{ width: 350px;height: 70px; line-height: 70px; background:#D20C0D;border-radius: 35px; border: none; color: #fff; display: inline-block; text-align: center; font-size: 30px;transition: all 0.3s ease 0s; }
.m20240707-pc-test .btn a:hover{ background: #EF333C; }
.m20240707-pc-plan{width:1200px; margin: 80px auto;}
.m20240707-pc-plan >h2{ text-align:center;font-size:48px; font-weight:bold; }
.m20240707-pc-plan .list{ width:100%; padding-top:20px; }
.m20240707-pc-plan .list li{width: 380px; height: 192px; float: left; margin-top: 30px; margin-left: 30px; color: #fff; padding: 20px 0 0 24px; box-sizing: border-box;}
.m20240707-pc-plan .list li:nth-child(3n+1){ margin-left:0; }
.m20240707-pc-plan .list li:nth-child(1){ background:url(../img/pc-planImg1.png) no-repeat; background-size:cover; }
.m20240707-pc-plan .list li:nth-child(2){ background:url(../img/pc-planImg2.png) no-repeat; background-size:cover; }
.m20240707-pc-plan .list li:nth-child(3){ background:url(../img/pc-planImg3.png) no-repeat; background-size:cover; }
.m20240707-pc-plan .list li:nth-child(4){ background:url(../img/pc-planImg4.png) no-repeat; background-size:cover; }
.m20240707-pc-plan .list li:nth-child(5){ background:url(../img/pc-planImg5.png) no-repeat; background-size:cover; }
.m20240707-pc-plan .list li:nth-child(6){ background:url(../img/pc-planImg6.png) no-repeat; background-size:cover; }
.m20240707-pc-plan .list li .img{ width:100%; height:204px; }
.m20240707-pc-plan .list li .img img{ width:100%; height:100%; vertical-align:top; }
.m20240707-pc-plan .list li h3{ width: 100%; height: 40px;  font-size:30px;}
.m20240707-pc-plan .list li p{ width:190px;  font-size:20px; margin-top:10px; }
.m20240707-pc-youshi{ width:1200px; margin:0 auto 100px auto; padding-top:20px; }
.m20240707-pc-youshi >h2{ text-align:center;font-size:48px; font-weight:bold;}
.m20240707-pc-youshi .list{ width:100%; padding-top:30px; }
.m20240707-pc-youshi .list li{width: 370px;height: 230px; float: left; margin-top: 35px; margin-left: 40px; background: #FFFFFF;box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.19); border-radius: 12px; overflow: hidden;}
.m20240707-pc-youshi .list li:nth-child(3n+1){ margin-left:0; }
.m20240707-pc-youshi .list li .icon{ width:110px; height:110px;background: linear-gradient(-18deg, #008AD9, #376FD6);border-radius: 50%; margin:20px auto 5px auto; position:relative; }
.m20240707-pc-youshi .list li .icon img{ position: absolute;top:50%;left:50%;z-index:3;transform:translate(-50%,-50%);}
.m20240707-pc-youshi .list li h3{ width: 100%; padding: 0 10px; box-sizing: border-box; font-size:30px; text-align:center; }
.m20240707-pc-footer{ width:100%; padding: 15px 0; box-sizing: border-box; background:#008AD9; color:#fff; text-align:center; }
.m20240707-pc-footer h3{ font-size:60px; }
.m20240707-pc-footer p a{ font-size:48px; color:#fff; }


/*移动端*/
.g20240712-phone-container{ width: 100%; min-width: 360px; max-width: 650px; padding-bottom: 50px; margin: 0 auto; position:relative; font-size:14px; color:#333; font-family:'微软雅黑', Arial, Helvetica, sans-serif ; zoom:1;}
.g20240712-phone-container a{text-decoration:none; outline:none; color: #333;}

.g20240712-phone-banner{width: 100%;}
.g20240712-phone-banner img{ width:100%; vertical-align:top; }
.g20240712-phone-yuyue{ width:92%; margin:30px auto; }
.g20240712-phone-yuyue >h2{ font-size:18px; line-height:18px; text-align:center; }
.g20240712-phone-yuyue >h3{ color:#D20C0D; font-size:15px; margin-top:5px; text-align:center; }
.g20240712-phone-yuyue .inputBox .title{ width: 100%; font-size: 13px; }
.g20240712-phone-yuyue .inputBox .title i{ color:#D20C0D;  }
.g20240712-phone-yuyue .inputBox .inputText{ width: 100%; height: 40px; margin-top: 2px; line-height: 40px; border-radius: 8px; border: solid 1px #999; background: #fff; box-sizing: border-box; text-align: center; font-size: 14px; text-align: left; padding-left: 10px; outline: none;}
.g20240712-phone-yuyue .inputBox .info{ width:100%; margin-top:15px; font-size:12px; color:#999; }
.g20240712-phone-yuyue .inputBox .info span{ vertical-align:middle; }
.g20240712-phone-yuyue .inputBox .info span.red{color:#D20C0D; }
.g20240712-phone-yuyue .inputBox .info input{ margin-right: 5px; vertical-align: middle;}
.g20240712-phone-yuyue .inputBox .btn{width: 75%;height: 30px; background:#D20C0D;border-radius: 15px; border: none; color: #fff; display: inline-block; text-align: center; font-size: 13px;transition: all 0.3s ease 0s; }
.g20240712-phone-yuyue .inputBox .btn:hover{ background: #EF333C; }
.g20240712-phone-yuyue .round-checkbox {-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 14px;height: 14px;border-radius: 50%;background-color: #fff;border: 2px solid #ccc;outline: none;cursor: pointer;position: relative;transition: all 0.2s ease;}
.g20240712-phone-yuyue .round-checkbox:checked {border-color: #D20C0D;background-color: #ffffff;}
.g20240712-phone-yuyue .round-checkbox::before {content: "";display: block;width: 8px;height: 8px;border-radius: 50%;background-color: #D20C0D;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(0);transition: all 0.2s ease;}
.g20240712-phone-yuyue .round-checkbox:checked::before {transform: translate(-50%, -50%) scale(1);}
.g20240712-phone-intro{ width:92%; margin:0 auto 40px auto; }
.g20240712-phone-intro >h2{ font-size: 18px; text-align:center; }
.g20240712-phone-intro >h2 span{ color:#477EF2; }
.g20240712-phone-intro .list{ width:100%; padding-top:10px; }
.g20240712-phone-intro .list li{ width: 48%;float: left; padding-bottom: 10px; margin-top: 15px; background: #FFFFFF;box-shadow: 0px 1px 9px 0px rgba(0,0,0,0.15);border-radius: 10px;}
.g20240712-phone-intro .list li:nth-child(2n){ float:right; }
.g20240712-phone-intro .list li .icon{ width:44px; height:44px; margin: 8px auto 5px auto; border-radius: 50%;border: 1px solid #477EF2; position:relative; }
.g20240712-phone-intro .list li .icon img{ width: 80%; vertical-align: top; position: absolute;top:50%;left:50%;z-index:3;transform:translate(-50%,-50%); }
.g20240712-phone-intro .list li h3{ text-align: center; font-size:15px; line-height: 30px; font-weight:bold; }
.g20240712-phone-intro .list li p{ width: 100%; height: 42px; padding: 4px 5px 5px 5px; box-sizing: border-box; text-align:center; font-size:12px; color:#666; line-height:14px; }
.g20240712-phone-intro .list li .btn{ text-align:center; margin-top:5px; }
.g20240712-phone-intro .list li .btn a{ width: 60%;height: 20px; line-height: 20px; background:#B60000;border-radius: 10px; border: none; color: #fff; display: inline-block; text-align: center; font-size: 12px;transition: all 0.3s ease 0s; }
.g20240712-phone-school{ width:100%; padding-bottom:40px; box-sizing:border-box; }
.g20240712-phone-school .list{ width: 92%; margin: 0 auto;}
.g20240712-phone-school .list li{ width: 100%; text-align:center; margin-top:40px; }
.g20240712-phone-school .list li h3{ width: 100%; font-size:18px; font-weight:bold; margin-bottom:20px; }
.g20240712-phone-school .list li img{ width:100%; vertical-align:top; }
.g20240712-phone-school .list li .blue{ color:#437BF2; }
.g20240712-phone-school .list li .orange{ color:#FFB42F; }
.g20240712-phone-school .btn{ width:100%; text-align:center; margin-top:30px; }
.g20240712-phone-school .btn a{width: 40%;height: 30px; line-height: 30px; background:#D20C0D;border-radius: 15px; border: none; color: #fff; display: inline-block; text-align: center; font-size: 13px;transition: all 0.3s ease 0s; }
.g20240712-phone-school .btn a:last-child{ background:#437BF2; margin-left:30px; }
.g20240712-phone-step{ width:100%; padding:35px 0; box-sizing:border-box;background:url(../img/pc-stepBg.png) no-repeat; background-size: 100% 100%; background-position:center top;  }
.g20240712-phone-step >h2{ text-align:center; color:#fff; font-size:18px; font-weight:bold; }
.g20240712-phone-step >h3{ text-align:center; color:#fff; font-size:12px; font-weight:normal; }
.g20240712-phone-step .list{ width:100%; margin:20px auto 0 auto; }
.g20240712-phone-step .list li{ width:25%; float:left; position:relative; }
.g20240712-phone-step .list li:first-child{ margin-left:0; }
.g20240712-phone-step .list li:before{ content: ""; display: inline-block; width: 0; height: 0;border-style: solid;border-left: 10px solid #fff;border-right: 0;border-bottom:10px solid transparent ;border-top:10px solid transparent; position: absolute; right:-2%; top: 18%;}
.g20240712-phone-step .list li:last-child:before{ display:none; }
.g20240712-phone-step .list li .icon{ width: 50%; padding-bottom: 50%; margin: 0 auto; background: #fff;border-radius: 50%; position:relative; }
.g20240712-phone-step .list li .icon img{ width: 60%; vertical-align: top; position: absolute;top:50%;left:50%;z-index:3;transform:translate(-50%,-50%); }
.g20240712-phone-step .list li h3{ margin-top: 8px; color: #fff; text-align:center; font-size:14px; font-weight:bold; }
.g20240712-phone-step .list li h4{ margin-top: 4px; color: #fff; text-align:center; font-size:13px; font-weight:bold; }
.g20240712-phone-step .btn{ width:100%; text-align:center; margin-top:30px; }
.g20240712-phone-step .btn a{width: 38%;height: 30px; line-height: 30px; background:#D20C0D;border-radius: 15px; border: none; color: #fff; display: inline-block; text-align: center; font-size: 13px;transition: all 0.3s ease 0s; }
.g20240712-phone-step .btn a:last-child{ background:#fff; color: #477EF2; margin-left:30px; }
.g20240712-phone-class{ width:92%; margin:40px auto; }
.g20240712-phone-class >h2{ text-align:center; font-size:18px; font-weight:bold; }
.g20240712-phone-class >h3{ text-align:center; font-size:12px; font-weight:normal; margin-top:5px; }

/*公用部分*/
.m20240707-phone-test{ width:100%; padding: 30px 0; box-sizing: border-box; background: #ECECEC;}
.m20240707-phone-test >h2{ text-align:center;font-size:18px; font-weight:bold; }
.m20240707-phone-test .list{ width:92%; margin: 0 auto;}
.m20240707-phone-test .list li{width: 48%; float: left; margin-top: 15px; margin-left: 4%;}
.m20240707-phone-test .list li:nth-child(2n+1){ margin-left:0; }
.m20240707-phone-test .list li .img{ width:100%;  }
.m20240707-phone-test .list li .img img{ width:100%; vertical-align:top; }
.m20240707-phone-test .list li h3{ width: 100%; height: 20px; line-height: 20px; margin-top: 6px; box-sizing: border-box; font-size:14px; font-weight: bold; text-align:center; }
.m20240707-phone-test .list li p{ width:100%; height: 45px; text-align: center; font-size:12px; line-height: 15px; margin-top:5px; color:#666; overflow:hidden; }
.m20240707-phone-test .btn{ width:100%; text-align:center; margin-top:20px; }
.m20240707-phone-test .btn a{ width: 40%;height: 30px; line-height: 30px; background:#D20C0D;border-radius: 15px; border: none; color: #fff; display: inline-block; text-align: center; font-size: 13px;transition: all 0.3s ease 0s;}
.m20240707-phone-plan{width:92%; margin: 30px auto;}
.m20240707-phone-plan >h2{ text-align:center;font-size:18px; font-weight:bold; }
.m20240707-phone-plan .list{ width:100%; padding-top:5px; }
.m20240707-phone-plan .list li{width: 48%; height: 108px; float: left; margin-top: 15px; margin-left: 4%; color: #fff; padding: 10px 0 0 12px; box-sizing: border-box;}
.m20240707-phone-plan .list li:nth-child(2n+1){ margin-left:0; }
.m20240707-phone-plan .list li:nth-child(1){ background:url(../img/pc-planImg1.png) no-repeat; background-size:100% 100%; }
.m20240707-phone-plan .list li:nth-child(2){ background:url(../img/pc-planImg2.png) no-repeat; background-size:100% 100%; }
.m20240707-phone-plan .list li:nth-child(3){ background:url(../img/pc-planImg3.png) no-repeat; background-size:100% 100%; }
.m20240707-phone-plan .list li:nth-child(4){ background:url(../img/pc-planImg4.png) no-repeat; background-size:100% 100%; }
.m20240707-phone-plan .list li:nth-child(5){ background:url(../img/pc-planImg5.png) no-repeat; background-size:100% 100%; }
.m20240707-phone-plan .list li:nth-child(6){ background:url(../img/pc-planImg6.png) no-repeat; background-size:100% 100%; }
.m20240707-phone-plan .list li h3{ width: 100%; height: 20px;  font-size:14px;}
.m20240707-phone-plan .list li p{ width:60%;  font-size:12px; margin-top:5px; }
.m20240707-phone-youshi{ width:92%; margin:0 auto 40px auto; padding-top:10px; }
.m20240707-phone-youshi >h2{ text-align:center;font-size:18px; font-weight:bold; }
.m20240707-phone-youshi .list{ width:100%; padding-top:10px; }
.m20240707-phone-youshi .list li{width: 48%;height: 115px; float: left; margin-top: 15px; margin-left: 4%; background: #FFFFFF;box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.19); border-radius: 12px; overflow: hidden;}
.m20240707-phone-youshi .list li:nth-child(2n+1){ margin-left:0; }
.m20240707-phone-youshi .list li .icon{ width:55px; height:55px;background: linear-gradient(-18deg, #008AD9, #376FD6);border-radius: 50%; margin:10px auto 5px auto; position:relative; }
.m20240707-phone-youshi .list li .icon img{ width: 60%; position: absolute;top:50%;left:50%;z-index:3;transform:translate(-50%,-50%);}
.m20240707-phone-youshi .list li h3{ width: 100%; padding: 0 14px; box-sizing: border-box; font-size:14px; text-align:center; font-weight:bold; }
@media only screen and (max-width: 390px){
.m20240707-phone-youshi >h2 span{ font-size:16px; margin-left:8px; margin-right:5px;}
}
.m20240707-phone-footer{ width:100%; padding: 10px 0; box-sizing: border-box; background:#008AD9; color:#fff; text-align:center; }
.m20240707-phone-footer h3{ font-size:16px; }
.m20240707-phone-footer p a{ font-size:13px; color:#fff; }

.m20240707-phone-bottomBtn{ width:100%; height:50px; max-width: 650px; text-align: center; background:#fff;box-shadow: 0px -1px 3px 0px rgba(0,0,0,0.14); position:fixed; bottom:0; z-index:999; }
.m20240707-phone-bottomBtn a{ width:29%; height:36px; line-height: 34px; overflow: hidden; margin:7px 3px 0 3px; display:inline-block; vertical-align:middle; background:#D20C0D; border-radius:20px; color:#fff; }
.m20240707-phone-bottomBtn a:nth-child(3) img{ margin-top:-2px; }
.m20240707-phone-bottomBtn a img{ vertical-align:middle; width:24px; margin-right:6px; }
.m20240707-phone-bottomBtn a span{ vertical-align:middle; font-size:16px; font-weight:bold; }




/*公共底部和弹窗*/
/*底部菜单*/
.phone-btnList{ width: 100%; max-width: 650px; height:50px; position:fixed; bottom:0; z-index:999; background: #ffff; text-align: center;box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.17); }
.phone-btnList a:nth-child(1),.phone-btnList a:nth-child(2){ width: 20%; display: inline-block; font-size: 12px; color: #333; float:left; }
.phone-btnList a:nth-child(1) img,.phone-btnList a:nth-child(2) img{ height: 20px; vertical-align: top; margin-bottom: 3px; margin-top: 6px; }
.phone-btnList a.btn-weixin{ width:26%; height:38px;line-height: 38px; border-radius:8px; margin-top: 6px; display:inline-block; font-size:12px; float:left; color:#fff; text-align:center; background:#4F89FE; margin-right:3%; margin-left:2%; }
.phone-btnList a.btn-weixin img{ height:14px; margin-right:5px;vertical-align:middle; }
.phone-btnList a.btn-phone{ width:26%; height:38px; line-height: 38px; border-radius:8px; margin-top: 6px; display:inline-block; font-size:12px; float:left; color:#fff; text-align:center; background:#C81F1F; }
.phone-btnList a.btn-phone img{ height:14px; margin-right:5px; vertical-align:middle; }

.popBox-bg{width: 100%;height: 100%;background: rgba(0,0,0,0.7);position: fixed;top: 0;left: 0;z-index: 999;}
.popBox{ width: 345px; height: 405px; background: url(../img/shiting-bg.png) no-repeat; background-size: 100% 100%; padding-right:34px ; box-sizing: border-box; position: absolute; top: 50%; left: 50%; margin-left: -173px; margin-top: -200px; z-index: 99; }
.popClose{ width: 25px; height: 25px; background: url(../img/close.png) no-repeat; background-size: 100% 100%; position: absolute; top: 50%; left: 50%; z-index: 9999; margin-left: 160px; margin-top: -190px; cursor: pointer;}
.popBox .title{ width: 100%; height: 53.5px; text-align: center; color: #F32B1B; font-size: 18px; margin-top: 140px; font-weight: bold; text-align: center; }
.popBox .title h3{ width:100%; height:20px; font-size:15px; color:#333; font-weight:bold; text-align:center; }
.popBox .inputBox{ width: 230px; margin: 0 auto; }
.popBox .inputBox .inputText{ width: 100%; height: 30px; line-height: 29px; border-radius: 6px; border:none; box-sizing: border-box; text-align: center; font-size: 13px; text-align: left; padding-left: 10px;}
.popBox .inputBox .btn{ width: 100%; height: 50px; line-height: 50px; border: none; color: #fff; display: inline-block; text-align: center; font-size: 16px; background: url(../img/popBtn.png) no-repeat; background-size:100% 100%; box-shadow: 0px 17px 21px 0px rgba(0,0,0,0.11);border-radius: 25px; }
.popBox .inputBox .inputSelect{ height: 33px; position: relative; }
.popBox .inputBox .inputSelect span{ font-size: 10px; line-height: 30px; display: inline-block; width: 30%; float: left; color: #999; }
.popBox .inputBox .inputText.inputText-school{ width: 70%; float: right; padding-right: 20px; box-sizing: border-box; outline: none; }
.popBox .inputBox .inputSelect .inputShow{ border-radius: 6px 6px 0 0; }
.popBox .inputBox .inputSelect:before{ content: ""; display: inline-block; width: 0; height: 0;border-width: 6px;border-style: solid;border-color:#999999 transparent transparent transparent; position: absolute; right: 8px; top: 12px;}
.popBox .SelectBox{ width: 70%; padding: 3px 2px 3px 2px; box-sizing: border-box; background: #fff; position: absolute; top: 29px; right: 0; z-index: 99; border-radius:0 0 6px 6px; display: none;}
.popBox .SelectBox a{ width: 100%; padding: 2px 8px; margin-top: 5px; display: inline-block; color: #464646; box-sizing: border-box; text-align: left; font-size: 12px;}
.popBox .SelectBox a:hover{ background: #f39700; color: #fff; border-radius: 6px;}

.popBoxWX{ width: 345px; height: 353px; background: url(../img/weixin-bg.png) no-repeat; background-size: 100% 100%; box-sizing: border-box; position: absolute; top: 50%; left: 50%; margin-left: -173px; margin-top: -180px; z-index: 99; }
.popBoxWX .title{ width: 100%; height: 25px; text-align: center; color: #F32B1B; font-size: 15px; margin-top: 155px; font-weight: bold; }
.popBoxWX .con{ height: 35px; text-align: center; color: #333; font-weight: bold; font-size: 30px; margin-top: 6px; }
.popBoxWX p{ height: 16.5px; font-size: 12px; text-align: center; color: #666; }
.popBoxWX .btn{width: 50%; height: 50px; line-height: 50px; border: none; color: #fff; display: inline-block; text-align: center; font-size: 22px; font-weight: bold; border-radius: 25px; background: url(../img/popBtn.png) no-repeat; background-size:100% 100%; margin: 4px auto 0 auto;}