@charset "utf-8";
/*
@author: he
@update: he (2024-04-29)
*/
body{font:12px/1.5 "\5b8b\4f53",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: none;}
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;}
.ggtit{ height: 76px; text-align: center; margin-bottom: 30px;}
.ggtit .lcion,.ggtit .rcion{ display: inline-block; *display: inline; *zoom: 1; background:url(/images/zhuanti/2024mitiku/tit_02.png) no-repeat left center;}
.ggtit .rcion{ background:url(/images/zhuanti/2024mitiku/tit_02.png) no-repeat right center;}
.ggtit .ctxt{ padding: 0 110px; line-height: 76px; font-size: 36px; font-weight: 700;}
.ggBtn{ display: block; clear: both; width: 260px; height: 52px; line-height: 50px; text-align: center; font-size: 22px; color: #fff; border-radius: 26px; margin: 0 auto; background: #fe9126; -webkit-box-shadow:0 5px 10px rgba(255, 94, 48, 0.34); -moz-box-shadow:0 5px 10px rgba(255, 94, 48, 0.34); box-shadow:0 5px 10px rgba(255, 94, 48, 0.34);
    background: -webkit-linear-gradient(top, #ffa700, #fe7753); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #ffa700, #fe7753); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #ffa700, #fe7753); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #ffa700, #fe7753); /* 标准的语法 */}
.ggBtn:hover{
    background: -webkit-linear-gradient(top, #fe7753, #ffa700); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #fe7753, #ffa700); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #fe7753, #ffa700); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #fe7753, #ffa700); /* 标准的语法 */}

/*页头*/
.headerBg{ background:url(/images/zhuanti/2024mitiku/bg_01.jpg) no-repeat center top;}
.header{ height: 469px; z-index: 1;}
.header .logo{ display: block; top: 36px; left: 24px; width: 214px; height: 50px;}
.header .cen{ display: block; top: 116px; left: 5px;}
.header .bot{ display: block; top: 318px; left: 20px;}
.header .bot span{ display: inline-block; padding: 0 20px; height: 42px; line-height: 42px; font-size: 20px; color: #fff; border-radius: 10px 0 10px 0; margin-right: 10px; background: #5742f2;}
.header .fdIcon{ display: block; top: 74px; right: -45px;}

/*备考问题*/
.problemBg{ background:url(/images/zhuanti/2024mitiku/bg_02.jpg) no-repeat center bottom;}
.problem{ padding: 40px 0 60px;}
.problem .cBox{ padding: 40px 0; background: #fff; border-radius: 6px; -webkit-box-shadow:0 2px 24px rgba(204, 204, 204, 0.4); -moz-box-shadow:0 2px 24px rgba(204, 204, 204, 0.4); box-shadow:0 2px 24px rgba(204, 204, 204, 0.4);}
.problem .cBox .listBox{ text-align: center; margin-bottom: 36px;}
.problem .cBox .listBox .list{ display: inline-block; width: 280px;}
.problem .cBox .listBox .list-pic{ display: block; width: 80px; height: 80px; margin: 0 auto;}
.problem .cBox .listBox .list-tit{ line-height: 54px; font-size: 22px; font-weight: 700; margin-bottom: 8px;}
.problem .cBox .listBox .list-txt{ line-height: 36px; font-size: 16px; color: #666;}

/*题库介绍*/
.introduceBg{ background:url(/images/zhuanti/2024mitiku/bg_05.jpg) no-repeat center top; background-size: 1920px 100%;}
.introduce{ padding: 40px 0 0;}
.introduce .cBox{ margin-bottom: 20px;}
.introduce .cBox-pic{ width: 612px; height: 417px;}
.introduce .cBox-pic img{ width: 612px; height: 417px;}
.introduce .cBox-con{ width: 540px;}
.introduce .cBox-con .list{ float: left; width: 250px; height: 170px; padding-top: 10px; background: #fff; margin: 0 40px 30px 0; border-radius: 6px; -webkit-box-shadow:0 5px 16px rgba(187, 187, 187, 0.3); -moz-box-shadow:0 5px 16px rgba(187, 187, 187, 0.3); box-shadow:0 5px 16px rgba(187, 187, 187, 0.3);}
.introduce .cBox-con .list-tit{ position: relative; z-index: 1; height: 66px; line-height: 66px; text-align: center; font-size: 22px; margin-bottom: 20px;}
.introduce .cBox-con .list-tit b{ font-size: 30px;}
.introduce .cBox-con .list-tit i{ position: absolute; bottom: 0; left: 50%; margin-left: -15px; width: 30px; height: 4px; background: #877cfe; border-radius: 2px;}
.introduce .cBox-con .list-txt{ line-height: 32px; text-align: center; font-size: 16px; color: #999;}
.introduce .cBox-con .list.mr0{ margin-right: 0;}
.introduce .bBox{ border-radius: 16px 16px 0 0; padding-bottom: 60px;
    background: -webkit-linear-gradient(top, #e5e4fe, #f4f4ff); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #e5e4fe, #f4f4ff); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #e5e4fe, #f4f4ff); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #e5e4fe, #f4f4ff); /* 标准的语法 */}
.introduce .bBox-type{ padding: 14px 70px 22px;}
.introduce .bBox-type-tit{ line-height: 50px; font-size: 20px; font-weight: 700;}
.introduce .bBox-type-txt{ line-height: 38px; font-size: 16px;}
.introduce .bBox-con{ height: 52px; text-align: center}
.introduce .bBox-con .spbtn{ display: inline-block; clear: both; width: 260px; height: 52px; line-height: 50px; text-align: center; font-size: 22px; color: #fff; border-radius: 26px; margin: 0 20px; background: #fe9126; -webkit-box-shadow:0 5px 10px rgba(255, 94, 48, 0.34); -moz-box-shadow:0 5px 10px rgba(255, 94, 48, 0.34); box-shadow:0 5px 10px rgba(255, 94, 48, 0.34);}
.introduce .bBox-con .sybtn{ display: inline-block; clear: both; width: 256px; height: 48px; line-height: 48px; text-align: center; font-size: 22px; color: #fe7851; border-radius: 26px; margin: 0 20px; border: 2px solid #fe7851;}
.introduce .bBox-con .sybtn.yesLogin{ display: none;}
.introduce .bBox-con .sybtn:hover{ text-decoration: none; background: #fe7851; color: #fff;}

/*特色服务*/
.serviceBg{ background:url(/images/zhuanti/2024mitiku/bg_03.jpg) no-repeat center bottom #e2f4ef;}
.service{ padding: 40px 0 60px;}
.service .cBox{ margin-bottom: 60px;}
.service .cBox .list{ float: left; width: 220px; height: 270px; padding-top: 30px; background: #fff; text-align: center; border-radius: 30px 4px 30px 4px; margin: 0 25px 0 0; -webkit-box-shadow:0 4px 26px rgba(115, 175, 157, 0.3); -moz-box-shadow:0 4px 26px rgba(115, 175, 157, 0.3); box-shadow:0 4px 26px rgba(115, 175, 157, 0.3);}
.service .cBox .list-pic{ height: 80px; margin-bottom: 12px;}
.service .cBox .list-pic img{ display: inline-block; width: 104px; height: 80px;}
.service .cBox .list-tit{ line-height: 66px; font-size: 24px; font-weight: 700;}
.service .cBox .list-txt{ line-height: 32px; font-size: 16px; color: #666; margin-bottom: 26px;}
.service .cBox .list.mt50{ margin-top: 50px;}
.service .cBox .list.mr0{ margin-right: 0;}

/*热门课程*/
.courseBox{ padding: 40px 0 60px;}
.courseBox .ggtit{ margin-bottom: 0;}
.courseBox .subtit{ width: 442px; height: 33px; line-height: 32px; text-align: center; font-size: 20px; color: #fff; margin: 0 auto 50px; background:url(/images/zhuanti/2024mitiku/tit_03.png) no-repeat;}
.courseBox .subtit b{ font-size: 28px; vertical-align: -2px;}
.courseBox .cBoxTwo{ margin-bottom: 40px;}
.courseBox .cBoxTwo .clist{ float: left; width: 580px; background: #fff; border-radius: 0 36px 18px 18px; margin-right: 40px; -webkit-box-shadow:0 2px 24px rgba(204, 204, 204, 0.4); -moz-box-shadow:0 2px 24px rgba(204, 204, 204, 0.4); box-shadow:0 2px 24px rgba(204, 204, 204, 0.4);}
.courseBox .cBoxTwo .clist .clTit{ position: relative; z-index: 1; height: 80px; line-height: 80px; font-size: 30px; font-weight: 700; color: #fff; text-align: center; border-radius: 0 36px 0 0;}
.courseBox .cBoxTwo .clist .clTit .icon{ position: absolute; top: -10px; right: 20px; width: 80px; height: 80px; line-height: 22px; text-align: center; font-size: 16px; font-weight: 700; display: -webkit-flex; display: flex; justify-content: center; align-items: center;}
.courseBox .cBoxTwo .clist .clCon{ padding-bottom: 30px;}
.courseBox .cBoxTwo .clist .clCon-top{ padding: 20px 30px 10px;}
.courseBox .cBoxTwo .clist .clCon-top p{ position: relative; z-index: 1; padding-left: 60px; line-height: 50px; font-size: 18px;}
.courseBox .cBoxTwo .clist .clCon-top p strong{ position: absolute; left: 0; top: 0; display: block;}
.courseBox .cBoxTwo .clist .clCon-top .f24{ font-size: 24px; vertical-align: -2px;}
.courseBox .cBoxTwo .clist .clCon-price{ padding: 0 30px 16px; line-height: 50px; font-size: 18px;}
.courseBox .cBoxTwo .clist .clCon-price strong{ font-size: 24px; color: #fd7400; vertical-align: -2px;}
.courseBox .cBoxTwo .clist .clCon-label{ text-align: center; margin-bottom: 10px;}
.courseBox .cBoxTwo .clist .clCon-label span{ display: inline-block; padding: 0 30px; height: 34px; line-height: 34px; font-size: 16px; color: #fd7400; border: 1px solid #ff692e; background: #fffcfa; border-radius: 6px; margin: 0 10px 10px;}
.courseBox .cBoxTwo .clist .clCon-bot{ padding: 0 30px; text-align: center;}
.courseBox .cBoxTwo .clist .clCon-bot .btn{ display: inline-block; width: 210px; height: 50px; line-height: 50px; text-align: center; font-size: 22px; color: #fff; border-radius: 25px; background: #ff6d35; margin: 0 5px;}
.courseBox .cBoxTwo .clist .clCon-bot .btn:hover{ background: #e84f15;}
.courseBox .cBoxTwo .clist .clCon-bot .btn02{ display: inline-block; width: 208px; height: 48px; line-height: 48px; text-align: center; font-size: 22px; color: #fe7249; border-radius: 25px; border:1px solid #ff6d35; margin: 0 5px;}
.courseBox .cBoxTwo .clist .clCon-bot .btn02:hover{ background: #fe7249; color: #fff;}
.courseBox .cBoxTwo .clist.jpb .clTit{ background: #887fff;
    background: -webkit-linear-gradient(left, #776aff, #a8a8ff); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #776aff, #a8a8ff); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #776aff, #a8a8ff); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #776aff, #a8a8ff); /* 标准的语法 */}
.courseBox .cBoxTwo .clist.jpb .clTit .icon{ color: #4f026b; background:url(/images/zhuanti/2024mitiku/icon_10.png) no-repeat;}
.courseBox .cBoxTwo .clist.syb{ margin-right: 0;}
.courseBox .cBoxTwo .clist.syb .clTit{ background: #fa984f;
    background: -webkit-linear-gradient(left, #f38743, #fea75a); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #f38743, #fea75a); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #f38743, #fea75a); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #f38743, #fea75a); /* 标准的语法 */}
.courseBox .cBoxTwo .clist.syb .clTit .icon{ color: #b44b07; background:url(/images/zhuanti/2024mitiku/icon_15.png) no-repeat;}
/*三班次*/
.courseBox .cBoxThr{ margin-bottom: 40px;}
.courseBox .cBoxThr .clist{ float: left; width: 386px; background: #fff; border-radius: 0 36px 18px 18px; margin-right: 21px; -webkit-box-shadow:0 2px 24px rgba(204, 204, 204, 0.4); -moz-box-shadow:0 2px 24px rgba(204, 204, 204, 0.4); box-shadow:0 2px 24px rgba(204, 204, 204, 0.4);}
.courseBox .cBoxThr .clist .clTit{ position: relative; z-index: 1; height: 80px; line-height: 80px; font-size: 30px; font-weight: 700; color: #fff; text-align: center; border-radius: 0 36px 0 0;}
.courseBox .cBoxThr .clist .clTit .icon{ position: absolute; top: -10px; right: 20px; width: 80px; height: 80px; line-height: 22px; text-align: center; font-size: 16px; font-weight: 700; display: -webkit-flex; display: flex; justify-content: center; align-items: center;}
.courseBox .cBoxThr .clist .clCon{ padding-bottom: 30px;}
.courseBox .cBoxThr .clist .clCon-top{ padding: 20px 20px 10px;}
.courseBox .cBoxThr .clist .clCon-top p{ position: relative; z-index: 1; padding-left: 60px; line-height: 50px; font-size: 18px;}
.courseBox .cBoxThr .clist .clCon-top p strong{ position: absolute; left: 0; top: 0; display: block;}
.courseBox .cBoxThr .clist .clCon-top .f24{ font-size: 24px; vertical-align: -2px;}
.courseBox .cBoxThr .clist .clCon-price{ padding: 0 20px 16px; line-height: 50px; font-size: 18px;}
.courseBox .cBoxThr .clist .clCon-price strong{ font-size: 24px; color: #fd7400; vertical-align: -2px;}
.courseBox .cBoxThr .clist .clCon-label{ text-align: center; margin-bottom: 10px;}
.courseBox .cBoxThr .clist .clCon-label span{ display: inline-block; padding: 0 10px; height: 34px; line-height: 34px; font-size: 16px; color: #fd7400; border: 1px solid #ff692e; background: #fffcfa; border-radius: 6px; margin: 0 10px 10px;}
.courseBox .cBoxThr .clist .clCon-bot{ padding: 0 20px; text-align: center;}
.courseBox .cBoxThr .clist .clCon-bot .btn{ display: inline-block; width: 160px; height: 50px; line-height: 50px; text-align: center; font-size: 22px; color: #fff; border-radius: 25px; background: #ff6d35; margin: 0 5px;}
.courseBox .cBoxThr .clist .clCon-bot .btn:hover{ background: #e84f15;}
.courseBox .cBoxThr .clist .clCon-bot .btn02{ display: inline-block; width: 158px; height: 48px; line-height: 48px; text-align: center; font-size: 22px; color: #fe7249; border-radius: 25px; border:1px solid #ff6d35; margin: 0 5px;}
.courseBox .cBoxThr .clist .clCon-bot .btn02:hover{ background: #fe7249; color: #fff;}
.courseBox .cBoxThr .clist.jpb .clTit{ background: #887fff;
    background: -webkit-linear-gradient(left, #776aff, #a8a8ff); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #776aff, #a8a8ff); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #776aff, #a8a8ff); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #776aff, #a8a8ff); /* 标准的语法 */}
.courseBox .cBoxThr .clist.jpb .clTit .icon{ color: #4f026b; background:url(/images/zhuanti/2024mitiku/icon_10.png) no-repeat;}
.courseBox .cBoxThr .clist.syb .clTit{ background: #428bfb;
    background: -webkit-linear-gradient(left, #3785fb, #72a6fd); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #3785fb, #72a6fd); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #3785fb, #72a6fd); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #3785fb, #72a6fd); /* 标准的语法 */}
.courseBox .cBoxThr .clist.syb .clTit .icon{ color: #16026b; background:url(/images/zhuanti/2024mitiku/icon_11.png) no-repeat;}
.courseBox .cBoxThr .clist.wyb{ margin-right: 0;}
.courseBox .cBoxThr .clist.wyb .clTit{ background: #fa984f;
    background: -webkit-linear-gradient(left, #f38743, #fea75a); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #f38743, #fea75a); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #f38743, #fea75a); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #f38743, #fea75a); /* 标准的语法 */}
.courseBox .cBoxThr .clist.wyb .clTit .icon{ color: #b44b07; background:url(/images/zhuanti/2024mitiku/icon_15.png) no-repeat;}
/*课程模块-vip课*/
.courseBox .oneCourseList{ margin-bottom: 40px; box-shadow:5px 0 30px #e8e8e8;}
.courseBox .oneCourseList .teacherPic{ width: 350px;}
.courseBox .oneCourseList .teacherPic h5{ font-size: 16px; text-align: center; left: 50%; margin-left:-125px; color: #be6607; top: 90px;}
.courseBox .oneCourseList .teacherPic h5.wordColor{ color: #be6607; top:90px;}
.courseBox .oneCourseList .teacherPic .tagBrand{ right:3px; top:-20px;}
.courseBox .oneCourseList .teacherPic .video-icon{background:url(/images/24homePage/column-jianzao/columnIcon2022.png) no-repeat center; background-position:0 -691px; display: block; width: 38px; height: 38px; right:10px; bottom:40px; cursor: pointer;}
.courseBox .oneCourseList .oneCourseContent{background:url(/images/24homePage/column-jianzao/card_Bg.png) no-repeat right top;width:813px;padding: 0 0 0 35px; border-top: 1px solid #f5cba1; border-right: 1px solid #f5cba1; border-bottom: 1px solid #f5cba1; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.courseBox .oneCourseList .oneCourseContent .oneCourseCon{ width:441px;margin: 25px 0 20px 0;padding-right: 20px; border-right: 1px dashed #ffc07c;}
.courseBox .oneCourseList .oneCourseContent .oneCourseCon h4{ font-size: 19px; color: #4a1200; margin-bottom:10px;}
.courseBox .oneCourseList .oneCourseContent .oneCourseCon h5{ height: 32px; line-height: 32px; font-size: 14px; color: #844b00; padding-left: 10px;}
.courseBox .oneCourseList .oneCourseContent .oneCourseCon h5.barIcon01{background:url(/images/24homePage/column-jianzao/barIcon.png) no-repeat right top;  background-position: 0 -39px;}
.courseBox .oneCourseList .oneCourseContent .oneCourseCon h5.barIcon02{background-position: 0 0;}
.courseBox .oneCourseList .oneCourseContent .oneCourseCon h5.barIcon03{background-position: 0 -39px;}
.courseBox .oneCourseList .oneCourseContent .oneCourseCon ul{ padding: 8px 0;font-size:14px;}
.courseBox .oneCourseList .oneCourseContent .oneCourseCon ul li{display: inline-block;*display:inline;zoom: 1;height: 36px; line-height: 36px;}
.courseBox .oneCourseList .oneCourseContent .oneCourseCon ul.twoLine li{ width:217px;margin-bottom: 8px; }
.courseBox .oneCourseList .oneCourseContent .oneCourseCon ul.oneLine{width:249px;}
.courseBox .oneCourseList .oneCourseContent .oneCourseCon ul.oneLine li{width:249px;}
.courseBox .oneCourseList .oneCourseContent .oneCourseCon ul li i{ display: inline-block;*display:inline;zoom: 1; width: 26px; height: 26px; vertical-align: middle; margin-right: 5px; background: url(/images/24homePage/column-jianzao/columnIcon2022.png) no-repeat;}
.courseBox .oneCourseList .oneCourseContent .oneCourseCon ul li i.icon01{ background-position: 0 -206px;}
.courseBox .oneCourseList .oneCourseContent .oneCourseCon ul li i.icon02{ background-position: 0 -240px;}
.courseBox .oneCourseList .oneCourseContent .oneCourseCon ul li i.icon03{ background-position: 0 -272px;}
.courseBox .oneCourseList .oneCourseContent .oneCourseCon ul li i.icon04{ background-position: 0 -304px;}
.courseBox .oneCourseList .oneCourseContent .oneCourseCon ul li i.icon05{ background-position: 0 -80px;}
.courseBox .oneCourseList .oneCourseContent .oneCourseCon ul li i.icon06{ background-position: 0 -111px;}
.courseBox .oneCourseList .oneCourseContent .oneCourseCon ul li i.icon07{ background-position: 0 -141px;}
.courseBox .oneCourseList .oneCourseContent .oneCourseCon ul li i.icon08{ background-position: 0 -171px;}
.courseBox .oneCourseList .oneCourseContent .oneCourseCon ul li i.icon09{ background-position: 0 -206px;}
.courseBox .oneCourseList .oneCourseContent .oneCourseCon ul li i.icon10{ background-position: 0 -240px;}
.courseBox .oneCourseList .oneCourseContent .oneCourseCon ul li i.icon11{ background-position: 0 -272px;}
.courseBox .oneCourseList .oneCourseContent .oneCourseCon ul li i.icon12{ background-position: 0 -304px;}
.courseBox .oneCourseList .oneCourseContent .oneCourseCon h6{ background: #ffefe8; background: -webkit-linear-gradient(left, #ffefe8, #fff); background: -o-linear-gradient(left, #ffefe8, #fff); background: -moz-linear-gradient(left, #ffefe8, #fff); background: linear-gradient(to right, #ffefe8, #fff); border-radius: 5px; font-size: 14px; color: #333; font-weight: normal; margin-right:5px;}
.courseBox .oneCourseList .oneCourseContent .oneCourseCon h6.oneWord{ height: 32px; line-height: 32px; }
.courseBox .oneCourseList .oneCourseContent .oneCourseCon h6.twoWord{line-height: 32px;}
.courseBox .oneCourseList .oneCourseContent .oneCourseCon h6.twoWord span{ line-height: 58px;}
.courseBox .oneCourseList .oneCourseContent .oneCourseCon h6.twoWord p{line-height: 20px; padding-top:10px; }
.courseBox .oneCourseList .oneCourseContent .oneCourseCon h6 span{ width:32px; text-align: center;display: inline-block;*display:inline;zoom: 1; vertical-align: top; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background: #ff5743; font-size: 16px!important; margin-right:3px; color: #fff;font-weight:700;}
.courseBox .oneCourseList .oneCourseContent .oneCourseCon h6 em{ color: #ff5743; font-weight: bold;}
.courseBox .oneCourseList .oneCourseContent .oneCourseCon h6 p{display: inline-block;*display:inline;zoom: 1; width:362px; padding: 0 10px; vertical-align: top;}
.courseBox .oneCourseList .oneCourseContent .onCourseClass{width:350px;text-align: center; color: #ff5743; font-size: 20px;padding-top:35px;}
.courseBox .oneCourseList .oneCourseContent .onCourseClass ul{ padding-left:25px;}
.courseBox .oneCourseList .oneCourseContent .onCourseClass ul li img{ float: left; margin-right: 15px;}
.courseBox .oneCourseList .oneCourseContent .onCourseClass ul li h5{ font-size: 18px; color: #522702;}
.courseBox .oneCourseList .oneCourseContent .onCourseClass ul li,.courseBox .oneCourseList .oneCourseContent .onCourseClass ul li strong{ font-size: 18px; text-align: left; margin-bottom: 15px;}
.courseBox .oneCourseList .oneCourseContent .onCourseClass p a{ display: inline-block;*display:inline;zoom: 1; width: 140px; color: #ff5743; height: 44px; border-radius: 24px; line-height: 44px; text-align: center; border: 1px solid #ff5743;}
.courseBox .oneCourseList .oneCourseContent .onCourseClass p a.zxkf{ background: #ff5743; color: #fff; margin-left: 8px;box-shadow: 0 5px 5px #ffd2cd;}
.courseBox .oneCourseList .oneCourseContent .onCourseClass p a:hover{ background: #ff5743; text-decoration: none; color: #fff;}
.courseBox .oneCourseList .oneCourseContent .onCourseClass p a.zxkf:hover{ background: #f44935;box-shadow: 0 5px 5px #f5c7c3;}
.courseBox .oneCourseList .oneCourseContent.courseHeight01{ height:262px;}
.courseBox .oneCourseList .oneCourseContent.courseHeight02{ height:262px;}

/*加入我们*/
.joinBoxBg{ background:url(/images/zhuanti/2024mitiku/bg_04.jpg) no-repeat center top;}
.joinBox{ height: 306px;}
.joinBox .bbox{ padding-top: 70px;}
.joinBox .bbox .ltxt{ width: 500px; padding-left: 40px; color: #fff;}
.joinBox .bbox .ltxt-tit{ line-height: 74px; font-size: 30px; font-weight: 700;}
.joinBox .bbox .ltxt-cen{ line-height: 30px; font-size: 16px; margin-bottom: 14px;}
.joinBox .bbox .ltxt-cen b{ font-size: 22px;}
.joinBox .bbox .right{ padding: 0 50px 0 0;}
.joinBox .bbox .right .ewm{ width: 140px; margin-right: 30px;}
.joinBox .bbox .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 .bbox .right .ewm-txt{ padding-top: 14px; line-height: 26px; text-align: center; font-size: 16px; color: #fff;}

/* 右侧浮动 */
.rightFloat{ width:90px; position:fixed; right: 10px; top:50%; margin-top: -200px; z-index:90;}
.rightFloat .help{ display: block; width: 90px; height: 84px; background:url(/images/zhuanti/2024mitiku/icon_16.png) no-repeat;}
.rightFloat .con{ width: 90px; padding-bottom: 10px; background: #feb969; background: linear-gradient(to bottom, #feb969, #f49745); border-radius: 0 0 18px 6px;}
.rightFloat .con-top{ margin: 0 5px;}
.rightFloat .con-top a{ display: block; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #fff; border-radius: 15px; margin-bottom: 14px; background: #f97914; background: linear-gradient(to bottom, #f98418, #f86a0f); box-shadow:0 2px 4px rgba(254, 179, 100, 0.7);}
.rightFloat .con-top a:hover{ text-decoration: none; background: #e52e18; background: linear-gradient(to bottom, #e5321c, #e42912);}
.rightFloat .con .gototop{ display: block; height: 30px; line-height: 30px; text-indent: 10px; font-size: 16px; color: #fff; font-weight: 700; text-align: center;}
.rightFloat .con .gototop i{ display: inline-block; width: 19px; height: 9px; background:url(/images/zhuanti/2024mitiku/icon_18.png) no-repeat; margin-left: 4px; vertical-align: 1px;}
.rightFloat .con .gototop:hover{ text-decoration: none;}
.rightFloat .switch-icon{ position:absolute; left:-30px; top:50%; margin-top:-10px; display: block; width:30px; height:50px; border-radius: 8px 0 0 8px; cursor: pointer; background: linear-gradient(to right, #fee9c3, #f3d4a0); filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000', endColorstr='#99000000');background:rgba(0,0,0,0.6);}
.rightFloat .switch-icon i{ position: absolute; left: 9px; top: 50%; margin-top: -7px; width: 15px; height: 15px; background:url(/images/zhuanti/2024mitiku/icon_17.png) no-repeat;}
.rightFloat.rightFloat-switch .switch-icon i{ transform:rotateZ(180deg);}

/*底部浮层*/
.botFloat-wrap{ width:100%; height: 70px;}
.botFloat{ width: 100%; height: 70px; background:#ffc776; position:fixed; left:0; bottom:0; z-index:70;}
.botFloat .price-con{ float: left; padding-top: 10px; margin-right: 60px; line-height: 28px;}
.botFloat .price-con-price{ font-size: 14px; color: #ea410d;}
.botFloat .price-con-price b{ font-size: 24px; vertical-align: top;}
.botFloat .price-con-price del{ font-size: 14px; color: #666;margin-left: 10px;}
.botFloat .price-con-discount{ font-size: 14px; color: #3b1e05; max-width: 600px; height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.botFloat .spbtn{ position: relative; z-index: 1; float: right; display: block; width: 180px; height: 70px; line-height: 70px; text-align: center; font-size: 22px; color: #fff; background-color: #f16a10;
    background: -webkit-linear-gradient(left, #eb570f, #f77d11); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #eb570f, #f77d11); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #eb570f, #f77d11); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #eb570f, #f77d11); /* 标准的语法 */}
.botFloat .spbtn:hover{ text-decoration: none; background-color: #eb570f\9;
    background: -webkit-linear-gradient(left, #f77d11, #eb570f); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #f77d11, #eb570f); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #f77d11, #eb570f); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #f77d11, #eb570f); /* 标准的语法 */}
.botFloat .spbtn .fdIcon{ position: absolute; left: 0; top: -22px; display: block; width: 200px; height: 28px; line-height: 28px; text-align: center; font-size: 12px; color: #862605; border-radius: 14px 14px 14px 4px;
    background: -webkit-linear-gradient(left, #ffde83, #faedc3); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ffde83, #faedc3); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ffde83, #faedc3); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ffde83, #faedc3); /* 标准的语法 */}
.botFloat .sybtn{ float: right; display: block; width: 160px; height: 70px; line-height: 70px; text-align: center; font-size: 22px; color: #e71616; background-color: #ffeb92;
    background: -webkit-linear-gradient(left, #ffe4a7, #fff27e); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ffe4a7, #fff27e); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ffe4a7, #fff27e); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ffe4a7, #fff27e); /* 标准的语法 */}
.botFloat .sybtn:hover{ text-decoration: none; background-color: #ffeb92;
    background: -webkit-linear-gradient(left, #fff27e, #ffe4a7); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #fff27e, #ffe4a7); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #fff27e, #ffe4a7); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #fff27e, #ffe4a7); /* 标准的语法 */}
.botFloat .sybtn.yesLogin{ display: none;}


.mask{ display:none; width:100%; height:100%; position:fixed; left:0; top:0; right:0; bottom:0; background:#000;opacity:.7;filter:alpha(opacity=70); z-index:99;}

/*试用弹层*/
.trialPop{ display:none; overflow: hidden; width: 640px; background: #fff; position:fixed; top:50%; left:50%; margin-left: -320px; z-index: 100; border-radius: 4px;}
.trialPop .xx{ display:block; width:16px; height:16px; position: absolute; top:20px; right:20px;cursor: pointer; background:url(/images/zhuanti/2024mitiku/icon_12.png) no-repeat;}
.trialPop .tit{ height: 80px; line-height: 80px; text-align: center; font-size: 20px; font-weight: 700;}
.trialPop .con{ padding: 0 0 20px 20px;}
.trialPop .con .clist{ float: left; width: 188px; height: 38px; line-height: 38px; text-align: center; font-size: 16px; border: 1px solid #d5d5d5; border-radius: 20px; margin: 0 15px 20px 0;}
.trialPop .con .clist:hover{ text-decoration: none; background: #fafefb; border: 1px solid #fe7851; color: #fe7851;}

















