/*
@author: he
*/
body,input,textarea,button{font:14px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1,\9ED1\4F53","PingFang SC","Heiti SC",tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;}
body{margin:0 auto;color:#333;min-width:1200px;background:#fff;}
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;vertical-align:top;}
ul,li,ol{list-style-type:none;}
i,em,address,caption,cite,code,dfn,th,var{font-style: normal;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
input,button,textarea,a,a:hover{outline:none;}
textarea{resize:none;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}
.fl{float:left; _display:inline;}
.fr{float:right; _display:inline;}
.pr{position:relative;}
.abs{position:absolute;}
.layout{width:1200px;margin:0 auto;}
.common-title{ text-align:center; font-size:0; padding:25px 0 10px;}
.common-title h3{ display:inline-block; line-height:75px; font-size:36px; font-weight:bold; position:relative;}
.common-title h3:before{ content:""; width:41px; height:21px; position:absolute; left:-75px; top:30px; background:url("/images/zichan/project/commonTitle-ico01.png") no-repeat;}
.common-title h3:after{ content:""; width:41px; height:21px; position:absolute; right:-75px; top:30px; background:url("/images/zichan/project/commonTitle-ico02.png") no-repeat;}

/**/
.topHeader-mod{ height:314px;}
.topHeader-wrap{ width:100%; height:314px; background:url("//www.chinaacc.com/upload/resources/image/2024/08/21/2386246.png") no-repeat center top;}
.topHeader-wrap .text{ position: absolute; top: 206px; left: 30px; width:477px; height: 40px; text-align:center; background:url("/images/zichan/project/header-bg01.png") no-repeat;}
.topHeader-wrap .text-left{ float: left; width: 284px; line-height: 40px; text-align: center; font-size: 22px; font-weight: 700; color: #fff;}
.topHeader-wrap .text-left em{ display: inline-block; padding: 0 8px; height: 22px; line-height: 22px; font-size: 16px; font-weight: 700; border-radius: 11px; margin-left: 6px; vertical-align: 2px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#4CFFFFFF', endColorstr='#4CFFFFFF');background:rgba(255,255,255,0.3);}
.topHeader-wrap .text-right{ float: right; width: 192px; line-height: 40px; text-align: center; font-size: 22px; font-weight: 700; color: #5e0e02;}
.topHeader-wrap .tips{ width:140px; height:42px; line-height:42px; font-size:20px; color:#e5ffff; text-indent:22px; position:absolute; background:url("/images/zichan/project/header-ico02.png") no-repeat;}
.topHeader-wrap .tips.abs01{ left:778px; top:45px;}
.topHeader-wrap .tips.abs02{ left:713px; top:117px;}
.topHeader-wrap .tips.abs03{ left:1059px; top:77px;}
.topHeader-wrap .disIcon{ position: absolute; right: 88px; top: 7px; z-index: 2; width: 88px; height: 57px; padding-top: 38px; text-align: center; font-size:14px; color:#fff; line-height:14px; font-weight: 700; font-style: oblique; background:url("/images/zichan/project/header-ico01.png") no-repeat;}
.topHeader-wrap .disIcon b{ display: block; font-size:18px; line-height:20px;}
.topHeader-wrap .countDown{ position: absolute; top: 222px; right: 118px; z-index: 3; width:241px; height:47px; background:url("/images/zichan/project/header-ico03.png") no-repeat;}
.topHeader-wrap .countDown p{ line-height:46px; text-align: center; color:#fff; font-size:16px;}
.topHeader-wrap .countDown p strong{ font-weight:normal;}

/**/
.course-wrap{ width:100%;}
.course-mod{ padding:47px 0 0 0;}
.course-mod .top-tit{ height:155px; background:url("/images/zichan/project/course-tit01.jpg") no-repeat;}
.course-mod .top-tit .tags{ text-align:center; font-size:0; padding:98px 0 0;}
.course-mod .top-tit .tags p{ display:inline-block; line-height:26px; font-size:16px; color:#fff; padding-left:30px; margin:0 20px; background:url("/images/zichan/project/course-ico01.png") no-repeat left center;}
.course-mod .course-con{ background:#fff; border-radius:0 0 15px 15px; box-shadow:0 5px 12px #e0e5f4; padding:16px 0 0 0;}
.course-mod .course-con .course-tips{ float: left; width: 756px; margin-left: 24px;}
.course-mod .course-con .course-tips .box{ float:left; width:360px; height:126px; margin: 0 18px 24px 0;}
.course-mod .course-con .course-tips .box .tit{ height:35px; text-indent:24px; margin-bottom: 15px;}
.course-mod .course-con .course-tips .box .tit h4{ float:left; line-height:34px; font-size:18px; color:#fff; font-weight:bold; }
.course-mod .course-con .course-tips .box .text{ padding:0 0 0 22px;}
.course-mod .course-con .course-tips .box .text p{ line-height:30px; font-size:16px; padding-left:18px; position:relative;}
.course-mod .course-con .course-tips .box .text p:before{ content:""; width:6px; height:6px; background:#ffaa27; border-radius:50%; position:absolute; left:0; top:13px;}
.course-mod .course-con .course-tips .box.bg01{ background:url("/images/zichan/project/course-bg05.jpg") no-repeat;}
.course-mod .course-con .course-tips .box.bg02{ background:url("/images/zichan/project/course-bg06.jpg") no-repeat;}
.course-mod .course-con .course-tips .box.bg03{ background:url("/images/zichan/project/course-bg07.jpg") no-repeat;}
.course-mod .course-con .course-tips .box.bg04{ background:url("/images/zichan/project/course-bg08.jpg") no-repeat;}
.course-mod .course-con .courseChoice-con{ float: right; width: 384px; margin-right: 24px;}
.course-mod .course-con .courseChoice-con .tit{ height:40px;}
.course-mod .course-con .courseChoice-con .tit .btn{ display:block; float:left; color:#999; padding-left:23px; text-decoration:none; position:relative; line-height:40px; background:url("/images/zichan/project/course-ico02.png") no-repeat left center;}
.course-mod .course-con .courseChoice-con .tit .btn .pop{ display:none; position:absolute; z-index:9; left: 0; top:40px; width:200px; background:#fff; padding:8px; border:1px solid #eaeaea; line-height:22px;}
.course-mod .course-con .courseChoice-box{}
.course-mod .course-con .courseChoice-box .choice-btn{ position: relative; z-index: 1; display:block; width:382px; height: 90px; border:1px solid #cdcdcd; margin-bottom: 14px;}
.course-mod .course-con .courseChoice-box .choice-btn .top{ height: 34px; line-height:34px; padding: 12px 0 0 18px;}
.course-mod .course-con .courseChoice-box .choice-btn .top b{ font-size: 20px;}
.course-mod .course-con .courseChoice-box .choice-btn .top em{ display: inline-block; padding: 0 10px; height: 22px; line-height: 22px; font-size: 12px; color: #fff; border-radius: 11px 11px 11px 0; background: #df761b; margin-left: 16px; vertical-align: top; -webkit-box-shadow:0 4px 6px rgba(170, 71, 4, 0.35); -moz-box-shadow:0 4px 6px rgba(170, 71, 4, 0.35); box-shadow:0 4px 6px rgba(170, 71, 4, 0.35);
    background: -webkit-linear-gradient(left, #b35307, #ff9029); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #b35307, #ff9029); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #b35307, #ff9029); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #b35307, #ff9029); /* 标准的语法 */}
.course-mod .course-con .courseChoice-box .choice-btn .prize{ height: 32px; line-height:32px; font-size:14px; color:#fe3f0c; padding-left: 18px;}
.course-mod .course-con .courseChoice-box .choice-btn .prize b{ font-size:22px; font-family:"DIN Alternate";}
.course-mod .course-con .courseChoice-box .choice-btn .prize del{ display: inline-block; color: #999; margin-left: 16px;}
.course-mod .course-con .courseChoice-box .choice-btn .fdIcon{ position: absolute; right: -6px; top: -34px; z-index: 5; width: 36px; height: 52px; background:url("/images/zichan/project/equity-ico02.png") no-repeat;}
.course-mod .course-con .courseChoice-box .choice-btn:before{ content:""; width:35px; height:28px; position:absolute; right:0; bottom:0; background:url("/images/zichan/project/equity-ico04.png") no-repeat;}
.course-mod .course-con .courseChoice-box .choice-btn.on{ border: 1px solid #fa5f23; background-color:#fff4e5;}
.course-mod .course-con .courseChoice-box .choice-btn.on:before{ content:""; width:35px; height:28px; position:absolute; right:0; bottom:-1px; background:url("/images/zichan/project/equity-ico03.png") no-repeat;}
.course-mod .course-con .courseChoice-box .choice-btn:hover{ text-decoration: none;}
.course-mod .course-con .courseChoice-con .send{ background:#ffea82; text-align:center;
    background: -webkit-linear-gradient(left, #ffe46b, #fff7b8); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ffe46b, #fff7b8); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ffe46b, #fff7b8); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ffe46b, #fff7b8); /* 标准的语法 */}
.course-mod .course-con .courseChoice-con .send p{ display:inline-block; line-height:38px; font-size:16px; color:#ff4723; font-weight:bold; padding-left:40px; background:url("/images/zichan/project/course-ico04.png") no-repeat left center;}
.course-mod .course-con .btn-wrap{ clear: both; height: 60px; padding: 0 0 24px 0; text-align:center;}
.course-mod .coupon{ display: inline-block; width:360px; height:59px; margin: 0 8px; vertical-align: middle; background:url("/images/zichan/project/equity-ico05.png") no-repeat;}
.course-mod .coupon .prize-text{ float:left; width:106px; line-height:59px; font-size:36px; text-align:center; font-weight:bold; color:#f9eac4; font-family:'DIN Alternate';}
.course-mod .coupon .prize-text i{ display:inline-block; width:17px; height:17px; line-height:17px; vertical-align:15px; background:#f9eac4; margin-right:6px; border-radius:50%; font-size:13px; color:#ff5d0b;}
.course-mod .coupon .text{ float:left; width:120px; padding:12px 0 0 16px; font-size:14px; text-align:left; line-height:19px; color:#f9eac4;}
.course-mod .coupon .btn{ display:block; float:right; width:100px; height:32px; line-height:32px; text-align:center; color:#e9380c; font-size:16px; font-weight:bold; border-radius:40px; margin:14px 13px 0 0; text-decoration:none; background:#ffebc9; background-image:-webkit-linear-gradient(left, #fee8c9,#ffe4b9, #fff1db);}
.course-mod .course-con .btn-wrap .service-btn{ display:inline-block; width:150px; height:44px; line-height:44px; font-size:18px; color:#e8403f; text-decoration:none; text-align:center; margin:0 10px; border:1px solid #e8403f; vertical-align: middle; border-radius:6px; background:#ffeee8; -webkit-transition:margin-top .3s ease;-moz-transition:margin-top .3s ease;-o-transition:margin-top .3s ease;-ms-transition:margin-top .3s ease;transition:margin-top .3s ease;}
.course-mod .course-con .btn-wrap .buy-btn{ display:inline-block; width:214px; height:46px; line-height:46px; text-align:center; background:#ff5742; text-decoration:none; box-shadow:0 3px 6px #ffc6c0; font-size:18px; color:#fff; font-weight:bold; border-radius:6px; margin:0 10px; vertical-align: middle;}

/**/
.teacher-wrap { width: 100%; background: url("/images/zichan/project/teacher-bg.jpg") no-repeat center 110px;}
.teacher-mod{ position: relative; z-index: 1; height: 420px;}
.teacher-mod .teacher-con { display: none; height: 420px;}
.teacher-mod .teacher-con .pic { float: left; width: 519px; height: 420px; position: relative; overflow: hidden; margin-left: 50px;}
.teacher-mod .teacher-con .pic img { position: absolute; width: 340px; left: 50%; bottom: -25px;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);}
.teacher-mod .teacher-con .pic .btn { display: block; width: 175px; height: 59px; line-height: 59px; font-size: 24px; color: #fff; font-weight: bold; text-decoration: none; text-indent: 54px; z-index: 9; position: absolute; left: 50%; margin-left: -86px; top: 330px; background: url("/images/zichan/project/ico.png") no-repeat 0 -117px;
    -webkit-transition: margin-top .3s ease;
    -moz-transition: margin-top .3s ease;
    -o-transition: margin-top .3s ease;
    -ms-transition: margin-top .3s ease;
    transition: margin-top .3s ease;}
.teacher-mod .teacher-con .pic .btn:hover { margin-top: -10px;}
.teacher-mod .teacher-con .text { float: right; width: 628px; padding: 20px 0 0 0;}
.teacher-mod .teacher-con .text .name { line-height: 60px; font-size: 36px; font-weight: bold;}
.teacher-mod .teacher-con .text .name span { display: inline-block; line-height: 28px; padding: 0 12px; font-size: 16px; font-weight: normal; border-radius: 15px 0 15px 0; vertical-align: middle; margin-right: 24px; background: #fec570;
    background-image: -webkit-linear-gradient(left, #fde9bd, #fec570);
    background-image: -moz-linear-gradient(left, #fde9bd, #fec570);
    background-image: linear-gradient(left, #fde9bd, #fec570);}
.teacher-mod .teacher-con .text .name .wbIcon{ display: inline-block; padding-left: 38px; margin-left: 30px; font-size: 18px; font-weight: normal; vertical-align: middle; background: url("/images/zichan/project/teacher-ico02.png") no-repeat left 15px;}
.teacher-mod .teacher-con .text .name .wbIcon:hover{ text-decoration: none; color: #197ff5;}
.teacher-mod .teacher-con .text .tips { margin: 14px 0 20px;}
.teacher-mod .teacher-con .text .tips span { display: inline-block; line-height: 24px; margin-right: 42px; position: relative;}
.teacher-mod .teacher-con .text .tips span i { display: inline-block; font-size: 18px; position: relative; z-index: 9; font-weight: bold;}
.teacher-mod .teacher-con .text .tips span:before { content: ""; height: 8px; width: 90%; background: #9fc6ff; position: absolute; bottom: 0; left: 50%; margin-left: -45%;}
.teacher-mod .teacher-con .text .introduce { margin-bottom: 4px;}
.teacher-mod .teacher-con .text .introduce p { font-size: 16px; line-height: 32px;}
.teacher-mod .teacher-con .text .course {}
.teacher-mod .teacher-con .text .course p { line-height: 38px; font-size: 16px; padding-left: 20px; position: relative;}
.teacher-mod .teacher-con .text .course p:before { content: ""; width: 11px; height: 13px; position: absolute; left: 0; top: 50%; margin-top: -6px; background: url("/images/zichan/project/teacher-ico01.png") no-repeat;}
.teacher-mod .teacher-tit { position: absolute; right: 0; bottom: 26px; width: 600px; height: 80px; padding: 15px 14px; background: #fff; border-radius: 8px;}
.teacher-mod .teacher-tit li { display: block; float: left; width: 90px; height: 80px; overflow: hidden; background: #ecf3ff; border-radius: 20px; margin: 0 5px; position: relative; cursor: pointer;}
.teacher-mod .teacher-tit li span { display: block; width: 54px; height: 20px; line-height: 20px; background: #fff; border-radius: 40px 0 40px 0; font-size: 12px; color: #999; position: absolute; left: 1px; top: 1px; text-align: center;}
.teacher-mod .teacher-tit li img { display: inline-block; width: 100%; margin-top: 18px;}
.teacher-mod .teacher-tit li.on { background: #589cff;
    background-image: -webkit-linear-gradient(left, #6cbbff, #589cff);
    background-image: -moz-linear-gradient(left, #6cbbff, #589cff);
    background-image: linear-gradient(left, #6cbbff, #589cff);}
.teacher-mod .teacher-tit .prev,.teacher-mod .teacher-tit .next{ position: absolute; left: 2px; top: 38px; display:block; width:12px; height:32px; background:url(/images/zichan/project/icon_14.png) no-repeat left center; background-size: 100% auto;}
.teacher-mod .teacher-tit .next{ left:auto; right:2px; background:url(/images/zichan/project/icon_15.png) no-repeat left center; background-size: 100% auto;}


/**/
.stage-wrap{ width:100%; background:url("/images/zichan/project/stage-bg01.jpg") no-repeat center top;}
.stage-wrap .common-title h3{ color: #fff;}
.stage-wrap .common-title h3:before{ background:url("/images/zichan/project/commonTitle-ico03.png") no-repeat;}
.stage-wrap .common-title h3:after{ background:url("/images/zichan/project/commonTitle-ico04.png") no-repeat;}
.stage-mod .topCon{ height: 164px; margin-bottom: 20px; background:url("/images/zichan/project/stage-bg02.png") no-repeat;}
.stage-mod .topCon .tList{ float: left; position: relative; z-index: 1; width: 206px; padding: 32px 0 0 124px; margin-left: 30px; margin-right: 60px;}
.stage-mod .topCon .tList-fd{ position: absolute; left: 0; top: 61px; width: 108px; text-align: center; line-height: 22px; font-size: 16px; color: #666;}
.stage-mod .topCon .tList-fd b{ display: block; line-height: 24px; font-size: 24px;}
.stage-mod .topCon .tList-tit{ line-height: 30px; font-size: 20px; font-weight: 700;}
.stage-mod .topCon .tList-txt{ line-height: 26px; font-size: 14px; color: #999; margin-bottom: 8px;}
.stage-mod .topCon .tList-bot span{ display: inline-block; padding: 0 16px; height: 34px; line-height: 34px; font-size: 14px; color: #3479ff; border-radius: 17px; background: #f3f5ff; margin-right: 10px;}
.stage-mod .topCon .tList:last-child{ margin-right: 0;}
.stage-mod .botCon{ margin-bottom: 40px;}
.stage-mod .botCon .bList{ float: left; position: relative; z-index: 1; width: 285px; height: 340px; margin-right: 20px; background: #fff; border-radius: 10px;}
.stage-mod .botCon .bList-tit{ height: 44px; border-radius: 10px 10px 0 0; background: #a1defe;
    background-image: -webkit-linear-gradient(left, #a1dcfe, #a6effe);
    background-image: -moz-linear-gradient(left, #a1dcfe, #a6effe);
    background-image: linear-gradient(left, #a1dcfe, #a6effe);}
.stage-mod .botCon .bList-tit-left{ float: left; position: relative; z-index: 1; padding-left: 44px; height: 44px; line-height: 44px; font-size: 18px; color: #3c71ff; font-weight: 700; margin-left: 20px;}
.stage-mod .botCon .bList-tit-left i{ display:block; position: absolute; left: 0; top: 50%; margin-top: -16px; width: 32px; height: 32px; line-height: 32px; text-align: center; font-size: 16px; color: #fff; font-weight: 700; background:url("/images/zichan/project/stage-icon01.png") no-repeat;}
.stage-mod .botCon .bList-top{ padding: 12px 0 6px; border-bottom: 1px solid #ddd9da; margin: 0 20px 14px;}
.stage-mod .botCon .bList-top-tit{ line-height: 42px; font-size: 24px; font-weight: 700;}
.stage-mod .botCon .bList-top-txt{ line-height: 34px; font-size: 16px; color: #ff6f05;}
.stage-mod .botCon .bList-top-txt span{ display: inline-block; padding: 0 8px; height: 20px; line-height: 20px; font-size: 12px; color: #fff; border-radius: 10px; margin-left: 6px; background: #ff9448; vertical-align: 1px;
    background-image: -webkit-linear-gradient(left, #ff6b2c, #ffb85f);
    background-image: -moz-linear-gradient(left, #ff6b2c, #ffb85f);
    background-image: linear-gradient(left, #ff6b2c, #ffb85f);}
.stage-mod .botCon .bList-cen{ margin: 0 20px 14px;}
.stage-mod .botCon .bList-cen-tit{ position: relative; z-index: 1; line-height: 26px; font-size: 16px; padding-left: 16px;}
.stage-mod .botCon .bList-cen-tit:after{ content:" "; display:block; position: absolute; left: 0; top: 50%; margin-top: -3px; width: 6px; height: 6px; border-radius: 50%; background: #6fcafe;
    background-image: -webkit-linear-gradient(left, #65c6fe, #b5e1ff);
    background-image: -moz-linear-gradient(left, #65c6fe, #b5e1ff);
    background-image: linear-gradient(left, #65c6fe, #b5e1ff);}
.stage-mod .botCon .bList-cen-txt{ line-height: 24px; font-size: 14px; padding-left: 16px; color: #999;}
.stage-mod .botCon .bList-pic{ margin: 0 0 0 20px;}
.stage-mod .botCon .bList.bg01{ background:url("/images/zichan/project/stage-icon02.png") no-repeat right bottom #fff;}
.stage-mod .botCon .bList.bg02{ background:url("/images/zichan/project/stage-icon03.png") no-repeat right bottom #fff;}
.stage-mod .botCon .bList:last-child{ margin-right: 0;}

/**/
.course-main .subtit{ height:24px; text-align: center; line-height: 24px; font-size: 16px; color: #ff4723; font-weight: 700; margin-top: -14px; margin-bottom: 26px;}
.course-main .subtit i{ display: inline-block; width: 56px; height: 24px; margin-right: 6px; background:url("/images/zichan/project/course-ico05.png") no-repeat; vertical-align: -6px;}
.course-main .conBox{ position: relative; z-index: 1; padding: 30px 0 20px; border: 1px solid #ff916a; border-radius: 10px; margin-bottom: 40px; background: #ffeeda; -webkit-box-shadow:0 8px 16px rgba(234, 178, 117, 0.35); -moz-box-shadow:0 8px 16px rgba(234, 178, 117, 0.35); box-shadow:0 8px 16px rgba(234, 178, 117, 0.35);
    background-image: -webkit-linear-gradient(top, #fff1e1, #ffebd2);
    background-image: -moz-linear-gradient(top, #fff1e1, #ffebd2);
    background-image: linear-gradient(top, #fff1e1, #ffebd2);}
.course-main .conBox .mfdIcon{ position: absolute; left: -1px; top: -18px; padding: 0 24px; height: 34px; line-height: 34px; font-size: 20px; color: #fff; border-radius: 17px 17px 17px 0; background: #de761a; -webkit-box-shadow:0 4px 6px rgba(170, 71, 4, 0.35); -moz-box-shadow:0 4px 6px rgba(170, 71, 4, 0.35); box-shadow:0 4px 6px rgba(170, 71, 4, 0.35);
    background-image: -webkit-linear-gradient(left, #b35307, #ff9029);
    background-image: -moz-linear-gradient(left, #b35307, #ff9029);
    background-image: linear-gradient(left, #b35307, #ff9029);}
.course-main .conBox .leftBox{ float: left; width: 570px; background: #fff; border-radius: 8px; margin-left: 20px; -webkit-box-shadow:0 4px 16px rgba(196, 121, 24, 0.26); -moz-box-shadow:0 4px 16px rgba(196, 121, 24, 0.26); box-shadow:0 4px 16px rgba(196, 121, 24, 0.26);}
.course-main .conBox .leftBox .bTxt{ position: relative; z-index: 10; height: 65px; text-align: center; background:url("/images/zichan/project/course-bg03.png") no-repeat;}
.course-main .conBox .leftBox .bTxt h4{ line-height: 64px; font-size: 24px; color: #8b4800;}
.course-main .conBox .leftBox .bTxt .btn{ position: absolute; top: 0; right: 20px; display:block; color:#b04f06; padding-left:23px; text-decoration:none; line-height:64px; font-size: 14px; background:url("/images/zichan/project/course-ico06.png") no-repeat left center;}
.course-main .conBox .leftBox .bTxt .btn .pop{ display:none; position:absolute; z-index:9; right: 0; top:50px; width:200px; background:#fff; padding:8px; border:1px solid #eaeaea; line-height:22px; text-align: left;}
.course-main .conBox .leftBox .courseChoice-box{ padding: 20px 0 0 40px;}
.course-main .conBox .leftBox .courseChoice-box .choice-btn{ position: relative; z-index: 1; display:block; float: left; width:228px; height: 80px; border:1px solid #cdcdcd; margin: 0 30px 20px 0;}
.course-main .conBox .leftBox .courseChoice-box .choice-btn .top{ height: 28px; line-height:28px; font-size: 16px; padding: 10px 0 0 18px;}
.course-main .conBox .leftBox .courseChoice-box .choice-btn .prize{ height: 32px; line-height:32px; font-size:14px; color:#fe3f0c; padding-left: 18px;}
.course-main .conBox .leftBox .courseChoice-box .choice-btn .prize b{ font-size:22px; font-family:"DIN Alternate";}
.course-main .conBox .leftBox .courseChoice-box .choice-btn .prize del{ display: inline-block; color: #999; margin: 0 16px;}
.course-main .conBox .leftBox .courseChoice-box .choice-btn:before{ content:""; width:35px; height:28px; position:absolute; right:0; bottom:0; background:url("/images/zichan/project/equity-ico04.png") no-repeat;}
.course-main .conBox .leftBox .courseChoice-box .choice-btn.on{ border: 1px solid #fa5f23; background-color:#fff4e5;}
.course-main .conBox .leftBox .courseChoice-box .choice-btn.on:before{ content:""; width:35px; height:28px; position:absolute; right:0; bottom:-1px; background:url("/images/zichan/project/equity-ico03.png") no-repeat;}
.course-main .conBox .leftBox .courseChoice-box .choice-btn:hover{ text-decoration: none;}
.course-main .conBox .rightBox{ float: right; width: 570px; background: #fff; border-radius: 8px; margin-right: 20px; -webkit-box-shadow:0 4px 16px rgba(196, 121, 24, 0.26); -moz-box-shadow:0 4px 16px rgba(196, 121, 24, 0.26); box-shadow:0 4px 16px rgba(196, 121, 24, 0.26);}
.course-main .conBox .rightBox .bTxt{ position: relative; z-index: 10; height: 65px; text-align: center; background:url("/images/zichan/project/course-bg04.png") no-repeat;}
.course-main .conBox .rightBox .bTxt h4{ line-height: 64px; font-size: 24px; color: #fff;}
.course-main .conBox .rightBox .courseChoice-box{ padding: 20px 0 0 40px;}
.course-main .conBox .rightBox .courseChoice-box .choice-btn{ position: relative; z-index: 1; display:block; width:488px; height: 80px; border:1px solid #cdcdcd; margin: 0 0 20px 0;}
.course-main .conBox .rightBox .courseChoice-box .choice-btn .top{ height: 28px; line-height:28px; font-size: 20px; font-weight: 700; padding: 10px 0 0 18px;}
.course-main .conBox .rightBox .courseChoice-box .choice-btn .prize{ height: 32px; line-height:32px; font-size:14px; color:#fa5f23; padding-left: 18px;}
.course-main .conBox .rightBox .courseChoice-box .choice-btn .prize b{ font-size:22px; font-family:"DIN Alternate"; color:#fe3f0c;}
.course-main .conBox .rightBox .courseChoice-box .choice-btn .prize del{ display: inline-block; color: #999; margin: 0 16px;}
.course-main .conBox .rightBox .courseChoice-box .choice-btn:before{ content:""; width:35px; height:28px; position:absolute; right:0; bottom:0; background:url("/images/zichan/project/equity-ico04.png") no-repeat;}
.course-main .conBox .rightBox .courseChoice-box .choice-btn.on{ border: 1px solid #fa5f23; background-color:#fff4e5;}
.course-main .conBox .rightBox .courseChoice-box .choice-btn.on:before{ content:""; width:35px; height:28px; position:absolute; right:0; bottom:-1px; background:url("/images/zichan/project/equity-ico03.png") no-repeat;}
.course-main .conBox .rightBox .courseChoice-box .choice-btn:hover{ text-decoration: none;}
.course-main .conBox .rightBox .courseChoice-box .choice-btn .fdIcon{ position: absolute; top: -1px; right: -1px; padding: 0 10px; height: 20px; line-height: 20px; font-size: 12px; color: #fff; border-radius: 0 0 0 10px; background: #ff9448; vertical-align: 1px;
    background-image: -webkit-linear-gradient(left, #ff6b2c, #ffb85f);
    background-image: -moz-linear-gradient(left, #ff6b2c, #ffb85f);
    background-image: linear-gradient(left, #ff6b2c, #ffb85f);}
.course-main .conBox .btn-wrap{ clear: both; height: 60px; padding: 20px 20px 0;}
.course-main .conBox .btn-wrap .coin_mount{ display:block; float: left; padding-top: 6px; line-height: 24px; margin-right: 40px;}
.course-main .conBox .btn-wrap .coin_mount .p1{ font-size: 16px;}
.course-main .conBox .btn-wrap .coin_mount .p1 i{ color:#fe3f0c;}
.course-main .conBox .btn-wrap .coin_mount .p2{ font-size: 14px; color: #999;}
.course-main .conBox .btn-wrap .coupon{ display: block; float: left; width:360px; height:59px; vertical-align: middle; background:url("/images/zichan/project/equity-ico05.png") no-repeat;}
.course-main .conBox .btn-wrap .coupon .prize-text{ float:left; width:106px; line-height:59px; font-size:36px; text-align:center; font-weight:bold; color:#f9eac4; font-family:'DIN Alternate';}
.course-main .conBox .btn-wrap .coupon .prize-text i{ display:inline-block; width:17px; height:17px; line-height:17px; vertical-align:15px; background:#f9eac4; margin-right:6px; border-radius:50%; font-size:13px; color:#ff5d0b;}
.course-main .conBox .btn-wrap .coupon .text{ float:left; width:120px; padding:12px 0 0 16px; font-size:14px; text-align:left; line-height:19px; color:#f9eac4;}
.course-main .conBox .btn-wrap .coupon .btn{ display:block; float:right; width:100px; height:32px; line-height:32px; text-align:center; color:#e9380c; font-size:16px; font-weight:bold; border-radius:40px; margin:14px 13px 0 0; text-decoration:none; background:#ffebc9; background-image:-webkit-linear-gradient(left, #fee8c9,#ffe4b9, #fff1db);}
.course-main .conBox .btn-wrap .buy-btn{ display:block; float: right; width:172px; height:59px; line-height:58px; text-align:center; font-weight: 700; background:#f41304; text-decoration:none; font-size:20px; color:#fff; border-radius:30px; vertical-align: middle;
    background-image: -webkit-linear-gradient(left, #f30d03, #fb7711);
    background-image: -moz-linear-gradient(left, #f30d03, #fb7711);
    background-image: linear-gradient(left, #f30d03, #fb7711);}
.course-main .conBox .btn-wrap .price{ display:block; float: right; height: 59px; text-align: right; margin-right: 30px;}
.course-main .conBox .btn-wrap .price-top{ line-height: 40px; font-size: 14px;}
.course-main .conBox .btn-wrap .price-top .yuan{ font-size: 32px; color: #fe3f0c; font-family:'DIN Alternate'; vertical-align: -2px;}
.course-main .conBox .btn-wrap .price-top .num{ font-size: 32px; color: #fe3f0c; font-family:'DIN Alternate'; vertical-align: -2px;}
.course-main .conBox .btn-wrap .price-bot{ line-height: 18px; font-size: 14px; color: #999;}

/**/
.course-banner{ height:100px; background:url("/images/zichan/project/course-bg02.jpg") no-repeat center;}
.course-banner .gm-btn{ display:block; float: right; width:150px; height:50px; line-height:48px; text-align:center; font-size: 20px; color: #fff; font-weight: 700; margin: 25px 0 0 14px; border-radius: 25px; background:url("/images/zichan/project/course-ico08.png") no-repeat; -webkit-box-shadow:0 4px 6px rgba(221, 78, 15, 0.5); -moz-box-shadow:0 4px 6px rgba(221, 78, 15, 0.5); box-shadow:0 4px 6px rgba(221, 78, 15, 0.5);}
.course-banner .gm-btn:hover{ text-decoration: none;}
.course-banner .ty_btn{ display:block; float: right; width:150px; height:50px; line-height:48px; text-align:center; font-size: 20px; color: #a14b00; font-weight: 700; margin: 25px 0 0 30px; border-radius: 25px; background:url("/images/zichan/project/course-ico07.png") no-repeat; -webkit-box-shadow:0 10px 10px rgba(210, 8, 0, 0.3); -moz-box-shadow:0 10px 10px rgba(210, 8, 0, 0.3); box-shadow:0 10px 10px rgba(210, 8, 0, 0.3);}
.course-banner .ty_btn:hover{ text-decoration: none;}
.course-banner .cTxt{ display:block; float: right; line-height: 100px; font-size: 20px; color: #a74b18;}
.course-banner .cTxt .icon{ display: inline-block; padding: 0 10px; height: 32px; line-height: 32px; font-size: 20px; color: #fff; font-weight: 700; border-radius: 16px 16px 16px 0; background: #de761a; margin-right: 20px; -webkit-box-shadow:0 4px 6px rgba(170, 71, 4, 0.35); -moz-box-shadow:0 4px 6px rgba(170, 71, 4, 0.35); box-shadow:0 4px 6px rgba(170, 71, 4, 0.35);
    background-image: -webkit-linear-gradient(left, #b35307, #ff9029);
    background-image: -moz-linear-gradient(left, #b35307, #ff9029);
    background-image: linear-gradient(left, #b35307, #ff9029);}

/**/
.courseSystem-wrap{ width:100%; background:url("/images/zichan/project/courseSystem-bg01.jpg") no-repeat center bottom #edf3f9;}
.courseSystem-mod{ padding:0 0 30px 0;}
.courseSystem-mod .tab-con{ padding:0 0 10px 0;}
.courseSystem-mod .tab-con .left-tit{ float:left; width:197px;}
.courseSystem-mod .tab-con .left-tit .tit{ height:97px; text-align:center; background:url("/images/zichan/project/courseSystem-tit.png") no-repeat;}
.courseSystem-mod .tab-con .left-tit .tit h3{ height:32px; padding-top:28px;}
.courseSystem-mod .tab-con .left-tit .tit p{ color:#fff; line-height:18px; font-family:'DIN Alternate';}
.courseSystem-mod .tab-con .left-tit .list{border-top:1px solid #fff; border-radius:0 0 6px 6px; padding-bottom: 10px; background:#1189ea; background-image:-webkit-linear-gradient(top, #1189ea, #41bbea); background-image:-moz-linear-gradient(top, #1189ea, #41bbea); background-image:linear-gradient(top,#1189ea, #41bbea);}
.courseSystem-mod .tab-con .left-tit .list li{ height:48px; line-height:48px; text-align:center; font-size:16px; color:#fff; font-weight:bold; border-bottom:1px solid #61c4ee;}
.courseSystem-mod .tab-con .left-tit .list li:last-child{ border-bottom:0;}
.courseSystem-mod .tab-con .left-tit .list li.lh76{ height: 76px; line-height: 76px;}
.courseSystem-mod .tab-con .right-wrap{ width:993px;}
.courseSystem-mod .tab-con .right-con{ width:auto;}
.courseSystem-mod .tab-con .right-con .list{ float:left; padding:1px 10px 10px; border-radius:6px; background:#cfe7ff;}
.courseSystem-mod .tab-con .right-con .list .tit{ width:100%; text-align:center; line-height:30px; font-size:18px; color:#197ff5; font-weight:bold; margin-bottom:8px; position: relative;}
.courseSystem-mod .tab-con .right-con .list .tit .view-pplive{ position: absolute; right: 10px; top: 0px; font-weight:normal; font-size: 14px; color: #ff6a2c; display: block; height: 26px; line-height: 26px; border-radius: 13px; padding: 0 15px; background: #f5f1ee;}
.courseSystem-mod .tab-con .right-con .list .table{}
.courseSystem-mod .tab-con .word-text{font-size: 14px; color: #777; text-align: center; margin-top:10px;}
.courseSystem-mod .tab-con .word-text strong{color: #197ff5;}
.courseSystem-mod .tab-con .right-con .list .table th{ line-height:48px; font-size:18px; color:#197ff5; }
.courseSystem-mod .tab-con .right-con .list .table td{ height:28px; line-height:28px; position:relative; border-bottom:1px solid #cfe7ff; border-right:1px solid #cfe7ff; text-align:center; padding:10px 0; font-size:15px; background:#fff;}
.courseSystem-mod .tab-con .right-con .list .table thead td{ font-weight:bold;}
.courseSystem-mod .tab-con .right-con .list .table td .live-tags{ display:block; width:40px; height:40px; position:absolute; right:0; top:0; background:url("/images/zichan/project/courseSystem-ico01.png") no-repeat;}
.courseSystem-mod .tab-con .right-con .list .table td .send-tags{ display:block; line-height:26px; font-size:14px; color:#fff; font-weight:bold; padding:0 10px; position:absolute; left:-10px; top:9px; border-radius:40px 40px 5px 40px; background:#f41704; background-image:-webkit-linear-gradient(left, #f41704, #fb7711); background-image:-moz-linear-gradient(left, #f41704, #fb7711); background-image:linear-gradient(left,#f41704, #fb7711);}
.courseSystem-mod .tab-con .right-con .list.last-tags{ margin-right:0;}
.courseSystem-mod .tab-con .right-wrap::-webkit-scrollbar-track-piece {  background-color: rgba(255, 255, 255, 1); border-left: 1px solid rgba(255, 86, 104, 0);}
.courseSystem-mod .tab-con .right-wrap::-webkit-scrollbar { width: 5px; height: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.courseSystem-mod .tab-con .right-wrap::-webkit-scrollbar-thumb { background-color: rgba(194, 194, 194, 0.9); background-clip: padding-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; min-height: 10px;}
.courseSystem-mod .tab-con .right-wrap::-webkit-scrollbar-thumb:hover { background-color: rgba(194, 194, 194, 0.9); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.courseSystem-mod .main-time { width: 1200px; height: 167px; background: url(/images/zichan/project/ct-time-bg.png) no-repeat center;}
.courseSystem-mod .main-time li { width: 190px; text-align: center; padding-top: 70px;}
.courseSystem-mod .main-time .t-item-tt { font-size: 14px; font-weight: 700; color: #ef5400; line-height: 26px;}
.courseSystem-mod .main-time .t-item-ct { font-size: 18px; font-weight: 700; color: #333; line-height: 28px;}
.courseSystem-mod .main-time .t-item-bt { font-size: 14px; font-weight: 400; color: #333; line-height: 22px;}
.courseSystem-mod .main-time li.first { margin-left: 196px;}

/**/
.helpExamination-wrap{ width:100%; background: #f8f8f8;}
.helpExamination-mod .helpExamination-con{ margin-bottom:40px; border-radius:10px; border:1px solid #ffdfd0;}
.helpExamination-mod .helpExamination-con .title{ height:61px; background:url("/images/zichan/project/helpExamination-tit.png") no-repeat;}
.helpExamination-mod .helpExamination-con .title h3{ float:left; width:303px; line-height:61px; text-align:center; font-size:28px; color:#fff; font-weight:bold;}
.helpExamination-mod .helpExamination-con .title .tips{ float:right;}
.helpExamination-mod .helpExamination-con .title .tips span{ display:block; float:left; line-height:61px; font-size:18px; color:#691400; margin-right:52px; padding-left:22px; background:url("/images/zichan/project/helpExamination-ico01.png") no-repeat left center;}
.helpExamination-mod .tiku-con{ background:#fffcf9; box-shadow:0 5px 12px #efefef; padding-bottom:37px; border-radius:0 0 10px 10px;}
.helpExamination-mod .tiku-con .left-con{ width:593px; text-align:center;}
.helpExamination-mod .tiku-con .left-con h4{ line-height:42px; font-size:22px; padding-top:38px;}
.helpExamination-mod .tiku-con .left-con .tips{ text-align:center; font-size:0; padding-top:16px;}
.helpExamination-mod .tiku-con .left-con .tips span{ display:inline-block; line-height:30px; font-size:16px; color:#888; padding:0 40px 0 22px; position:relative;}
.helpExamination-mod .tiku-con .left-con .tips span:before{ content:""; width:18px; height:18px; position:absolute; left:0; top:50%; margin-top:-9px; background:url("/images/zichan/project/helpExamination-ico02.png") no-repeat;}
.helpExamination-mod .tiku-con .left-con .pic{ padding:50px 0 0;}
.helpExamination-mod .tiku-con .right-con{ width:525px; margin-top:23px;}
.helpExamination-mod .tiku-con .right-con:before{ content:""; width:1px; height:93%; background:#dff0ff; position:absolute; left:-1px; top:32px;}
.helpExamination-mod .tiku-con .right-con .tit{ line-height:48px; margin-top:5px; font-size:18px; font-weight:bold; padding-left:17px; position:relative;}
.helpExamination-mod .tiku-con .right-con .tit:before{ content:"";  width:8px; height:8px; border:2px solid #88bfff; background:#fff; border-radius:50%; position:absolute; left:-7px; top:50%; margin-top:-4px;}
.helpExamination-mod .tiku-con .right-con .con01{ width:478px; height:50px; border:1px dashed #ffc97a; margin-left:17px;}
.helpExamination-mod .tiku-con .right-con .con01 h4{ display:block; width:173px; height:52px; line-height:52px; color:#d34a00; text-indent:36px; position:absolute; left:-1px; top:-1px; background:url("/images/zichan/project/helpExamination-bg02.png") no-repeat;}
.helpExamination-mod .tiku-con .right-con .con01 p{ display:block; line-height:20px; font-size:12px; color:#666; padding:6px 0 0 189px;}
.helpExamination-mod .tiku-con .right-con .con02{ width:478px; border:1px dashed #ffc97a; margin-left:17px;}
.helpExamination-mod .tiku-con .right-con .con02 ul{ padding:15px 0 15px 17px;}
.helpExamination-mod .tiku-con .right-con .con02 li{ float:left; width:125px; margin:0 38px 9px 0;}
.helpExamination-mod .tiku-con .right-con .con02 li:nth-child(3n){ margin-right:0;}
.helpExamination-mod .tiku-con .right-con .con02 h4{ height:26px; line-height:26px; font-size:14px; padding-left:24px; position:relative; white-space:nowrap;}
.helpExamination-mod .tiku-con .right-con .con02 h4:before{ content:""; width:18px; height:18px; position:absolute; left:0; top:50%; margin-top:-9px; background:url("/images/zichan/project/helpExamination-ico03.png") no-repeat;}
.helpExamination-mod .tiku-con .right-con .con02 p{ font-size:12px; color:#999; line-height:16px; padding-top:5px;}
.helpExamination-mod .tiku-con .right-con .con01 .icon{ right:15px; top:-11px;}
.helpExamination-mod .data-con{ padding:35px 0 30px 42px; border-radius:0 10px 10px 10px; background:url("/images/zichan/project/helpExamination-bg03.png") no-repeat right bottom #fffcf9; box-shadow:0 5px 12px #efefef}
.helpExamination-mod .data-con .list01{ width:793px; border:1px dashed #ffc97a; padding:26px 0 20px 20px;}
.helpExamination-mod .data-con .list01 li{ float:left; width:386px; height:102px;}
.helpExamination-mod .data-con .list01 li.one{ border-bottom:1px solid #ededed; border-right:1px solid #ededed;}
.helpExamination-mod .data-con .list01 li.two{ border-bottom:1px solid #ededed;}
.helpExamination-mod .data-con .list01 li.thr{border-right:1px solid #ededed; padding-top:26px; height:auto; padding-bottom:10px;}
.helpExamination-mod .data-con .list01 li.four{ padding-top:26px; height:auto; padding-bottom:10px;}
.helpExamination-mod .data-con .list01 li:nth-child(2n){ padding-left:20px;}
.helpExamination-mod .data-con .list01 .tit{}
.helpExamination-mod .data-con .list01 .tit h4{ float:left; width:260px; line-height:41px; font-size:20px; padding-left:40px; white-space:nowrap; position:relative;}
.helpExamination-mod .data-con .list01 .tit h4 span{ font-size:16px; font-weight:normal;}
.helpExamination-mod .data-con .list01 .tit h4:before{ content:""; width:24px; height:24px; position:absolute; left:2px; top:50%; margin-top:-12px; background:url("/images/zichan/project/helpExamination-ico05.png") no-repeat;}
.helpExamination-mod .data-con .list01 .btn{ display:block; float:right; height:20px; line-height:20px; font-size:12px; color:#d34a00; text-decoration:none; border:1px solid #f4b391; border-radius:40px; padding:0 7px; margin:9px 10px 0 0;}
.helpExamination-mod .data-con .list02{ width:813px; height:112px; margin-top:19px; border:1px solid #f9e8cc;}
.helpExamination-mod .data-con .list02 li{ float:left; width:333px; border-top:2px solid #fe6a2c; padding:24px 0 0 60px;}
.helpExamination-mod .data-con .list02 .tit{ line-height:36px; font-size:20px; font-weight:bold; position:relative;}
.helpExamination-mod .data-con .list02 .tit span{ display:block; width:24px; height:24px; line-height:24px; text-align:center; font-size:14px; color:#fff; background:#ff6600; border-radius:4px; position:absolute; left:-34px; top:50%; margin-top:-12px;}
.helpExamination-mod .data-con .list02 .text p{ line-height:28px; color:#888;}

/**/
.book-mod { padding-bottom:39px;}
.book-mod .main { padding-top: 50px; }
.book-mod .book_con .book_tab{ padding-left: 60px;margin-top: 20px; width: 1140px;}
.book-mod .book_con .book_tab li{ float:left; width: 172px;height: 38px;background: #EBEFF6; border:1px solid #EBEFF6; position:relative; border-radius: 4px;line-height: 40px;text-align: center;font-size: 18px;margin-right: 10px;cursor: pointer;}
.book-mod .book_con .book_tab li.on{ border:1px solid #77a4ff; color: #3792FF;}
.book-mod .book_con .book_tab li.on:before{ content:""; width:26px; height:22px; position:absolute; right:0; bottom:0; background:url("/images/zichan/project/book-ico01.png") no-repeat;}
.book-mod .book_item{margin-top: 30px;display: none; background: #FFFFFF; box-shadow:0 6px 8px 6px #edf1f5; border-radius:8px;}
.book-mod .book_item.active{display: block;}
.book-mod .book_item .book_img{ top:0;left: 20px;width: 281px; height:100%; background:#fff; border-radius:10px 0 0 10px;}
.book-mod .book_item .book_img img{ margin-top:40px}
.book-mod .book_item .book_img .read_btn{width: 170px;height: 50px; background: #FFA82C; background: linear-gradient(90deg, #FFA82C, #FBBD35);box-shadow: 2px 3px 11px 1px rgba(255, 156, 0, 0.32);border-radius: 0px 25px 25px 25px;line-height: 50px;text-align: center;font-size: 20px;color: #FFFFFF;left: 0;bottom: 0;text-decoration: none;}
.book-mod .book_item .book_img .right-top-icon{top: 12px;right: 6px;}
.book-mod .item_con{width: 829px; padding-bottom:20px; border-radius: 10px;margin-left: 208px;padding-left: 123px;padding-right: 40px;}
.book-mod .item_con .con_tab{border-bottom: 1px solid #E9E9E9; padding-top:23px;}
.book-mod .item_con .con_tab li{font-size: 16px;color: #999999;line-height: 39px;margin-left: 39px;cursor: pointer; padding:0 10px;}
.book-mod .item_con .con_tab li i{display: none;width: 62px;height: 3px;background: #3792FF;border-radius: 2px;left:2px;bottom: 0;}
.book-mod .item_con .con_tab li.active{color: #fff; background:#3792ff;}
/*.book-mod .item_con .con_tab li.active i{display: block;}*/
.book-mod .item_con .con_info{padding-top: 24px;border-bottom: 1px solid #E9E9E9;padding-bottom: 16px;}
.book-mod .item_con .con_info h3{font-size: 24px;color: #333333;line-height: 73px;margin-bottom: 18px; border-bottom:1px solid #e9e9e9;}
.book-mod .item_con .con_info h3 span{ display:inline-block; line-height:24px; font-size:16px; color:#3692ff; font-weight:normal; padding:0 8px; border-radius:6px; background:#ddecfe; margin-left:20px;}
.book-mod .item_con .con_info h3 em{ font-size:16px; font-weight:normal; padding-left:10px;}
.book-mod .item_con .con_info p{font-size: 16px;line-height: 28px;}
.book-mod .book_list{margin-top: 39px;}
.book-mod .book_list li{width: 142px;height: 74px;border: 1px solid #FFDB96;border-radius: 10px;text-align: center;padding: 0 22px; margin:0 14px 10px 0;cursor: pointer;}
.book-mod .book_list li.active{border: 2px solid #ffbb38;width: 140px;height: 72px;}
.book-mod .book_list li .book_title{font-size: 16px;line-height: 36px;border-bottom: 1px solid #E9E9E9;}
.book-mod .book_list li .book_price{margin-top: 10px;line-height: 22px;}
.book-mod .book_list li .book_price span{font-size: 16px;color: #F4664A;}
.book-mod .book_list li .book_price del{color: #999999;margin-left: 13px;}
.book-mod .book_list li.last { margin-right: 0; }
.book-mod .buy_box{margin-top: 18px;}
.book-mod .buy_box a{display: inline-block;margin-right: 20px;font-size: 18px;color: #fff; border-radius: 6px; font-weight:bold; height: 50px;text-align: center;line-height: 50px;text-decoration: none;}
.book-mod .buy_box a.buy_kefu{color: #E8403F;width: 126px;border: 1px solid #E8403F;}
.book-mod .buy_box a.go_buy{width: 176px; background: #FC5644; background: linear-gradient(90deg, #FC5644, #EA4342);box-shadow: 2px 3px 11px 1px rgba(255, 24, 0, 0.32);}
.book-mod .buy_box a.details-btn{ display:block; float:right; color:#3692ff; font-size:16px; font-weight:normal; margin-right:0;}
.book-mod .buy_box a.details-btn:hover{ text-decoration:underline;}
.book-mod .con_item{display: none;}
.book-mod .con_item.on{display: block;}

/**/
.equity-wrap{ width:100%; background:#edf3f9; padding-bottom:37px;}
.equity-mod{ background:#fff; border-radius:10px; padding:32px 0 34px 27px;}
.equity-mod p{ line-height:28px;}
.equity-mod .btn-wrap{ padding:24px 0 0; border-bottom:1px solid #ebebeb; }
.equity-mod .btn{ display:block; width:52px; height:14px; background:#dbdbdb; background:url("/images/zichan/project/equity-ico01.png") no-repeat center #dbdbdb; border-radius:40px; position:absolute; left:50%; margin-left:-26px; bottom:-7px;}
.equity-mod .btn.on{ transform:rotate(180deg); -webkit-transform:rotate(180deg);}

/**/
.ewm-wrap{ width:100%; height:253px; background:url("//www.chinaacc.com/images/chujizhicheng/project/2025project/ewm-bg.jpg") no-repeat center top;}
.ewm-mod{ padding:33px 0 0;}
.ewm-mod .other-enter{width:890px; float: left;padding-left: 50px;}
.ewm-mod .other-enter dl dt{ text-align: center; width: 153px; font-size: 16px; color: #fff; font-weight: bold; display: inline-block; vertical-align: top; margin-right: 60px;}
.ewm-mod .other-enter dl dt img{ margin-bottom: 10px;}
.ewm-mod .other-enter dl dt img{ margin-bottom: 10px;}
.ewm-mod .other-enter dl dd{ display: inline-block; margin: 25px 0;}
.ewm-mod .other-enter dl dd li{display: inline-block; position: relative; margin-right: 20px; vertical-align: top; width: 100px; height: 100px; text-align: center; background: rgba(8,8,8,0.8); color: #fff; font-size: 16px; border-radius: 5px;}
.ewm-mod .other-enter dl dd li img{ margin:20px auto 5px;}
.ewm-mod .other-enter dl dd p{ text-align: center; color: #fff;font-size: 16px; margin-top: 20px;}
.ewm-mod .other-enter dl dd li a{ display: block; width: 100%; height: 100%; left: 0; top: 0; position: absolute;}
.ewm-mod .phone-mod{ width:230px; text-align: center; color: #fff; font-size: 22px; float: left;}
.ewm-mod .phone-mod span{  font-size:20px; line-height: 30px; position: relative; padding-left:55px; display: inline-block; margin: 10px 0;}
.ewm-mod .phone-mod span:before{  content: ''; position: absolute; display: inline-block; left: 0; top:5px; vertical-align: top; background:url("/images/zichan/project/n-icon15.png") no-repeat left center; width: 50px; height: 50px;}
.ewm-mod .phone-mod a{ display: block; width: 220px; height: 44px; line-height: 44px; text-align: center; color: #fff; font-size: 20px; border-radius: 22px; background: #07bdc7; margin: 10px auto;}
.ewm-mod .phone-mod a:hover{ text-decoration: none;}
.ewm-mod .other-enter dl dd li .msg-code{
    position: absolute;
    width: 100px;
    height: 100px;
    padding: 8px;
    box-shadow: 0 0 10px 0 rgba(142, 152, 172, 0.3);
    border-radius: 4px;
    left: -9px;
    bottom: 105px;
    background: #fff;
    display: none;
}
.ewm-mod .other-enter dl dd li:hover .msg-code{
    display: block;
}
.ewm-mod .other-enter dl dd li .msg-code img{
    width: 100%;
    margin: 0;
}

/**/
.bottomFix-ad{ width:100%; height:101px; position:fixed; left:0; bottom:0; z-index:69; background:url("/images/zichan/project/bottomFix-ad.jpg") no-repeat center top;}
.bottomFix-ad .left-text{ width:630px; padding:16px 0 0;}
.bottomFix-ad .left-text h4{ line-height:42px; font-size:32px; font-weight:bold; text-shadow:0 5px 10px #ea3209; color:#ffebba; font-style:italic;}
.bottomFix-ad .left-text p{ line-height:22px; font-size:18px; color:#fff2d2;}
.bottomFix-ad .coupon{ width:198px; height:78px; margin-top:11px; background:url("/images/zichan/project/bottomFix-bg.png") no-repeat;}
.bottomFix-ad .coupon .text{ text-align:center; width:101px; padding:0 0 0 6px;}
.bottomFix-ad .coupon .text h4{ line-height:36px; font-size:40px; color:#e4160d; padding-top:8px;}
.bottomFix-ad .coupon .text h4 span{ font-size:28px; font-weight:normal;}
.bottomFix-ad .coupon .text p{ line-height:22px; font-size:16px; color:#6a1e00;}
.bottomFix-ad .coupon .coupon-btn{ display:block; width:69px; height:70px; margin:6px 6px 0 0; background:url("/images/zichan/project/bottomFix-btn.png") no-repeat;}
.bottomFix-ad .btn{ display:block; width:151px; height:51px; margin:27px 0 0 11px; line-height:0; font-size:0; background:url("/images/zichan/project/bottomFix-btn02.png") no-repeat;}
.bottomFix-ad .service-btn{ display:block; width:146px; height:46px; line-height:46px; text-align:center; font-size:20px; color:#a14b00; font-weight:bold; border-radius:40px; margin:27px 11px 0 0; text-decoration:none; border:2px solid #ff9518; background:#ffe1bd; background-image:-webkit-linear-gradient(top, #fffffe, #ffe1bd); background-image:-moz-linear-gradient(top, #fffffe, #ffe1bd); background-image:linear-gradient(top,#fffffe,#ffe1bd);}
.bottomFix-ad .close-btn{ display:block; width:30px; height:35px; position:absolute; right:10px; top:0; background: url("/images/zichan/project/bottomFix-close.png") no-repeat;}

/**/
.footer-wrap{ padding-bottom:100px;}

/* left-nav */
.left-nav{width:140px;height:476px;position:fixed;left:0;top:50%;margin-top:-269px;background:url("/images/zichan/project/right-nav-bg.png") no-repeat center;padding-top:3px;z-index:92}
.left-nav .coins-outer{width:120px;margin-left:15px;padding-top:5px;cursor:pointer}
.left-nav .top-t{text-align:center;font-size:12px;font-weight:400;color:#fff}
.left-nav .top-t strong{font-size:14px}
.left-nav .consult-btn{display:block;text-decoration:none;text-align:center;width:90px;margin:21px 0 0 30px;font-size:16px;font-weight:700;color:#fefefe;padding-top:15px;background:#ffc71b}
.left-nav .consult-btn img{margin-bottom:5px;animation:activeBox 1s linear infinite;transform:translateX(0)}
.left-nav ul{width:90px;margin-left:30px}
.left-nav ul li{width:90px;height:30px;background:#ffe3aa;border:1px dashed #fffbf4;border-radius:4px;line-height:30px;text-align:center;font-size:14px;font-weight:700;color:#6a3100;margin-bottom:6px;transition:all .25s ease-in-out;cursor:pointer}
.left-nav ul li a{display:block;color:inherit;text-decoration:none}
.left-nav ul li.on{background:#f9541c;border:1px solid #fff8f0;color:#fff}
.left-nav ul li:hover{background:#f9541c;border:1px solid #fff8f0;color:#fff}
.left-nav ul li.last{margin-bottom:12px}
.left-nav .phone{ display:none; text-align:center;font-size:12px;font-weight:700;color:#844c00;width:110px;margin-left:19px}
.left-nav .qr-code{margin:6px 0 8px 35px}
.left-nav .img-tip{width:110px;margin-left:19px;text-align:center;font-size:14px;font-weight:700;color:#fefefe}
.left-nav .top-btn{display:block;width:54px;height:54px;border-radius:50%;margin:4px 0 0 47px}
.left-nav .arrow{display:block;width:30px;height:50px;background:url(/images/zichan/project/fixNav-common.png) no-repeat 0 0;position:absolute;right:-20px;top:50%;margin-top:-25px;background-position-x:-28px}