@charset "utf-8";
/*
@author: he
@update: he (2023-02-14)
*/
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:url(/OtherItem/images/2024mokao/bg_02.jpg) no-repeat #b7eadd center 505px;}
.ggTit{ position: absolute; top: -20px; left: 50%; margin-left: -205px; width: 410px; height: 52px; line-height: 50px; text-align: center; font-size: 30px; color: #fff; font-weight: 700; background:url(/OtherItem/images/2024mokao/tit_01.png) no-repeat;}

/*页头大图*/
.banner{ position: relative; z-index: 1; height: 433px;}
.banner .fdIcon{ position: absolute; top: 280px; right: 115px; width: 100px; height: 142px; background:url(/OtherItem/images/2024mokao/icon_01.png) no-repeat; -webkit-animation:floating 2s ease infinite; animation:floating 2s ease infinite;}

/*考试进度*/
.progress{ position: relative; z-index: 1; background: #fff; height: 182px; border-radius: 10px; -webkit-box-shadow:0 10px 20px rgba(106, 198, 175, 0.6); -moz-box-shadow:0 10px 20px rgba(106, 198, 175, 0.6); box-shadow:0 10px 20px rgba(106, 198, 175, 0.6);}
.progress .fdTiao{ position: absolute; z-index: 1; top: 94px; left: 50%; margin-left: -450px; width: 900px; height: 1px; background: #bde5d7;}
.progress .conBox{ position: relative; z-index: 2; padding-top: 36px; display: -webkit-flex; display: flex;}
.progress .conBox-list{ display: block; flex-grow: 1; text-align: center;}
.progress .conBox-list .top{ display: block; height: 20px; line-height: 20px; font-size: 20px; font-weight: 700; margin-bottom: 22px;}
.progress .conBox-list .top .icon{ display: inline-block; padding: 0 6px; height: 20px; font-size: 16px; color: #fff; background: #9e9e9e; border-radius: 10px 10px 0 10px; margin: 0 6px 20px 0; vertical-align: 1px;}
.progress .conBox-list .cen{ position: relative; z-index: 1; display: block; height: 34px; margin-bottom: 20px;}
.progress .conBox-list .cen span{ display: inline-block; height: 34px; line-height: 34px; font-size: 16px; color: #fff; background: #03a37a; padding: 0 40px; border-radius: 17px;}
.progress .conBox-list .cen .icon{ position: absolute; left: 50%; top: -8px; margin-left: -6px; width: 12px; height: 8px; background:url(/OtherItem/images/2024mokao/icon_03.png) no-repeat;}
.progress .conBox-list .bot{ display: inline-block; height: 20px; line-height: 20px; font-size: 16px;}
.progress .conBox-list.on .cen span{ background: #f1534f;
    background: -webkit-linear-gradient(left, #e43266, #fd7438); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #e43266, #fd7438); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #e43266, #fd7438); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #e43266, #fd7438); /* 标准的语法 */}
.progress .conBox-list.on .cen .icon{ background:url(/OtherItem/images/2024mokao/icon_02.png) no-repeat;}
.progress .conBox-list.on .bot{ color: #fc6f3c;}
.progress .conBox a:hover{ text-decoration: none;}

/*预约提醒*/
.remindBg{ padding-top: 60px;}
.remind{ position: relative; z-index: 1; background: #fff; padding: 60px 0 30px; border-radius: 10px; -webkit-box-shadow:0 10px 20px rgba(106, 198, 175, 0.6); -moz-box-shadow:0 10px 20px rgba(106, 198, 175, 0.6); box-shadow:0 10px 20px rgba(106, 198, 175, 0.6);}
.remind .timeBox{ width: 260px; background: #fff7ec; margin-left: 30px; border-radius: 8px;}
.remind .timeBox-tit{ height: 70px; line-height: 70px; text-align: center; font-size: 18px; font-weight: 700; margin-bottom: 4px}
.remind .timeBox-cen{ width: 202px; height: 185px; margin: 0 auto 16px; background:url(/OtherItem/images/2024mokao/bg_04.jpg) no-repeat;}
.remind .timeBox-cen span{ display: block; padding-top: 54px; line-height: 100px; font-size: 24px; color: #f2554e; text-align: center; font-weight: 700;}
.remind .timeBox-cen span b{ display: inline-block; font-size: 50px; vertical-align: -3px; margin-right: 10px;}
.remind .timeBox-bot{ height: 26px; line-height: 26px; font-size: 14px; text-align: center; margin-bottom: 16px;}
.remind .timeBox-bot span{ display: inline-block; font-size: 14px; color: #fb6f3c; padding: 0 8px; margin: 0 4px; background: #ffefc8; border-radius: 4px;}
.remind .subscribe{ margin-right: 20px;}
.remind .subscribe-tit{ padding-left: 22px; height: 80px; line-height: 80px; font-size: 22px; font-weight: 700; color: #02b688;}
.remind .subscribe-list{ float: left; position: relative; z-index: 1; width: 206px; height: 230px; margin: 0 6px;}
.remind .subscribe-list .stxt{ position: absolute; left: 0; bottom: 0; width: 100%; height: 36px; line-height: 36px; text-align: center; font-size: 14px; color: #fff;}
.remind .subscribe-list.bg01{ background:url(/OtherItem/images/2024mokao/pic_01.jpg) no-repeat;}
.remind .subscribe-list.bg01 .sewm{ position: absolute; left: 40px; top: 17px; display: block; width: 126px; height: 126px;}
.remind .subscribe-list.bg02{ background:url(/OtherItem/images/2024mokao/pic_02.jpg) no-repeat;}
.remind .subscribe-list.bg03{ background:url(/OtherItem/images/2024mokao/pic_03.jpg) no-repeat;}
.remind .subscribe-list.bg04{ background:url(/OtherItem/images/2024mokao/pic_04.jpg) no-repeat;}

/*介绍*/
.introduceBg{ padding-top: 60px;}
.introduce{ position: relative; z-index: 1; background: #fff; padding: 60px 0 0; border-radius: 10px; -webkit-box-shadow:0 10px 20px rgba(106, 198, 175, 0.6); -moz-box-shadow:0 10px 20px rgba(106, 198, 175, 0.6); box-shadow:0 10px 20px rgba(106, 198, 175, 0.6);}
.introduce .subTit{ height: 70px; margin: 0 30px 20px;}
.introduce .subTit-left{ float: left; padding-left: 54px; line-height: 70px; font-size: 28px; font-weight: 700;}
.introduce .subTit-left.bg01{ background:url(/OtherItem/images/2024mokao/icon_04.png) no-repeat left center;}
.introduce .subTit-left.bg02{ background:url(/OtherItem/images/2024mokao/icon_05.png) no-repeat left center;}
.introduce .subTit-btn{ float: right; width: 130px; height: 40px; line-height: 40px; font-size: 16px; text-align: center; color: #fff; border-radius: 20px; margin: 15px 0 0 25px; background: #f1544f;
    background: -webkit-linear-gradient(left, #e43266, #fd7438); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #e43266, #fd7438); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #e43266, #fd7438); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #e43266, #fd7438); /* 标准的语法 */}
.introduce .subTit-btn:hover{ text-decoration: none; background: #fd7438;
    background: -webkit-linear-gradient(left, #fd7438, #e43266); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #fd7438, #e43266); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #fd7438, #e43266); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #fd7438, #e43266); /* 标准的语法 */}
.introduce .intCon{ margin: 0 0 25px 30px;}
.introduce .intCon-list{ float: left; display: block; position: relative; z-index: 1; width: 270px; height: 194px; margin-right: 20px;}
.introduce .intCon-list .iltxt{ position: absolute; top: 32px; right: 18px; width: 112px; line-height: 34px; font-size: 16px; text-align: center;}
.introduce .intCon-list .iltxt b{ display: block; margin-bottom: 26px; font-size: 22px;}
.introduce .intCon-list.bg01{ background:url(/OtherItem/images/2024mokao/pic_05.png) no-repeat;}
.introduce .intCon-list.bg02{ background:url(/OtherItem/images/2024mokao/pic_06.png) no-repeat;}
.introduce .intCon-list.bg03{ background:url(/OtherItem/images/2024mokao/pic_07.png) no-repeat;}
.introduce .intCon-list.bg04{ background:url(/OtherItem/images/2024mokao/pic_08.png) no-repeat;}
.introduce .prizeCon-tit{ width: 1118px; height: 48px; border: 1px solid #4ad383; border-radius: 25px; margin: 0 auto 20px; display: -webkit-flex; display: flex;}
.introduce .prizeCon-tit li{ flex-grow: 1; height: 48px; line-height: 48px; text-align: center; font-size: 22px; font-weight: 700; border-radius: 25px; cursor: pointer;}
.introduce .prizeCon-tit li.on{ color: #fff; background: #2dc785; -webkit-box-shadow:0 6px 6px rgba(49, 194, 154, 0.4); -moz-box-shadow:0 6px 6px rgba(49, 194, 154, 0.4); box-shadow:0 6px 6px rgba(49, 194, 154, 0.4);
    background: -webkit-linear-gradient(left, #01b688, #59d883); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #01b688, #59d883); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #01b688, #59d883); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #01b688, #59d883); /* 标准的语法 */}
.introduce .prizeCon-con{ display: none; text-align: center; padding: 66px 0 0 0; height: 271px; background:url(/OtherItem/images/2024mokao/bg_05.png) no-repeat; border-radius: 0 0 10px 10px;}
.introduce .prizeCon-con-list{ display: inline-block; position: relative; z-index: 1; width: 270px; height: 230px; margin: 0 9px;}
.introduce .prizeCon-con-list img{ width: 270px; height: 230px;}

/*模考入口*/
.entranceBg{ padding-top: 73px; background:url(/OtherItem/images/2024mokao/bg_03.jpg) no-repeat center -100px;}
.entrance{ position: relative; z-index: 1; background:url(/OtherItem/images/2024mokao/bg_06_max.png) no-repeat center -140px #fff; padding: 80px 0 0; border-radius: 10px; -webkit-box-shadow:0 10px 20px rgba(106, 198, 175, 0.6); -moz-box-shadow:0 10px 20px rgba(106, 198, 175, 0.6); box-shadow:0 10px 20px rgba(106, 198, 175, 0.6);}
.entrance .fdBtn{ position: absolute; top: 30px; right: 30px; display: none; width: 120px; height: 28px; line-height: 28px; text-align: center; font-size: 14px; color: #fff; border: 1px solid #fff; border-radius: 15px;}
.entrance .fdBtn:hover{ text-decoration: none; background: #ffefd8; color: #f2554e;}
.entrance .subTit{ margin: 0 0 0 30px; height: 320px; text-align: center;}
.entrance .subTit li{ display: inline-block; width: 198px; height: 44px; line-height: 44px; text-align: center; font-size: 16px; color: #fff; border: 1px solid #bbffd9; margin: 0 12px 18px; border-radius: 23px; cursor: pointer;}
.entrance .subTit li.on{ width: 200px; height: 46px; line-height: 46px; border: 0; font-size: 16px; font-weight: 700; color: #f2554e; background: #ffefd8; -webkit-box-shadow:0 8px 8px rgba(7, 136, 101, 0.8); -moz-box-shadow:0 8px 8px rgba(7, 136, 101, 0.8); box-shadow:0 8px 8px rgba(7, 136, 101, 0.8);
    background: -webkit-linear-gradient(left, #fff6e8, #ffebcf); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #fff6e8, #ffebcf); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #fff6e8, #ffebcf); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #fff6e8, #ffebcf); /* 标准的语法 */}
.entrance .conBox{ margin: 0 0 30px 30px; min-height: 246px;}
.entrance .conBox .clist{ 
    float: left;
    width: 500px;
    height: 226px;
    text-align: center;
    margin: 0 36px 20px;
    background: url(/OtherItem/images/2024mokao/bg_07.png) no-repeat center top;
    background-size: 500px 226px;
    }
.entrance .conBox .clist-tit{ line-height: 30px; font-size: 20px; font-weight: 700; padding: 30px 10px 10px;}
.entrance .conBox .clist-txt{ height: 32px; line-height: 32px; font-size: 14px; color: #f2554e; margin-bottom: 14px;}
.entrance .conBox .clist-btn01,.entrance .conBox .clist-btn02{ position: relative; z-index: 1; display: block; width: 160px; height: 46px; padding-right: 20px; line-height: 46px; font-size: 16px; color: #fff; background: #f6634d; margin: 0 auto 12px; border-radius: 23px; -webkit-box-shadow:0 6px 6px rgba(253, 145, 58, 0.34); -moz-box-shadow:0 6px 6px rgba(253, 145, 58, 0.34); box-shadow:0 6px 6px rgba(253, 145, 58, 0.34);
    background: -webkit-linear-gradient(left, #ee4a56, #ff7e45); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ee4a56, #ff7e45); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ee4a56, #ff7e45); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ee4a56, #ff7e45); /* 标准的语法 */}
.entrance .conBox .clist-btn01:hover{ text-decoration: none; background: #ee4a56;
    background: -webkit-linear-gradient(left, #ff7e45, #ee4a56); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ff7e45, #ee4a56); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ff7e45, #ee4a56); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ff7e45, #ee4a56); /* 标准的语法 */}
.entrance .conBox .clist-btn01 i,.entrance .conBox .clist-btn02 i{ display: block; position: absolute; right: 18px; top: 15px; width: 16px; height: 16px; background:url(/OtherItem/images/2024mokao/icon_06.png) no-repeat;}
.entrance .conBox .clist-btn02{ background: #fdb66c;
    background: -webkit-linear-gradient(left, #fdc180, #fcac58); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #fdc180, #fcac58); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #fdc180, #fcac58); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #fdc180, #fcac58); /* 标准的语法 */}
.entrance .conBox .clist-btn02:hover{ text-decoration: none;}
.entrance .conBox .clist-fot{ height: 32px; line-height: 32px; font-size: 14px; color: #666;}
.entrance .conBox .clist-fot a{ color: #666;}
.entrance .bType{ line-height: 30px; font-size: 14px; color: #666; text-align: center; margin: -20px 0 20px;}
/*排行榜*/
.rankingBg{ padding-top: 60px;}
.ranking{ position: relative; z-index: 1; background: #fff; padding: 80px 0 40px; border-radius: 10px; -webkit-box-shadow:0 10px 20px rgba(106, 198, 175, 0.6); -moz-box-shadow:0 10px 20px rgba(106, 198, 175, 0.6); box-shadow:0 10px 20px rgba(106, 198, 175, 0.6);}
.ranking .subTit{ display:none;width: 1118px; height: 48px; border: 1px solid #4ad383; border-radius: 25px; margin: 0 auto 30px;}
.ranking .subTit li{ flex-grow: 1; height: 48px; line-height: 48px; text-align: center; font-size: 22px; font-weight: 700; border-radius: 25px; cursor: pointer;}
.ranking .subTit li.on{ color: #fff; background: #2dc785; -webkit-box-shadow:0 6px 6px rgba(49, 194, 154, 0.4); -moz-box-shadow:0 6px 6px rgba(49, 194, 154, 0.4); box-shadow:0 6px 6px rgba(49, 194, 154, 0.4);
    background: -webkit-linear-gradient(left, #01b688, #59d883); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #01b688, #59d883); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #01b688, #59d883); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #01b688, #59d883); /* 标准的语法 */}
.ranking .fdNum{ position: absolute; left: 40px; top: 26px; padding: 0 20px 0 50px; height: 34px; line-height: 34px; font-size: 14px; color: #666; background:url(/OtherItem/images/2024mokao/icon_08.png) no-repeat 20px 6px #fff1eb; border-radius: 4px;}
.ranking .fdNum b{ display: inline-block; font-size: 18px; color: #fb6f3c; vertical-align: -2px; margin: 0 6px;}
.ranking .gzbtn{ position: absolute; right: 40px; top: 22px; width: 130px; height: 40px; line-height: 40px; font-size: 16px; text-align: center; color: #fff; border-radius: 20px; background: #f1544f;
    background: -webkit-linear-gradient(left, #e43266, #fd7438); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #e43266, #fd7438); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #e43266, #fd7438); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #e43266, #fd7438); /* 标准的语法 */}
.ranking .gzbtn:hover{ text-decoration: none; background: #fd7438;
    background: -webkit-linear-gradient(left, #fd7438, #e43266); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #fd7438, #e43266); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #fd7438, #e43266); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #fd7438, #e43266); /* 标准的语法 */}
.ranking .rankCon{}
.ranking .rankCon .rcTit{ height: 60px; background: #ff9662; margin: 0 40px; display: -webkit-flex; display: flex;}
.ranking .rankCon .rcTit li{ display: block; line-height: 60px; font-size: 16px; text-align: center; font-weight: 700; color: #fff;}
.ranking .rankCon .myListBox{ display: none;}
.ranking .rankCon .myList{ height: 60px; background: #fff1da; margin: 0 40px; display: -webkit-flex; display: flex; -webkit-box-shadow:0 6px 6px rgba(0, 0, 0, 0.08); -moz-box-shadow:0 6px 6px rgba(0, 0, 0, 0.08); box-shadow:0 6px 6px rgba(0, 0, 0, 0.08);}
.ranking .rankCon .myList li{ display: block; line-height: 60px; font-size: 16px; text-align: center; color: #333;}
.ranking .rankCon .myList li:first-child{ font-size: 22px; color: #f2554e; font-weight: 700;}
.ranking .rankCon .slideBox{ padding-left: 40px; max-height: 480px; overflow: auto; overflow-x: hidden;}
.ranking .rankCon .slideBox dl{ width: 1120px; height: 60px; display: -webkit-flex; display: flex;}
.ranking .rankCon .slideBox dl:nth-child(2n){ background: #f5f7fa;}
.ranking .rankCon .slideBox dl.one dd:first-child{ background:url(/OtherItem/images/2024mokao/icon_09.png) no-repeat center; font-size: 0;}
.ranking .rankCon .slideBox dl.two dd:first-child{ background:url(/OtherItem/images/2024mokao/icon_10.png) no-repeat center; font-size: 0;}
.ranking .rankCon .slideBox dl.thr dd:first-child{ background:url(/OtherItem/images/2024mokao/icon_11.png) no-repeat center; font-size: 0;}
.ranking .rankCon .slideBox dd{ display: block; line-height: 60px; font-size: 16px; text-align: center; color: #333;}
.ranking .rankCon .slideBox dd:first-child{ font-size: 18px; font-weight: 700;}
/* .ranking .rankCon .w15{ width: 15%;} */
.ranking .rankCon .w20{ width: 20%;}
.ranking .rankCon .w30{ width: 30%;}
.ranking .rankCon .cju{ color: #f2554e !important;}

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

/*直播*/
.liveBoxBg{ padding-top: 60px;}
.liveBox{ position: relative; z-index: 1; background: #fff; padding: 80px 0 40px; border-radius: 10px; -webkit-box-shadow:0 10px 20px rgba(106, 198, 175, 0.6); -moz-box-shadow:0 10px 20px rgba(106, 198, 175, 0.6); box-shadow:0 10px 20px rgba(106, 198, 175, 0.6);}
.liveBox .fdTit{ position: absolute; top: 80px; right: 30px; width: 510px; height: 54px; background: #23bf81; border-radius: 6px; display: -webkit-flex; display: flex;
    background: -webkit-linear-gradient(left, #43d084, #02ad7e); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #43d084, #02ad7e); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #43d084, #02ad7e); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #43d084, #02ad7e); /* 标准的语法 */}
.liveBox .fdTit li{ position: relative; z-index: 1; flex-grow: 1; height: 34px; line-height: 34px; text-align: center; font-size: 16px; color: #fff; border-radius: 4px; cursor: pointer; margin: 10px;}
.liveBox .fdTit li.on{ background: #16986a;}
.liveBox .fdTit li i{ position: absolute; right: -11px; top: 9px; display: block; width: 1px; height: 16px; background: #fff;}
.liveBox .conBox .leftPic{ display: none; float: left; position: relative; z-index: 1; width: 600px; height: 376px; padding: 10px; background: #eaf2f0; border-radius: 8px; margin-left: 20px;}
.liveBox .conBox .leftPic .pic{ display: block; width: 600px; height: 376px;}
.liveBox .conBox .leftPic .ewmBox{ position: absolute; left: 10px; bottom: 11px; width: 600px; height: 50px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CC000000', endColorstr='#CC000000');background:rgba(0,0,0,0.8);}
.liveBox .conBox .leftPic .ewmBox-txt{ padding-left: 30px; line-height: 50px; font-size: 16px; color: #fff;}
.liveBox .conBox .leftPic .ewmBox-pic{ position: absolute; right: 130px; bottom: 10px; display: block; width: 110px; height: 110px;}
.liveBox .conBox .rightSlide{ float: right; width: 510px; height: 396px; margin: 0 30px 0 0;}
.liveBox .conBox .rightSlide .tex{ width:510px; height:396px; overflow:hidden; overflow-y:auto; position:relative; background: url(/OtherItem/images/2024mokao/icon_13.png) repeat-y left;}
.liveBox .conBox .rightSlide .tex ul{ margin-left:7px;}
.liveBox .conBox .rightSlide .tex li{ position:relative; z-index: 1; width: 459px; margin:0 0 20px 14px; cursor: pointer;}
.liveBox .conBox .rightSlide .tex li .liLive{ position: relative; z-index: 1; margin-bottom: 20px;}
.liveBox .conBox .rightSlide .tex li .liLive-pic{ float: left; display: block; width: 100px; height: 100px; margin-top: 7px; border-radius: 50%;}
.liveBox .conBox .rightSlide .tex li .liLive-txt{ float: right; width: 340px; font-size: 18px; line-height: 38px;}
.liveBox .conBox .rightSlide .tex li .liLive-btn{ position: absolute; right: 0; bottom: 0; width: 120px; height: 38px; line-height: 38px; text-align: center; font-size: 16px; color: #fff; border-radius: 19px; background: #f1544f;
    background: -webkit-linear-gradient(left, #e43266, #fd7438); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #e43266, #fd7438); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #e43266, #fd7438); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #e43266, #fd7438); /* 标准的语法 */}
.liveBox .conBox .rightSlide .tex li .liLive-btn:hover{ text-decoration: none; background: #fd7438;
    background: -webkit-linear-gradient(left, #fd7438, #e43266); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #fd7438, #e43266); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #fd7438, #e43266); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #fd7438, #e43266); /* 标准的语法 */}
.liveBox .conBox .rightSlide .tex li .liPrize-tit{ height: 38px; line-height: 38px; text-align: center; font-size: 22px; color: #0cb589; font-weight: 700; background: url(/OtherItem/images/2024mokao/tit_02.png) no-repeat center; margin-bottom: 20px;}
.liveBox .conBox .rightSlide .tex li .liPrize-cen{ width: 477px;}
.liveBox .conBox .rightSlide .tex li .liPrize-cen-pic{ overflow: hidden; float: left; position: relative; z-index: 1; width: 144px; height: 140px; margin: 0 15px 0 0; border-radius: 6px;}
.liveBox .conBox .rightSlide .tex li .liPrize-cen-pic img{ width: 144px; height: 140px;}
.liveBox .conBox .rightSlide .tex li .liPrize-cen-pic p{ position: absolute; left: 0; bottom: 0; width: 100%; height: 38px; line-height: 38px; text-align: center; font-size: 16px; color: #b84209; background: #ffd99f;}
.liveBox .conBox .rightSlide .tex li .yuanIcon{ display:block; width:16px; height:16px; background: url(/OtherItem/images/2024mokao/icon_12.png) no-repeat; position:absolute; left:-21px; top:49px;}
.liveBox .conBox .rightSlide .tex li:last-child{ margin-bottom: 0;}
.liveBox .conBox .rightSlide .tex li.on .liLive-txt{ color: #fb6f3c;}

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

/*课程推荐*/
.courseRecommendBg{ padding-top: 60px;}
.courseRecommend{ position: relative; z-index: 1; background: #fff; padding: 60px 0 30px; border-radius: 10px; margin-bottom: 30px; -webkit-box-shadow:0 10px 20px rgba(106, 198, 175, 0.6); -moz-box-shadow:0 10px 20px rgba(106, 198, 175, 0.6); box-shadow:0 10px 20px rgba(106, 198, 175, 0.6);}
.courseRecommend .subTit{ width: 1120px; height: 80px; line-height: 80px; font-size: 18px; color: #fff; text-align: center; margin: 0 40px 30px; background: url(/OtherItem/images/2024mokao/tit_03.png) no-repeat; -webkit-text-shadow:0 5px 10px rgba(226, 87, 17, 0.85); -moz-text-shadow:0 5px 10px rgba(226, 87, 17, 0.85); text-shadow:0 5px 10px rgba(226, 87, 17, 0.85);}
.courseRecommend .subTit b{ padding-left: 130px; font-size: 32px; vertical-align: -2px;}
.courseRecommend .couTit{ margin: 0 0 10px 40px;}
.courseRecommend .couTit li{ float: left; width: 168px; height: 48px; line-height: 48px; text-align: center; font-size: 16px; color: #333; border: 1px solid #fe8c42; background: #fff1eb; border-radius: 25px; margin: 0 20px 20px 0; cursor: pointer;}
.courseRecommend .couTit li.on{ width: 170px; height: 50px; line-height: 50px; border: 0; font-size: 18px; font-weight: 700; color: #fff; background: #f7644e; -webkit-box-shadow:0 6px 6px rgba(254, 128, 57, 0.35); -moz-box-shadow:0 6px 6px rgba(254, 128, 57, 0.35); box-shadow:0 6px 6px rgba(254, 128, 57, 0.35);
    background: -webkit-linear-gradient(left, #ee4a56, #ff7d45); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ee4a56, #ff7d45); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ee4a56, #ff7d45); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ee4a56, #ff7d45); /* 标准的语法 */}
.courseRecommend .couCon{ display: none; margin: 0 40px;}
.courseRecommend .couCon-leftTxt{ float: left; width: 670px; padding-left: 34px; border-left: 2px dotted #fde6c5; margin: 0 0 20px 14px;}
.courseRecommend .couCon-leftTxt .lList{ position: relative; z-index: 1; margin-bottom: 10px;}
.courseRecommend .couCon-leftTxt .lList-tit{ line-height: 46px; font-size: 18px; font-weight: 700;}
.courseRecommend .couCon-leftTxt .lList-tit strong{ font-size: 24px;}
.courseRecommend .couCon-leftTxt .lList-txt{ line-height: 28px; font-size: 16px; color: #666;}
.courseRecommend .couCon-leftTxt .lList .yuanIcon{ display:block; width:30px; height:30px; line-height: 30px; text-align: center; font-size: 18px; color: #fff; background: #fb9851; border-radius: 50%; position:absolute; left:-50px; top:8px;}
.courseRecommend .couCon-leftTxt .lList .cju{ color: #fb6f3c;}
.courseRecommend .couCon-rightPic{ display: block; float: right; width: 367px; height: 422px; margin: 20px 0;}
.courseRecommend .couCon-buyBox{ clear: both; height: 60px; background: #f6f5f3;}
.courseRecommend .couCon-buyBox .price{ float: left; margin-left: 30px; line-height: 60px; font-size: 20px; color: #666;}
.courseRecommend .couCon-buyBox .price b{ font-size: 24px; color: #f34523;}
.courseRecommend .couCon-buyBox .btn01{ float: right; display: block; width: 150px; height: 44px; line-height: 44px; text-align: center; font-size: 18px; font-weight: 700; color: #fff; border-radius: 8px; background: #ff7719; margin: 8px 20px 0 0;
    background: -webkit-linear-gradient(top, #ff9018, #ff5f19); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #ff9018, #ff5f19); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #ff9018, #ff5f19); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #ff9018, #ff5f19); /* 标准的语法 */}
.courseRecommend .couCon-buyBox .btn01:hover{ text-decoration: none; background: #ff5f19;
    background: -webkit-linear-gradient(top, #ff5f19, #ff9018); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #ff5f19, #ff9018); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #ff5f19, #ff9018); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #ff5f19, #ff9018); /* 标准的语法 */}
.courseRecommend .couCon-buyBox .btn02{ float: right; display: block; width: 148px; height: 42px; line-height: 42px; text-align: center; font-size: 18px; font-weight: 700; color: #ff6e19; border-radius: 8px; border: 1px solid #ff6e19; margin: 8px 20px 0 0;}
.courseRecommend .couCon-buyBox .btn02:hover{ text-decoration: none; background: #ff6e19; color: #fff;}

/*右侧浮动*/
.rightFloat{ width:60px; position:fixed; right:10px; top:50%; margin-top: -244px; z-index:90; background: url(/OtherItem/images/2024mokao/bg_08.png) no-repeat; background-size: 100% 100%;}
.rightFloat .cen{ width: 60px; padding: 14px 0;}
.rightFloat .cen .list{ display: block; height: 36px; line-height:18px; text-align: center; font-size:14px; color: #fff; padding: 16px 0;}
.rightFloat .cen .list:hover{ text-decoration: none; color: #fff1da;}
.rightFloat .cen .gototop{ display: block; height: 18px; line-height:18px; text-align: center; font-size:14px; color: #fff; padding: 16px 0;}
.rightFloat .cen .gototop:hover{ text-decoration: none; color: #fff1da;}

/*通栏广告*/
.mbanner{ margin-top: 50px; border-radius: 10px; -webkit-box-shadow:0 10px 20px rgba(106, 198, 175, 0.6); -moz-box-shadow:0 10px 20px rgba(106, 198, 175, 0.6); box-shadow:0 10px 20px rgba(106, 198, 175, 0.6);}

.mask{ display: none; width:100%; height:100%; background:#000; opacity:.7; filter:alpha(opacity=70); position:fixed; top:0; left:0; z-index:98;}

/*规则弹框*/
.gzTk{ display: none; width: 650px; background: #fff; top: 50%; left: 50%; border-radius: 10px; position: fixed; margin: 0 0 0 -325px; z-index: 99;}
.gzTk .xx{ display: block; position: absolute; top: -15px; right: -15px; width: 39px; height: 39px; background: url(/images/zhuanti/20220618/icon_09.png) no-repeat;}
.gzTk .tit{ height: 60px; background: #fff1d6; border-radius: 10px 10px 0 0;}
.gzTk .tit-left{ line-height: 60px; font-size: 18px; padding-left: 15px; margin-left: 18px;}
.gzTk .tit-left i{ display: block; width: 3px; height: 16px; background: #f65514; left: 0; top: 50%; margin-top: -8px;}
.gzTk .txtbox{ padding: 15px 30px 10px; max-height: 400px; overflow: auto; overflow-x: hidden;}
.gzTk .txtbox .txt{ line-height: 28px; font-size: 16px; margin-bottom: 10px;}
.gzTk .bhan{ display: block; width: 170px; height: 50px; text-align: center; line-height: 50px; font-size: 20px; color: #fff; background: #f26208; border-radius: 25px; margin: 0 auto 20px;}
.gzTk .bhan:hover{ text-decoration: none; background: #ff6302;}

/*购买弹层*/
.mtk-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;}
.shoppingCart-mtk-tk{ display:none; overflow: hidden; width: 1000px; background: #fff; position:fixed; top:50%; left:50%; margin-left: -500px; z-index: 100; border-radius: 4px;}
.shoppingCart-mtk-tk .close{display:block;width:16px;height:16px; position: absolute; top:17px;right:20px;cursor: pointer; background:url(/images/zhuanti/2022mitiku/icon_12.png) no-repeat center; font-size: 0;}
.shoppingCart-mtk-tk .tit{ height: 50px; background: #f4f3f3; border-radius: 4px 4px 0 0; margin-bottom: 20px;}
.shoppingCart-mtk-tk .tit-left{ float: left; line-height: 50px; margin-left: 30px; font-size: 18px; color: #333; font-weight: 700;}
.shoppingCart-mtk-tk .ctit{ clear: both; height: 40px; margin-bottom: 20px;}
.shoppingCart-mtk-tk .ctit-ltxt{ line-height: 40px; font-size: 18px; font-weight: 700; padding-left: 30px;}
.shoppingCart-mtk-tk .cCon{ padding-left: 30px; clear: both;}
.shoppingCart-mtk-tk .cCon:after{content:"";display:block;height:0;clear: both;visibility:hidden;}
.shoppingCart-mtk-tk .cCon .chk-btn{ position: relative; cursor: pointer; float: left; width: 198px; height: 38px; text-align: center; line-height: 38px; font-size: 14px; color: #333; padding: 0 10px; border: 1px solid #d7d7d7; margin: 0 20px 20px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: top;}
.shoppingCart-mtk-tk .cCon .chk-btn.on{ border: 1px solid #fd7400; color: #fd7400; background:url(/images/zhuanti/2022mitiku/icon_13.png) no-repeat right bottom;}
.shoppingCart-mtk-tk .cCon input{ position:absolute; left:-30px; top:-30px;}
.shoppingCart-mtk-tk .cTxt{ clear: both; padding: 0 30px; line-height: 34px; font-size: 14px; color: #999;}
.shoppingCart-mtk-tk .cTxt a{ color: #ff6a28;}
.shoppingCart-mtk-tk .cbot{ padding: 10px 30px 30px; height: 44px; clear: both;}
.shoppingCart-mtk-tk .cbot-selected{ float: left; line-height: 44px; font-size: 14px; color: #333;}
.shoppingCart-mtk-tk .cbot-selected h3{ display:block; float: left; margin-right: 10px; font-size: 14px; font-weight: 400;}
.shoppingCart-mtk-tk .cbot-selected p{ width: 530px; float: left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.shoppingCart-mtk-tk .cbot-selected p span{ padding-right:12px;}
.shoppingCart-mtk-tk .cbot-price{ float: right; height: 44px; text-align: right; margin-right: 26px;}
.shoppingCart-mtk-tk .cbot-price-top{ line-height: 28px; font-size: 16px; color: #fd7400;}
.shoppingCart-mtk-tk .cbot-price-top b{ font-size: 24px;}
.shoppingCart-mtk-tk .cbot-price-bot{ line-height: 14px; font-size: 12px; color: #999;}
.shoppingCart-mtk-tk .cbot-btn{ float: right; display: block; width: 180px; height: 44px; text-align: center; line-height: 44px; font-size: 18px; color: #fff; background: #fd7400; border-radius: 4px;}
.shoppingCart-mtk-tk .cbot-btn:hover{ text-decoration: none; background: #e16801;}
.shoppingCart-mtk-tk .course-joint-box .conBox{ display: none;}


.floating{
    animation-name: floating;
    -webkit-animation-name: floating;

    animation-duration: 1.2s;
    -webkit-animation-duration: 1.2s;

    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes floating {
    0% {
        transform: translateY(0%);
    }
    50% {
        transform: translateY(12%);
    }
    100% {
        transform: translateY(0%);
    }
}

@-webkit-keyframes floating {
    0% {
        -webkit-transform: translateY(0%);
    }
    50% {
        -webkit-transform: translateY(12%);
    }
    100% {
        -webkit-transform: translateY(0%);
    }
}