@charset "utf-8";
/*
@author: he
@update: he (2024-06-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;}
.ggTit{ height: 66px; margin-bottom: 10px;}
.ggTit-left{ float: left; position: relative; z-index: 1; padding-left: 26px; height: 66px; line-height: 66px; font-size: 28px; font-weight: 700;}
.ggTit-left:after{ content:" "; display:block; position: absolute; left: 0; top: 50%; margin-top: -13px; width: 5px; height: 26px; background: #2ec88d;}
.ggTit-nav{ float: left; position: relative; z-index: 1; height: 66px;}
.ggTit-nav li{ float: left; margin-right: 40px; height: 62px; line-height: 62px; font-size: 18px; color: #333; cursor: pointer;}
.ggTit-nav li.on{ border-bottom: 4px solid #2ec88d; font-weight: 700; color: #2ec88d; font-size: 20px;}
.ggTit-right{ float: right; height: 66px; line-height: 66px; font-size: 12px; color: #999;}
.ggTit-right a{ text-decoration: none; color: #999;}

/* 页头大图/导航 */
.topBanner{ position: relative; z-index: 1; height: 280px;}
.topNav{ overflow: hidden; position: relative; z-index: 2; margin: -30px auto 20px; background: #fff; border-radius: 10px; -webkit-box-shadow:0 5px 10px rgba(214, 214, 214, 0.5); -moz-box-shadow:0 5px 10px rgba(214, 214, 214, 0.5); box-shadow:0 5px 10px rgba(214, 214, 214, 0.5);}
.topNav .classifyNav{ padding-top: 8px; height: 52px; text-align: center; -webkit-box-shadow:0 2px 10px rgba(214, 214, 214, 0.5); -moz-box-shadow:0 2px 10px rgba(214, 214, 214, 0.5); box-shadow:0 2px 10px rgba(214, 214, 214, 0.5);}
.topNav .classifyNav .list{ display: inline-block; padding: 0 26px; height: 48px; line-height: 48px; font-size: 18px; color: #333; border-bottom: 4px solid #fff;}
.topNav .classifyNav .list:hover{ color: #2ec88d; text-decoration: none;}
.topNav .classifyNav .list.on{ font-size: 20px; color: #2ec88d; font-weight: 700; background: #e8fcf3; border-bottom: 4px solid #2ec88d; border-radius: 4px 4px 0 0;}
.topNav .courseNav{ display: none; padding: 34px 0 14px 40px;}
.topNav .courseNav .list{ float: left; display: block; width: 206px; height: 38px; line-height: 38px; font-size: 16px; color: #666; text-align: center; border: 1px solid #e1e1e1; border-radius: 20px; margin: 0 20px 20px 0;}
.topNav .courseNav .list:hover{ color: #2ec88d; text-decoration: none;}
.topNav .courseNav .list.on{ width: 208px; height: 40px; line-height: 40px; color: #fff; border: 0; text-decoration: none; -webkit-box-shadow:0 3px 6px rgba(7, 199, 153, 0.3); -moz-box-shadow:0 3px 6px rgba(7, 199, 153, 0.3); box-shadow:0 3px 6px rgba(7, 199, 153, 0.3);
    background: -webkit-linear-gradient(left, #10d6b7, #07c799); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #10d6b7, #07c799); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #10d6b7, #07c799); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #10d6b7, #07c799); /* 标准的语法 */}
.topNav .courseNav .link{ float: left; display: block; width: 208px; height: 40px; line-height: 40px; font-size: 16px; color: #38c882; text-align: center; border-radius: 20px; margin: 0 20px 20px 0; background: #ecfbf6;}
.topNav .courseNav .link:hover{ background: #d2feef; text-decoration: none;}

/* 活动通栏 */
.cenbanner{ overflow: hidden; display: block; height: 180px; margin: 0 auto 20px; border-radius: 10px; -webkit-box-shadow:0 5px 10px rgba(214, 214, 214, 0.5); -moz-box-shadow:0 5px 10px rgba(214, 214, 214, 0.5); box-shadow:0 5px 10px rgba(214, 214, 214, 0.5);}
.cenbanner img{ width: 100%; height: 180px;}

/* 免费练习 */
.freePractice{ margin-bottom: 10px;}
.freePractice .cBox .listCon{ position: relative; z-index: 1; display: block; width: 585px; height: 260px; margin-bottom: 30px;}
.freePractice .cBox .listCon .fdIcon{ position: absolute; left: 0; top: 0; padding: 0 18px; height: 30px; line-height: 30px; font-size: 14px; color: #fff; border-radius: 8px 0 8px 0;
    background: -webkit-linear-gradient(left, #10d6b7, #07c799); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #10d6b7, #07c799); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #10d6b7, #07c799); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #10d6b7, #07c799); /* 标准的语法 */}
.freePractice .cBox .listCon .ltit{ height: 68px; line-height: 68px; font-size: 28px; color: #333; font-weight: 700; padding-top: 30px; margin-left: 40px;}
.freePractice .cBox .listCon .ltit-icon{ display: inline-block; width: 32px; height: 32px; vertical-align: -5px; margin-right: 16px; border-radius: 50%; -webkit-box-shadow:0 3px 6px rgba(156, 232, 203, 0.7); -moz-box-shadow:0 3px 6px rgba(156, 232, 203, 0.7); box-shadow:0 3px 6px rgba(156, 232, 203, 0.7);}
.freePractice .cBox .listCon .lcen{ max-width: 340px; margin-left: 40px;}
.freePractice .cBox .listCon .lcen span{ display: inline-block; padding-left: 28px; height: 34px; line-height: 34px; color: #666; font-size: 16px; background: url(/images/tiku/common2024/icon_01.png) no-repeat left center; margin-right: 20px;}
.freePractice .cBox .listCon .lbot{ padding-top: 20px; margin-left: 40px;}
.freePractice .cBox .listCon .lbot .btn{ display: block; width: 180px; height: 42px; line-height: 42px; text-align: center; font-size: 18px; color: #fff; font-weight: 700; border-radius: 21px; -webkit-box-shadow:0 4px 12px rgba(255, 121, 53, 0.35); -moz-box-shadow:0 4px 12px rgba(255, 121, 53, 0.35); box-shadow:0 4px 12px rgba(255, 121, 53, 0.35);
    background: -webkit-linear-gradient(left, #ffbd5d, #ff6a2c); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ffbd5d, #ff6a2c); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ffbd5d, #ff6a2c); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ffbd5d, #ff6a2c); /* 标准的语法 */}
.freePractice .cBox .listCon .lbot .btn:hover{ text-decoration: none;
    background: -webkit-linear-gradient(left, #ff6a2c, #ffbd5d); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ff6a2c, #ffbd5d); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ff6a2c, #ffbd5d); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ff6a2c, #ffbd5d); /* 标准的语法 */}
.freePractice .cBox .listCon .rEwm{ position: absolute; top: 40px; right: 66px; width: 150px;}
.freePractice .cBox .listCon .rEwm-img{ display: block; width: 150px; height: 150px;}
.freePractice .cBox .listCon .rEwm-txt{ display: block; line-height: 46px; text-align: center; font-size: 16px; font-weight: 700;}
.freePractice .cBox .listCon.bg01{ background: url(/images/tiku/common2024/bg_02.png) no-repeat;}
.freePractice .cBox .listCon.bg02{ background: url(/images/tiku/common2024/bg_03.png) no-repeat;}
.freePractice .cBox .listCon.bg03{ background: url(/images/tiku/common2024/bg_04.png) no-repeat;}
.freePractice .cBox .listCon.bg04{ background: url(/images/tiku/common2024/bg_05.png) no-repeat;}
.freePractice .cBox .listCon.bg05{ background: url(/images/tiku/common2024/bg_07.png) no-repeat;}

/*助考之星*/
.examStar{ margin-bottom: 30px;}
.examStar .tab-con{ position: relative; z-index: 1; padding:0 0 0 20px; background:#fff; border-radius: 10px; -webkit-box-shadow:0 0 15px rgba(214, 214, 214, 0.5); -moz-box-shadow:0 0 15px rgba(214, 214, 214, 0.5); box-shadow:0 0 15px rgba(214, 214, 214, 0.5);}
.examStar .tab-con .top-course{ float:left; width:332px; padding-top:20px;}
.examStar .tab-con .top-course .pic{ width:332px; height:282px; position:relative;}
.examStar .tab-con .top-course .pic i{ display:block; width:48px; height:32px; line-height:28px; text-align:center; color:#fff; background-position:0 -513px; position:absolute; left:0; top:0;}
.examStar .tab-con .top-course .pic i.w2{ width:71px; background-position:0 -570px;}
.examStar .tab-con .top-course .time{ line-height:38px; color:#999;}
.examStar .tab-con .top-course .price{ display:block; float:left; font-size:16px; color:#f4664a;}
.examStar .tab-con .top-course .price strong{ font-size:20px;}
.examStar .tab-con .top-course .buy-btn{ display:block; float:right; width:80px; height:28px; line-height:28px; text-align:center; background:#f4664a; color:#fff; border-radius:2px; text-decoration:none;}
.examStar .tab-con .top-course .buy-btn:hover{ background:#ff7257;}
.examStar .tab-con .list-course{ float:left; width:840px; padding:20px 0 0;}
.examStar .tab-con .list-course li{ float:left; _display:inline; width:234px; padding:0 0 0 35px;}
.examStar .tab-con .list-course .pic{ width:234px; height:126px; position:relative;}
.examStar .tab-con .list-course .pic i{ display:block; width:38px; height:20px; line-height:20px; text-align:center; font-size:12px; color:#fff; background-position:0 -547px; position:absolute; left:0; top:0;}
.examStar .tab-con .list-course .pic i.w2{ width:71px; background-position:0 -570px;}
.examStar .tab-con .list-course .pic .bg{ display:block; width:100%; height:28px; position:absolute; left:0; bottom:0; background:#000; opacity:.5;filter:alpha(opacity=5);}
.examStar .tab-con .list-course .pic p{ display:block; width:100%; height:28px; line-height:28px; position:absolute; left:0; bottom:0; text-indent:10px; font-size:12px; color:#fff;}
.examStar .tab-con .list-course .btn-wrap{ padding:15px 0 20px;}
.examStar .tab-con .list-course .price{ display:block; float:left; color:#f4664a;}
.examStar .tab-con .list-course .price strong{ font-size:16px;}
.examStar .tab-con .list-course .price strong.min{ font-size: 14px;}
.examStar .tab-con .list-course .buy-btn{ display:block; float:right; width:72px; height:26px; line-height:26px; text-align:center; background:#f4664a; color:#fff; border-radius:2px; text-decoration:none;}
.examStar .tab-con .list-course .buy-btn:hover{ background:#ff7257;}
.examStar .tab-con .fdTit{ position: absolute; top: -58px; right: 0; height: 30px;}
.examStar .tab-con .fdTit .more{ float: right; display: block; height: 30px; line-height: 30px; font-size: 12px; text-decoration: none; color: #999;}
.examStar .tab-con .fdTit form{ float: right;}
.examStar .tab-con .fdTit .ss{ float: right; width: 250px; height: 30px; margin: 0 30px 0 0;}
.examStar .tab-con .fdTit .ss-inp{ float: left; display: block; width: 159px; height: 28px; line-height: 28px; font-size: 14px; color: #ccc; border: 1px solid #ccc; border-right: 0; padding: 0 10px;}
.examStar .tab-con .fdTit .ss-han{ float: left; display: block; width: 70px; height: 30px; text-align: center; line-height: 30px; font-size: 14px; color: #fff; background: #4bc22b;}
.examStar .tab-con .fdTit .ss-han:hover{ text-decoration: none; opacity: 0.9;}
.examStar .tab-con.table{ display: none;}

/*报名流程*/
.process-wrap .icon{ background:url("/OtherItem/images/yixueshiyongjishu/ico.png") no-repeat;}
.process-wrap{ padding-bottom:30px;}
.process-wrap .process{ overflow: hidden; background: #fff; width:880px; height: 180px; border-radius: 10px; -webkit-box-shadow:0 0 15px rgba(214, 214, 214, 0.5); -moz-box-shadow:0 0 15px rgba(214, 214, 214, 0.5); box-shadow:0 0 15px rgba(214, 214, 214, 0.5);}
.process-wrap .process .lbleft{ width: 150px; height: 124px; background: #f4664a; padding-top: 56px; text-align: center; line-height: 34px; font-size: 28px; font-weight: 700; color: #fff; margin-right: 22px;}
.process-wrap .process .lblist{ display: block; width: 172px; padding-top: 30px;}
.process-wrap .process .lblist .icon{ width: 40px; height: 40px; margin: 0 auto;}
.process-wrap .process .lblist .icon1{ background-position: 1px -236px;}
.process-wrap .process .lblist .icon2{ background-position: 1px -305px;}
.process-wrap .process .lblist .icon3{ background-position: 0 -366px;}
.process-wrap .process .lblist .icon4{ background-position: 1px -422px;}
.process-wrap .process .lblist .txt{ line-height: 54px; text-align: center; font-size: 18px; margin-bottom: 6px;}
.process-wrap .process .lblist .txt a:hover{ text-decoration: none;}
.process-wrap .process .lblist .num{ display: block; width: 30px; height: 30px; background: #ffddd6; text-align: center; line-height: 30px; font-size: 18px; color: #f4664a; border-radius: 50%; margin: 0 auto;}
.process-wrap .l-phone{ overflow: hidden; background: #fff; width:290px; height: 180px; -webkit-box-shadow:0 0 15px rgba(214, 214, 214, 0.5); -moz-box-shadow:0 0 15px rgba(214, 214, 214, 0.5); box-shadow:0 0 15px rgba(214, 214, 214, 0.5);}
.process-wrap .l-phone .ptit{ line-height: 54px; font-size: 18px; font-weight: 700; padding-left: 20px;}
.process-wrap .l-phone .pleft{ padding: 32px 0 0 20px; line-height: 30px; font-size: 22px; color: #f4664a;}
.process-wrap .l-phone .pright{ display: block; width: 100px; height: 105px; margin-right: 16px;}

/*题库介绍*/
.introduce{ padding: 0 0 40px;}
.introduce .cBox{ margin-bottom: 30px;}
.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: #0cc385; 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{ height: 52px; text-align: center;}
.introduce .bBox .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 .spbtn:hover{ text-decoration: none;}
.introduce .bBox .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 .sybtn:hover{ text-decoration: none; background: #fe7851; color: #fff;}
.introduce .btype{ font-size:16px; color:#666666; padding-top:25px;}
.introduce .btype span{ color:red}

/*购买弹层*/
.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;}