/*
@author: he
@update: he (2025-07-29)
*/
@charset "utf-8";
body{font-family:"Helvetica Neue",Helvetica,Microsoft Yahei,arial,STHeiTi,sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);margin:0 auto;padding:0;background:#fff;color:#333;font-size:0.32rem;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
video embed,video object,video iframe,video{width:100%;height:auto;}
img{max-width:100%;border:0;}
li,ol,ul{list-style:none}
i,em,cite{font-style:normal;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}
a{text-decoration:none;outline:none;}
textarea{resize:none}
input[type="text"],input[type="password"],select,textarea,button,input[type="button"],input[type="reset"],input[type="submit"]{outline:0;-webkit-user-modify:read-write-plaintext-only;-webkit-appearance:none;font-family:"Helvetica Neue",Helvetica,Microsoft Yahei,arial,STHeiTi,sans-serif;}
.pr{position:relative;}
.abs{position: absolute}
.fl{float:left;}
.fr{float:right;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.wrap{min-width:320px;max-width:768px;margin:0 auto;overflow:hidden;position:relative; background:url(/OtherItem/images/2024mokaodasai/bg_02.jpg) no-repeat #b7eadd center 7.733rem; background-size: 100% auto;}
.ellipsis{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.iosFootHank{ padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);}
.ggTit{ position: absolute; top: -0.347rem; left: 50%; margin-left: -2.733rem; width: 5.467rem; height: 0.88rem; line-height: 0.88rem; text-align: center; font-size: 0.427rem; color: #fff; font-weight: 700; background:url(/OtherItem/images/2024mokaodasai/tit_01.png) no-repeat; background-size: 100% 100%;}

/*页头大图*/
.banner{ position: relative; z-index: 1; height: 7.733rem;}
.banner .logo{ position: absolute; left: 0.92rem; top: 0.347rem; display: block; width: 3.507rem; height: 0.573rem;}
.banner .fdIcon{ position: absolute; top: 6.227rem; right: 1.96rem; width: 0.96rem; height: 1.52rem; background:url(/OtherItem/images/2024mokaodasai/icon_08.png) no-repeat; background-size: 100% 100%; -webkit-animation:floating 2s ease infinite; animation:floating 2s ease infinite;}

/*考试进度*/
.progress{ position: relative; z-index: 1; background:url(/OtherItem/images/2024mokaodasai/bg_03.png) no-repeat left 1.347rem #fff; background-size: 9.2rem 2.707rem; height: 5.013rem; margin: 0 0.4rem; border-radius: 0.267rem; -webkit-box-shadow:0 0.133rem 0.267rem rgba(106, 198, 175, 0.6); -moz-box-shadow:0 0.133rem 0.267rem rgba(106, 198, 175, 0.6); box-shadow:0 0.133rem 0.267rem rgba(106, 198, 175, 0.6);}
.progress .conBox{ position: relative; z-index: 2; width: 100%; height: 100%;}
.progress .conBox-list{ position: absolute; display: block; width: 3.733rem; text-align: center;}
.progress .conBox-list .top{ display: block; height: 0.667rem; line-height: 0.667rem; font-size: 0.373rem; font-weight: 700; margin-bottom: 0.16rem; color: #333;}
.progress .conBox-list .top .icon{ display: inline-block; padding: 0 0.133rem; height: 0.373rem; line-height: 0.373rem; font-size: 0.267rem; color: #00ca96; border: 0.027rem solid #00ca96; border-radius: 0.213rem 0.213rem 0 0.213rem; margin-right: 0.133rem; vertical-align: 0.04rem;}
.progress .conBox-list .cen{ position: relative; z-index: 1; display: block; height: 0.667rem;}
.progress .conBox-list .cen span{ display: inline-block; min-width: 70%; height: 0.667rem; line-height: 0.667rem; font-size: 0.267rem; color: #fff; background: #00ca96; padding: 0 0.267rem; border-radius: 0.333rem;}
.progress .conBox-list .cen .icon{ position: absolute; left: 50%; top: -0.133rem; margin-left: -0.107rem; width: 0.213rem; height: 0.133rem; background:url(/OtherItem/images/2024mokaodasai/icon_10.png) no-repeat; background-size: 100% 100%;}
.progress .conBox-list.on .top .icon{ border: 0.027rem solid #fd743b; color: #fd743b;}
.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/2024mokaodasai/icon_09.png) no-repeat; background-size: 100% 100%;}
.progress .conBox-list.bg01{ left: 0; top: 0.4rem;}
.progress .conBox-list.bg02{ left: 4.48rem; top: 0.4rem;}
.progress .conBox-list.bg03{ left: 4.48rem; top: 2.693rem;}
.progress .conBox-list.bg04{ left: 0; top: 2.693rem;}

/*预约提醒*/
.remindBg{ padding-top: 1rem;}
.remind{ position: relative; z-index: 1; background:url(/OtherItem/images/2024mokaodasai/bg_05.png) no-repeat left bottom #fff; background-size: 100% 1.387rem; padding: 1.2rem 0 0.133rem; margin: 0 0.4rem; border-radius: 0.267rem; -webkit-box-shadow:0 0.133rem 0.267rem rgba(106, 198, 175, 0.6); -moz-box-shadow:0 0.133rem 0.267rem rgba(106, 198, 175, 0.6); box-shadow:0 0.133rem 0.267rem rgba(106, 198, 175, 0.6);}
.remind .ewmBox{ display: block; width: 3.36rem; height: 3.36rem; padding: 0.373rem; background:url(/OtherItem/images/2024mokaodasai/bg_04.png) no-repeat; background-size: 100% 100%; margin: 0 auto;}
.remind .ewmBox img{ width: 3.36rem; height: 3.36rem;}
.remind .txt{ line-height: 1.547rem; text-align: center; font-size: 0.427rem;}

/*介绍*/
.introduceBg{ padding-top: 1rem;}
.introduce{ position: relative; z-index: 1; background: #f7fdfc; padding: 0.933rem 0 0; border-radius: 0.267rem; -webkit-box-shadow:0 0.133rem 0.267rem rgba(106, 198, 175, 0.6); -moz-box-shadow:0 0.133rem 0.267rem rgba(106, 198, 175, 0.6); box-shadow:0 0.133rem 0.267rem rgba(106, 198, 175, 0.6);}
.introduce .subTit{ height: 0.973rem; margin: 0 0.4rem 0.4rem;}
.introduce .subTit-left{ float: left; padding-left: 1.173rem; line-height: 0.973rem; font-size: 0.48rem; font-weight: 700;}
.introduce .subTit-left.bg01{ background:url(/OtherItem/images/2024mokaodasai/icon_01.png) no-repeat left center; background-size: 0.973rem 0.973rem;}
.introduce .subTit-left.bg02{ background:url(/OtherItem/images/2024mokaodasai/icon_02.png) no-repeat left center; background-size: 0.973rem 0.973rem;}
.introduce .subTit-btn{ float: right; width: 2.4rem; height: 0.8rem; line-height: 0.83rem; font-size: 0.32rem; text-align: center; color: #fff; border-radius: 0.4rem; margin: 0.08rem 0 0 0;
    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 .intCon{ margin: 0 0 0.333rem 0.4rem;}
.introduce .intCon-list{ float: left; display: block; position: relative; z-index: 1; width: 4.467rem; height: 3.067rem; margin: 0 0.267rem 0.267rem 0; border-radius: 0.133rem; -webkit-box-shadow:0 0.133rem 0.4rem rgba(143, 202, 187, 0.4); -moz-box-shadow:0 0.133rem 0.4rem rgba(143, 202, 187, 0.4); box-shadow:0 0.133rem 0.4rem rgba(143, 202, 187, 0.4);}
.introduce .intCon-list .iltxt{ position: absolute; top: 0.48rem; right: 0.48rem; width: 2.133rem; line-height: 0.533rem; font-size: 0.32rem; color: #666; text-align: center;}
.introduce .intCon-list .iltxt b{ display: block; margin-bottom: 0.453rem; font-size: 0.427rem; color: #333;}
.introduce .intCon-list.bg01{ background:url(/OtherItem/images/2024mokaodasai/bg_06.png) no-repeat; background-size: 100% 100%;}
.introduce .intCon-list.bg02{ background:url(/OtherItem/images/2024mokaodasai/bg_07.png) no-repeat; background-size: 100% 100%;}
.introduce .intCon-list.bg03{ background:url(/OtherItem/images/2024mokaodasai/bg_08.png) no-repeat; background-size: 100% 100%;}
.introduce .intCon-list.bg04{ background:url(/OtherItem/images/2024mokaodasai/bg_09.png) no-repeat; background-size: 100% 100%;}
.introduce .prizeCon-tit{ height: 1.013rem; border: 1px solid #4ad383; border-radius: 0.52rem; margin: 0 0.4rem 0.667rem; display: -webkit-flex; display: flex;}
.introduce .prizeCon-tit li{ flex-grow: 1; height: 1.013rem; line-height: 1.013rem; text-align: center; font-size: 0.427rem; font-weight: 700; border-radius: 0.507rem; cursor: pointer;}
.introduce .prizeCon-tit li.on{ color: #fff; -webkit-box-shadow:0 0.08rem 0.08rem rgba(49, 194, 154, 0.4); -moz-box-shadow:0 0.08rem 0.08rem rgba(49, 194, 154, 0.4); box-shadow:0 0.08rem 0.08rem 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; margin-bottom: 0.8rem;}
.introduce .prizeCon-con img{ display: block; width: 9.2rem; height: 6.747rem; margin: 0 auto;}

/*模考入口*/
.entranceBg{ padding-top: 2.08rem;}
.entrance{ position: relative; z-index: 1; margin: 0 0.4rem; background:url(/OtherItem/images/2024mokaodasai/bg_10.jpg) no-repeat center top #fff; background-size: 100% auto; padding: 0.4rem 0 0; border-radius: 0.133rem; -webkit-box-shadow:0 0.133rem 0.267rem rgba(106, 198, 175, 0.6); -moz-box-shadow:0 0.133rem 0.267rem rgba(106, 198, 175, 0.6); box-shadow:0 0.133rem 0.267rem rgba(106, 198, 175, 0.6);}
.entrance .ggTit{ top: -1.413rem;}
.entrance .fdBtn{ display: none; position: absolute; right: -0.4rem; top: -1.8rem;}
.entrance .fdBtn .btn{ display: block; width: 1.6rem; height: 0.667rem; line-height: 0.667rem; font-size: 0.32rem; text-align: center; color: #fff; border-radius: 0.333rem 0 0 0.333rem; margin-bottom: 0.24rem;
    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); /* 标准的语法 */}
.entrance .subTit{ height: 1.173rem; margin-bottom: 0.8rem;}
.entrance .subTit .swiper-container { width: 8.8rem; height: 0.8rem; padding: 0.107rem 0 0.267rem; position: relative; z-index: 9; margin: 0 auto;}
.entrance .subTit .swiper-slide{ overflow: hidden; width: auto; height: 0.8rem; line-height: 0.83rem; font-size: 0.373rem; color: #fff; text-align: center; border-radius: 0.4rem; cursor: pointer;}
.entrance .subTit .swiper-slide.on{ font-weight: 700; color: #f2554e; -webkit-box-shadow:0 0.133rem 0.133rem rgba(7, 136, 101, 0.8); -moz-box-shadow:0 0.133rem 0.133rem rgba(7, 136, 101, 0.8); box-shadow:0 0.133rem 0.133rem 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{ min-height: 4.8rem; padding-bottom: 0.133rem;}
.entrance .conBox .clist{ float: left; width: 4.2rem; height: 4.533rem; text-align: center; margin: 0 0 0.267rem 0.267rem; background:url(/OtherItem/images/2024mokaodasai/bg_11.png) no-repeat; background-size: 100% 100%;}
.entrance .conBox .clist-tit{ height: 1.067rem; line-height: 0.533rem; font-size: 0.373rem; font-weight: 700; padding-top: 0.66rem; margin-bottom: 0.2rem;}
.entrance .conBox .clist-txt{ height: 0.747rem; line-height: 0.747rem; font-size: 0.32rem; color: #f2554e; margin-bottom: 0.2rem;}
.entrance .conBox .clist-btn01,.entrance .conBox .clist-btn02{ position: relative; z-index: 1; display: block; width: 3.333rem; height: 0.933rem; padding-right: 0.2rem; line-height: 0.933rem; font-size: 0.373rem; color: #fff; margin: 0 auto 0.133rem; border-radius: 0.467rem; -webkit-box-shadow:0 0.08rem 0.08rem rgba(253, 145, 58, 0.34); -moz-box-shadow:0 0.08rem 0.08rem rgba(253, 145, 58, 0.34); box-shadow:0 0.08rem 0.08rem 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 i,.entrance .conBox .clist-btn02 i{ display: block; position: absolute; right: 0.293rem; top: 0.267rem; width: 0.4rem; height: 0.4rem; background:url(/OtherItem/images/2024mokaodasai/icon_03.png) no-repeat; background-size: 100% 100%;}
.entrance .conBox .clist-btn02{
    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-fot{ height: 0.747rem; line-height: 0.747rem; font-size: 0.32rem; color: #666;}
.entrance .conBox .clist-fot a{ color: #666;}
.entrance .bType{ line-height: 0.56rem; font-size: 0.347rem; color: #666; text-align: center; margin: -0.133rem 0 0.267rem;}

/*排行榜*/
.rankingBg{ padding-top: 2.08rem;}
.ranking{ position: relative; z-index: 1;}
.ranking .ggTit{ top: -1.413rem;}
.ranking .subTit{ height: 1.013rem; margin: 0 0.4rem; display: -webkit-flex; display: flex; justify-content: space-between;}
.ranking .subTit li{ width: 3rem; height: 0.813rem; line-height: 0.86rem; text-align: center; font-size: 0.4rem; font-weight: 700; color: #fff; cursor: pointer; margin-top: 0.2rem; background:url(/OtherItem/images/2024mokaodasai/tit_03.png) no-repeat; background-size: 100% 100%;}
.ranking .subTit li.on{ height: 1.013rem; line-height: 1.14rem; margin-top: 0; background:url(/OtherItem/images/2024mokaodasai/tit_02.png) no-repeat; background-size: 100% 100%;}
.ranking .gzbtn{ position: absolute; right: 0.133rem; top: -1.307rem; width: 2rem; height: 0.8rem; line-height: 0.8rem; font-size: 0.32rem; text-align: center; color: #fff; border-radius: 0.4rem;
    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 .rankCon{}
.ranking .rankCon .rcTit{ height: 1.067rem; background: #ff9662; margin: 0 0.4rem; display: -webkit-flex; display: flex;}
.ranking .rankCon .rcTit li{ display: block; line-height: 1.067rem; font-size: 0.32rem; text-align: center; font-weight: 700; color: #fff;}
.ranking .rankCon .myListBox{ display: none;}
.ranking .rankCon .myList{ position: relative; z-index: 1; height: 1.067rem; background: #fff1da; margin: 0 0.4rem; display: -webkit-flex; display: flex; -webkit-box-shadow:0 0.08rem 0.08rem rgba(0, 0, 0, 0.08); -moz-box-shadow:0 0.08rem 0.08rem rgba(0, 0, 0, 0.08); box-shadow:0 0.08rem 0.08rem rgba(0, 0, 0, 0.08);}
.ranking .rankCon .myList li{ display: block; line-height: 1.067rem; font-size: 0.32rem; text-align: center; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ranking .rankCon .myList li:first-child{ font-size: 0.347rem; color: #f2554e; font-weight: 700;}
.ranking .rankCon .slideBox{ padding-left: 0.4rem; max-height: 5.333rem; overflow: auto; overflow-x: hidden;}
.ranking .rankCon .slideBox dl{ width: 9.2rem; height: 1.067rem; display: -webkit-flex; display: flex; background: #fff;}
.ranking .rankCon .slideBox dl:nth-child(2n){ background: #f5f7fa;}
.ranking .rankCon .slideBox dl.one dd:first-child{ background:url(/OtherItem/images/2024mokaodasai/icon_05.png) no-repeat center; background-size: 0.48rem 0.613rem; font-size: 0;}
.ranking .rankCon .slideBox dl.two dd:first-child{ background:url(/OtherItem/images/2024mokaodasai/icon_06.png) no-repeat center; background-size: 0.48rem 0.613rem; font-size: 0;}
.ranking .rankCon .slideBox dl.thr dd:first-child{ background:url(/OtherItem/images/2024mokaodasai/icon_07.png) no-repeat center; background-size: 0.48rem 0.613rem; font-size: 0;}
.ranking .rankCon .slideBox dd{ display: block; line-height: 1.067rem; font-size: 0.32rem; text-align: center; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ranking .rankCon .slideBox dd:first-child{ font-size: 0.347rem; font-weight: 700;}
.ranking .rankCon .w10{ width: 10%;}
.ranking .rankCon .w15{ width: 15%;}
.ranking .rankCon .w20{ width: 20%;}
.ranking .rankCon .w25{ width: 25%;}
.ranking .rankCon .w30{ width: 30%;}
.ranking .rankCon .cju{ color: #f2554e !important;}
.ranking .fotCon{ margin: 0 0.4rem; padding: 0.4rem 0.267rem; border-top: 1px solid #eaeaea; background: #fff; border-radius: 0 0 0.133rem 0.133rem;}
.ranking .fotCon .fNum{ position: relative; z-index: 1; padding-left: 1.067rem; height: 0.853rem; line-height: 0.89rem; font-size: 0.293rem; color: #666; background: #ffe8dd; border-radius: 0.067rem;}
.ranking .fotCon .fNum b{ font-size: 0.32rem; color: #f77a49;}
.ranking .fotCon .fNum i{ display: block; position: absolute; top: 0.253rem; left: 0.333rem; width: 0.24rem; height: 0.333rem; background:url(/OtherItem/images/2024mokaodasai/icon_04.png) no-repeat; background-size: 100% 100%;}

/*直播*/
.liveBoxBg{ padding-top: 2.08rem;}
.liveBox{ position: relative; z-index: 1; margin: 0 0.4rem; background: #fff; border-radius: 0.133rem; -webkit-box-shadow:0 0.133rem 0.267rem rgba(106, 198, 175, 0.6); -moz-box-shadow:0 0.133rem 0.267rem rgba(106, 198, 175, 0.6); box-shadow:0 0.133rem 0.267rem rgba(106, 198, 175, 0.6);}
.liveBox .ggTit{ top: -1.413rem;}
.liveBox .tit{ height: 1.067rem; border-radius: 0.133rem; 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 .tit li{ position: relative; z-index: 1; flex-grow: 1; height: 0.72rem; line-height: 0.75rem; text-align: center; font-size: 0.347rem; color: #fff; border-radius: 0.08rem; cursor: pointer; margin: 0.173rem 0.133rem;}
.liveBox .tit li.on{ background: #16986a;}
.liveBox .tit li i{ position: absolute; right: -0.147rem; top: 0.2rem; display: block; width: 0.013rem; height: 0.347rem; background: #fff;}
.liveBox .conBox{ display: none; max-height: 6.96rem; overflow: auto; overflow-x: hidden;}
.liveBox .conBox ul{ padding: 0 0 0 0.4rem;}
.liveBox .conBox li{ position:relative; z-index: 1; width: 8.4rem; padding:0.4rem 0; border-bottom: 1px dashed #ccc;}
.liveBox .conBox li .lpic{ float: left; display: block; width: 1.867rem; height: 1.867rem; margin-top: 0.227rem; border-radius: 50%;}
.liveBox .conBox li .lpic img{ width: 1.867rem; height: 1.867rem;}
.liveBox .conBox li .ltxt{ float: right; width: 6.133rem; font-size: 0.373rem; line-height: 0.773rem;}
.liveBox .conBox li .lbtn{ position: absolute; right: 0; bottom: 0.267rem; width: 2.933rem; height: 0.773rem; line-height: 0.773rem; text-align: center; font-size: 0.373rem; color: #fff; border-radius: 0.387rem;
    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 li:last-child{ border-bottom: 0;}

/*课程推荐*/
.courseRecommendBg{ padding: 2.08rem 0 0.4rem;}
.courseRecommend{ position: relative; z-index: 1; margin: 0 0.4rem; background: #fff; border-radius: 0.133rem; -webkit-box-shadow:0 0.133rem 0.267rem rgba(106, 198, 175, 0.6); -moz-box-shadow:0 0.133rem 0.267rem rgba(106, 198, 175, 0.6); box-shadow:0 0.133rem 0.267rem rgba(106, 198, 175, 0.6);}
.courseRecommend .ggTit{ top: -1.413rem;}
.courseRecommend .subTit{ height: 1.093rem; line-height: 1.093rem; text-align: center; font-size: 0.347rem; color: #fff; margin-bottom: 0.4rem; background:url(/OtherItem/images/2024mokaodasai/tit_04.png) no-repeat; background-size: 100% 100%; -webkit-text-shadow:0 0.067rem 0.133rem rgba(226, 87, 17, 0.85); -moz-text-shadow:0 0.067rem 0.133rem rgba(226, 87, 17, 0.85); text-shadow:0 0.067rem 0.133rem rgba(226, 87, 17, 0.85);}
.courseRecommend .subTit b{ font-size: 0.507rem; margin-top: -0.08rem;}
.courseRecommend .couTit{ position: relative; z-index: 3; width: 100%; height: 0.987rem;}
.courseRecommend .couTit .swiper-container { overflow: hidden; width: 8.213rem; height: 0.987rem; margin: 0 0.987rem 0 0; position: relative; z-index: 9;
    background: -webkit-linear-gradient(left, #fffdf5, #fff4d2); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #fffdf5, #fff4d2); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #fffdf5, #fff4d2); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #fffdf5, #fff4d2); /* 标准的语法 */}
.courseRecommend .couTit .swiper-slide { position: relative; width: auto; height: 0.987rem; line-height: 0.987rem; font-size: .37rem; color: #861401; margin:0 0.2rem;}
.courseRecommend .couTit .swiper-slide.on { color: #f03e00; font-weight: 700;}
.courseRecommend .couTit .swiper-slide.on:after{ position: absolute; display: block; bottom: 0; left: 0; content: ' '; width: 100%; height: 0.067rem; background: #f03e00;}
.courseRecommend .couTit .swiper-slide a{ color: #4e1105;}
.courseRecommend .couTit .more-btn { position: absolute; top: 0; right: 0; width: 0.987rem; height: 0.987rem; background: #ffa062;}
.courseRecommend .couTit .more-btn .jian { display: block; position: absolute; top: 0.4rem; left: 0.3rem; width: 0.347rem; height: 0.2rem; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAPCAYAAAD6Ud/mAAABKklEQVQ4ja2UPS+DURTHf0+bdGiw2TqaBINBFzEYxELCamVq7EYmvgCDGK1iqGAxGfgSLLZORToU8TO4TZ80fblP25Pc6f92c+49J1GfgBywBrwz3poG7oFGDpgCloBboDjGkEmgCiwCRdSS+uZ/3agFlRFPQX0Ini9qqQXMqrUAXKrJCCF59Tp41dQZlTShrH4EwtmQIYl6ETzq6nwL6ySuqs1APBoi6CRoG+pyGutG3lJ/gmA/Q8hB0DTVjU68l2hX/Q1nJyJkbxA/5oZf6mYf3naqA5VevEE3PU71fKULnn7Tw35eMb/oPBjV1YUUVlY/A3Y6qL0xj5xXr4Jhay7mzDh3sT8qPemvtjdJ1chNEhuEOqE+265HtRirT9Ss2/gO+AbWybDt/wBNpvK4eSlPeAAAAABJRU5ErkJggg==) no-repeat center; background-size: 0.347rem auto; }
.courseRecommend .couTit .more-btn.on .jian{transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.courseRecommend .couTit .more-pop{display:none; width:100%; padding: 0.133rem 0; position:absolute; left:0; top:0.987rem; z-index:10; background: #ffa062; -webkit-box-shadow:0 0.267rem 0.267rem rgba(0, 15, 58, 0.2); -moz-box-shadow:0 0.267rem 0.267rem rgba(0, 15, 58, 0.2); box-shadow:0 0.267rem 0.267rem rgba(0, 15, 58, 0.2);}
.courseRecommend .couTit .more-pop li{float:left; line-height:.88rem; font-size:.34rem; color:#fff; margin-left:0.4rem;}
.courseRecommend .couTit .more-pop li.on{color:#4e1105;}
.courseRecommend .couTit .more-pop li a{ color: #fff;}
.courseRecommend .couCon{ display: none;}
.courseRecommend .couCon-txt{ padding-left: 0.667rem; border-left: 0.027rem dotted #fde6c5; margin: 0.4rem 0.4rem 0.4rem 0.614rem;}
.courseRecommend .couCon-txt .cList{ position: relative; z-index: 1; margin-bottom: 0.347rem;}
.courseRecommend .couCon-txt .cList-tit{ line-height: 0.747rem; font-size: 0.373rem; font-weight: 700;}
.courseRecommend .couCon-txt .cList-tit strong{ font-size: 0.48rem;}
.courseRecommend .couCon-txt .cList-txt{ line-height: 0.507rem; font-size: 0.32rem; color: #666;}
.courseRecommend .couCon-txt .cList .yuanIcon{ display:block; width:0.747rem; height:0.747rem; line-height: 0.747rem; text-align: center; font-size: 0.373rem; color: #fff; background: #fb9851; border-radius: 50%; position:absolute; left:-1.04rem; top:0;}
.courseRecommend .couCon-txt .cList .cju{ color: #fb6f3c;}
.courseRecommend .couCon-buyBox{ clear: both; height: 1.067rem; background: #f6f5f3; border-radius: 0 0 0.133rem 0.133rem;}
.courseRecommend .couCon-buyBox .price{ float: left; margin-left: 0.4rem; line-height: 1.067rem; font-size: 0.347rem; color: #666;}
.courseRecommend .couCon-buyBox .price b{ font-size: 0.4rem; color: #f34523;}
.courseRecommend .couCon-buyBox .btn01{ float: right; display: block; width: 2.667rem; height: 0.8rem; line-height: 0.8rem; text-align: center; font-size: 0.347rem; font-weight: 700; color: #fff; border-radius: 0.107rem; margin: 0.133rem 0.4rem 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); /* 标准的语法 */}

/*底部浮动*/
.floatBot-wap{ height: 1.6rem;}
.floatBot{ position: fixed; left: 0; bottom: 0; z-index: 9; display: block; width: 100%; height: 1.6rem; background: #fde6ba; border-radius: 0.267rem 0.267rem 0 0; display: -webkit-flex; display: flex;}
.floatBot .btn{ display: block; flex-grow: 1; height: 1.013rem; line-height: 1.013rem; text-align: center; font-size: 0.427rem; color: #f2574c; font-weight: 700; border: 0.027rem solid #f2574c; border-radius: 0.533rem; margin: 0.267rem 0.4rem 0;}

/*右侧浮动*/
.fix-top{ display:block; width:1.2rem; height:1.2rem; z-index:71; background:url(/images/project2022/ys-kqmxb/icon_14.png) no-repeat; background-size:100% auto; position:fixed; right:.1rem; bottom:3rem;}

.mask{ display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background:rgba(0,0,0,.7); z-index:99; cursor:pointer;}

/*规则弹框*/
.gzTk{ display: none; width: 8.133rem; background: #fff; top: 50%; left: 50%; border-radius: 0.24rem; position: fixed; margin: 0 0 0 -4.067rem; z-index: 100;}
.gzTk .xx{ display: block; position: absolute; top: -0.267rem; right: -0.267rem; width: 0.667rem; height: 0.667rem; background: url(/OtherItem/images/2024mokaodasai/icon_14.png) no-repeat; background-size: 100% 100%;z-index: 8;}
.gzTk .tit{ height: 1.333rem; line-height: 1.333rem; font-size: 0.48rem; font-weight: 700; color: #f26208; text-align: center; background: #fff1d6; border-radius: 0.267rem 0.267rem 0 0;}
.gzTk .txtbox{ padding: 0.4rem 0.4rem 0; margin-bottom: 0.4rem; max-height: 7.733rem; overflow: auto; overflow-x: hidden;}
.gzTk .txtbox .txt{ line-height: 0.693rem; font-size: 0.4rem; margin-bottom: 0.267rem;}
.gzTk .bhan { display: flex; justify-content: center; align-items: center; width: 5.067rem; height: 0.933rem; text-align: center; font-size: 0.4rem; color: #fff; font-weight: 700; background: #f26208; border-radius: 0.467rem; margin: 0 auto 0.533rem; -webkit-box-shadow: 0 0.04rem 0.08rem rgba(227, 4, 45, 0.65); -moz-box-shadow: 0 0.04rem 0.08rem rgba(227, 4, 45, 0.65); box-shadow: 0 0.04rem 0.08rem rgba(227, 4, 45, 0.65); }

/*选课弹层*/
.course-pop{ background:#fff; width:100%; position:fixed; left:0; bottom:0; z-index:1000; display:none;}
.course-pop .tit{ height:1.2rem; line-height:1.2rem; padding:.2rem .4rem 0;}
.course-pop .tit h3{ font-size:.43rem; color:#01b842;}
.course-pop .tit .close{  width:.613rem; height:.613rem; background:url("/images/zhiyeyaoshi/project/2019/close-btn.png") no-repeat; background-size:100% auto; margin:.26rem 0 0; cursor:pointer;}
.course-pop .courtab{ padding-left: 0.4rem;}
.course-pop .courtab li{ float:left; margin:.346rem .306rem 0 0; width:46%; height:.9rem; line-height:.9rem; border:1px solid #d7d7d7; overflow:hidden; text-align:center; font-size:.38rem; position:relative;}
.course-pop .courtab li:nth-child(2n){ margin-right:0;}
.course-pop .courtab li .gou{ display:none;}
.course-pop .courtab li.on{ border:1px solid #00cc33;}
.course-pop .courtab li.on .gou{ display:block; width:.533rem; height:.48rem; background:url("/images/project/2018common/gou.png") no-repeat; background-size:100% auto; position:absolute; right:0; bottom:-.05rem;}
.course-pop .courtab.p0{ padding: 0;}
.course-pop .courCon{ padding:.05rem 0 0 .4rem; display: none;}
.course-pop .courCon .t2{ color:#666; font-size:0.373rem; line-height:0.6rem; padding:.4rem .4rem .2rem 0;}
.course-pop .con{ padding:0 0 0.267rem 0.4rem; max-height: 12rem; overflow: auto; overflow-x: hidden;}
.course-pop .con h4{ clear: both; font-size:0.373rem; line-height:0.8rem; color: #666; font-weight:normal;}
.course-pop .con h4.cju{ color: #fd7400; font-weight: 700;}
.course-pop .chkName{ float:left; margin:.346rem .306rem 0 0; width:46%; height:.9rem; line-height:.9rem; border:1px solid #d7d7d7; overflow:hidden; text-align:center; font-size:.38rem; position:relative;}
.course-pop .chkName:nth-child(2n){ margin-right:0;}
.course-pop .chkName input{ display:none;}
.course-pop .chkName .gou{ display:none;}
.course-pop .chkName.on{ border:1px solid #00cc33; width:46%; height:.9rem; line-height:.9rem;}
.course-pop .chkName.on .gou{ display:block; width:.533rem; height:.48rem; background:url("/images/project/2018common/gou.png") no-repeat; background-size:100% auto; position:absolute; right:0; bottom:-.05rem;}
.course-pop .chkName.long{ width:9.2rem; padding:.05rem 0 0 0;}
.course-pop .price{ height:1.24rem; padding:.32rem .4rem; background:#f7f7f7; margin-top:.57rem;}
.course-pop .price .jg{ display:block; height: 0.72rem; line-height: 0.62rem; font-size:.43rem; color:#666;}
.course-pop .price .jg em{ color:#fe4f42; font-size:.48rem; font-weight:bold;}
.course-pop .price .jg em i{ font-style: normal;}
.course-pop .price .jg em span{ font-size:.56rem; vertical-align: -0.027rem;}
.course-pop .price .btn{ display:block; width:3.68rem; height:1.16rem; line-height:1.16rem; text-align:center; font-size:.5rem; color:#fff; background:#fe4f42; border-bottom:.08rem solid #e92c1e; border-radius:.1rem;}
.course-pop .price .tsTxt{ clear: both; font-size: 0.37rem; color:#999; line-height: 0.52rem;}
.course-pop .total{ height:1.6rem; background: #f7f7f7; padding: 0 0.4rem;}
.course-pop .total .ctxt{ float: left; padding-top: 0.13rem;}
.course-pop .total .ctxt .price{ line-height: 0.8rem; font-size:0.427rem; color:#666; height: auto!important; padding: 0!important; background: none!important; margin: 0!important;}
.course-pop .total .ctxt .price b{ font-size:0.56rem; color: #fe4f42; vertical-align: -0.04rem;}
.course-pop .total .ctxt .ts{ line-height: 0.4rem; font-size: 0.32rem; color: #999;}
.course-pop .total .buy-btn{ float: right; display:block; width:3.6rem; height:1.067rem; line-height:1.067rem; text-align:center; font-size:0.507rem; color:#fff; font-weight: 700; border-radius:0.533rem; margin-top: 0.267rem;
    background: -webkit-linear-gradient(left, #ff5e21, #ffa747); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ff5e21, #ffa747); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ff5e21, #ffa747); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ff5e21, #ffa747); /* 标准的语法 */}

/*提示弹框*/
.tsTk{display: none;width: 8.107rem; background: #fff; border-radius: 0.107rem; top: 50%; left: 50%; position: fixed; margin: 0 0 0 -4.05rem; z-index: 99;}
.tsTk .xx{ display: block; position: absolute; top: -0.267rem; right: -0.267rem; width: 0.667rem; height: 0.667rem; background: url(/OtherItem/images/2024mokaodasai/icon_14.png) no-repeat; background-size: 100% 100%;}
.tsTk .cpic{width: 1.573rem; height: 1.573rem; padding-top: 0.4rem; margin: 0 auto 0.04rem;}
.tsTk .ctxt{line-height: 0.507rem; font-size: 0.427rem; color: #666; text-align: center; margin: 0.5rem 0.4rem 0.6rem;}
.tsTk .ctxt b{color: #f7553f;}
.tsTk .bhan{display: block; width: 3.1rem; height: 0.933rem; text-align: center; line-height: 0.933rem; color: #fff; background: #f7553f; margin: 0 auto 0.373rem; border-radius: 0.467rem; font-size: 0.4rem;}


.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%);
    }
}