@charset "utf-8";
/*
@author: he
@update: he (2022-08-24)
*/
body{font:12px/1.5 "\5FAE\8F6F\96C5\9ED1",arial,Helvetica,Tahoma,sans-serif; margin:0 auto; color:#333; min-width: 1200px;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;}
img{border:0 none;}
ul,li,ol{list-style-type:none;}
i,em,address, caption, cite, code, dfn, th, var {font-style: normal;font-weight: normal}
.msf{font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
a,a:hover{outline:none;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
input,button,select,textarea{outline:none} textarea{resize:none}

/*框架*/
.layout{ clear:both;width:1200px;text-align:left;margin:0 auto;color:#333;}
.fl{ float:left;_display: inline}
.fr{ float:right;_display: inline}
.pr{ position:relative}
.abs{position:absolute;}
.ellipsis{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
/* 新增公用样式 */
.hide{display:none;}
.diiblock{display: inline-block; *zoom: 1; *display: inline;}
.textcon{text-align:center;}
.marcon{margin:0 auto;}
.wblod{font-weight: bold;}
.horizontalcolor{background: -moz-linear-gradient(to right, #11C3F9, #72C472); background: -ms-linear-gradient(to right, #11C3F9, #72C472); background: -webkit-linear-gradient(to right, #11C3F9, #72C472); background: linear-gradient(to right, #11C3F9, #72C472); filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#11C3F9", endColorstr="#72C472", gradientType="1");}
.verticalcolor{background: -moz-linear-gradient(#11C3F9, #72C472); background: -ms-linear-gradient(#11C3F9, #72C472); background: -webkit-linear-gradient(#11C3F9, #72C472); background: linear-gradient(#11C3F9, #72C472); filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#11C3F9", endColorstr="#72C472", gradientType="0");}
.margR0{margin-right: 0 !important;}
.bodyBg{ background: #fff4ea;}
.mainBox{ display: none;}
.ggtit{ height: 100px; line-height: 100px; text-align: center; font-size: 36px; font-weight: 700;}
.ggtit span{ display: inline-block; height: 60px; border-bottom: 8px solid #efe4c6;}
.ggtit b{ color: #ff800f;}

/*页头*/
.headerBg{ position: relative; z-index: 1;}
.header{ position: relative; z-index: 1; height: 457px;}
.header .logo{ position: absolute; top: 39px; left: 0; display: block; width: 175px; height: 46px;}

/*顶部导航*/
.mainNav{ position: relative; z-index: 2; padding: 20px 0 10px; background: #fff; border-radius: 5px; margin: -44px auto 30px; -webkit-box-shadow:0 2px 24px rgba(150, 173, 246, 0.2); -moz-box-shadow:0 2px 24px rgba(150, 173, 246, 0.2); box-shadow:0 2px 24px rgba(150, 173, 246, 0.2);}
.mainNav .mvTxt{ position: absolute; left: 30px; top: 20px; line-height: 42px; font-size: 16px;}
.mainNav .mvCon{ padding: 0 0 0 116px;}
.mainNav .mvCon li{ display: block; float: left; width: 156px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; border: 1px solid #e0e0e0; border-radius: 21px; margin: 0 10px 10px; cursor: pointer;}
.mainNav .mvCon li.on{ width: 158px; height: 42px; line-height: 42px; border: none; color: #fff; background: #cf3623; -webkit-box-shadow:0 0 10px rgba(241, 83, 33, 0.5); -moz-box-shadow:0 0 10px rgba(241, 83, 33, 0.5); box-shadow:0 0 10px rgba(241, 83, 33, 0.5);
    background: -webkit-linear-gradient(left, #a81829, #f85b26); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #a81829, #f85b26); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #a81829, #f85b26); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #a81829, #f85b26); /* 标准的语法 */}

/*考试信息*/
.examInfor{ margin-bottom: 40px;}
.examInfor .leftBox{ float: left; width: 408px; height: 192px; border-radius: 8px; background: #fff; -webkit-box-shadow:0 2px 24px rgba(150, 173, 246, 0.2); -moz-box-shadow:0 2px 24px rgba(150, 173, 246, 0.2); box-shadow:0 2px 24px rgba(150, 173, 246, 0.2);}
.examInfor .leftBox .lTit{ line-height: 44px; text-align: center; font-size: 16px; font-weight: 700;}
.examInfor .leftBox .lTime{ position: relative; z-index: 1; float: left; width: 194px; padding-top: 8px;}
.examInfor .leftBox .lTime-con{ margin: 16px 0 0 26px; height: 84px; font-size: 20px;}
.examInfor .leftBox .lTime-con b{ display: inline-block; width: 120px; height: 84px; line-height: 82px; font-size: 50px; font-weight: 700; color: #fff; letter-spacing: 33px; text-indent: 13px; margin-right: 10px; background:url(/images/project2022/ys-dtmxb/icon_01.png) no-repeat; vertical-align: middle;}
.examInfor .leftBox .lTime-xian{ position: absolute; right: 0; top: 70px; width: 1px; height: 60px; background: #f3f3f3;}
.examInfor .leftBox .lWord{ float: right; width: 214px; padding-top: 8px;}
.examInfor .leftBox .lWord img{ display: block; width: 146px; height: 119px; margin: 0 auto;}
.examInfor .rightBox{ float: right; width: 780px; height: 192px; border-radius: 8px; background:url(/images/project2022/ys-dtmxb/bg_07.png) no-repeat; background-size: 100% 100%; -webkit-box-shadow:0 2px 24px rgba(150, 173, 246, 0.2); -moz-box-shadow:0 2px 24px rgba(150, 173, 246, 0.2); box-shadow:0 2px 24px rgba(150, 173, 246, 0.2);}
.examInfor .rightBox .rTit{ line-height: 44px; text-align: center; font-size: 16px; font-weight: 700; color: #a71425;}
.examInfor .rightBox .rList{ float: left; width: 236px; margin-left: 18px; padding-top: 8px;}
.examInfor .rightBox .rList-con{ background: #f6f9ff; height: 120px;}
.examInfor .rightBox .rList-con p{ line-height: 24px; font-size: 16px; padding: 24px 14px 0;}

/*名师直播*/
.teaLive{ margin-bottom: 40px;}
.teaLive .conBox{ padding: 40px 0; border-radius: 8px; background: #fff; -webkit-box-shadow:0 2px 24px rgba(150, 173, 246, 0.2); -moz-box-shadow:0 2px 24px rgba(150, 173, 246, 0.2); box-shadow:0 2px 24px rgba(150, 173, 246, 0.2);}
.teaLive .conBox .teacher{ float: left; width: 568px; height: 388px; border: 1px solid #dfe9ff; border-radius: 6px; margin-left: 30px;}
.teaLive .conBox .teacher-top{ display: none; height: 278px;}
.teaLive .conBox .teacher-top .introduce{ height: 190px; padding: 20px 15px 0 10px; margin-bottom: 22px;}
.teaLive .conBox .teacher-top .introduce-pic{ float: left; position: relative; z-index: 1; width: 140px; height: 190px;}
.teaLive .conBox .teacher-top .introduce-pic img{ width: 140px; height: 190px;}
.teaLive .conBox .teacher-top .introduce-pic .btn{ position: absolute; left: 50%; bottom: 0; margin-left: -55px; width: 110px; height: 32px; line-height: 32px; text-align: center; font-size: 14px; color: #fff; border-radius: 16px; background: #cf3623; -webkit-box-shadow:0 0 10px rgba(241, 83, 33, 0.5); -moz-box-shadow:0 0 10px rgba(241, 83, 33, 0.5); box-shadow:0 0 10px rgba(241, 83, 33, 0.5);
    background: -webkit-linear-gradient(left, #a81829, #f85b26); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #a81829, #f85b26); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #a81829, #f85b26); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #a81829, #f85b26); /* 标准的语法 */}
.teaLive .conBox .teacher-top .introduce-pic .btn:hover{ text-decoration: none; background: #a81829;
    background: -webkit-linear-gradient(left, #f85b26, #a81829); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #f85b26, #a81829); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #f85b26, #a81829); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #f85b26, #a81829); /* 标准的语法 */}
.teaLive .conBox .teacher-top .introduce-right{ float: right; width: 384px;}
.teaLive .conBox .teacher-top .introduce-right .name{ line-height: 52px; font-size: 16px; font-weight: 700;}
.teaLive .conBox .teacher-top .introduce-right .intr{ height: 30px; margin-bottom: 12px;}
.teaLive .conBox .teacher-top .introduce-right .intr-txt{ line-height: 30px; font-size: 16px;}
.teaLive .conBox .teacher-top .introduce-right .intr-icon{ display: inline-block; height: 30px; line-height: 30px; font-size: 14px; color: #840603; padding: 0 8px; margin-left: 8px; background: #fce1c4; border-radius: 15px;}
.teaLive .conBox .teacher-top .introduce-right .txt{ overflow: hidden; height: 96px; line-height: 24px; font-size: 14px;}
.teaLive .conBox .teacher-top .speaker{ clear: both; height: 30px; padding: 0 20px;}
.teaLive .conBox .teacher-top .speaker-txt{ line-height: 30px; font-size: 16px;}
.teaLive .conBox .teacher-top .speaker-icon{ display: inline-block; height: 30px; line-height: 30px; font-size: 14px; color: #840603; padding: 0 8px; margin-left: 8px; background: #fce1c4; border-radius: 15px;}
.teaLive .conBox .teacher-listTit{ position: relative; z-index: 1; overflow:hidden; width: 568px; height: 110px; background: #fff4ea; border-radius: 0 0 6px 6px;}
.teaLive .conBox .teacher-listTit .hd{ position: absolute; top: 0; left: 0; z-index: 1; width: 568px; height: 110px;}
.teaLive .conBox .teacher-listTit .hd .prev,.teaLive .conBox .teacher-listTit .hd .next{ display:block; width:13px; height:110px; float:left; margin: 0 0 0 6px; cursor:pointer; background: url(/images/project2022/ys-dtmxb/icon_06.png) no-repeat center;}
.teaLive .conBox .teacher-listTit .hd .next{ float: right; margin: 0 6px 0 0; background: url(/images/project2022/ys-dtmxb/icon_07.png) no-repeat center;}
.teaLive .conBox .teacher-listTit .bd{ position: absolute; left: 26px; bottom: 0; z-index: 2; width: 516px; height: 110px;}
.teaLive .conBox .teacher-listTit .bd ul{ overflow:hidden; zoom:1;}
.teaLive .conBox .teacher-listTit .bd ul li{ position: relative; z-index: 1; float:left; overflow:hidden; width: 66px; height: 110px; padding-top: 16px; margin: 0 10px; cursor: pointer;}
.teaLive .conBox .teacher-listTit .bd ul li img{ width:56px; height:56px; border: 1px solid #fff4ea; display:block; border-radius: 50%; margin: 0 auto;}
.teaLive .conBox .teacher-listTit .bd ul li p{ line-height: 30px; text-align: center; font-size: 16px; color: #333;}
.teaLive .conBox .teacher-listTit .bd ul li.on img{ border: 1px solid #ff7b3f;}
.teaLive .conBox .teacher-listTit .bd ul li.on p{ color: #840603;}
.teaLive .conBox .live_right{ float: right; width:595px;}
.teaLive .conBox .live_right .tit{ height: 28px; line-height: 28px; padding-left: 32px; font-size: 16px; margin-bottom: 12px;}
.teaLive .conBox .live_right .tit strong{ font-size: 22px;}
.teaLive .conBox .live_right .tit .zxBtn{ float: right; font-size: 18px; font-weight: 700; color: #ff7b3f; margin-right: 30px;}
.teaLive .conBox .live_right .tex{ width:595px; height:350px; overflow:hidden; overflow-y:auto; position:relative;}
.teaLive .conBox .live_right .tex ul{ margin-left:13px; border-left:1px solid #ff7b3f;}
.teaLive .conBox .live_right .tex li{ position:relative; z-index: 1; margin:0 0 16px 18px; border: 1px solid #f1faff; background: #f1faff; border-radius: 6px;}
.teaLive .conBox .live_right .tex li .liLeft{ width: 350px; padding: 6px 0 6px 15px;}
.teaLive .conBox .live_right .tex li .liLeft-list{ position: relative; z-index: 1; line-height: 26px; font-size: 16px; font-weight: 700; padding: 4px 0 4px 80px;}
.teaLive .conBox .live_right .tex li .liLeft-list em{ position: absolute; z-index: 1; display: block; left: 0; top: 4px;}
.teaLive .conBox .live_right .tex li .liLeft-list02{ line-height: 26px; font-size: 16px; padding: 4px 0;}
.teaLive .conBox .live_right .tex li .liRbtn{ position: absolute; top: 50%; right: 20px; margin-top: -24px; width: 130px; height: 48px; line-height: 48px; text-align: center; font-size: 20px; color: #fff; border-radius: 24px; background: #cf3623; -webkit-box-shadow:0 0 10px rgba(241, 83, 33, 0.5); -moz-box-shadow:0 0 10px rgba(241, 83, 33, 0.5); box-shadow:0 0 10px rgba(241, 83, 33, 0.5);
    background: -webkit-linear-gradient(left, #a81829, #f85b26); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #a81829, #f85b26); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #a81829, #f85b26); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #a81829, #f85b26); /* 标准的语法 */}
.teaLive .conBox .live_right .tex li .liRbtn:hover{ text-decoration: none; background: #a81829;
    background: -webkit-linear-gradient(left, #f85b26, #a81829); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #f85b26, #a81829); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #f85b26, #a81829); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #f85b26, #a81829); /* 标准的语法 */}
.teaLive .conBox .live_right .tex li i{ display:block; width:28px; height:10px; background: url(/images/project2022/ys-dtmxb/icon_05.png) no-repeat; position:absolute; left:-33px; top:50%; margin-top: -5px;}
.teaLive .conBox .live_right .tex li:last-child{ margin-bottom: 0;}
.teaLive .conBox .live_right .cju{ color: #ff7b3f;}
.teaLive .conBox .live_right .tex li.cur{ border: 1px solid #ff7b3f; background: #fff4ea;}
.teaLive .conBox .live_right .tex li.cur i{ background: url(/images/project2022/ys-dtmxb/icon_04.png) no-repeat;}
.teaLive .conBox .live_right .tex li.cur .liRbtn{ background: #ff8a44; -webkit-box-shadow:0 0 10px rgba(255, 153, 53, 0.5); -moz-box-shadow:0 0 10px rgba(255, 153, 53, 0.5); box-shadow:0 0 10px rgba(255, 153, 53, 0.5);
    background: -webkit-linear-gradient(left, #ff7545, #ffa143); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ff7545, #ffa143); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ff7545, #ffa143); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ff7545, #ffa143); /* 标准的语法 */}
.teaLive .conBox .live_right .tex li.cur .liRbtn:hover{ text-decoration: none; background: #ff7545;
    background: -webkit-linear-gradient(left, #ffa143, #ff7545); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ffa143, #ff7545); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ffa143, #ff7545); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ffa143, #ff7545); /* 标准的语法 */}

/*滚动条*/
.teaLive .mCSB_scrollTools{ width: 13px !important; background: #ededed; border-radius: 10px;}
.teaLive .mCSB_scrollTools .mCSB_draggerRail{ background: none;}
.teaLive .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:13px; background: #a2a3a4; border-radius: 10px;}
.teaLive .mCSB_scrollTools .mCSB_buttonUp{ background:url(/images/zhuanti/2020ysbmyh/new/an.png) no-repeat -108px -745px;}
.teaLive .mCSB_scrollTools .mCSB_buttonDown{ background:url(/images/zhuanti/2020ysbmyh/new/an.png) no-repeat -108px -795px;}
.teaLive .mCSB_container{ margin-right: 30px;}

/*班次介绍*/
.classesBoxBg{ background: url(/images/project2022/ys-dtmxb/bg_02.jpg) no-repeat center top #fbb782;}
.classesBox{ padding: 10px 0 40px;}
.classesBox .ggtit{ color: #fff;}
.classesBox .ggtit span{ border-bottom: 8px solid #ff9e43;}
.classesBox .clasList01{ position: relative; z-index: 1; padding: 30px; background: #ffeddd; margin-bottom: 26px; border-radius: 8px;}
.classesBox .clasList01 .fdIcon{ position: absolute; left: 60px; bottom: -94px; z-index: 10; width: 246px; height: 206px; background: url(/images/project2022/ys-dtmxb/icon_03.png) no-repeat;}
.classesBox .clasList01 .clLeft{ float: left; width: 312px;}
.classesBox .clasList01 .clLeft-tit{ height: 56px; line-height: 48px; text-indent: 16px; font-size: 22px; font-weight: 700; color: #fff; background: url(/images/project2022/ys-dtmxb/tit_02.png) no-repeat;}
.classesBox .clasList01 .clLeft-cen{ position: relative; z-index: 1; background: #fff; border-radius: 8px; margin: -8px 0 14px;}
.classesBox .clasList01 .clLeft-cen .txt{ padding: 20px 20px 52px; line-height: 26px; font-size: 16px;}
.classesBox .clasList01 .clLeft-bot{position: relative; z-index: 1; background: #fff; border-radius: 8px;}
.classesBox .clasList01 .clLeft-bot .hours{ padding: 24px 0 82px; text-align: center; height: 154px; line-height: 154px; font-size: 20px; font-weight: 700;}
.classesBox .clasList01 .clLeft-bot .hours b{ display: inline-block; width: 154px; height: 154px; font-size: 40px; color: #fff; background: url(/images/project2022/ys-dtmxb/icon_13.png) no-repeat; margin: 0 6px; vertical-align: middle;}
.classesBox .clasList01 .clRight{ float: right; width: 750px;}
.classesBox .clasList01 .clRight-tit{ height: 48px; line-height: 48px; text-indent: 40px; font-size: 18px; background: url(/images/project2022/ys-dtmxb/icon_08.png) no-repeat 5px center;}
.classesBox .clasList01 .clRight .tex{ width:750px; height:250px; background: #fff; border-radius: 8px; overflow:hidden; overflow-y:auto; position:relative; margin-bottom: 6px;}
.classesBox .clasList01 .clRight .tex ul{ margin-left:29px; padding-top: 20px; border-left:1px dashed #ffbd8d;}
.classesBox .clasList01 .clRight .tex li{ position:relative; z-index: 1; margin:0 0 20px 22px;}
.classesBox .clasList01 .clRight .tex li .liTop{ line-height: 30px; font-size: 16px;}
.classesBox .clasList01 .clRight .tex li .liBot{ line-height: 30px; font-size: 14px; color: #666;}
.classesBox .clasList01 .clRight .tex li .liBot-iconBox{ display: inline-block; height: 30px; padding: 0 15px; vertical-align: middle;}
.classesBox .clasList01 .clRight .tex li .liBot-iconBox .xing{ float: left; padding: 0 1px; width: 20px; height: 20px; margin-top: 3px; background: url(/images/project2022/ys-dtmxb/icon_12.png) no-repeat;}
.classesBox .clasList01 .clRight .tex li .liBot-iconBox .xing.on{ background: url(/images/project2022/ys-dtmxb/icon_11.png) no-repeat;}
.classesBox .clasList01 .clRight .tex li .fdIcon{ display:block; width:20px; height:20px; background: url(/images/project2022/ys-dtmxb/icon_09.png) no-repeat; position:absolute; left:-32px; top:5px;}
.classesBox .clasList01 .clRight-bot{ text-align: center;}
.classesBox .clasList01 .clRight-bot-list{ display: inline-block; width: 246px;}
.classesBox .clasList01 .clRight-bot-list .pic{ display: block; width: 120px; height: 94px; margin: 0 auto;}
.classesBox .clasList01 .clRight-bot-list .txt{ line-height: 26px; font-size: 14px;}
.classesBox .clasList02{ padding: 30px; background: #ffeddd; margin-bottom: 26px; border-radius: 8px;}
.classesBox .clasList02 .clLeft{ float: left; width: 312px; padding-top: 30px;}
.classesBox .clasList02 .clLeft-tit{ height: 56px; line-height: 48px; text-indent: 16px; font-size: 22px; font-weight: 700; color: #fff; background: url(/images/project2022/ys-dtmxb/tit_03.png) no-repeat;}
.classesBox .clasList02 .clLeft-cen{ position: relative; z-index: 1; background: #fff; border-radius: 8px; margin: -8px 0 0;}
.classesBox .clasList02 .clLeft-cen .txt{ padding: 20px 20px 6px; line-height: 26px; font-size: 16px;}
.classesBox .clasList02 .clLeft-cen .hours{ padding: 0 0 6px; text-align: center; height: 154px; line-height: 154px; font-size: 20px; font-weight: 700;}
.classesBox .clasList02 .clLeft-cen .hours b{ display: inline-block; width: 154px; height: 154px; font-size: 40px; color: #fff; background: url(/images/project2022/ys-dtmxb/icon_13.png) no-repeat; margin: 0 6px; vertical-align: middle;}
.classesBox .clasList02 .clRight{ float: right; width: 750px; height: 316px; padding-top: 28px; border-radius: 8px; background: url(/images/project2022/ys-dtmxb/pic_04.jpg) no-repeat #fff right;}
.classesBox .clasList02 .clRight-list{ padding: 0 0 20px 54px; background: url(/images/project2022/ys-dtmxb/icon_08.png) no-repeat 19px 4px;}
.classesBox .clasList02 .clRight-list .lTop{ line-height: 32px; font-size: 16px; font-weight: 700;}
.classesBox .clasList02 .clRight-list .lBot{ line-height: 32px; font-size: 14px;}
.classesBox .clasList02 .clRight-list .lBotGo{ padding-left: 30px; line-height: 32px; font-size: 14px; background: url(/images/project2022/ys-dtmxb/icon_10.png) no-repeat 3px 5px;}
.classesBox .bugBox{ min-height: 124px; background: url(/images/project2022/ys-dtmxb/bg_10.png) no-repeat; background-size: 100% 100%; border-radius: 8px;}
.classesBox .bugBox-top{ height: 48px; padding: 22px 70px 0;}
.classesBox .bugBox-top .tLeft{ float: left;}
.classesBox .bugBox-top .tLeft .price{ display: inline-block; line-height: 48px; font-size: 18px; color: #fe5215; margin-right: 50px;}
.classesBox .bugBox-top .tLeft .price b{ font-size: 32px; vertical-align: -2px;}
.classesBox .bugBox-top .tRight{ float: right;}
.classesBox .bugBox-top .tRight .btn01{ display: inline-block; width: 150px; height: 48px; line-height: 48px; text-align: center; font-size: 20px; color: #fff; border-radius: 24px; background: #ff8a44; margin-right: 20px; -webkit-box-shadow:0 0 10px rgba(255, 88, 20, 0.4); -moz-box-shadow:0 0 10px rgba(255, 88, 20, 0.4); box-shadow:0 0 10px rgba(255, 88, 20, 0.4);
    background: -webkit-linear-gradient(left, #ff7545, #ffa143); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ff7545, #ffa143); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ff7545, #ffa143); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ff7545, #ffa143); /* 标准的语法 */}
.classesBox .bugBox-top .tRight .btn01:hover{ text-decoration: none; background: #ff7545;
    background: -webkit-linear-gradient(left, #ffa143, #ff7545); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ffa143, #ff7545); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ffa143, #ff7545); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ffa143, #ff7545); /* 标准的语法 */}
.classesBox .bugBox-top .tRight .btn02{ display: inline-block; width: 148px; height: 46px; line-height: 46px; text-align: center; font-size: 20px; color: #ff7645; border-radius: 24px; border: 1px solid #ff7645; margin-right: 20px;}
.classesBox .bugBox-top .tRight .btn02:hover{ text-decoration: none; background: #ff7645; color: #fff;}
.classesBox .bugBox-bot{ clear: both; padding: 10px 0 10px 70px; line-height: 26px; font-size: 14px; color: #666;}

/*滚动条*/
.classesBox .mCSB_scrollTools{ width: 13px !important; background: #ededed; border-radius: 10px;}
.classesBox .mCSB_scrollTools .mCSB_draggerRail{ background: none;}
.classesBox .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:13px; background: #a2a3a4; border-radius: 10px;}
.classesBox .mCSB_scrollTools .mCSB_buttonUp{ background:url(/images/zhuanti/2020ysbmyh/new/an.png) no-repeat -108px -745px;}
.classesBox .mCSB_scrollTools .mCSB_buttonDown{ background:url(/images/zhuanti/2020ysbmyh/new/an.png) no-repeat -108px -795px;}
.classesBox .mCSB_container{ margin-right: 30px;}

/*过线退款*/
.refundBox{ position: relative; z-index: 1; height: 175px; background: url(/images/project2022/ys-dtmxb/cbtit_08.png) no-repeat; margin: 0 auto 10px;}
.refundBox .conBox{ position: absolute; left: 260px; top: 32px;}
.refundBox .conBox-tit{ line-height: 52px; font-size: 26px; color: #fff; font-weight: 700;}
.refundBox .conBox-tit b{
    background: -webkit-linear-gradient(top, #ffdd2e, #fff4bb); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #ffdd2e, #fff4bb); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #ffdd2e, #fff4bb); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #ffdd2e, #fff4bb); /* 标准的语法 */
    -webkit-background-clip: text;
    color: transparent;}
.refundBox .conBox-txt{ line-height: 26px; font-size: 16px; color: #fff;}

/*提分计划表*/
.schedule{ margin-bottom: 10px;}
.schedule .conBox{ position: relative; z-index: 1; padding: 18px 0 20px; border-radius: 18px; background: #fff; -webkit-box-shadow:0 2px 24px rgba(150, 173, 246, 0.2); -moz-box-shadow:0 2px 24px rgba(150, 173, 246, 0.2); box-shadow:0 2px 24px rgba(150, 173, 246, 0.2);}
.schedule .conBox .cbLeft{ float: left; width: 460px; margin-left: 20px;}
.schedule .conBox .cbRight{ float: right; width: 670px; margin-right: 20px;}
.schedule .conBox .cbBottom{ clear: both; line-height: 38px; font-size: 16px; padding: 10px 40px;}
.schedule .conBox .cTit{ height: 68px; margin: 0 10px;}
.schedule .conBox .cTit b{ display: inline-block; line-height: 68px; font-size: 32px; font-weight: 700; font-style: oblique; padding-right: 16px;
    background: -webkit-linear-gradient(left, #761e03, #d46d16); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #761e03, #d46d16); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #761e03, #d46d16); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #761e03, #d46d16); /* 标准的语法 */
    -webkit-background-clip: text;
    color: transparent;}
.schedule .conBox .cTit span{ display: inline-block; padding: 0 20px; height: 34px; line-height: 34px; font-size: 18px; font-weight: 700; color: #fff; background: #dd751a; vertical-align: 5px; border-radius: 17px 17px 17px 0; -webkit-box-shadow:0 4px 6px rgba(170, 71, 4, 0.35); -moz-box-shadow:0 4px 6px rgba(170, 71, 4, 0.35); box-shadow:0 4px 6px rgba(170, 71, 4, 0.35);
    background: -webkit-linear-gradient(left, #b35307, #ff9029); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #b35307, #ff9029); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #b35307, #ff9029); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #b35307, #ff9029); /* 标准的语法 */}
.schedule .conBox .cSubTit{ line-height: 28px; font-size: 18px; color: #c03c04; font-weight: 700; margin: 0 10px 10px;}
.schedule .conBox .cTxt{ min-height: 52px; line-height: 26px; font-size: 16px; color: #666; margin: 0 10px 10px;}
.schedule .conBox .cBot{ padding: 10px; background: #fff; border-radius: 8px; -webkit-box-shadow:0 -6px 10px rgba(255, 159, 56, 0.3); -moz-box-shadow:0 -6px 10px rgba(255, 159, 56, 0.3); box-shadow:0 -6px 10px rgba(255, 159, 56, 0.3);}
.schedule .conBox .fdJia{ position: absolute; top: 420px; left: 476px; display: block; width: 38px; height: 38px; background: url(/images/project2022/ys-dtmxb/icon_18.png) no-repeat;}

/*班次服务*/
.classService{ padding-top: 10px; background: #eaf7ff;}

/*学习体验*/
.experience{}
.experience.location{ position: relative; z-index: 1;}
.experience.location .help{ position: absolute; top: 257px; left: 50%; margin-left: -600px; display: block; width: 475px; height: 390px;}

/*免费资料*/
.freebieBg{ background: #4550a7;}
.freebie{ padding: 30px 0 40px;}
.freebie .lbox{ width: 280px;}
.freebie .lbox-top{ padding: 8px 0 28px; line-height: 52px; font-size: 28px; font-weight: 700; color: #fff; border-bottom: 2px solid #fff;}
.freebie .lbox-top b{ font-size: 32px;}
.freebie .lbox-bot{ padding: 36px 0 90px; height: 58px; background:url(/images/project2022/ys-dtmxb/icon_14.png) no-repeat left bottom;}
.freebie .lbox-bot span{ display: inline-block; padding-right: 50px; font-size: 36px; font-weight: 700; color: #fff; background:url(/images/zhuanti/2021linchuangyishicctfb/an.png) no-repeat 190px -992px;}
.freebie .rbox{ width: 840px; padding: 25px 30px; background: #fff;}
.freebie .rbox-top{ position: relative; z-index: 1; margin-bottom: 20px;}
.freebie .rbox-top .rtTit{ line-height: 56px; font-size: 36px; margin-bottom: 20px;}
.freebie .rbox-top .rtNum{ height: 58px;}
.freebie .rbox-top .rtNum span{ display: inline-block; padding: 0 30px 0 64px; height: 58px; line-height: 58px; font-size: 30px; color: #fff; border-radius: 4px; background:url(/images/zhuanti/2021linchuangyishicctfb/an.png) no-repeat #223fb3 14px -1089px;}
.freebie .rbox-top .rtFd{ position: absolute; top: 10px; right: 10px; width: 188px;}
.freebie .rbox-top .rtFd-icon{ height: 66px; text-align: center;}
.freebie .rbox-top .rtFd-btn{ display: block; width: 188px; height: 60px; line-height: 60px; text-align: center; font-size: 24px; color: #fff; font-weight: 700; border-radius: 30px; background: #f45212; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -webkit-box-shadow:0 5px 10px rgba(220, 46, 6, 0.7); -moz-box-shadow:0 5px 10px rgba(220, 46, 6, 0.7); box-shadow:0 5px 10px rgba(220, 46, 6, 0.7);
    background: -webkit-linear-gradient(top, #ff7b12, #e92c12); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #ff7b12, #e92c12); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #ff7b12, #e92c12); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #ff7b12, #e92c12); /* 标准的语法 */}
.freebie .rbox-top .rtFd-btn:hover{ text-decoration: none; transform:translate3d(0, -6px, 0);}
.freebie .rbox-bot{ padding: 15px 0 20px; border: 1px solid #999; background: #f5f5f5; border-radius: 10px;}
.freebie .rbox-bot-list{ position: relative; z-index: 1; float: left; width: 209px; height: 88px; line-height: 44px; text-align: center; font-size: 28px;}
.freebie .rbox-bot-list strong{ display: block; font-size: 24px;}
.freebie .rbox-bot-list strong b{ font-size: 36px; color: #f33e34; vertical-align: -2px;}
.freebie .rbox-bot-list i{ position: absolute; right: 0; top: 50%; margin-top: -32px; display: block; width: 1px; height: 64px; background:url(/images/project2022/ys-dtmxb/icon_15.png) no-repeat;}

/*加入我们*/
.joinBoxBg{ background:url(/images/project2022/ys-dtmxb/bg_07.jpg) no-repeat center top #4550a7;}
.joinBox{ height: 261px; padding: 30px 0 0 0;}
.joinBox .cbox .ltxt{ width: 500px; padding-left: 80px;}
.joinBox .cbox .ltxt-tit{ line-height: 74px; font-size: 30px; font-weight: 700;}
.joinBox .cbox .ltxt-cen{ line-height: 30px; font-size: 16px; color: #666; margin-bottom: 14px;}
.joinBox .cbox .ltxt-cen b{ font-size: 22px;}
.joinBox .cbox .right{ padding: 20px 60px 0 0;}
.joinBox .cbox .right .ewm{ width: 140px; margin-right: 30px;}
.joinBox .cbox .right .ewm-pic{ display: block; width: 120px; height: 120px; padding: 10px; background: #fff; -webkit-box-shadow:0 0 15px rgba(0,0,0,0.13); -moz-box-shadow:0 0 15px rgba(0,0,0,0.13); box-shadow:0 0 15px rgba(0,0,0,0.13);}
.joinBox .cbox .right .ewm-txt{ line-height: 42px; text-align: center; font-size: 16px; color: #666;}

/*底部浮动*/
.botFloat-warp{ height: 70px;}
.botFloat{position: fixed; left: 0; bottom: 0; width: 100%; height: 70px; z-index: 70; background: url(/images/project2022/ys-dtmxb/bg_16.jpg) no-repeat #ffcaa1 center;}
.botFloat .ltxt{ position: relative; z-index: 1; line-height: 70px; font-size: 28px; color: #af0000; font-weight: 700;}
.botFloat .ltxt i{ position: absolute; top: 0; right: -28px; width: 34px; height: 42px; background: url(/images/project2022/ys-dtmxb/icon_17.png) no-repeat;}
.botFloat .lPrice{ padding-top: 11px; line-height: 24px; font-size: 16px; color: #af0000; margin-left: 120px;}
.botFloat .lPrice b{ font-size: 18px;}
.botFloat .rbtn{ width: 330px; height: 50px; line-height: 50px; border-radius: 25px; text-align: center; color: #fff; margin: 10px 0 0 0; background: #fb6a1f; -webkit-box-shadow:0 5px 5px rgba(255,111,54,0.45); -moz-box-shadow:0 5px 5px rgba(255,111,54,0.45); box-shadow:0 5px 5px rgba(255,111,54,0.45);
    background: -webkit-linear-gradient(left, #fb4a14, #fa8d2c); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #fb4a14, #fa8d2c); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #fb4a14, #fa8d2c); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #fb4a14, #fa8d2c); /* 标准的语法 */}
.botFloat .rbtn-help{ display: inline-block; height: 28px; line-height: 28px; padding: 0 22px; font-size: 22px; color: #fff; margin: 11px 0 0; vertical-align: top;}
.botFloat .rbtn-btn{ display: inline-block; height: 28px; line-height: 28px; padding: 0 32px; font-size: 22px; color: #fff; font-weight: 700; margin: 11px 0 0; border-left: 1px solid #fdb790;}
.botFloat .rbtn:hover{ text-decoration: none;
    background: -webkit-linear-gradient(left, #fa8d2c, #fb4a14); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #fa8d2c, #fb4a14); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #fa8d2c, #fb4a14); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #fa8d2c, #fb4a14); /* 标准的语法 */}
.botFloat .rbtn:hover a{ text-decoration: none;}