@charset "utf-8";
/*
@author: he
@update: he (2023-10-29)
*/
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;}
.part1_spot{ position: absolute; z-index: 1; left: 0; top: 400px; width: 100%; height: 757px;}
.bodyBg{ background: #e5eaf8;}
.ggTit{ height: 48px; padding: 40px 0 30px; text-align: center; line-height: 48px; font-size: 38px; color: #070b7b; font-weight: 700;}
.ggTit span{ display: inline-block; height: 40px; border-bottom: 8px solid #5bbfff;}

/* 页头 */
.headerBg{ position: relative; z-index: 2;}
.header{ position: relative; height: 569px;}
.header .logo{ position: absolute; z-index: 5; top: 37px; left: 57px; display: block; width: 141px; height: 35px;}
.header .courseTxt{ position: absolute; z-index: 1; top: 193px; left: 27px;}
.header .subjectTxt{ position: absolute; z-index: 1; top: 242px; left: 27px;}
.header .referTxt{ position: absolute; z-index: 1; top: 344px; left: 22px; width: 430px; height: 48px; line-height: 48px; text-align: center; font-size: 22px; color: #ffece7; font-style: oblique; background: url(/images/zhuanti/2023lccgb/tit_03.png) no-repeat;}
.header .pointBox{ position: absolute; z-index: 2; top: 344px; right: 0; width: 560px; height: 90px; border-radius: 12px; text-align: center; background: #ffd28e;
    background: -webkit-linear-gradient(left, #ffc881, #ffdfa7); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ffc881, #ffdfa7); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ffc881, #ffdfa7); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ffc881, #ffdfa7); /* 标准的语法 */}
.header .pointBox-tea{ position: absolute; z-index: 1; top: -260px; left: 0; display: block; width: 560px; height: 260px;}
.header .pointBox-tea img{ width: 560px; height: 260px;}
.header .pointBox-icon{ position: absolute; z-index: 2; top: -95px; left: 50%; margin-left: -30px; display: block; width: 200px; height: 95px;}
.header .pointBox-icon img{ width: 200px; height: 95px;}
.header .pointBox .list{ display: inline-block; padding-top: 12px; width: 130px; text-align: center; color: #460008;}
.header .pointBox .list-top{ line-height: 38px; font-size: 20px; -webkit-animation:flipIn 2s 0s 1 both; animation:flipIn 2s 0s 1 both;}
.header .pointBox .list-top b{ font-size: 36px;}
.header .pointBox .list-bot{ line-height: 28px; font-size: 14px;}

/* 备考指导 */
.guidance{ position: relative; z-index: 3; margin-top: -112px; padding-bottom: 20px;}
.guidance .conTop{ height: 310px; margin-bottom: 30px; background: url(/images/zhuanti/2023lccgb/bg_06.png) no-repeat;}
.guidance .conTop-left{ float: left; width: 490px; padding: 30px 0 0 50px;}
.guidance .conTop-left .tlTop{ line-height: 62px; font-size: 24px; font-weight: 700; margin-bottom: 20px;}
.guidance .conTop-left .tlCen{ position: relative; z-index: 1; line-height: 26px; font-size: 14px; color: #666; padding-left: 108px; margin-bottom: 35px;}
.guidance .conTop-left .tlCen-icon{ position: absolute; top: 50%; left: 0; margin-top: -19px; width: 94px; height: 38px; line-height: 38px; font-size: 14px; color: #333; text-align: center; background: #e7edff; border-radius: 19px 19px 3px 19px;}
.guidance .conTop-left .tlBot{ line-height: 32px; font-size: 22px;}
.guidance .conTop-left .tlBot em{ color: #0140b7;}
.guidance .conTop-right{ float: right; width: 540px; padding: 30px 0 0 0;}
.guidance .conTop-right .trTop{ line-height: 62px; font-size: 24px; font-weight: 700; text-align: center; margin-bottom: 25px;}
.guidance .conTop-right .trCen{ position: relative; z-index: 1; width: 416px; height: 42px; line-height: 42px; font-size: 16px; text-align: center; font-weight: 700; margin: 0 auto 40px; border-radius: 21px; background: #c8e1ff;
    background: -webkit-linear-gradient(left, #cfe1ff, #c1e0ff); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #cfe1ff, #c1e0ff); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #cfe1ff, #c1e0ff); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #cfe1ff, #c1e0ff); /* 标准的语法 */}
.guidance .conTop-right .trCen-icon{ position: absolute; top: -15px; left: 50%; margin-left: -25px; width: 50px; height: 15px; background: url(/images/zhuanti/2023lccgb/icon_01.png) no-repeat;}
.guidance .conTop-right .trBot{ line-height: 32px; font-size: 22px; text-align: center;}
.guidance .conTop-right .trBot em{ color: #0140b7;}
.guidance .conBot{ height: 310px; margin-bottom: 30px; background: url(/images/zhuanti/2023lccgb/bg_07.png) no-repeat;}
.guidance .conBot-left{ float: left; width: 490px; padding: 30px 0 0 50px;}
.guidance .conBot-left .blTop{ line-height: 62px; font-size: 24px; font-weight: 700; margin-bottom: 10px;}
.guidance .conBot-left .blCen{ position: relative; z-index: 1; line-height: 38px; font-size: 16px; font-weight: 700; padding-left: 108px; margin-bottom: 25px;}
.guidance .conBot-left .blCen b{ font-size: 30px;}
.guidance .conBot-left .blCen-icon{ position: absolute; top: 50%; left: 0; margin-top: -19px; width: 94px; height: 38px; line-height: 38px; font-size: 14px; color: #333; text-align: center; font-weight: 400; background: #e7edff; border-radius: 19px 19px 3px 19px;}
.guidance .conBot-left .blBot{ line-height: 32px; font-size: 22px;}
.guidance .conBot-left .blBot em{ color: #0140b7;}
.guidance .conBot-right{ float: right; width: 540px; padding: 50px 0 0 0;}
.guidance .conBot-right .brTop{ text-align: center; margin-bottom: 30px;}
.guidance .conBot-right .brTop-list{ display: inline-block; width: 116px; vertical-align: top;}
.guidance .conBot-right .brTop-list-pic{ width: 78px; height: 78px; line-height: 78px; font-size: 24px; font-weight: 700; color: #fff; margin: 0 auto; border-radius: 50%; background: #e2172d;
    background: -webkit-linear-gradient(left, #fe3546, #d2041c); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #fe3546, #d2041c); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #fe3546, #d2041c); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #fe3546, #d2041c); /* 标准的语法 */}
.guidance .conBot-right .brTop-list-txt{ line-height: 50px; font-size: 18px; font-weight: 700;}
.guidance .conBot-right .brTop-jia{ display: inline-block; width: 22px; height: 66px; background: url(/images/zhuanti/2023lccgb/icon_02.png) no-repeat center;}
.guidance .conBot-right .brCen{ line-height: 26px; font-size: 14px; color: #666; padding-left: 90px;}

/* 360冲刺包 */
.sprintBg{ background: url(/images/zhuanti/2023lccgb/bg_08.png) repeat-y center;}
.sprintMain{ padding-bottom: 70px; background: url(/images/zhuanti/2023lccgb/bg_02.jpg) no-repeat center bottom;}
.sprintMain .ggTit{ margin-bottom: 24px;}
.sprintMain .conBox{ position: relative; z-index: 1; padding-top: 78px; background: #fff; border-radius: 8px;}
.sprintMain .conBox .cbTit{ position: absolute; top: -24px; left: 0; width: 1200px; height: 72px; text-align: center;}
.sprintMain .conBox .cbTit-list{ display: inline-block; position: relative; z-index: 1; width: 268px; height: 72px; line-height: 72px; text-align: center; font-size: 18px; color: #460006; font-weight: 700; margin: 0 10px; border-radius: 8px; background: #ffe0b8;
    background: -webkit-linear-gradient(left, #ffebd2, #ffd7a0); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ffebd2, #ffd7a0); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ffebd2, #ffd7a0); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ffebd2, #ffd7a0); /* 标准的语法 */}
.sprintMain .conBox .cbTit-list em{ font-size: 30px;}
.sprintMain .conBox .cbTit-list i{ display: block; position: absolute; top: 50%; left: -14px; margin-top: -15px; width: 31px; height: 31px; background: url(/images/zhuanti/2023lccgb/icon_03.png) no-repeat;}
.sprintMain .conBox .cbBook{ margin: 0 30px 30px;}
.sprintMain .conBox .cbBook-tit{ height: 46px; margin-bottom: 2px;}
.sprintMain .conBox .cbBook-tit-left{ float: left; padding: 0 40px; height: 46px; line-height: 46px; font-size: 24px; font-weight: 700; color: #fff; border-radius: 20px 4px 20px 4px; background: #006aed;
    background: -webkit-linear-gradient(left, #0051d2, #1188ff); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #0051d2, #1188ff); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #0051d2, #1188ff); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #0051d2, #1188ff); /* 标准的语法 */}
.sprintMain .conBox .cbBook-con{ position: relative; z-index: 1;}
.sprintMain .conBox .cbBook-con .ccList{ width: 548px; background: #edf3ff; border-radius: 6px;}
.sprintMain .conBox .cbBook-con .ccList-pic{ float: left; display: block; width: 180px; height: 222px; margin-left: 20px;}
.sprintMain .conBox .cbBook-con .ccList-pic img{ width: 180px; height: 222px;}
.sprintMain .conBox .cbBook-con .ccList-right{ float: right; width: 294px; padding-top: 14px; margin-right: 20px;}
.sprintMain .conBox .cbBook-con .ccList-right-top{ line-height: 54px; font-size: 24px; font-weight: 700;}
.sprintMain .conBox .cbBook-con .ccList-right-cen{ height: 30px; margin-bottom: 20px;}
.sprintMain .conBox .cbBook-con .ccList-right-cen span{ display: inline-block; padding: 0 12px; height: 28px; line-height: 28px; font-size: 16px; border: 1px solid #0c80ff; border-radius: 15px;}
.sprintMain .conBox .cbBook-con .ccList-right-cen span em{ color: #125be1;}
.sprintMain .conBox .cbBook-con .ccList-right-bot{ line-height: 26px; font-size: 14px;}
.sprintMain .conBox .cbBook-con .jia{ position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -20px; display: block; width: 40px; height: 40px; background: url(/images/zhuanti/2023lccgb/icon_04.png) no-repeat;}
.sprintMain .conBox .cbClassroom{ margin: 0 30px 30px;}
.sprintMain .conBox .cbClassroom-tit{ height: 46px; margin-bottom: 2px;}
.sprintMain .conBox .cbClassroom-tit-left{ float: left; padding: 0 40px; height: 46px; line-height: 46px; font-size: 24px; font-weight: 700; color: #fff; border-radius: 20px 4px 20px 4px; background: #006aed;
    background: -webkit-linear-gradient(left, #0051d2, #1188ff); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #0051d2, #1188ff); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #0051d2, #1188ff); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #0051d2, #1188ff); /* 标准的语法 */}
.sprintMain .conBox .cbClassroom-course{ background: #edf3ff; border-radius: 6px; margin-bottom: 10px;}
.sprintMain .conBox .cbClassroom-course .ccLeft{ width: 500px; padding: 12px 0 30px; margin-left: 20px;}
.sprintMain .conBox .cbClassroom-course .ccLeft-left{ float: left; width: 260px;}
.sprintMain .conBox .cbClassroom-course .ccLeft-left-top{ line-height: 54px; font-size: 24px; font-weight: 700;}
.sprintMain .conBox .cbClassroom-course .ccLeft-left-cen{ height: 30px; margin-bottom: 20px;}
.sprintMain .conBox .cbClassroom-course .ccLeft-left-cen span{ display: inline-block; padding: 0 12px; height: 28px; line-height: 28px; font-size: 16px; border: 1px solid #0c80ff; border-radius: 15px;}
.sprintMain .conBox .cbClassroom-course .ccLeft-left-cen span em{ color: #125be1;}
.sprintMain .conBox .cbClassroom-course .ccLeft-left-bot{ line-height: 26px; font-size: 14px;}
.sprintMain .conBox .cbClassroom-course .ccLeft-pic{ float: right; display: block; width: 230px; height: 144px; margin-top: 30px;}
.sprintMain .conBox .cbClassroom-course .ccLeft-pic img{ width: 230px; height: 144px;}
.sprintMain .conBox .cbClassroom-course .ccRight{ width: 254px; padding: 30px 0; margin-right: 40px;}
.sprintMain .conBox .cbClassroom-course .ccRight-tit{ height: 51px; border-bottom: 1px solid #b2ceea; margin-bottom: 16px;}
.sprintMain .conBox .cbClassroom-course .ccRight-tit-left{ float: left; height: 50px; line-height: 50px; font-size: 18px; font-weight: 700; border-bottom: 2px solid #0e81ff;}
.sprintMain .conBox .cbClassroom-course .ccRight-txt{ line-height: 26px; font-size: 12px; color: #666;}
.sprintMain .conBox .cbClassroom-teacher{ background: #edf3ff; border-radius: 6px; margin-bottom: 10px;}
.sprintMain .conBox .cbClassroom-teacher .ccLeft{ float: left; width: 380px; height: 194px; padding: 20px 0; margin-left: 20px;}
.sprintMain .conBox .cbClassroom-teacher .ccLeft img{ width: 380px; height: 154px;}
.sprintMain .conBox .cbClassroom-teacher .ccLeft p{ height: 40px; line-height: 40px; text-align: center; font-size: 18px; color: #fff; border-radius: 6px 20px 6px 20px; background: #ff2e3e;
    background: -webkit-linear-gradient(left, #ff4655, #ff2030); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ff4655, #ff2030); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ff4655, #ff2030); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ff4655, #ff2030); /* 标准的语法 */}
.sprintMain .conBox .cbClassroom-teacher .ccCen{ float: left; width: 250px; padding: 30px 0 20px; margin-left: 30px;}
.sprintMain .conBox .cbClassroom-teacher .ccCen-tit{ line-height: 28px; font-size: 22px; margin-bottom: 20px;}
.sprintMain .conBox .cbClassroom-teacher .ccCen-txt{ line-height: 32px; font-size: 14px;}
.sprintMain .conBox .cbClassroom-teacher .ccRight{ float: right; width: 420px; padding: 20px 0; margin-right: 20px;}
.sprintMain .conBox .cbClassroom-teacher .ccRight table{ overflow: hidden; width: 100%; border-collapse: collapse; background: #b7d9ff; border: 1px solid #b7d9ff; border-radius: 6px;}
.sprintMain .conBox .cbClassroom-teacher .ccRight tr{ background: #fff;}
.sprintMain .conBox .cbClassroom-teacher .ccRight td{ height: 40px; line-height: 40px; text-align: center; font-size: 14px;}
.sprintMain .conBox .cbClassroom-teacher .ccRight a{ color: #333;}
.sprintMain .conBox .cbClassroom-teacher .ccRight .bgTit{ background: #bcdcff; font-weight: 700;
    background: -webkit-linear-gradient(left, #b8deff, #c2d9ff); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #b8deff, #c2d9ff); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #b8deff, #c2d9ff); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #b8deff, #c2d9ff); /* 标准的语法 */}
.sprintMain .conBox .cbClassroom-teacher .ccRight .bglv{ background: #ebf3ff;}
.sprintMain .conBox .cbClassroom-teacher{ background: #edf3ff; border-radius: 6px; margin-bottom: 10px;}
.sprintMain .conBox .cbClassroom-subject{ position: relative; z-index: 1; padding: 20px; background: #edf3ff; border-radius: 6px; margin-bottom: 10px;}
.sprintMain .conBox .cbClassroom-subject .pic{ display: block; width: 540px; height: 272px;}
.sprintMain .conBox .cbClassroom-subject .icon{ position: absolute; left: 50%; bottom: -15px; margin-left: -68px; width: 137px; height: 100px; background: url(/images/zhuanti/2023lccgb/icon_05.png) no-repeat;}
.sprintMain .conBox .cbfoot{ height: 90px; background: #ffdba6; border-radius: 0 0 8px 8px;}
.sprintMain .conBox .cbfoot-price{ overflow: hidden; float: left; height: 90px; line-height: 90px; margin-left: 30px; font-size: 18px; color: #422b05;}
.sprintMain .conBox .cbfoot-price .xj{ font-size: 26px; color: #e91e16; vertical-align: -1px;}
.sprintMain .conBox .cbfoot-price .xj b{ font-size: 46px;}
.sprintMain .conBox .cbfoot-price .yj{ text-decoration: line-through;}
.sprintMain .conBox .cbfoot-han{ float: right; padding-top: 20px; margin-right: 30px;}
.sprintMain .conBox .cbfoot-han .btn01{ display: block; float: left; width: 188px; height: 48px; line-height: 48px; text-align: center; font-size: 18px; color: #ec1b33; font-weight: 700; border: 1px solid #f61127; border-radius: 25px; margin: 0 10px;}
.sprintMain .conBox .cbfoot-han .btn01:hover{ text-decoration: none; background: #f61127; color: #fff;}
.sprintMain .conBox .cbfoot-han .btn02{ display: block; float: left; width: 190px; height: 50px; line-height: 50px; text-align: center; font-size: 18px; color: #fff; font-weight: 700; background: #fc2135; border-radius: 25px; margin: 0 10px; -webkit-box-shadow:0 2px 12px rgba(255, 105, 116, 0.75); -moz-box-shadow:0 2px 12px rgba(255, 105, 116, 0.75); box-shadow:0 2px 12px rgba(255, 105, 116, 0.75);
    background: -webkit-linear-gradient(left, #ff4350, #f61127); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ff4350, #f61127); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ff4350, #f61127); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ff4350, #f61127); /* 标准的语法 */}
.sprintMain .conBox .cbfoot-han .btn02:hover{ text-decoration: none; background: #f61127;
    background: -webkit-linear-gradient(left, #f61127, #ff4350); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #f61127, #ff4350); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #f61127, #ff4350); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #f61127, #ff4350); /* 标准的语法 */}

/* 增值服务 */
.serviceBg{ background: url(/images/zhuanti/2023lccgb/bg_03.jpg) no-repeat center bottom #e7effe;}
.service .leftBox{ float: left; width: 580px; padding-top: 35px;}
.service .leftBox .lbList{ float: left; position: relative; z-index: 1; width: 260px; height: 155px; border-top: 5px solid #d4e9ff; background: #fff; border-radius: 5px; margin: 0 30px 50px 0;}
.service .leftBox .lbList-tit{ position: absolute; top: -35px; left: 50%; margin-left: -40px; width: 80px; height: 62px; padding-top: 18px; line-height: 22px; text-align: center; font-size: 18px; color: #fff; font-weight: 700; border-radius: 50%;}
.service .leftBox .lbList-txt{ padding: 50px 30px 0; line-height: 28px; font-size: 16px;}
.service .leftBox .lbList-tit.bg01{ background: #13b1eb;}
.service .leftBox .lbList-tit.bg02{ background: #1783f0;}
.service .leftBox .lbList-tit.bg03{ background: #4473ff;}
.service .leftBox .lbList-tit.bg04{ background: #8074f6;}
.service .rightBox{ float: right; position: relative; z-index: 1; width: 620px; height: 370px; background: #fff; border-radius: 5px; margin-top: 35px;}
.service .rightBox-tit{ position: absolute; top: -23px; left: 50%; margin-left: -120px; width: 240px; height: 46px; line-height: 46px; text-align: center; font-size: 18px; color: #fff; background: #1784f0; font-weight: 700; border-radius: 23px 23px 23px 3px;}
.service .rightBox-left{ float: left; width: 120px; padding-top: 50px; margin-left: 34px;}
.service .rightBox-left li{ width: 120px; height: 46px; background: #eaf4fe; margin-bottom: 30px; border-radius: 8px;}
.service .rightBox-left li p{ position: relative; z-index: 1; height: 46px; line-height: 46px; padding-left: 34px; font-size: 16px;}
.service .rightBox-left li p:after{ content:" "; display:block; position: absolute; left: 16px; top: 50%; margin-top: -2px; width: 5px; height: 5px; border-radius: 50%; background: #3a6dff;}
.service .rightBox-right{ float: right; width: 420px; height: 320px; margin: 34px 20px 0 0;}
.service .rightBox-right img{ width: 420px; height: 320px;}

/* 注意事项 */
.attentionBg{ background: #fff;}
.attention{ padding: 20px 0 30px;}
.attention .tit{ line-height: 54px; font-size: 16px; font-weight: 700;}
.attention .txt{ line-height: 36px; font-size: 14px;}

/*加入我们*/
.joinBoxBg{background: url(/images/zhuanti/2023lccgb/bg_04.jpg) no-repeat center top;}
.joinBox{height: 250px;}
.joinBox .bbox{padding-top: 20px;}
.joinBox .bbox .ltxt{width: 500px;}
.joinBox .bbox .ltxt-tit{line-height: 74px; font-size: 30px; font-weight: 700;}
.joinBox .bbox .ltxt-cen{line-height: 30px; font-size: 16px; color: #666; margin-bottom: 14px;}
.joinBox .bbox .ltxt-cen b{font-size: 22px;}
.joinBox .bbox .right{padding: 30px 100px 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{line-height: 42px; text-align: center; font-size: 16px; color: #666;}

/*底部浮动*/
.botFloat-wap{ width: 100%; height: 70px;}
.botFloat{ width:100%; height: 80px; position:fixed; left:0; bottom:0; background: url(/images/zhuanti/2023lccgb/bg_05.jpg) no-repeat center; z-index:90;}
.botFloat-discount{ float: left; height: 35px; margin-top: 23px;}
.botFloat-price{ overflow: hidden; float: left; height: 80px; line-height: 80px; margin-left: 20px; font-size: 18px; color: #fff;}
.botFloat-price .xj{ font-size: 26px; color: #fff; vertical-align: -1px;}
.botFloat-price .xj b{ font-size: 46px;}
.botFloat-price .yj{ text-decoration: line-through;}
.botFloat-han{ float: right; padding-top: 15px; margin-right: 20px;}
.botFloat-han .btn01{ display: block; float: left; width: 188px; height: 48px; line-height: 48px; text-align: center; font-size: 18px; color: #fffcdb; font-weight: 700; border: 1px solid #ffe29c; border-radius: 25px; margin: 0 10px;}
.botFloat-han .btn01:hover{ text-decoration: none; background: #ffe29c; color: #e20623;}
.botFloat-han .btn02{ display: block; float: left; width: 190px; height: 50px; line-height: 50px; text-align: center; font-size: 18px; color: #e20623; font-weight: 700; background: #ffe9b5; border-radius: 25px; margin: 0 10px;
    background: -webkit-linear-gradient(top, #fff0cd, #ffe094); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #fff0cd, #ffe094); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #fff0cd, #ffe094); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #fff0cd, #ffe094); /* 标准的语法 */}
.botFloat-han .btn02:hover{ text-decoration: none; background: #ffe094;
    background: -webkit-linear-gradient(top, #ffe094, #fff0cd); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #ffe094, #fff0cd); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #ffe094, #fff0cd); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #ffe094, #fff0cd); /* 标准的语法 */}

/*右侧浮动*/
.rightFloat{ width:146px; position:fixed; z-index:80; right:0; top:50%; margin-top: -260px;}
.rightFloat .ftop{ width: 146px; height: 146px; background: url(/images/zhuanti/2023lccgb/icon_06.png) no-repeat;}
.rightFloat .ftop p{ padding-top: 72px; line-height: 66px; text-align: center; font-size: 22px; font-weight: 700; color: #d22601;}
.rightFloat .fcen{ margin: 0 8px; background: #585fef; border-radius: 0 0 14px 14px;}
.rightFloat .fcen ul{ width: 111px; padding: 10px 0 4px; margin: 0 auto;}
.rightFloat .fcen li{ display: block; width: 111px; height: 43px; line-height: 36px; font-size: 16px; text-align: center; margin-bottom: 6px; background: url(/images/zhuanti/2023lccgb/icon_08.png) no-repeat;}
.rightFloat .fcen li a{ text-decoration: none; display: block; width: 111px; height: 43px; color: #fff;}
.rightFloat .fcen li:hover{ font-weight: 700; background: url(/images/zhuanti/2023lccgb/icon_07.png) no-repeat;}
.rightFloat .fcen li:hover a{ text-decoration: none; color: #6c2c06;}
.rightFloat .fcen-help{ display: block; width: 78px; height: 61px; padding-top: 17px; line-height: 22px; text-align: center; font-size: 18px; color: #fff; background: url(/images/zhuanti/2023lccgb/icon_09.png) no-repeat; margin: 0 auto 12px;}
.rightFloat .fcen-help:hover{ text-decoration: none;}
.rightFloat .fcen-back{ display: block; width: 66px; height: 30px; line-height: 30px; font-size: 22px; color: #fff; font-weight: 700; background: url(/images/zhuanti/2023lccgb/icon_10.png) no-repeat right center; margin: 0 auto 16px;}
.rightFloat .fcen-back:hover{ text-decoration: none;}
.rightFloat .switch-icon{ position:absolute; left:-16px; top:50%; margin-top:-16px; display: block; width:24px; height:84px; border-radius: 4px 0 0 4px; cursor: pointer;
    background: -webkit-linear-gradient(left, #fee9c3, #f3d4a0); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #fee9c3, #f3d4a0); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #fee9c3, #f3d4a0); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #fee9c3, #f3d4a0); /* 标准的语法 */}
.rightFloat .switch-icon i{ position: absolute; left: 6px; top: 50%; margin-top: -15px; width: 15px; height: 29px; background:url(/images/project2024/yishizige/icon_41.png) no-repeat;}
.rightFloat.rightFloat-switch .switch-icon i{ transform:rotateZ(180deg);}

/*选课弹层*/
.mask{display: none; width: 100%; height: 100%; position:fixed; top:0; left:0; background:#000; z-index:999; filter:alpha(opacity=70);opacity:0.7;_position:absolute;}
.course-pop{ display:none; overflow:hidden; width:808px; background-color:#fff; position:fixed; top:50%; left:50%; margin:0 0 0 -404px; z-index:1000; border-radius:10px; _position: absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2))}
.course-pop .tit{ height:60px; line-height:60px; background:#f1f1f1; margin-bottom: 6px;}
.course-pop .tit h3{ float:left; font-size:20px; font-weight:bold; padding-left:30px;}
.course-pop .tit .close{ display:block; width:30px; height:30px; margin:16px 20px 0 0; background: url(/images/yishizigekaoshi/project2020/an.png) no-repeat 7px -3142px;}
.course-pop .con{ padding:0 0 0 30px;}
.course-pop .con h4{ font-size:18px; line-height:60px; font-weight:normal;}
.course-pop .con h4.cju{ color: #fd7400;}
.course-pop .con h4 em{ font-size: 14px;}
.course-pop .con .list,.course-pop .con .courtabOne{ *padding-bottom:20px;}
.course-pop .con .courCon{ display: none;}
.course-pop .con .chkName{ float:left; _display:inline; margin:0 20px 20px 0; width:224px; height:38px; line-height:38px; font-size:14px; color:#666; text-indent: 15px; cursor:pointer; border:1px solid #d7d7d7; position:relative; overflow:hidden;}
.course-pop .con .chkName.on{ border:1px solid #fd7400; color:#fd7400;}
.course-pop .con .chkName.on i.gou{ display:block; width:16px; height:16px; position:absolute; right:0; bottom:0; background:url(/images/project2021/weishengzige/an.png) no-repeat 0 -1550px;}
.course-pop .con .chkName .coursechk{ position:absolute; left:-10px; top:-30px; padding-bottom:6px;}
.course-pop .total{ height:44px; margin:14px 30px 26px;}
.course-pop .total .buy-btn{ float: right; display:block; width:180px; height:44px; line-height:44px; text-align:center; font-size:18px; color:#fff; background:#fd7400; border-radius:4px;}
.course-pop .total .buy-btn:hover{ text-decoration:none; background:#f4674b;}
.course-pop .total .ctxt{ float: right; margin-right: 25px; text-align: right;}
.course-pop .total .ctxt .price{ line-height: 30px; font-size:16px; color:#fd7400; font-weight: 700;}
.course-pop .total .ctxt .price b{ font-size:24px;}
.course-pop .total .ctxt .ts{ line-height: 12px; font-size: 12px; color: #999;}
.course-pop .total .stbot-selected{ float: left; line-height: 44px; font-size: 14px; color: #333;}
.course-pop .total .stbot-selected .sstit{ display:block; float: left; margin-right: 10px; font-size: 14px; font-weight: 400;}
.course-pop .total .stbot-selected p{ width: 330px; float: left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.course-pop .total .stbot-selected p span{ padding-right:12px;}

@-webkit-keyframes flipIn {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 720deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 720deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flipIn {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 720deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 720deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flipIn {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flipIn;
    animation-name: flipIn;
}
