@charset "UTF-8";
/* reset */
/*
  *author:Y.Ray
*/
*{margin:0; padding:0;}
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, figure, menu, input, textarea, button, select, th, td iframe{ margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, b, strong { font-size:100%; font-weight:normal;}
li {list-style:none;}
table{width:100%;border-collapse:collapse;border-spacing:0; }
table td{word-break: break-all; word-wrap:break-word;}
em, i {font-style:normal;}
a, a:visited, a:active {text-decoration:none; border:none; outline:none; color: #333; cursor: pointer;}
a,img { display:block; border:none;}
input, textarea {outline:none;}
select,input{-webkit-appearance:none;-webkit-tap-highlight-color: rgba(3, 3, 3, 0); }
select {outline: medium none;}
textarea {resize: vertical;}
body {-webkit-text-size-adjust:100%; -webkit-tap-highlight-color:rgba(3,3,3,0); -webkit-touch-callout:none; word-wrap:break-word; line-height:1;font-size: 14px;overflow-x: hidden; color: #333;}
body, button, input, select, textarea {font-family: -apple-system,"Microsoft YaHei", BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, Arial, "PingFang SC", 'Noto Sans', "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;}
input[type="button"] {cursor: pointer;}
::-webkit-input-placeholder {color:#666;} /*placeholder 字体颜色*/
:-moz-placeholder {color:#666;} /*placeholder 字体颜色*/
::-moz-placeholder {color: #666;} /*placeholder 字体颜色*/
:-ms-input-placeholder {color: #666;} /*placeholder 字体颜色*/
.none{display:none;}
.left {float:left;}
.right {float:right;}
.clearfix::after {content:''; clear:both; display:block; height:0; overflow:hidden;visibility:hidden;}
.clearfix {zoom:1;}
.clear{clear: both;}
.cont {width: 7.5rem; margin: auto;}

/* banner */
.banner-bgd{width:7.5rem;height:6rem;margin:0 auto;background:url('../images-yd/banner-bgd.png') no-repeat center;background-size:contain;}
.banner{display:none;}
/* 课程优势 */
.advance{padding:.4rem 0;font-size:0;text-align:center;}
.advance h2{font-size:.46rem;color:#333;font-weight:600;margin-bottom:.5rem;}
.advance h2 span{color:#d41c1d;}
.advance h2 em{display:inline-block;vertical-align:top;width:1.77rem;height:.3rem;margin:.09rem .2rem;background:url('../images/title01.png') no-repeat center;background-size:contain;}
.advance h2 em:nth-of-type(2){transform:rotate(-180deg);}
.advance-box-img{width:4.62rem;height:4.04rem;margin:0 auto .5rem;}
.advance-right h3{position:relative;margin-left:.65rem;font-size:.24rem;color:#333;text-align:left;font-weight:600;line-height:.36rem;margin-bottom:.25rem;}
.advance-right h3::before{position:absolute;top:.07rem;left:-0.12rem;width:.06rem;height:.24rem;content:'';background-color:#d41c1d;border-radius:.03rem;}
.advance-right ul{display:flex;flex-wrap:wrap;justify-content:flex-start;padding-left:.6rem;}
.advance-right li{display:inline-block;vertical-align:top;width:2.1rem;height:.4rem;font-size:.26rem;color:#666;margin:0 .05rem .1rem;background-color:#fff2f2;border-radius:.08rem;}
.advance-right li span{display:inline-block;vertical-align:top;width:.24rem;height:.2rem;margin:.1rem 0 0 .2rem;background:url('../images/advance-right-icon.png') no-repeat center;background-size:contain;}
.advance-right li h4{display:inline-block;vertical-align:top;width:1.2rem;font-size:.2rem;line-height:.4rem;color:#666;}
.advance-bottom{width:6.5rem;height:1.3rem;text-align:left;margin:.19rem auto;border:.01rem solid #ff7f00;border-radius:.08rem;background:linear-gradient(to right,#fff,#fffbcc);}
.advance-bottom h5{display:inline-block;vertical-align:top;position:relative;box-sizing:border-box;padding:.22rem 0 0 .3rem;width:3.5rem;font-size:.18rem;color:#666;margin-right:.3rem;}
.advance-bottom h5 i{display:inline-block;vertical-align:top;font-family:Noto Sans SC;font-style:normal;font-weight:700;font-size:.28rem;color:#f52a2a;font-weight:600;line-height:.6rem;margin-right:.2rem;}
.advance-bottom h5 span{display:inline-block;vertical-align:top;font-family:Noto Sans SC;font-style:normal;font-size:.46rem;color:#f52a2a;letter-spacing:-0.04rem;font-weight:700;margin-right:.1rem;}
.advance-bottom h5 span b{position:absolute;top:.27rem;left:.95rem;font-size:.2rem;color:#f52a2a;line-height:.2rem;}
.advance-bottom h5 em{display:inline-block;vertical-align:top;padding:.3rem 0 0;font-size:.14rem;color:#666;text-decoration:line-through;}
.advance-bottom a{display:inline-block;vertical-align:top;width:2.1rem;height:.7rem;font-size:.24rem;color:#fff;text-align:center;line-height:.7rem;font-weight:600;border-radius:.35rem;margin:.3rem 0;background:linear-gradient(to right,#ff7f00,#ff5600);box-shadow:0 .05rem .15rem rgba(255,127,0,.3);}
.advance-right p{font-size:.16rem;color:#f33;text-align:center;font-weight:700;}
/* 全流程覆盖，备考无忧 */
.lightheartedness-bgd{background:url('../images/lightheartedness-bgd.png') no-repeat center;background-size:cover;}
.lightheartedness{padding:.68rem 0 0;font-size:0;text-align:center;}
.lightheartedness h2{font-size:.46rem;color:#fff;font-weight:600;margin-bottom:.6rem;}
.lightheartedness h2 span{color:#fff04c;}
.lightheartedness h2 em{display:inline-block;vertical-align:top;width:1.2rem;height:.3rem;margin:.09rem .1rem;background:url('../images/title02.png') no-repeat center;background-size:contain;}
.lightheartedness h2 em:nth-of-type(2){transform:rotate(-180deg);}
.lightheartedness-box{display:flex;flex-wrap:wrap;justify-content:space-around;}
.lightheartedness-box li{width:2.8rem;height:3.3rem;margin-bottom:.3rem;border-radius:.08rem;}
.lightheartedness-box li:nth-of-type(1){background:url('../images/lighteartedness-box-img01.png');background-size: contain;}
.lightheartedness-box li:nth-of-type(2){background:url('../images/lighteartedness-box-img02.png');background-size: contain;}
.lightheartedness-box li:nth-of-type(3){background:url('../images/lighteartedness-box-img03.png');background-size: contain;}
.lightheartedness-box li:nth-of-type(4){background:url('../images/lighteartedness-box-img04.png');background-size: contain;}
.lightheartedness-box li h3{width:.6rem;height:.6rem;font-size:.3rem;color:#fff;line-height:.44rem;text-align:center;font-weight:700;margin:-0.12rem 0 2.2rem .05rem;background:url('../images/lightheartedness-box-icon.png') no-repeat center;background-size:contain;}
.lightheartedness-box li h4{font-size:.22rem;color:#333;text-align:center;}
.lightheartedness-box li h4 span{color:#d41c1d;}
/* 智能化学习工具，学习更高效 */
.study{padding:.4rem 0;font-size:0;text-align:center;}
.study h2{font-size:.46rem;color:#333;font-weight:600;margin-bottom:.7rem;}
.study h2 em{display:none;}
.study h2 span{color:#d41c1d;}
.study-box{width:7.3rem;padding:.4rem 0;text-align:left;background-color:#d40000;border-radius:.12rem;}
.study-box .hd{display:inline-block;vertical-align:top;width:2.6rem;margin:0 .2rem 0 .2rem;background-color:#dd3333;}
.study-box .hd li{position:relative;box-sizing:border-box;padding-left:.2rem;height:.8rem;}
.study-box .hd li:not(:last-of-type)::after{position:absolute;bottom:0;left:.3rem;width:2.16rem;height:0;content:'';border-bottom:.01rem dashed #f1adad;}
.study-box .hd li h3{display:inline-block;vertical-align:top;width:.54rem;font-size:.34rem;color:#f1adad;text-align:center;font-weight:600;line-height:.8rem;}
.study-box .hd li h4{display:inline-block;vertical-align:top;width:1.44rem;font-size:.24rem;color:#f0a7a7;line-height:.8rem;}
.study-box .hd li p{display:inline-block;vertical-align:top;width:.34rem;height:.34rem;font-size:.2rem;color:#d81414;text-align:center;line-height:.34rem;margin:.23rem 0;background-color:#f1adad;border-radius:.17rem;}
.study-box .hd li.on{width:2.7rem;background:linear-gradient(to right,#fa0,#ffd400);}
.study-box .hd li.on::before{position:absolute;top:50%;right:-0.09rem;width:0;height:0;content:'';margin-top:-0.1rem;border-top:.1rem solid transparent;border-left:.1rem solid #ffd400;border-bottom:.1rem solid transparent;}
.study-box .hd li.on h3{color:#fff;}
.study-box .hd li.on h4{color:#fff;}
.study-box .hd li.on p{color:#ffd000;background-color:#fff;}
.study-box .bd{display:inline-block;vertical-align:top;width:4.3rem;}
.study-box .bd li h5{width:4.36rem;height:5.96rem;margin:-0.8rem 0 0;}
.study-box .bd ul:nth-of-type(1) h5{background:url('../images-yd/study-box-img01.png') no-repeat center;background-size:contain;}
.study-box .bd ul:nth-of-type(2) h5{background:url('../images-yd/study-box-img02.png') no-repeat center;background-size:contain;}
.study-box .bd ul:nth-of-type(3) h5{background:url('../images-yd/study-box-img03.png') no-repeat center;background-size:contain;}
.study-box .bd ul:nth-of-type(4) h5{background:url('../images-yd/study-box-img04.png') no-repeat center;background-size:contain;}
.study-box .bd ul:nth-of-type(5) h5{background:url('../images-yd/study-box-img05.png') no-repeat center;background-size:contain;}
.study-box .bd ul:nth-of-type(6) h5{background:url('../images-yd/study-box-img06.png') no-repeat center;background-size:contain;}
/* 科学规划，全程陪伴 */
.accompany-bgd{margin:0 auto;background:url('../images/accompany-bgd.png') no-repeat center;background-size:cover;}
.accompany{padding:.5rem 0;font-size:0;text-align:center;}
.accompany h2{font-size:.46rem;color:#fff;font-weight:600;margin-bottom:.5rem;}
.accompany h2 span{color:#fff04c;}
.accompany h2 em{display:inline-block;vertical-align:top;width:1.2rem;height:.3rem;margin:.09rem .1rem;background:url('../images/title02.png') no-repeat center;background-size:contain;}
.accompany h2 em:nth-of-type(2){transform:rotate(-180deg);}
.accompany h3{width:2.4rem;height:.56rem;font-size:.34rem;color:#fff;font-weight:600;margin:0 auto;line-height:.56rem;background:url('../images/accompany-title.png') no-repeat center;background-size:contain;}
.accompany-box .hd ul{display:flex;justify-content:center;height:.6rem;margin-bottom:.2rem;background:linear-gradient(to right,transparent,#f33,transparent);}
.accompany-box .hd li{position:relative;width:1.54rem;font-size:.24rem;color:#fff;text-align:center;line-height:.27rem;margin:.15rem 0;}
.accompany-box .hd li.on{color:#fff04d;font-weight:700;}
.accompany-box .hd li:not(:last-of-type){border-right:.01rem solid #fff;}
.accompany-box .hd li.on::after{position:absolute;bottom:-0.25rem;left:.66rem;width:0;height:0;content:'';border-left:.1rem solid transparent;border-top:.1rem solid #f33;border-right:.1rem solid transparent;}
.accompany-list{box-sizing:border-box;position:relative;width:7.1rem;text-align:left;border-radius:.12rem;margin: 0 auto;background-color:#fff;}
.accompany-list01{padding:0 0 .5rem;width:7.1rem;text-align:left;}
.accompany-list01 .accompany-box-left{display:inline-block;vertical-align:top;padding:.3rem 0 0;margin-right:.45rem;}
.accompany-list01 h4{position:relative;margin-left:1.05rem;font-size:.24rem;color:#333;font-weight:600;margin-bottom:.2rem;}
.accompany-list01 h4 span{color:#d41c1d;}
.accompany-list01 h4::before{position:absolute;top:0;left:-0.15rem;width:.06rem;height:.24rem;content:'';background-color:#d41c1d;border-radius:.03rem;}
.accompany-list01 h5{padding-left:1.04rem;font-size:.24rem;color:#666;}
.accompany-list01 img{width:4.14rem;height:3.5rem;margin:.3rem auto 0;}
.accompany-list02{padding:.6rem 0 .3rem;}
.accompany-list02 h4{position:relative;margin-left:1.05rem;font-size:.24rem;color:#333;font-weight:600;margin-bottom:.4rem;}
.accompany-list02 h4 span{color:#d41c1d;}
.accompany-list02 h4::before{position:absolute;top:0;left:-0.15rem;width:.06rem;height:.24rem;content:'';background-color:#d41c1d;border-radius:.03rem;}
.accompany-list02 ul{position:relative;padding-left:.85rem;margin-bottom:.3rem;}
.accompany-list02 ul::before{position:absolute;top:.12rem;left:.9rem;width:5.5rem;height:0;content:'';border-top:.01rem dashed #d41c1d;}
.accompany-list02 li{display:inline-block;vertical-align:top;margin:0 .05rem;}
.accompany-list02 h5{position:relative;width:.24rem;height:.24rem;font-size:.18rem;color:#fff;text-align:center;line-height:.24rem;margin:0 auto .1rem;border-radius:.12rem;background-color:#d41c1d;}
.accompany-list02 li:not(:last-of-type) h5:after{position:absolute;top:.06rem;right:-0.62rem;width:0;height:0;content:'';border-top:.06rem solid transparent;border-left:.1rem solid #d41c1d;border-bottom:.06rem solid transparent;}
.accompany-list02 h6{width:1.3rem;height:.4rem;font-size:.18rem;color:#666;text-align:center;line-height:.4rem;background-color:#fff0f0;border-radius:.2rem;}
.accompany-list02 img{width:4.17rem;height:3.06rem;margin:0 auto;}
.accompany-list03{padding:.6rem 0 .3rem;}
.accompany-list03 h4{position:relative;margin-left:1.05rem;font-size:.24rem;color:#333;font-weight:600;margin-bottom:.4rem;}
.accompany-list03 h4 span{color:#d41c1d;}
.accompany-list03 h4::before{position:absolute;top:0;left:-0.15rem;width:.06rem;height:.24rem;content:'';background-color:#d41c1d;border-radius:.03rem;}
.accompany-list03 ul{padding-left:.7rem;margin-bottom:.3rem;}
.accompany-list03 li{display:inline-block;vertical-align:top;padding:.2rem 0 0;width:1.6rem;margin:0 .2rem;border-radius:.08rem;background:linear-gradient(to bottom,#fff0f0,#fff);}
.accompany-list03 li img{width:.5rem;height:.5rem;margin:0 auto .15rem;}
.accompany-list03 h5{font-size:.18rem;color:#666;line-height:.26rem;text-align:center;}
.accompany-box-img03{width:3.38rem;height:3.04rem;margin:0 auto;}
.accompany-list04{padding:.6rem 0 .3rem;}
.accompany-list04 h4{position:relative;margin-left:1.05rem;font-size:.24rem;color:#333;font-weight:600;margin-bottom:.4rem;}
.accompany-list04 h4 span{color:#d41c1d;}
.accompany-list04 h4::before{position:absolute;top:0;left:-0.15rem;width:.06rem;height:.24rem;content:'';background-color:#d41c1d;border-radius:.03rem;}
.accompany-list04 ul{box-sizing:border-box;padding-left:.85rem;width:4rem;margin-bottom:.3rem;}
.accompany-list04 li{display:inline-block;vertical-align:top;width:1.4rem;height:.4rem;text-align:center;margin:0 .05rem .2rem;border-radius:.2rem;background:linear-gradient(to right,#fff0f0,#fff);}
.accompany-list04 li h5{display:inline-block;vertical-align:top;width:.24rem;height:.24rem;font-size:.2rem;color:#fff;margin:.08rem .1rem 0 0;text-align:center;border-radius:.12rem;background-color:#d41c1d;}
.accompany-list04 li p{display:inline-block;vertical-align:top;font-size:.2rem;color:#666;line-height:.4rem;}
.accompany-box-img04{width:5.1rem;height:3.83rem;margin:0 auto;}
/* 优路招考小程序 */
.examination{padding:.4rem 0 .11rem;font-size:0;text-align:center;}
.examination h2{font-size:.46rem;color:#333;font-weight:600;margin-bottom:.5rem;}
.examination h2 em{display:inline-block;vertical-align:top;width:1.2rem;height:.3rem;margin:.09rem .1rem;background:url('../images/title01.png') no-repeat center;background-size:contain;}
.examination h2 em:nth-of-type(2){transform:rotate(-180deg);}
.examination h2 span{color:#d41c1d;}
.examination-left{position:relative;}
.examination-left h3{position:relative;box-sizing:border-box;padding:0 .6rem;font-size:.2rem;color:#333;text-align:left;line-height:.28rem;margin-bottom:.53rem;}
.examination-left h3 em{position:absolute;top:-0.3rem;left:.3rem;width:.6rem;height:.6rem;background:url('../images/examination-icon.png') no-repeat center;background-size:contain;}
.examination-left img{position:absolute;top:4.5rem;left:-3.6rem;width:1.7rem;height:1.7rem;margin:0 0 0 3.9rem;}
.examination-right{}
.examination-right img{width:5.12rem;height:5.55rem;margin-left:2.1rem;}
/* 优路公考优题库小程序 */
.question{padding:.65rem 0 .11rem;font-size:0;text-align:center;}
.question h2{font-size:.46rem;color:#333;font-weight:600;margin-bottom:.5rem;}
.question h2 em{display:inline-block;vertical-align:top;width:1.2rem;height:.3rem;margin:.09rem .1rem;background:url('../images/title01.png') no-repeat center;background-size:contain;}
.question h2 em:nth-of-type(2){transform:rotate(-180deg);}
.question h2 span{color:#d41c1d;}
.question-box{position:relative;padding:1rem 0 0;}
.question-left-img{width:5.12rem;height:5.55rem;margin-left:.02rem;}
.question-right h3{position:absolute;top:.1rem;left:0;box-sizing:border-box;padding:0 1.3rem;font-size:.2rem;color:#333;text-align:left;line-height:.28rem;margin-bottom:.53rem;}
.question-right h3 em{position:absolute;top:-0.3rem;left:.84rem;width:.6rem;height:.6rem;background:url('../images/question-right-icon.png') no-repeat center;background-size:contain;}
.question-right img{position:absolute;bottom:.42rem;right:0;width:2.26rem;height:2.26rem;}
footer{line-height:.36rem;font-size:.24rem;text-align:center;color:#666666;padding:.2rem .2rem;}
footer a{display:inline-block;vertical-align:top;color:#666666;}
