@charset "utf-8";
/* njf */
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;}
.icon{ background: url("/images/shop/icon.png") no-repeat;}



/*顶部导航*/
.h-an{ background:url(//www.chinaacc.com/images/zhucekuaijishi/index2017/an.png) no-repeat; _background:url(//www.chinaacc.com/images/zhucekuaijishi/index2017/an.gif) no-repeat;}
.header_wrap{ width:100%; background:#fff; z-index:997; position:relative;}
.topHeader{ height: 70px; background:#fff;}
.topHeader #titleName{}
.topHeader #titleName .mstit{ display: block; float:left; color:#07bdc7; text-decoration:none; line-height:70px; font-size:22px; padding:0 0 0 37px; font-weight:normal;}
.topHeader #titleName .mstd{ display: block; float:left; width: 175px; height: 35px; margin: 17px 0 0 36px; background:url(//www.chinaacc.com/images/teacher/2017/mstd.png) no-repeat;}
.topHeader .logo{ display: block; margin-top: 14px;}
.topHeader .slogo-con{ margin:14px 0 0 21px; padding-left:20px; position:relative;}
.topHeader .slogo-con:before{ content:""; width:1px; height:36px; background:#eaeaea; position:absolute; left:0; top:2px;}
.topHeader .cen{ height: 36px; margin: 17px 13px 0 0; font-size: 14px; color: #666;}
.topHeader .cen a{ color: #666;}
.topHeader .cen a:hover{ color: #07bdc7; text-decoration:underline;}
.topHeader .cen .non{ border: 1px solid #e0e0e0; border-bottom: 0; background-position: 84px -35px; -webkit-box-shadow:4px 7px 16px rgba(0, 0, 0, 0.05); -moz-box-shadow:4px 7px 16px rgba(0, 0, 0, 0.05); box-shadow:4px 7px 16px rgba(0, 0, 0, 0.05);}
.topHeader .cen .non .pop{display:block;}
.topHeader .cen .non .pop2{display:block;}

.topHeader .cen-n02{ display: inline-block; width: 88px; text-align: center; line-height: 36px;}
.topHeader .right{ height: 36px; margin: 17px 0 0 0; padding-left: 24px; background:url(http://www.chinaacc.com/images/zhucekuaijishi/index2017/lm_26.png) no-repeat left center; *position: relative; *z-index: 5;}
.topHeader .right .non{ border: 1px solid #e0e0e0; border-bottom: 0; background-position: 48px -235px; -webkit-box-shadow:4px 7px 16px rgba(0, 0, 0, 0.05); -moz-box-shadow:4px 7px 16px rgba(0, 0, 0, 0.05); box-shadow:4px 7px 16px rgba(0, 0, 0, 0.05);}
.topHeader .right .non .pop3{display:block;}
.topHeader .right-n01{ display: block; width: 50px; height: 36px; background-position: 13px -292px;}
.topHeader .right-n01:hover{ background-position: 13px -342px; text-decoration: none;}
.topHeader .right-n01 i{ width: 18px; height: 18px; text-align: center; line-height: 16px; font-size: 12px; color: #fff; top: 0; right:6px; background-position: 0 -501px;}
.topHeader .right-n02{ display: block; width: 50px; height: 36px; background-position: 16px -392px;}
.topHeader .right-n02:hover{ background-position: 16px -442px;}
.topHeader .right-login{ padding-top: 5px;}
.topHeader .right-login .dzhan{ display: inline-block; width: 58px; height: 24px; border: 1px solid #d0d0d0; color: #666; text-align: center; line-height: 22px; font-size: 14px; margin-left: 18px; border-radius: 3px;}
.topHeader .right-login .dzhan:hover{ border: 1px solid #07bdc7; color: #07bdc7; text-decoration: none;}
.topHeader .right-loginh{ width: 68px; height: 34px; line-height: 34px; border: 1px solid #fff; background-position: 48px -185px; cursor: pointer; margin-left: 6px; z-index: 5;}
.topHeader .right-loginh .ctxt{ display: block; width: 30px; height: 30px; padding: 2px 0 0 10px;}
.topHeader .right-loginh .ctxt img{ width: 30px; height: 30px;}
.topHeader .right-loginh .ctxt .xquan{ display: block; width: 30px; height: 30px; top: 2px; left: 10px; background:url(//www.chinaacc.com/images/zhucekuaijishi/index2017/lm_02.png) no-repeat;}
.topHeader .right-loginh .pop3{ width:228px; border:1px solid #e0e0e0; background:#fff; right:-1px; top:34px; display:none; cursor: auto; -webkit-box-shadow:4px 7px 16px rgba(0, 0, 0, 0.05); -moz-box-shadow:4px 7px 16px rgba(0, 0, 0, 0.05); box-shadow:4px 7px 16px rgba(0, 0, 0, 0.05);}
.topHeader .right-loginh .xian{ display: block; overflow: hidden; width: 68px; height: 1px; background: #fff; top: 34px; right: 0; z-index: 2;}
.topHeader .right-loginh .pop3-t{ padding: 20px 0 10px 20px;}
.topHeader .right-loginh .pop3-t-l{ width: 50px; height: 50px;}
.topHeader .right-loginh .pop3-t-l img{ width: 50px; height: 50px;}
.topHeader .right-loginh .pop3-t-l .dquan{ display: block; width: 50px; height: 50px; top: 20px; left: 20px; background:url(//www.chinaacc.com/images/zhucekuaijishi/index2017/lm_01.png) no-repeat;}
.topHeader .right-loginh .pop3-t-r{ width: 140px; margin-left: 10px; line-height: 24px;}
.topHeader .right-loginh .pop3-t-r #loginName{ display: block; width: 140px; height: 24px; overflow: hidden; font-size: 14px;}
.topHeader .right-loginh .pop3-t-r .vip{ font-size: 12px; color: #999;}
.topHeader .right-loginh .pop3-c{ margin-bottom: 10px;}
.topHeader .right-loginh .pop3-c .chan{ width: 64px; height: 40px; padding-left: 24px; line-height: 40px; font-size: 14px; color: #666; margin-left: 20px; background-position: 0 -538px;}
.topHeader .right-loginh .pop3-c .chan:hover{ color: #07bdc7;}
.topHeader .right-loginh .pop3-c .chan2{ background-position: 0 -588px;}
.topHeader .right-loginh .pop3-b{ display: block; clear: both; height: 40px; text-align: center; line-height: 40px;font-size: 14px; background: #f4f4f4; color: #999;}

.topHeader .search{ width:202px; height:28px; border:1px solid #d0d0d0; margin:22px 0 0 60px;}
.topHeader .search .ipt1{ height:28px; line-height:28px;font-size: 12px; line-height:30px\9; padding-left:10px; width:165px; border:0; font-family:"Microsoft yahei"; color: #333;background: #fff; outline: none;}
.topHeader .search input::placeholder{ color: #999; font-size: 12px;}
.topHeader .search input:-webkit-autofill{background-image:none; color: #333; background-color: #fff;}
.topHeader .search .btn{ display:inline-block; width:33px; height:28px; background-position:10px 8px;}

.topHeader .right-n02 i{ display: none; width: 18px; height: 18px; text-align: center; line-height: 16px; font-size: 12px; color: #fff; top: 0; right:6px; background-position: 0 -501px;}
.promptIe_wrap{ width:100%; height:34px; background:#fffad3;}
.promptIe{ height:34px; line-height:34px; text-align:center; font-size:14px; color:#f97e38;}
.promptIe .promptIe_close{ right:0; top:0; font-size:24px; width:30px; text-align:center; line-height:30px; color:#f97e38; text-decoration:none;}


/**/
.title{ text-align: center;}
.title h3{ height: 78px; line-height: 78px; background: url("/images/shop/chinaacc.png") no-repeat center center;font-weight: bold; font-size: 30px; }

.index-hotNews-mod{height: 300px; width: 100%; position: relative; overflow: hidden;}
.index-hotNews-mod img {width: 100%;}
.index-hotNews-mod .bd li{height: 300px; position: relative;background-position:center center;}
.index-hotNews-mod .bd li a{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.index-hotNews-mod .hd {text-align: center;bottom: 20px;left:50%; position: absolute; margin-left: -60px;}
.index-hotNews-mod .hd li {display: inline-block;*display: inline;*zoom:1; width: 10px;overflow: hidden;height: 10px;background: #fff;border-radius: 50%;margin: 0 4px;line-height: 0;font-size: 0;cursor: pointer;}
.index-hotNews-mod .hd li.on {width: 20px;border-radius:10px;}


/**/
.tutor-category{ background: url("/images/shop/book-tutor-category.jpg") no-repeat center top; height: 685px;}
.tutor-category .title{ padding: 30px 0 10px;}
.tutor-category-con{ border-radius: 10px; background: #fff; box-shadow: 0 5px 30px #efefef; padding: 20px 20px 0;}
.tutor-category-con .tutor-list-con{ margin-bottom: 25px;}
.tutor-category-con .tutor-list-con ul li{background: url("/images/shop/book-bg.jpg") no-repeat center bottom; background-size: 100% auto; position: relative; width: 275px; height: 330px; text-align: center; float: left; margin-right: 17px; border-radius: 10px; box-shadow: 0 5px 10px #ececec; border: 1px solid #f6f6f6;}
.tutor-category-con .tutor-list-con ul li h4{ font-size: 24px; margin: 20px 0 5px;}
.tutor-category-con .tutor-list-con ul li span{ color: #18c1cb;}
.tutor-category-con .tutor-list-con ul li:last-child{ margin-right: 0;}
.tutor-category-con .tutor-list-con ul li:hover,.tutor-category-con .category-list-con ul li:hover{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px);transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; }
.tutor-category-con .tutor-list-con ul li .all-link{position: absolute;left: 0; top: 0; width: 100%; height: 100%;}

.tutor-category-con .category-list-con ul li{ width:208px; font-weight: bold; height:58px; line-height: 58px; font-size: 18px; border: 1px solid #e8e8e8; border-radius: 5px; position: relative; float: left; margin: 0 20px 20px 0; padding-left:65px;}
.tutor-category-con .category-list-con ul li:before,.tutor-category-con .category-list-con ul li:after{ content: ''; position:absolute; left: 20px; top:16px;  display: inline-block; width: 28px; height: 28px;background: url("/images/shop/icon.png") no-repeat; vertical-align: middle;}
.tutor-category-con .category-list-con ul li.icon01:before{background-position:0 -30px;}
.tutor-category-con .category-list-con ul li.icon02:before{background-position:0 -70px;}
.tutor-category-con .category-list-con ul li.icon03:before{background-position:0 -110px;}
.tutor-category-con .category-list-con ul li.icon04:before{background-position:0 -150px;}
.tutor-category-con .category-list-con ul li.icon05:before{background-position:0 -190px;}
.tutor-category-con .category-list-con ul li.icon06:before{background-position:0 -230px;}
.tutor-category-con .category-list-con ul li.icon07:before{background-position:0 -270px;}
.tutor-category-con .category-list-con ul li.icon08:before{background-position:0 -110px;}
.tutor-category-con .category-list-con ul li.icon04,.tutor-category-con .category-list-con ul li.icon05,.tutor-category-con .category-list-con ul li.icon06,.tutor-category-con .category-list-con ul li.icon07,.tutor-category-con .category-list-con ul li.icon08{ width: 149px;}
.tutor-category-con .category-list-con ul li:after{ background-position: 0 -313px;left: auto; position:absolute; right: 10px; top: 50%; margin-top: -8px; width: 18px; height: 18px;}
.tutor-category-con .category-list-con ul li.last{ margin-right: 0;}
.tutor-category-con .category-list-con ul li a{display: block; width:100%; height:100%; position: absolute; left: 0; top: 0;}
.tutor-category-con .category-list-con ul li:hover{ text-decoration: none; color: #07bdc7; box-shadow: 0 2px 10px rgba(0,0,0,0.1); border: 1px solid #fff;}
.tutor-category-con .category-list-con ul li span,.tutor-category-con .category-list-con ul li em{ display: block;height: 20px; line-height: 20px; padding: 0 10px; text-align: center; color: #fff; font-size: 12px; box-shadow: 0 4px 6px rgba(255,103,37,0.44); border-radius: 10px 10px 10px 0; position: absolute; right: 0; top: -10px;
    background:#ff3f25;
    background:-webkit-linear-gradient(left,#ff3f25,#ff7029);
    background:-moz-linear-gradient(left,#ff3f25,#ff7029);
    background:-ms-linear-gradient(left,#ff3f25,#ff7029);
    background:linear-gradient(left,#ff3f25,#ff7029);
}
.tutor-category-con .category-list-con ul li em{ box-shadow: 0 4px 6px rgba(255,121,34,0.25);
    background:#ff8400;
    background:-webkit-linear-gradient(left,#ff8400,#ffa800);
    background:-moz-linear-gradient(left,#ff8400,#ffa800);
    background:-ms-linear-gradient(left,#ff8400,#ffa800);
    background:linear-gradient(left,#ff8400,#ffa800);
}

/**/
.book-introduction{ padding-bottom: 40px;}
.book-introduction .title{ padding: 25px 0 16px;}
.book-introduction .introduction-con{ background: url("/images/shop/book--introduction-bg.jpg") no-repeat; height: 490px; position: relative; overflow: hidden;}
.book-introduction .introduction-con .tab-tit ul{position: absolute; left: 50px; bottom:35px;}
.book-introduction .introduction-con .tab-tit li{ display: block; float: left; position: relative; width: 98px; height: 98px; cursor: pointer; border-radius: 50%; border: 1px solid #e1edf9; line-height: 98px; margin-right: 40px; text-align: center; background: #feffff;}
.book-introduction .introduction-con .tab-tit li img{ vertical-align: middle; margin-top:20px;}
.book-introduction .introduction-con .tab-tit li:hover{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px);transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}
.book-introduction .introduction-con .tab-tit li.on{ background: #feecc5; border: 3px solid #f9b629;}
.book-introduction .introduction-con .tab-tit li.on:before{ content: '';background: url("/images/shop/icon.png") no-repeat 0 -610px; position: absolute; display: block; width: 16px; height: 10px; left: 50%; top: -12px; margin-left: -6px;}

.book-introduction .introduction-con .introduction-list{ width: 1200px; margin: 0 auto;}
.book-introduction .introduction-con .introduction-list dl{ padding: 20px 110px 0 50px;}
.book-introduction .introduction-con .introduction-list dl dt{ float: right; width: 440px; height: 360px;}
.book-introduction .introduction-con .introduction-list dl dd h5{ font-size: 30px; margin: 15px 0 30px;}
.book-introduction .introduction-con .introduction-list dl dd h5:before{content: ''; display: inline-block; width: 5px; height: 26px; background: #07bdc7; margin-right: 16px; vertical-align: middle;}
.book-introduction .introduction-con .introduction-list dl dd h5 span{ display: inline-block; height: 24px; line-height: 24px;border-radius: 5px; padding: 0 15px; font-size: 14px; color: #829aad; font-weight: normal; margin-left: 15px; vertical-align: middle;
    background:#d7f3f5;
    background:-webkit-linear-gradient(left,#dff0ff,#d7f3f5);
    background:-moz-linear-gradient(left,#dff0ff,#d7f3f5);
    background:-ms-linear-gradient(left,#dff0ff,#d7f3f5);
    background:linear-gradient(left,#dff0ff,#d7f3f5);
}
.book-introduction .introduction-con .introduction-list dl dd{ font-size: 16px; line-height: 36px;}
.book-introduction .introduction-con .introduction-list dl dd strong{ display: block;}
.book-introduction .introduction-con .introduction-list dl dd p{ margin: 0 20px 0 30px;}
.book-introduction .introduction-con .prev,.book-introduction .introduction-con .next{ display: block; width: 40px; height: 52px; position: absolute; background-position: 0 -342px; left: 0; top:50%; margin-top: -65px;}
.book-introduction .introduction-con .next{ background-position: 0 -405px;left: auto;right: 0;}

/**/
.teacher-mod{ background: #f9fafb; padding-bottom: 50px;}
.teacher-mod .title{ padding: 30px 0;}
.teacher-mod ul li{ width: 280px; height: 360px; float: left; margin-right:24px; position: relative; border: 1px solid #f6f6f6; background: #e2eefa; box-shadow: 0 5px 10px #ececec; border-radius: 15px; overflow: hidden;}
.teacher-mod ul li img{ width: 280px; border-radius: 15px; position: absolute; left: 0; bottom: 0;}
.teacher-mod ul li h6{ height: 48px; line-height: 48px; position: absolute; width: 100%; font-size: 18px; color: #fff; text-align: center; background: rgba(0,0,0,0.6); border-radius: 0 0 15px 15px; left: 0; bottom:0px;}
.teacher-mod ul li:last-child{ margin-right: 0;}
.teacher-mod ul li .teacher-intro{ display: none;}
.teacher-mod ul li .teacher-intro{ line-height: 28px; width: 220px; height:290px;background: rgba(0,0,0,0.6); left: 0; top: 0; position: absolute; padding:35px 30px; border-radius: 15px; color: #fff; font-size: 16px;}
.teacher-mod ul li .teacher-intro strong{ font-size: 22px; display: block;margin-bottom: 10px;}
.teacher-mod ul li .teacher-intro span{ font-size: 16px; font-weight: bold;display: block; margin: 10px 0;}

/**/
.common-footer{ border-top: 1px solid #efefef; padding: 30px 0 10px;}
.common-footer ul li{ float: left; width: 280px; font-size: 18px;}
.common-footer ul li dl{color: #666;}
.common-footer ul li dl dt{ font-size: 18px; margin-bottom: 10px;}
.common-footer ul li dl dt:before,.common-footer ul li dl dt.order:before{content: '';display: inline-block; width: 19px; height: 19px; background:url("/images/shop/icon.png") no-repeat 0 -474px; margin-right: 10px; vertical-align: middle;}
.common-footer ul li dl dd{ margin-left:30px; font-size: 14px; color: #666; line-height: 26px;}
.common-footer ul li dl dd a{ color: #666;}
.common-footer ul li dl dd a:hover{color: #07bdc7;}
.common-footer ul li dl dt.order:before{ background-position: 0 -507px;}
.common-footer ul li.online{ width: 350px;}
.common-footer ul li.online a{ display: inline-block; color: #fff; font-size: 14px; background: #05bec8; border-radius: 5px; height: 24px; line-height: 24px; padding: 0 10px; margin-left: 5px;}
.common-footer ul li span{line-height: 30px; position: relative; padding-left: 65px; display: block; margin-top: 5px;}
.common-footer ul li span:before{background:url("/images/shop/icon.png") no-repeat 0 -537px; display: block;content: ''; width: 50px; height: 50px; margin-right: 10px; position: absolute; left: 0; top:5px;}
.common-footer ul li.ewm-fot{ background: #f8f8f8; width: 280px; height: 112px; border-radius: 8px;}
.common-footer ul li.ewm-fot img{ float: left; margin: 10px;}
.common-footer ul li.ewm-fot em{display: block; font-size: 16px; margin: 30px 0 5px;}
.common-footer ul li.ewm-fot i{font-size: 12px; color: #999;}


/**/
.list-banner{ height: 450px;}
.list-banner .nav-brand{ height: 50px; line-height: 50px; color: #666;}
.list-banner .nav-brand a{color: #666;}
.list-banner .nav-brand a:hover{color: #07bdc7;}
.list-banner .layout .topLink{ height:400px; width: 100%; display: block;}

/**/
.list-banner{ height: 450px;background: url(/images/shop/list-banner02-bg.jpg) no-repeat center top;}
.list-banner .list-book{ text-align: center; margin-top:80px;}
.list-banner .list-book li{display: inline-block; text-align: center; width: 208px; height: 280px; position: relative; margin-right: 35px;}
.list-banner .list-book li p{ position: absolute; left: 0; bottom: 0; width:168px; height: 44px; border-radius:38px; background: rgba(143,152,225,0.75); color: #fff; padding:20px 20px 10px; text-align: left; font-size: 14px; }
.list-banner .list-book li p strong{ display: block; position: absolute; text-align: center; color: #8c4a21; font-size: 18px; left: 50%; bottom:58px; margin-left: -50px; width: 106px; height: 32px; line-height: 32px; border-radius: 17px 0 17px 0; border: 1px solid #ffd4be; box-shadow: 7px 4px 6px rgba(44,59,186,0.26);
    background:#ffa26c;
    background-image: -webkit-linear-gradient(left, #ffd0b9, #ffa26c);
    background-image: linear-gradient(left, #ffd0b9, #ffa26c);
    background:-moz-linear-gradient(left, #ffd0b9, #ffa26c);
    background:-ms-linear-gradient(left, #ffd0b9, #ffa26c);
}
.list-banner .book-link{ position: absolute; width: 100%; height: 100%; left: 0; top: 60px; z-index: 1;}
.list-banner .list-book li.last{ margin-right: 0;}

.list-banner .list-book02{ width: 650px; margin:80px 0 0 102px;}
.list-banner .list-book02 li{ width: 270px; text-align: center; display: inline-block; position: relative;}
.list-banner .list-book02 li strong{ position: absolute; display: block; width: 106px; height: 32px; line-height: 32px; text-align: center; left: 50%; bottom:-27px; margin-left: -52px; border-radius: 16px 0 16px 0; font-size: 18px; color: #fff;
    background:#ff372c;
    background-image: -webkit-linear-gradient(left, #fa6f05, #ff372c);
    background-image: linear-gradient(left, #fa6f05, #ff372c);
    background:-moz-linear-gradient(left, #fa6f05, #ff372c);
    background:-ms-linear-gradient(left, #fa6f05, #ff372c);
}
.list-banner .list-book .book-link{ top: 0px;}







.title-list{ font-size: 36px; text-align: center; margin: 40px 0 30px; font-weight: bold;}
.title-list:before,.title-list:after{ content: ''; display: inline-block; background: url("/images/shop/tit01.png") no-repeat; width: 427px; height: 5px;text-align: center; vertical-align: middle; margin: 0 20px 0 0;}
.title-list:after{background: url("/images/shop/tit02.png") no-repeat;margin: 0 0 0 20px; }

.choice-list{ margin-bottom:30px;}
.choice-list ul li{ border-bottom: 1px dashed #e0e0e0; padding: 20px 0; font-size: 16px; line-height: 30px;}
.choice-list ul li a.on{ font-weight: bold; color: #07bdc7;}
.choice-list ul li a{ margin: 0 15px; color: #666;display: inline-block;}
.choice-list ul li a:hover{color: #07bdc7;}
.choice-list ul li strong{ display: block; width: 40px; float: left;}
.choice-list ul li p{display: block; float: left; width: 1160px;}
.choice-list ul li p a{white-space:nowrap;}
.choice-list  .checkRelay{ color: #999; margin-top: 15px; cursor: pointer; width:85px; position: relative;}
.choice-list  .checkRelay input{ width: 0; height: 0; opacity: 0; position: absolute; left: 0; top: 0; border: none;}
.choice-list  .checkRelay i{ display: inline-block; width: 19px; height: 19px; background-position: 0 -636px; vertical-align: top; margin: 2px 10px 0 0;}
.choice-list  .checkRelay.on i{background-position: 0 -661px;}
.noContent{ text-align: center; font-size: 16px; padding: 30px 0; display: none; background: #fff;}
.noContent.show{display: block;}

.list-con{ background: #f4f8fa; padding: 50px 0 30px;}
.list-con ul{position: relative; margin-left: -20px;}
.list-con ul li{ position: relative; width: 550px; float: left; background: #fff; border-radius: 20px; box-shadow: 0 5px 30px #dbe6f0; height: 480px; padding: 20px; margin:0 0 20px 20px;}
.list-con ul li h3{ background: url("/images/shop/dream-word.png") no-repeat left center; padding-left:90px; color: #e60012; font-size: 22px;}
.list-con ul li h3.showNull{height: 30px; background: #fff;}
.list-con ul li .tag{ display: block;background: url("/images/shop/tag01.png") no-repeat; padding:14px 17px 0 12px;box-sizing: border-box; width: 75px; height: 74px; line-height: 22px; text-align: center; font-size: 18px; font-style: italic; color: #fff; font-weight: bold;position: absolute; right: 20px; top: -20px;}
.list-con ul li .tag strong{ font-size: 20px;}
.list-con ul li .tag.hide{display: none;}
.list-con ul li dt{float: left; width: 195px; margin-right: 40px;}
.list-con ul li dd{ float: left; width:315px;}
.list-con ul li dd h4{ font-size:26px; margin-bottom: 12px;}
.list-con ul li dd h4 a:hover{ color: #07bdc7;}
.list-con ul li dd .word{ color: #555; line-height: 24px; height: 56px;}
.list-con ul li dd span{ display: inline-block;  height: 32px; line-height: 32px; background: #ffebd2; border-radius: 8px; padding: 0 12px; color: #bd6804; margin: 10px 0;}
.list-con ul li dd .price strong{ color: #fe4f2b;}
.list-con ul li dd .price strong b{ font-size: 28px;}
.list-con ul li dd .price del{ color: #999;}
.list-con ul li dd .btn{ width:285px;}
.list-con ul li dd .btn a{display: inline-block; width: 118px; height: 38px; line-height: 38px; font-size: 16px; margin:10px 20px 0 0; text-align: center; border: 1px solid #fe4f2b; border-radius: 5px; }
.list-con ul li dd .btn a.free-ride{ border: 1px solid #fe4f2b; color: #fe5004;}
.list-con ul li dd .btn a.buy{ color: #fff;
    background:#d7f3f5;
    background:-webkit-linear-gradient(left,#fa6f05,#ff4504);
    background:-moz-linear-gradient(left,#fa6f05,#ff4504);
    background:-ms-linear-gradient(left,#fa6f05,#ff4504);
    background:linear-gradient(left,#fa6f05,#ff4504);
}
.list-con ul li dd .btn a:hover,.list-con ul li:hover{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px);transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}
.list-con ul li:hover{ box-shadow: 0 5px 30px #bccede;}
.list-con .send-book{ border-radius: 15px; padding: 15px 20px 0;
    background:#f7f9fb;
    background-image: -webkit-linear-gradient(top, #f7f9fb, #e4f3f8);
    background-image: linear-gradient(top, #f7f9fb, #e4f3f8);
    background:-moz-linear-gradient(top, #f7f9fb, #e4f3f8);
    background:-ms-linear-gradient(top, #f7f9fb, #e4f3f8);
}
.list-con .send-book .tit{ border-bottom: 1px solid #dfdfdf; padding-bottom: 10px;}
.list-con .send-book .tit h4{ font-size:18px; display: inline-block; float: left;}
.list-con .send-book .tit .details-btn{ display: inline-block; color: #999; font-size: 12px; float: right; margin-top: 5px;}
.list-con .send-book .prize{ text-align: center;}
.list-con .send-book-con{
    width: 550px;
    height: 172px;
}
.list-con .send-book-con a{
    display: block;
}
/* .list-con ul li.textbook dl{ padding-top:55px;} */

.activity-img{ position: absolute;left: 0; bottom: 0; border-radius: 0 0 20px 20px;}
.activity-img.hide,.activity-ad.hide{display: none;}
.list-con .activity-img img{ border-radius: 0 0 20px 20px;}
.activity-ad img{ border-radius: 5px;}

/**/
.detail-bg{ background: #f8f8f8;}
.detail-bg .nav-brand{ height: 50px; line-height: 50px;}
.detail-bg .nav-brand a:hover{color: #07bdc7;}
.detail-bg .describe-tips{ right:0; top:15px; z-index:9;}
.detail-bg .describe-tips h4{padding: 3px 10px 3px 20px; line-height: 18px; font-weight:normal; font-size: 12px; color: #a55500; background:url("/images/shop/describe-ico01.png") no-repeat 3px center #ffeec8; border-radius: 4px; border: 1px solid #ffdf98; cursor: pointer;}
.detail-bg .describe-tips .describe-con{ display:none;position:absolute;right:0;top:0; padding-top:38px;}
.detail-bg .describe-tips .describe-pop{width:424px; position:relative; background:#fff;border:1px solid #ffeec8;border-radius:4px;font-size:12px;line-height:16px;padding:10px 15px;color:#666;box-shadow:0 6px 20px rgba(0,0,0,.1)}
.detail-bg .describe-tips .describe-pop:before{content:"";width:17px;height:11px;background:url(/images/shop/describe-ico02.png) no-repeat;position:absolute;right:30px;top:-11px}

.detail-all{ height: 50px; line-height: 50px; background: #fff; border-radius: 5px; padding: 0 36px; overflow: hidden; position: relative;width: auto; margin-bottom: 20px;}
.detail-all ul{ width: 1100px;}
.detail-all ul li{position: relative;}
.detail-all ul li.swiper-slide{ height: 50px; line-height: 50px; width: auto;}
.detail-all .prev,.detail-all .next{ display: block; width: 15px; height: 24px; background-position: 0 -686px; top: 50%; left: 0; margin-top:-10px;}
.detail-all .next{right: 0; left: auto;background-position:-34px -686px;}
.detail-all ul li a:hover{color: #07bdc7;}
.detail-all ul li.on:before{ content: ''; display: block; width:16px; height: 2px; background: #07bdc7; left: 50%; bottom: 0; margin-left: -8px; position: absolute;}
.detail-all ul li.on a{color: #07bdc7; font-weight: bold;}
.detail-all .prev.swiper-button-disabled,.detail-all .next.swiper-button-disabled{opacity: 0; cursor: not-allowed; pointer-events: initial;}

.detail-list{ background: #fff; border-radius: 5px; padding: 20px 0;}
.detail-list .detail-book{ width: 350px; margin:0 20px 0 10px; position: relative;}
.detail-list .detail-con{ width:785px; }

/**/
.preview {float:left;position:relative;z-index:3;}
.jqzoom {width:350px;height:350px;position:relative;}
div.zoomdiv {height:400px;width:400px;left:330px;top:0;}
.jqzoom {position:relative;padding:0;}
.zoomdiv {z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;border:1px solid #e4e4e4;display:none;text-align:center;overflow:hidden;}
.bigimg {width:800px;height:800px;}
.jqZoomPup {z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}

.detail-list .detail-book h3{ background: url("/images/shop/dream-word.png") no-repeat 10px 5px; padding-left:100px; color: #e60012; font-size: 22px;}
.detail-list .detail-book .bd {text-align:center;width:260px;overflow:hidden;margin:10px auto;}
.detail-list .detail-book .small-bd{ position: relative;}
.detail-list .detail-book .bd li {display:inline-block;*display:inline;*zoom:1;margin:0 5px;width:54px;height:54px;cursor:pointer; vertical-align: top;}
.detail-list .detail-book .tabs li:first-child{display: block;}
.detail-list .detail-book .bd li img {width:50px;height:50px;}
.detail-list .detail-book .bd li:first-child img{border:2px solid #f4674b;}
.detail-list .detail-book .bd li.on img{border:2px solid #f4674b;}
.detail-list .detail-book .bd li:hover img{border:2px solid #f4674b;}
.detail-list .detail-book .next,.detail-book .prev {display:block;width:12px;height:19px;background-position:-40px -716px;line-height:0;font-size:0;right:30px;top:18px;}
.detail-list .detail-book .prev{right: auto;background-position:0px -716px;left:25px;}
.detail-list .detail-book .next.nextStop,.detail-book .prev.prevStop {display:none}
.detail-list .detail-book .tabs li{ display: none;}
.detail-list .detail-con h3{ font-size: 22px; line-height: 26px; margin: 10px 0;}
.detail-list .detail-con .price{ height: 56px; line-height: 56px;}
.detail-list .detail-con .price strong{ color: #e91313; font-size: 28px;font-family:'DIN Alternate';}
.detail-list .detail-con .price strong b{ font-size: 28px;}
.dingjia{
    display: none;
}
.detail-list .detail-con .price strong del{font-size: 18px;color: #999;font-weight: 500;margin-left: 10px;}
.detail-list .detail-con .price span{ color: #999; font-size: 12px;}
.detail-list .detail-con .price.hide{display: none;}
.detail-list .detail-con .state-list{ background: #f8f8f8; padding: 10px;}
.detail-list .detail-con .state-list li{ line-height: 34px;}
.detail-list .detail-con .state-list li i{ color: #e91313;}
.detail-list .detail-con .state-list li span{ display: inline-block; padding: 0 10px; border: 1px solid #ffdf98; color: #a55500; font-size: 12px; background:#ffedc8; border-radius: 5px; height: 22px; line-height: 22px;}
.detail-list .detail-con .state-list li span:before{ content: '';display: inline-block;background:url("/images/shop/icon.png") no-repeat 0 -738px; width:16px; height: 19px; vertical-align: middle; margin-right: 5px;}
.detail-list .detail-con dl{position: relative; padding-left: 50px; margin: 20px 0;}
.detail-list .detail-con dl dt{ font-size: 14px; color: #666; position: absolute; left: 0; top:6px;}
.detail-list .detail-con dl dd{display: inline-block; position: relative;cursor: pointer; width: 168px; height: 36px; line-height: 36px; text-align: center; border: 1px solid #e4e4e4; border-radius: 5px; margin:0 10px 10px 0px;}
.detail-list .detail-con dl dd.on{border: 1px solid #ff4704; color: #e91313; background: #fff4f4;}
.detail-list .detail-con dl dd.on:after{content: ''; display: block;background:url("/images/shop/icon.png") no-repeat 0 -760px; width: 22px; height: 22px;right: 0; bottom: -2px; position: absolute;}
.detail-list .detail-con dl dd i{ display:block; height:20px; line-height:20px; color:#999; background:#f0f0f1; padding:0 5px; position:absolute; right:-5px; top:-13px; border-radius:3px;}
.detail-list .detail-con .btn-wrap a{ display: inline-block;border-radius: 5px; width:160px; height: 46px; line-height: 46px; text-align: center; color: #fff; font-size: 18px;}
.detail-list .detail-con .btn-wrap a.add-cart{
    background:#ff9f31;
    background-image: -webkit-linear-gradient(left, #ff9f31, #ffbe44);
    background-image: linear-gradient(left, #ff9f31, #ffbe44);
    background:-moz-linear-gradient(left,#ff9f31, #ffbe44);
    background:-ms-linear-gradient(left,#ff9f31, #ffbe44);
}
.detail-list .detail-con .btn-wrap a.btn-buy{ margin-left: 20px;
    background:#ff9f31;
    background-image: -webkit-linear-gradient(left,#ff5231,#ff5231);
    background-image: linear-gradient(left,#ff5231,#ff5231);
    background:-moz-linear-gradient(left,#ff5231,#ff5231);
    background:-ms-linear-gradient(left,#ff5231,#ff5231);
}
.detail-list .detail-con .btn-wrap a:hover{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px);transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}

.detail-clear{padding-bottom: 50px;}
.detail-intro{ width: 860px;}
.recommend-hot{ width:320px; margin-left: 20px;}
.recommend-hot h3,.detail-intro h3{ font-size: 22px; height: 84px; line-height: 84px;}
.recommend-hot h3:before,.detail-intro h3:before{ content: ''; display: inline-block; width: 5px; height: 20px; background: #07bdc7; vertical-align: middle; margin-right: 15px;}
.detail-intro .detail-con-intro{ background: #fff; border-radius: 5px; box-shadow: 0 5px 30px #efefef;}
.detail-intro .detail-con-intro .tab-tit{ border-bottom: 1px solid #f4f4f4; height: 50px; line-height: 50px;}
.detail-intro .detail-con-intro .tab-tit li{width: 130px; text-align: center; position: relative; font-size: 18px; display:inline-block; cursor: pointer;}

.detail-intro .detail-con-intro .tab-tit li.on{ color: #07bdc7; font-weight: bold;}
.detail-intro .detail-con-intro .tab-tit li.on:after{content: ''; display: block; width: 28px; height: 2px; background: #07bdc7; position: absolute; left: 50%; margin-left: -14px; bottom: -1px;}
.detail-intro .detail-con-intro .detail-con-list{ padding: 35px; position: relative;}
.detail-intro .detail-con-intro .detail-con-list .free-list  li{ height:65px; line-height: 65px; border-bottom: 1px solid #f4f4f4; font-size: 16px;}
.detail-intro .detail-con-intro .detail-con-list .free-list  li a:hover{color: #07bdc7;}
.detail-intro .detail-con-intro .detail-con-list .free-list  li .read-free-btn{float: right; display: inline-block; background: #def6f7; height: 34px; line-height: 34px; border-radius: 17px; color: #07bdc7; padding: 0 20px; margin-top:15px;}
.detail-intro .detail-con-intro .detail-con-list .free-list  li .read-free-btn:before{ content: ''; display: inline-block; background:url("/images/shop/icon.png") no-repeat 0 -784px; width: 18px; height: 17px; vertical-align: middle; margin-right: 8px;}
.detail-intro .detail-con-intro .detail-con-list .free-list  li .read-free-btn:hover{color: #07bdc7;}.
.detail-con-intro .free-tags,.detail-con-intro .listCourse-tags{display: none;}
.detail-intro .detail-con-intro .detail-con-list .course-combination{margin-left: -20px;}
.detail-intro .detail-con-intro .detail-con-list .course-combination li{width:250px; float:left; margin-left: 20px; background: #fff; border-radius: 5px; padding-bottom: 15px; box-shadow: 0 5px 30px #efefef; margin-bottom: 20px; position: relative;}
.detail-intro .detail-con-intro .detail-con-list .course-combination li .all-link{ position: absolute;width: 100%; height: 100%; left: 0; top: 0;}
.detail-intro .detail-con-intro .detail-con-list .course-combination li h6{ font-size:16px; margin: 10px;}
.detail-intro .detail-con-intro .detail-con-list .course-combination li span{ color: #ff6749; font-size: 16px; display: inline-block; margin: 5px 0 0 10px;}
.detail-intro .detail-con-intro .detail-con-list .course-combination li .buy-btn{ display: block; float: right; width: 100px; height: 34px; border-radius: 17px; text-align: center; line-height: 34px; color: #fff; background: #ff5332; margin-right: 10px;}
.detail-intro .detail-con-intro .detail-con-list .course-combination li:hover{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px);transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}

.detail-intro .detail-con-intro .tab-tit.fixtab{ position: fixed; left: 50%; top:0; margin-left: -600px; z-index: 100; background: #fff; width: 860px;}

/* 右侧浮动导航*/
.rignav{width:58px;border:1px solid #e9ecee;position:fixed;top:100%;left:50%;margin:-352px 0 0 620px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)); z-index: 99;}
.rignav-min{right:0;left:auto}
.rignav-mod{width:58px;background:#fff}
.rignav-mod ul li{height:58px;width:58px;vertical-align:top}
.rignav-mod ul li a{display:block;text-decoration: none;height:58px;width:58px;background:url(//www.chinaacc.com/images/index2017/icon_rignavbg.png) no-repeat center 0;_background:url(//www.chinaacc.com/images/index2017/icon_rignavbg.gif) no-repeat center 0;position:relative}
.rignav-mod ul li.shopping-cart a{background-position-y:16px}
.rignav-mod ul li.shopping-cart a em{display:block;width:18px;height:18px;background:url(//www.chinaacc.com/images/index2017/icon_rignavbg.png) no-repeat center bottom;_background:url(//www.chinaacc.com/images/index2017/icon_rignavbg.gif) no-repeat center bottom;color:#fff;text-align:center;line-height:18px;vertical-align:middle;overflow:hidden;position:absolute;top:4px;right:5px}
.rignav-mod ul li.online-service a{background-position-y:-42px}
.rignav-mod ul li.weixin a{background-position-y:-98px}
.rignav-mod ul li.app a{background-position-y:-157px}
.rignav-mod ul li.return-top{display:none}
.rignav-mod ul li.return-top a{background-position-y:-216px}
.rignav-mod ul li a span{display:block;width:58px;height:58px;position:relative;overflow:hidden;visibility:hidden}
.rignav-mod ul li a span i{display:block;background:#ff7e00;width:58px;height:47px;color:#fff;line-height:18px;text-align:center;padding:11px 0 0 0;position:absolute;top:0;left:0px;
    -webkit-transform-origin:-29px 29px;
    -moz-transform-origin:-29px 29px;
    -ms-transform-origin:-29px 29px;
    -o-transform-origin:-29px 29px;
    transform-origin:-29px 29px;
    -webkit-transform:rotateZ(90deg);
    -moz-transform:rotateZ(90deg);
    -ms-transform:rotateZ(90deg);
    -o-transform:rotateZ(90deg);
    transform:rotateZ(90deg);
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease;
}
.rignav-mod ul li a span.one-line i{padding:20px 0 0 0;height:38px}
.rignav-mod ul li a:hover{text-decoration:none}
.rignav-mod ul li a:hover span{visibility:visible}
.rignav-mod ul li a:hover span i{
    -webkit-transform:rotateZ(0deg);
    -moz-transform:rotateZ(0deg);
    -ms-transform:rotateZ(0deg);
    -o-transform:rotateZ(0deg);
    transform:rotateZ(0deg);
}
.rignav-mod-con{position:absolute;width:136px;height:160px;background:#fff;top:-45px;left:-138px;border:1px solid #e0e0e0;-webkit-box-shadow:4px 7px 16px rgba(0, 0, 0, 0.05);-moz-box-shadow:4px 7px 16px rgba(0, 0, 0, 0.05);box-shadow:4px 7px 16px rgba(0, 0, 0, 0.05);display:none}
.rignav-mod-con div {width:136px;height:150px;padding-top:10px;text-align:center}
.rignav-mod-con div img{display:block;margin:0 auto;}
.rignav-mod-con div label{display:block;color:#999;line-height:20px;padding-top:6px}
.rignav-mod ul li a.on .rignav-mod-con{display:block}


.recommend-hot dl{ background: #fff; border-radius: 10px; padding-bottom: 5px; position: relative;}
.recommend-hot dl .all-link{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.recommend-hot dl dt{ height: 158px;}
.recommend-hot dl dt img{ width: 320px; height: 158px;}
.recommend-hot dl dd{ padding:10px;}
.recommend-hot dl dd span{ display: inline-block; background: url("/images/shop/discount.png") no-repeat; width: 50px; height: 35px; text-align: center; color: #fff; font-size: 14px; font-weight: bold; padding-top:24px;}
.recommend-hot dl dd strong{ font-size: 22px; color: #e91313; display: inline-block; margin: 0 5px;}
.recommend-hot dl dd strong abbr{ font-size: 16px;}
.recommend-hot dl dd del{ color: #999;}
.recommend-hot dl dd .btn-intro{ float: right; width: 100px; height: 34px; line-height: 34px; text-align: center; border-radius: 5px; border: 1px solid #fe4f2b; color: #fe5004;}

.showActive{display: block}
[v-cloak]{display: none;}