@charset "utf-8"; /* CSS Document */
body {
    font: 12px/1.5 "\5b8b\4f53", arial, Helvetica, Tahoma, sans-serif;
    margin: 0 auto;
    color: #333;
    background: #e9ecee;
}

p, ul, ol, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe {
    margin: 0;
    padding: 0;
}

img {
    border: 0 none;
}

ul, li, ol {
    list-style-type: none;
}

i, em, address, caption, cite, code, dfn, th, var {
    font-style: normal;
    font-weight: normal
}

.msf {
    font-family: \5FAE\8F6F\96C5\9ED1, \9ED1\4F53;
}

a {
    text-decoration: none;
    color: #333;
}

a:hover {
    text-decoration: none;
    color: #4ab83e;
}

a, a:hover {
    outline: none;
    blur: expression(this.onFocus=this.blur());
}

.layout {
    clear: both;
    width: 1200px;
    text-align: left;
    margin: 0 auto;
}

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

.marb20 {
    margin-bottom: 20px;
    clear: both;
}

.ico {
    background: url("/web/images/shop/ico.png") no-repeat;
    _background: url("/web/images/shop/ico.gif") no-repeat;
}

/*--------------------------- 首页 ---------------------------*/
/*顶部导航*/
.index_top_nav_wrap {
    z-index: 996;
}

.index_top_nav {
    width: 160px;
    height: 384px;
    background: #091420;
    opacity: .75;
    filter: alpha(opacity=75);
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    z-index: 99;
}

.index_top_nav li {
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #060e16;
    text-indent: 20px;
    font-size: 14px;
    color: #fff;
    position: relative;
}

.index_top_nav li a.links {
    display: block;
    height: 42px;
    color: #fff;
}

.index_top_nav li.more {
    border-bottom: 0;
}

.index_top_nav li.more a.links {
}

.index_top_nav li.hover {
    background: #091420;
}

.index_top_nav.on {
    height: auto;
    border-bottom-right-radius: 4px;
}

.index_top_nav_more {
    display: none;
    width: 160px;
    padding: 0 14px;
    background: #fff;
    position: absolute;
    left: 160px;
    top: 0;
}

.index_top_nav_more a.more-links {
    display: block;
    width: 160px;
    text-align: center;
    text-indent: 0;
    height: 44px;
    line-height: 44px;
    border-bottom: 1px solid #f0f0f0;
    color: #333;
}

.index_top_nav_more a.more-links:last-child {
    border-bottom: 0;
}

.index_top_nav li.more2 {
    display: none;
}

/**/
.index_rotate_pic {
    height: 384px;
    overflow: hidden;
    box-shadow: 0 3px 3px #d2d5d7;
}

.index_rotate_pic .bd li {
}

.index_rotate_pic .bd li a {
    display: block;
    height: 384px;
}

.index_rotate_pic .bd img {
    border-radius: 3px;
}

.index_rotate_pic .hd {
    width: 1040px;
    text-align: center;
    bottom: 20px;
    left: 160px;
}

.index_rotate_pic .hd li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 11px;
    overflow: hidden;
    height: 11px;
    background: #fff;
    border-radius: 50%;
    margin: 0 4px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
}

.index_rotate_pic .hd li.on {
    width: 22px;
    border-radius: 30%;
}

/*推荐*/
.index_recommend {
    background: #fff;
    border-radius: 5px;
    height: 360px;
}

.index_recommend .recommend_nav {
    width: 364px;
    height: 336px;
    padding-top: 24px;
    background: #f9f8f8;
    z-index: 87;
}

.index_recommend .recommend_nav .tit {
    height: 24px;
    line-height: 22px;
    font-size: 18px;
    text-indent: 20px;
    border-left: 4px solid #4ab83e;
}

.index_recommend .recommend_nav .con {
    padding: 0 0 0 25px;
}

.index_recommend .recommend_nav .con .tit2 {
    font-size: 16px;
    line-height: 32px;
    padding: 16px 0;
}

.index_recommend .recommend_nav .con .tit2.two {
    padding-bottom: 21px;
}

.index_recommend .recommend_nav .con .btn {
    display: inline-block;
    width: 116px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background: #dbdbdb;
    border-radius: 3px;
    font-size: 14px;
    color: #666;
    margin-top: 26px;
    text-decoration: none;
}

.index_recommend .recommend_nav .con .btn.on {
    background: #4ab83e;
    color: #fff;
}

.select_boxhs {
    position: relative
}

.select_boxhs select {
    display: none
}

.select_boxhs input {
    padding: 0;
    margin: 0;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    background: none
}

.select_boxhs i {
    position: absolute
}

.select_boxhs ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 100%;
    display: none;
    position: absolute;
    overflow-x: hidden;
    overflow-y: auto
}

.select_boxhs ul li {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.select_boxhs ul.show {
    display: block
}

.yourSelect {
    margin-right: 20px;
    width: 146px;
    height: 36px;
    font-family: "Microsoft Yahei";
}

.yourSelect input {
    border: 1px solid #ccc;
    padding-left: 8px;
    font-size: 12px;
    width: 136px;
    overflow: hidden;
    height: 34px;
    line-height: 34px;
    font-family: "Microsoft Yahei";
    color: #666;
    background: #fff;
}

.yourSelect input.on {
    color: #666
}

.yourSelect input.show {
    border: 1px solid #ff9227
}

.yourSelect i {
    display: block;
    width: 11px;
    height: 6px;
    top: 15px;
    right: 8px;
    background: url("/web/images/shop/ico.png") no-repeat 0 0;
    _background: url("/web/images/shop/ico.gif") no-repeat 0 0;
    overflow: hidden;
    z-index: 9;
}

.yourSelect i.on {
    background: url("/web/images/shop/ico.png") no-repeat -11px 0;
    _background: url("/web/images/shop/ico.gif") no-repeat -11px 0;
    top: 14px;
}

.yourSelect ul {
    width: 144px;
    border: 1px solid #a7cee2;
    background: #fff
}

.yourSelect ul.show {
    border: 1px solid #ff9227
}

.yourSelect ul li {
    overflow: hidden;
    cursor: pointer;
    line-height: 30px;
    height: 30px;
    padding-left: 8px;
}

.yourSelect ul li.hover {
    background: #f5fff4;
    color: #333
}

.select_thr {
    width: 312px;
    margin: 0;
}

.select_thr input {
    width: 302px;
}

.select_thr ul {
    width: 310px;
}

.index_recommend_nav {
    width: 786px;
    padding: 0 25px;
}

.index_recommend_nav .tit {
    line-height: 32px;
    font-size: 18px;
    padding: 20px 0 6px;
}

.index_recommend_nav .list1 {
    background: #f9f8f8;
    margin-top: 16px;
}

.index_recommend_nav .list1 li {
    float: left;
    _display: inline;
    width: 157px;
    text-align: center;
    padding: 20px 0 14px;
}

.index_recommend_nav .list1 .t1 {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 36px;
    font-size: 24px;
    color: #fff;
}

.index_recommend_nav .list1 .t1.l1 {
    background: #4ab83e;
}

.index_recommend_nav .list1 .t1.l2 {
    background: #b4d574;
}

.index_recommend_nav .list1 .t1.l3 {
    background: #b994e2;
}

.index_recommend_nav .list1 .t1.l4 {
    background: #eebb74;
}

.index_recommend_nav .list1 .t1.l5 {
    background: #78deec;
}

.index_recommend_nav .list1 .t2 {
    font-size: 14px;
    line-height: 30px;
    padding-top: 12px;
}

.index_recommend_nav .list1 .t3 {
    font-size: 14px;
    line-height: 28px;
    color: #999;
}

.index_recommend_nav .list2 {
}

.index_recommend_nav .list2 li {
    float: left;
    _display: inline;
    width: 260px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}

.index_recommend_nav .list2 li.l1 {
    width: 216px;
}

.index_recommend_result {
    width: 788px;
    height: 360px;
    background: #fff;
    padding: 0 24px;
    overflow: hidden;
    position: absolute;
    left: -836px;
    top: 0;
}

.index_recommend_result .tit {
    font-size: 16px;
    line-height: 32px;
    padding: 22px 0 8px;
}

.index_recommend_result p.explain {
    line-height: 18px;
    color: #999;
}

.index_recommend_result .bd {
    padding-left: 48px;
    height: 210px;
    overflow: hidden;
}

.index_recommend_result .bd li {
    width: 171px;
    float: left;
    _display: inline;
    margin: 0 30px;
}

.index_recommend_result .pic {
    height: 112px;
    text-align: center;
    margin-top: 20px;
    padding-top: 10px;
    position: relative;
}

.index_recommend_result .pic .ts {
    height: 23px;
    line-height: 23px;
    color: #fff;
    background: #f4674b;
    padding: 0 12px;
    position: absolute;
    left: 0;
    top: 0;
}

.index_recommend_result .pic .ts .jt {
    display: block;
    width: 12px;
    height: 23px;
    background-position: -25px 0;
    position: absolute;
    right: -12px;
    top: 0;
}

.index_recommend_result .tex {
}

.index_recommend_result .tex h4 {
    line-height: 20px;
    padding-top: 5px;
    color: #666;
    font-weight: normal;
    font-size: 12px;
    overflow: hidden;
    height: 40px;
}

.index_recommend_result .tex h4 a {
    color: #666;
}

.index_recommend_result .tex h4 a:hover {
    color: #4ab83e;
}

.index_recommend_result .tex .price_wrap {
    padding-top: 2px;
    height: 22px;
}

.index_recommend_result .tex .price {
    float: left;
    font-size: 16px;
    color: #ff0000;
    height: 22px;
    line-height: 22px;
}

.index_recommend_result .tex .price del {
    font-size: 12px;
    color: #999;
    margin-left: 10px;
}

.index_recommend_result .tex .coursechk {
    cursor: pointer;
    float: right;
    display: block;
    overflow: hidden;
    width: 15px;
    height: 15px;
    background-position: 0 -9px;
    line-height: 0;
    font-size: 0;
    margin-top: 4px;
    position: relative;
}

.index_recommend_result .hd {
    text-align: center;
    padding-top: 19px;
}

.index_recommend_result .hd li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 8px;
    height: 8px;
    overflow: hidden;
    background: #c8c8c8;
    border-radius: 50%;
    margin: 0 4px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
}

.index_recommend_result .hd li.on {
    width: 12px;
    border-radius: 40%;
    background: #4ab83e;
}

.index_recommend_result .retract {
    width: 26px;
    height: 78px;
    color: #fff;
    text-align: center;
    line-height: 16px;
    background: #4d4b4c;
    top: 140px;
    right: 0;
    text-decoration: none;
}

.index_recommend_result .retract i {
    display: inline-block;
    width: 5px;
    height: 10px;
    background-position: -38px 0;
    margin: 16px 0 5px 0;
}

/**/
.index_course {
}

.index_course .tit {
    height: 68px;
    line-height: 68px;
    overflow: hidden;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #fff;
}

.index_course .tit.c1 {
    background: #7bbba8;
}

.index_course .tit h3 {
    padding: 0 40px 0 20px;
    font-size: 28px;
    font-weight: normal;
}

.index_course .tit h3 a {
    color: #fff;
}

.index_course .tit .course_more {
}

.index_course .tit .course_more a {
    font-size: 14px;
    margin-right: 20px;
    color: #fff;
}

.index_course .tit .more {
    font-size: 14px;
    color: #fff;
    margin-right: 20px;
}

.index_course .con {
    background: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.index_course .con .box {
    float: left;
    _display: inline;
    width: 239px;
    height: 267px;
    border-bottom: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
}

.index_course .con .box.best {
    width: 479px;
}

.index_course .con .box.none {
    border-right: 0;
    width: 240px;
}

.index_course .con .box.bn {
    border-bottom: 0;
}

.index_course .con .box .tit2 {
    height: 32px;
    line-height: 30px;
    text-align: center;
    margin-top: 18px;
}

.index_course .con .box .tit2 span {
    font-size: 18px;
    color: #7bbba8;
    font-weight: bold;
    display: inline-block;
}

.index_course .con .box .tit2 span .t1 {
    display: block;
    width: 102px;
    height: 13px;
    background-position: 0 -28px;
    position: absolute;
    left: -112px;
    top: 7px;
    overflow: hidden;
}

.index_course .con .box .tit2 span .t2 {
    display: block;
    width: 102px;
    height: 13px;
    background-position: 0 -41px;
    position: absolute;
    right: -112px;
    top: 7px;
    overflow: hidden;
}

.index_course .con .box .best_con {
    padding: 26px 40px 0 35px;
}

.index_course .con .box .best_con .bd {
    height: 143px;
    overflow: hidden;
}

.index_course .con .box .best_con li:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.index_course .con .box .best_con li {
    *zoom: 1;
}

.index_course .con .box .best_con .pic {
    float: left;
    width: 146px;
    text-align: center;
}

.index_course .con .box .best_con .tex {
    margin-left: 146px;
    padding-right: 15px;
}

.index_course .con .box .best_con .tex h4 {
    font-size: 16px;
    line-height: 20px;
    font-weight: normal;
}

.index_course .con .box .best_con .tex h4 a:hover {
    color: #4ab83e;
}

.index_course .con .box .best_con .tex p {
    font-size: 14px;
    line-height: 22px;
    padding-top: 10px;
    color: #666;
}

.index_course .con .box .best_con .price_wrap {
    padding-top: 12px;
    height: 22px;
}

.index_course .con .box .best_con .price_wrap .price {
    float: left;
    font-size: 16px;
    color: #ff0000;
    height: 22px;
    line-height: 22px;
}

.index_course .con .box .best_con .price_wrap .price del {
    font-size: 12px;
    color: #999;
    margin-left: 10px;
}

.index_course .con .box .best_con .hd {
    text-align: right;
}

.index_course .con .box .best_con .hd li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    overflow: hidden;
    width: 8px;
    height: 8px;
    background: #c8c8c8;
    border-radius: 50%;
    line-height: 0;
    font-size: 0;
    margin-left: 10px;
    cursor: pointer;
}

.index_course .con .box .best_con .hd li.on {
    background: #7bbba8;
}

.index_course .con .box .pic2 {
    height: 133.8px;
    text-align: center;
    margin-top: 20px;
}

.index_course .con .box .pic2 .ot {
    padding-top: 1px;
    height: 140px;
}

.index_course .con .box .tex2 {
    padding: 0 20px;
}

.index_course .con .box .tex2 h4 {
    font-size: 14px;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    padding-top: 5px;
    color: #666;
    font-weight: normal;
}

.index_course .con .box .tex2 h4 a {
    color: #666;
}

.index_course .con .box .tex2 h4 a:hover {
    color: #4ab83e;
}

.index_course .con .box .tex2 .price_wrap {
    padding-top: 4px;
    height: 22px;
}

.index_course .con .box .tex2 .price {
    float: left;
    font-size: 16px;
    color: #ff0000;
    height: 22px;
    line-height: 22px;
}

.index_course .con .box .tex2 .price del {
    font-size: 12px;
    color: #999;
    margin-left: 10px;
}

.index_course .coursechk {
    cursor: pointer;
    float: right;
    display: block;
    overflow: hidden;
    width: 15px;
    height: 15px;
    background-position: 0 -9px;
    line-height: 0;
    font-size: 0;
    margin-top: 4px;
    position: relative;
}

.index_course .coursechk input {
    position: absolute;
    left: -20px;
    top: 0;
}

.coursechk_book {
    cursor: pointer;
    float: right;
    display: block;
    overflow: hidden;
    width: 15px;
    height: 15px;
    border: 1px solid #c2c2c2;
    line-height: 0;
    font-size: 0;
    margin-top: 4px;
    position: relative;
    background-position: -1000px -1000px;
}

.coursechk_book input {
    position: absolute;
    left: -20px;
    top: 0;
}

.coursechk_book.on {
    background-position: -46px -390px;
}

.coursechk_pbook {
    cursor: pointer;
    float: right;
    display: block;
    overflow: hidden;
    width: 15px;
    height: 15px;
    border: 1px solid #c2c2c2;
    line-height: 0;
    font-size: 0;
    margin-top: 4px;
    position: relative;
    background-position: -1000px -1000px;
}

.coursechk_pbook input {
    position: absolute;
    left: -20px;
    top: 0;
}

.coursechk_pbook.on {
    background-position: -46px -390px;
}

.allPrice {
    font-size: .4rem;
    color: #666;
    height: 1.2rem;
    line-height: 1.2rem;
    margin-right: .5rem;
}

.allPrice span {
    font-size: .5rem;
    color: #fe4f42;
    font-weight: bold;
}

.index_course.cl1 .tit, .index_course.cl1 .con .box .best_con .hd li.on {
    background: #8e8dde;
}

.index_course.cl1 .con .box .tit2 span, .index_course.cl1 .con .box .best_con .tex h4 a:hover, .index_course.cl1 .con .box .tex2 h4 a:hover {
    color: #8e8dde;
}

.index_course.cl1 .con .box .tit2 span .t1 {
    background-position: 0 -54px;
}

.index_course.cl1 .con .box .tit2 span .t2 {
    background-position: 0 -68px;
}

.index_course.cl2 .tit, .index_course.cl2 .con .box .best_con .hd li.on {
    background: #d88e61;
}

.index_course.cl2 .con .box .tit2 span, .index_course.cl2 .con .box .best_con .tex h4 a:hover, .index_course.cl2 .con .box .tex2 h4 a:hover {
    color: #d88e61;
}

.index_course.cl2 .con .box .tit2 span .t1 {
    background-position: 0 -80px;
}

.index_course.cl2 .con .box .tit2 span .t2 {
    background-position: 0 -93px;
}

.index_course.cl3 .tit {
    background: #a18d86;
}

.index_course.cl3 .con .box .tit2 span, .index_course.cl3 .con .box .tex2 h4 a:hover {
    color: #a18d86;
}

.index_course.cl4 .tit, .index_course.cl4 .con .box .best_con .hd li.on {
    background: #c7898a;
}

.index_course.cl4 .con .box .tit2 span, .index_course.cl4 .con .box .best_con .tex h4 a:hover, .index_course.cl4 .con .box .tex2 h4 a:hover {
    color: #c7898a;
}

.index_course.cl4 .con .box .tit2 span .t1 {
    background-position: 0 -106px;
}

.index_course.cl4 .con .box .tit2 span .t2 {
    background-position: 0 -119px;
}

.index_course.cl5 .tit, .index_course.cl5 .con .box .best_con .hd li.on {
    background: #c7898a;
}

.index_course.cl5 .con .box .tit2 span, .index_course.cl5 .con .box .best_con .tex h4 a:hover, .index_course.cl5 .con .box .tex2 h4 a:hover {
    color: #c7898a;
}

.index_course.cl5 .con .box .tit2 span .t1 {
    background-position: 0 -106px;
}

.index_course.cl5 .con .box .tit2 span .t2 {
    background-position: 0 -119px;
}

.index_course.cl6 .tit, .index_course.cl6 .con .box .best_con .hd li.on {
    background: #7bbba8;
}

.index_course.cl6 .con .box .tit2 span, .index_course.cl6 .con .box .best_con .tex h4 a:hover, .index_course.cl6 .con .box .tex2 h4 a:hover {
    color: #7bbba8;
}

.index_course.cl6 .con .box .tit2 span .t1 {
    background-position: 0 -132px;
}

.index_course.cl6 .con .box .tit2 span .t2 {
    background-position: 0 -145px;
}

.index_course.cl7 .tit, .index_course.cl7 .con .box .best_con .hd li.on {
    background: #5ac4c2;
}

.index_course.cl7 .con .box .tit2 span, .index_course.cl7 .con .box .best_con .tex h4 a:hover, .index_course.cl7 .con .box .tex2 h4 a:hover {
    color: #5ac4c2;
}

.index_course.cl7 .con .box .tit2 span .t1 {
    background-position: 0 -158px;
}

.index_course.cl7 .con .box .tit2 span .t2 {
    background-position: 0 -171px;
}

.index_course.cl8 .tit, .index_course.cl8 .con .box .best_con .hd li.on {
    background: #7ebcd7;
}

.index_course.cl8 .con .box .tit2 span, .index_course.cl8 .con .box .best_con .tex h4 a:hover, .index_course.cl8 .con .box .tex2 h4 a:hover {
    color: #7ebcd7;
}

.index_course.cl8 .con .box .tit2 span .t1 {
    background-position: 0 -158px;
}

.index_course.cl8 .con .box .tit2 span .t2 {
    background-position: 0 -171px;
}

.index_course.cl9 .tit, .index_course.cl9 .con .box .best_con .hd li.on {
    background: #8ea4db;
}

.index_course.cl9 .con .box .tit2 span, .index_course.cl9 .con .box .best_con .tex h4 a:hover, .index_course.cl9 .con .box .tex2 h4 a:hover {
    color: #8ea4db;
}

.index_course.cl9 .con .box .tit2 span .t1 {
    background-position: 0 -184px;
}

.index_course.cl9 .con .box .tit2 span .t2 {
    background-position: 0 -197px;
}

.index_course.cl10 .tit {
    background: #b78dd1;
}

.index_course.cl10 .con .box .tit2 span, .index_course.cl10 .con .box .tex2 h4 a:hover {
    color: #b78dd1;
}

.index_course.cl11 .tit, .index_course.cl11 .con .box .best_con .hd li.on {
    background: #d066a4;
}

.index_course.cl11 .con .box .tit2 span, .index_course.cl11 .con .box .best_con .tex h4 a:hover, .index_course.cl11 .con .box .tex2 h4 a:hover {
    color: #d066a4;
}

.index_course.cl11 .con .box .tit2 span .t1 {
    background-position: 0 -210px;
}

.index_course.cl11 .con .box .tit2 span .t2 {
    background-position: 0 -223px;
}

/**/
.footer_wrap {
    width: 100%;
    background: #fff;
}

.bottom_nav {
    padding: 34px 0 36px 72px;
    background: #fff;
    border-bottom: 1px solid #ececec;
}

.bottom_nav li {
    float: left;
    display: inline;
    width: 239px;
}

.bottom_nav li.last {
    width: 200px;
}

.bottom_nav .tit {
    font-size: 18px;
    line-height: 28px;
    color: #666;
    padding-left: 25px;
    margin-bottom: 9px;
}

.bottom_nav p {
    display: block;
    font-size: 14px;
    color: #666;
    line-height: 26px;
    padding-left: 25px;
}

.bottom_nav p a {
    color: #666;
}

.bottom_nav .t1 {
    background-position: 0 -237px;
}

.bottom_nav .t2 {
    background-position: 0 -264px;
}

.bottom_nav .t3 {
    background-position: 0 -292px;
}

.bottom_nav .t4 {
    background-position: 0 -320px;
}

.bottom_nav .phone {
    width: 184px;
}

.bottom_nav .phone .tit {
    color: #333;
    padding-left: 0;
}

.bottom_nav .phone p {
    display: block;
    line-height: 20px;
    margin-left: 13px;
    padding-left: 0;
}

.bottom_nav .phone i {
    display: block;
    width: 26px;
    height: 26px;
    background-position: -50px 0;
    margin-top: 8px;
}

/**/
.floatCtro {
    display: none;
    width: 36px;
    left: 50%;
    top: 10%;
    position: fixed;
    _position: absolute;
    margin-left: -660px;
    margin-top: 60px;
    z-index: 100
}

.floatCtro .con p {
    width: 54px;
    height: 31px;
    line-height: 22px;
    text-align: center;
    color: #fff;
    background: #918888;
    border-bottom: 1px solid #e9ecee;
    cursor: pointer;
    font-size: 12px;
}

.floatCtro .con p.cur {
    background: #4ab83e;
}

.floatCtro .con p.t {
    line-height: 14px;
    padding-top: 9px;
    height: 27px;
}

.floatCtro .backtop {
    width: 36px;
    height: 36px;
    background-position: 0 -365px;
    cursor: pointer;
}

.floatCtro.floatCtro-min {
    left: 0;
    margin-left: 0;
}

.floatCtro .backTop {
    display: block;
    width: 36px;
    height: 36px;
    background: url("/web/images/shop/top.png") no-repeat;
}

/*--------------------------- 搜索页面 ---------------------------*/
.search_nav {
    height: 52px;
    line-height: 52px;
    font-size: 14px;
    color: #666;
}

.search_nav span {
    color: #4ab83e;
}

.index_search {
}

.index_search .con_left {
    width: 860px;
    background: #fff;
    border-radius: 4px;
}

.index_search .con_left .list {
    padding: 0 20px;
}

.index_search .con_left .list li {
    border-bottom: 1px solid #f0f0f0;
    overflow: hidden;
    _width: 820px;
    padding: 30px 0 20px 0;
}

.index_search .con_left .list .pic {
    float: left;
    _display: inline;
    width: 149px;
    text-align: center;
}

.index_search .con_left .list .tex {
    margin-left: 169px;
}

.index_search .con_left .list .tex .t1 {
    font-size: 16px;
    line-height: 32px;
    padding-bottom: 2px;
}

.index_search .con_left .list .tex .t2 {
    font-size: 14px;
    line-height: 24px;
    color: #999;
}

.index_search .con_left .list .tex .price {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    padding-top: 12px;
}

.index_search .con_left .list .tex .price em {
    color: #f4674b;
}

.index_search .con_left .list .tex .price i {
    padding-left: 12px;
    color: #999;
}

.index_search .con_left .list .tex .btn {
    text-align: right;
    padding-top: 21px;
}

.index_search .con_left .list .tex .btn a {
    display: inline-block;
    width: 144px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #f4674b;
    font-size: 16px;
    color: #fff;
    border-radius: 2px;
    text-decoration: none;
}

.index_search .con_left .list .tex .btn a:hover {
    background: #ff7357;
}

.index_search .con_left .list .tex .author {
    line-height: 24px;
    color: #666;
    padding-top: 4px;
    font-size: 14px;
}

.index_search .con_right {
    width: 320px;
}

.index_search_no {
    background: #fff;
    border-radius: 4px;
}

.index_search_no .top {
    padding: 90px 0 0 0;
    text-align: center;
}

.index_search_no .top p {
    font-size: 14px;
    color: #999;
    padding-top: 28px;
}

.index_search_no .top p span {
    color: #333;
    padding: 0 9px;
}

.index_search_no .other {
    padding: 72px 0 80px 146px;
}

.index_search_no .other .t1 {
    font-size: 14px;
    line-height: 28px;
    color: #999;
    padding-bottom: 4px;
}

.index_search_no .other .t2 {
}

.index_search_no .other .t2 a {
    font-size: 14px;
    margin-right: 40px;
    line-height: 32px;
}

.index_search_no .other .t2 a:hover {
    color: #666;
    text-decoration: underline;
}

/*翻页*/
.fy {
    overflow: hidden;
    clear: both;
    text-align: center;
    height: 34px;
    padding: 30px 0;
    color: #666;
}

.fy a {
    display: inline-block;
    margin: 0 7px;
    vertical-align: middle;
    width: 34px;
    height: 34px;
    line-height: 34px;
    color: #666;
    font-size: 14px;
    border-radius: 3px;
}

.fy a:hover {
    background-color: #9ed38e;
    color: #fff;
    text-decoration: none;
}

.fy .hover {
    background-color: #4ab83e;
    color: #fff;
}

.fy .hover:hover {
    background-color: #4ab83e;
    color: #fff;
}

.fy .sw {
    width: 56px;
}

.fy .np {
    width: 70px;
}

.fy .hui {
    color: #cccccc;
    cursor: auto;
}

.fy .hui:hover {
    background: none;
}

/*筛选页面+搜索结果页面+详情页面公用*/
.premium {
    background: #fff;
    border-radius: 4px;
    padding: 10px 0 15px 0;
    height: 299px;
}

.premium .tit {
    line-height: 32px;
    font-size: 18px;
}

.premium .tit .d {
    display: inline-block;
    width: 4px;
    height: 17px;
    background: #4ab83e;
    vertical-align: middle;
    *vertical-align: 2px;
    margin-right: 16px;
    overflow: hidden;
}

.premium .tit .t1 {
    vertical-align: -2px;
    margin: 0 2px 0 1px;
}

.premium .list {
    padding: 10px 0 0 20px;
}

.premium .list li {
    float: left;
    _display: inline;
    width: 300px;
    padding-bottom: 9px;
    overflow: hidden;
}

.premium .list li i {
    display: block;
    float: left;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    background: #78c15f;
    border-radius: 2px;
    color: #fff;
    margin-top: 6px;
    _margin-top: 4px;
}

.premium .list li p {
    float: left;
    font-size: 14px;
    line-height: 24px;
    width: 265px;
    padding-left: 10px;
}

.premium .ts {
    line-height: 20px;
    color: #666;
    padding: 4px 12px 0 20px;
}

.hot_list {
    background: #fff;
    border-radius: 4px;
    padding: 10px 0 15px 0;
}

.hot_list .tit {
    line-height: 32px;
    font-size: 18px;
}

.hot_list .tit .d {
    display: inline-block;
    width: 4px;
    height: 17px;
    background: #4ab83e;
    vertical-align: -2px;
    *vertical-align: 2px;
    margin-right: 16px;
    overflow: hidden;
}

.hot_list .tit .t1 {
    vertical-align: -2px;
    margin: 0 2px 0 1px;
}

.hot_list .tit em {
    color: #e4393c;
}

.hot_list .con {
    padding: 0 20px;
}

.hot_list .con li {
    overflow: hidden;
    padding: 20px 0 30px 0;
    width: 280px;
    border-bottom: 1px solid #e0e0e0;
}

.hot_list .con li.none {
    border-bottom: 0;
}

.hot_list .con .pic {
    float: left;
    width: 94px;
    text-align: center;
}

.hot_list .con .tex {
    float: right;
    width: 176px;
}

.hot_list .con .tex .t1 {
    line-height: 20px;
    color: #666;
    padding: 18px 0 0 0;
}

.hot_list .con .tex .t1 a {
    color: #666;
}

.hot_list .con .tex .t1 a:hover {
    color: #4ab83e;
}

.hot_list .con .tex .price_wrap {
    padding-top: 12px;
    height: 22px;
}

.hot_list .con .tex .price_wrap .price {
    float: left;
    font-size: 16px;
    color: #ff0000;
    height: 22px;
    line-height: 22px;
}

.hot_list .con .tex .price_wrap .price del {
    font-size: 12px;
    color: #999;
    margin-left: 10px;
}

.hot_list .con .tex .price_wrap .buy {
    float: right;
    display: block;
    width: 15px;
    height: 15px;
    background-position: 0 -9px;
    line-height: 0;
    font-size: 0;
    margin-top: 4px;
}

/*--------------------------- 筛选页面 ---------------------------*/
.index_choice_nav {
    line-height: 52px;
    font-size: 14px;
    color: #666;
}

.index_choice_nav a {
    color: #666;
}

.index_choice_nav a:hover {
    text-decoration: underline;
    color: #4ab83e;
}

.index_choice {
}

.index_choice .choice_left {
    width: 860px;
}

.index_choice .choice_left .choice_nav {
    background: #fff;
    border-radius: 4px;
    padding: 0 20px;
}

.index_choice .choice_left .choice_nav .tit {
    line-height: 32px;
    font-size: 16px;
    color: #666;
    padding: 18px 0 0;
}

.index_choice .choice_left .choice_nav .tit h1 {
    font-size: 24px;
    color: #4ab83e;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-weight: normal;
}

.index_choice .choice_left .choice_nav .tit span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding-left: 11px;
}

.index_choice .choice_left .choice_nav ul {
    padding: 3px 0 10px 0;
}

.index_choice .choice_left .choice_nav li {
    width: 820px;
    float: left;
    display: inline;
    border-bottom: 1px dashed #e0e0e0;
    overflow: hidden;
    padding: 8px 0;
}

.index_choice .choice_left .choice_nav li.none {
    border-bottom: 0;
}

.index_choice .choice_left .choice_nav .t1 {
    float: left;
    width: 97px;
    line-height: 38px;
    font-size: 14px;
}

.index_choice .choice_left .choice_nav .list {
    float: left;
    width: 652px;
    line-height: 38px;
    font-size: 14px;
    color: #666;
    padding-left: 68px;
}

.index_choice .choice_left .choice_nav .list span a {
    color: #666;
    margin-right: 40px;
    white-space: nowrap;
}

.index_choice .choice_left .choice_nav .list span a:hover {
    text-decoration: underline;
    color: #4ab83e;
}

.index_choice .choice_left .choice_nav .list span.cur a {
    color: #4ab83e;
}

.index_choice .choice_left .choice_nav .list span.all {
    left: 0;
    top: 0;
}

.index_choice .choice_left .choice_nav .list2 {
    float: left;
    width: 652px;
    line-height: 38px;
    font-size: 14px;
    color: #666;
    padding-left: 0px;
}

.index_choice .choice_left .choice_nav .list2 span a {
    color: #666;
    margin-right: 40px;
    white-space: nowrap;
}

.index_choice .choice_left .choice_nav .list2 span a:hover {
    text-decoration: underline;
    color: #4ab83e;
}

.index_choice .choice_left .choice_nav .list2 span.cur a {
    color: #4ab83e;
}

.index_choice .choice_left .choice_sort {
    height: 46px;
    line-height: 46px;
    background: #f3f3f3;
    font-size: 14px;
    color: #666;
    padding-left: 20px;
    _padding-top: 6px;
}

.index_choice .choice_left .choice_sort .sort_btn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    height: 26px;
    overflow: hidden;
    _height: 22px;
    border: 1px solid #d9d9d9;
    border-right: 0;
    background: #fff;
    line-height: 26px;
    padding: 0 20px;
}

.index_choice .choice_left .choice_sort .sort_btn.last {
    border-right: 1px solid #d9d9d9;
}

.index_choice .choice_left .choice_sort .sort_btn.on {
    color: #4ab83e;
}

.index_choice .choice_left .choice_sort .sort_btn i {
    display: inline-block;
    width: 6px;
    height: 14px;
    overflow: hidden;
    background-position: -7px -412px;
    margin: 0 0 0 6px;
    vertical-align: -2px;
    *vertical-align: 2px;
    margin-top: 4px;
}

.index_choice .choice_left .choice_sort .sort_btn.on i {
    background-position: 0 -412px;
}

/*.index_choice .choice_left .choice_sort .sort_btn.on2 i{ background-position:0 -427px;}*/
.index_choice .choice_left .choice_list {
    padding: 0 20px;
    background: #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.index_choice .choice_left .choice_list li {
    border-bottom: 1px solid #dbdbdb;
    overflow: hidden;
    _width: 820px;
    padding: 30px 0 20px 0;
}

.index_choice .choice_left .choice_list .pic {
    float: left;
    _display: inline;
    width: 149px;
    text-align: center;
}

.index_choice .choice_left .choice_list .tex {
    margin-left: 169px;
}

.index_choice .choice_left .choice_list .tex .t1 {
    font-size: 16px;
    line-height: 32px;
    padding-bottom: 2px;
}

.index_choice .choice_left .choice_list .tex .t2 {
    font-size: 14px;
    line-height: 24px;
    color: #999;
}

.index_choice .choice_left .choice_list .tex .price {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    padding-top: 12px;
}

.index_choice .choice_left .choice_list .tex .price em {
    color: #f4674b;
}

.index_choice .choice_left .choice_list .tex .price i {
    padding-left: 12px;
    color: #999;
}

.index_choice .choice_left .choice_list .tex .author {
    line-height: 24px;
    color: #666;
    padding-top: 4px;
    font-size: 14px;
}

.index_choice .choice_left .choice_list .tex .btn {
    text-align: right;
    padding-top: 21px;
}

.index_choice .choice_left .choice_list .tex .btn a {
    display: inline-block;
    width: 144px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #f4674b;
    font-size: 16px;
    color: #fff;
    border-radius: 2px;
    text-decoration: none;
}

.index_choice .choice_left .choice_list .tex .btn a:hover {
    background: #ff7357;
}

.index_choice .choice_left .choice_list li.kong {
    line-height: 60px;
    font-size: 18px;
    color: #999;
    text-align: center;
}

.index_choice .choice_right {
    width: 320px;
}

/*--------------------------- 详情页面 ---------------------------*/
.index_details_nav {
    line-height: 52px;
    font-size: 14px;
    color: #666;
}

.index_details_nav a {
    color: #666;
}

.index_details_nav a:hover {
    text-decoration: underline;
    color: #4ab83e;
}

.index_details_top {
    background: #fff;
    border-radius: 4px;
}

.index_details_top .pic_con {
    width: 343px;
}

.index_details_top .pic_con .pic {
    width: 260px;
    margin: 20px 0 0 40px;
}

.index_details_top .pic_con .pic .tabs li {
    display: none;
}

.index_details_top .pic_con .pic .bd {
    text-align: center;
    width: 274px;
    height: 49px;
    overflow: hidden;
    margin-top: 22px;
}

.index_details_top .pic_con .pic .bd li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 0 2px;
    width: 45px;
    height: 45px;
    border: 2px solid #fff;
    cursor: pointer;
}

.index_details_top .pic_con .pic .bd li.on {
    border: 2px solid #f4674b;
}

.index_details_top .pic_con .pic .bd li img {
    width: 45px;
    height: 45px;
}

.index_details_top .pic_con .pic .next, .index_details_top .pic_con .pic .prev {
    display: block;
    width: 20px;
    height: 27px;
    background-position: -67px -361px;
    line-height: 0;
    font-size: 0;
    right: -26px;
    top: 292px;
}

.index_details_top .pic_con .pic .prev {
    right: auto;
    left: -17px;
    background-position: -42px -361px;
}

.index_details_top .pic_con .pic_more {
    padding: 18px 0 0 30px;
    font-size: 14px;
    color: #999;
}

.index_details_top .pic_con .pic_more .share {
    display: block;
    padding-left: 18px;
    width: 70px;
    height: 22px;
    line-height: 22px;
}

.index_details_top .pic_con .pic_more .explain_btn {
    height: 22px;
    line-height: 22px;
    padding-left: 20px;
    background-position: 0 -473px;
    color: #999;
}

.index_details_top .tex_con {
    width: 827px;
    color: #666;
    padding: 22px 0 20px 0;
}

.index_details_top .tex_con h1 {
    font-size: 22px;
    line-height: 32px;
    font-weight: normal;
    color: #333;
}

.index_details_top .tex_con h1 span.tag {
    display: inline-block;
    width: 60px;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    text-align: center;
    background: #78c15f;
    color: #fff;
    vertical-align: 3px;
    margin-left: 10px;
}

.index_details_top .tex_con .evaluate {
    line-height: 22px;
    font-size: 14px;
    padding: 5px 0 11px;
}

.index_details_top .tex_con .evaluate i.star {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 12px;
    height: 12px;
    background-position: -17px -412px;
    margin-left: 6px;
}

.index_details_top .tex_con .price_wrap {
    background: #f3f3f3;
    padding: 0 11px 5px;
}

.index_details_top .tex_con .price_wrap li {
    line-height: 34px;
    font-size: 14px;
    overflow: hidden;
}

.index_details_top .tex_con .price_wrap li .fr {
    width: 763px;
}

.index_details_top .tex_con .price_wrap li .fr.yh {
    padding-top: 6px;
}

.index_details_top .tex_con .price_wrap li .fr p {
    line-height: 24px;
}

.index_details_top .tex_con .price_wrap .price {
    color: #e91313;
    font-size: 16px;
}

.index_details_top .tex_con .price_wrap .nums {
    font-size: 22px;
}

.index_details_top .tex_con .price_wrap .original_cost {
    padding-left: 20px;
    font-size: 12px;
    color: #999;
}

.index_details_top .tex_con .price_wrap .prompt {
    padding-left: 6px;
    font-size: 12px;
    color: #666;
}

.index_details_top .tex_con .price_wrap .discount {
    color: #e91313;
    font-size: 12px;
}

.index_details_top .tex_con .price_wrap .a1 {
    font-size: 12px;
    color: #999;
    margin-left: 8px;
}

.index_details_top .tex_con .summary {
    font-size: 14px;
    color: #666;
    padding: 9px 0;
}

.index_details_top .tex_con .summary li {
    line-height: 32px;
}

.index_details_top .tex_con .summary .phone {
    padding: 0 30px 0 20px;
}

.index_details_top .tex_con .summary .phone.p1 {
    background-position: 0 -508px;
}

.index_details_top .tex_con .summary .phone.p2 {
    background-position: 0 -539px;
}

.index_details_top .tex_con .summary a {
    color: #666;
}

.index_details_top .tex_con .btn_wrap {
    padding: 12px 0 10px 0;
}

.index_details_top .tex_con .btn_wrap a {
    margin-right: 20px;
}

.index_details_top .tex_con .btn_wrap a.buy {
    width: 160px;
    height: 46px;
    line-height: 46px;
    font-size: 18px;
    color: #fff;
    background: #f4674b;
    text-align: center;
    text-decoration: none;
}

.index_details_top .tex_con .btn_wrap a.buy:hover {
    background: #ff7357;
}

.index_details_top .tex_con .btn_wrap a.free_read {
    width: 158px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    border: 1px solid #f4674b;
    font-size: 18px;
    color: #f4674b;
    text-decoration: none;
}

.index_details_top .tex_con .btn_wrap a.free_read:hover {
    background: #f4674b;
    color: #fff;
}

.index_details_top .tex_con .btn_wrap a.zzs_buy {
    color: #4ab83e;
    line-height: 46px;
    font-size: 14px;
}

.index_details_top .tex_con .btn_wrap .buy_nums {
    margin-right: 40px;
}

.index_details_top .tex_con .btn_wrap .buy_nums .nums {
    width: 42px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 14px;
    border: 1px solid #dedede;
}

.index_details_top .tex_con .btn_wrap .buy_nums .plus, .index_details_top .tex_con .btn_wrap .buy_nums .minus {
    display: block;
    right: -41px;
    top: 0;
    width: 20px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    font-size: 14px;
    color: #666;
    border: 1px solid #dedede;
    text-decoration: none;
}

.index_details_top .tex_con .btn_wrap .buy_nums .minus {
    top: 23px;
}

.index_details_top .tex_con .prompt_tex {
    font-size: 14px;
    line-height: 32px;
    color: #999;
}

/*精准营销添加课程*/
.index_details_recommend {
    background: #fff;
    border-radius: 4px;
    padding: 18px 0 7px 0;
}

.index_details_recommend .tit {
    height: 32px;
    line-height: 32px;
    font-size: 18px;
    padding-left: 4px;
}

.index_details_recommend .tit .ltxt {
    display: block;
    top: 0;
    left: 0;
    line-height: 32px;
    font-size: 18px;
}

.index_details_recommend .tit .ltxt .d {
    display: inline-block;
    width: 4px;
    height: 17px;
    background: #4ab83e;
    vertical-align: -2px;
    *vertical-align: 2px;
    margin-right: 16px;
    overflow: hidden;
}

.index_details_recommend .tit ul {
    width: 100%;
    height: 32px;
    text-align: center;
}

.index_details_recommend .tit ul li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #666;
    padding: 0 8px;
    margin: 0 20px;
    cursor: pointer;
}

.index_details_recommend .tit ul li.on {
    color: #4ab83e;
    border-bottom: 2px solid #4ab83e;
}

.index_details_recommend .con {
    display: none;
    padding: 15px 0 0 15px;
}

.index_details_recommend .statistics {
    width: 154px;
    text-align: center;
    margin-right: 22px;
    padding: 20px 0 0 0;
}

.index_details_recommend .statistics .t1 {
    font-size: 18px;
    line-height: 32px;
}

.index_details_recommend .statistics .t2 {
    font-size: 14px;
    line-height: 32px;
}

.index_details_recommend .statistics .t2 span {
    color: #e91313;
    font-size: 20px;
}

.index_details_recommend .statistics .btn {
    display: inline-block;
    width: 154px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    border-radius: 2px;
    background: #f4674b;
    text-decoration: none;
    margin-top: 14px;
}

.index_details_recommend .statistics .btn:hover {
    background: #ff7357;
}

.index_details_recommend .statistics .c2 {
    width: 31px;
    height: 13px;
    background-position: -63px -412px;
    position: absolute;
    left: -38px;
    top: 80px;
}

/*一键加入购物车+电子书弹出框公用*/
.buy_lists {
    height: 200px;
    overflow: hidden;
    position: relative;
    overflow-x: auto;
}

.buy_lists1 {
    width: 970px;
}

.buy_lists2 {
    padding-top: 26px;
}

.buy_lists li {
    float: left;
    width: 170px;
    margin-right: 30px;
    position: relative;
    padding-bottom: 6px;
}

.buy_lists li:last-child {
    margin: 0;
}

.buy_lists li:last-child .c1 {
    display: none;
}

.buy_lists li.none {
    margin: 0;
}

.buy_lists li.none .c1 {
    display: none;
}

.buy_lists .c1 {
    width: 26px;
    height: 26px;
    position: absolute;
    right: -26px;
    top: 72px;
    background-position: -33px -412px;
}

.buy_lists .pic {
    height: 112px;
    text-align: center;
    position: relative;
}

.buy_lists .pic .ts {
    height: 23px;
    line-height: 23px;
    color: #fff;
    background: #f4674b;
    padding: 0 12px;
    position: absolute;
    left: 0;
    top: 0;
}

.buy_lists .pic .ts .jt {
    display: block;
    width: 12px;
    height: 23px;
    background-position: -25px 0;
    position: absolute;
    right: -12px;
    top: 0;
}

.buy_lists .tex {
}

.buy_lists .tex h4 {
    line-height: 20px;
    padding-top: 5px;
    color: #666;
    font-weight: normal;
    font-size: 12px;
    overflow: hidden;
    height: 40px;
}

.buy_lists .tex h4 a {
    color: #666;
}

.buy_lists .tex h4 a:hover {
    color: #4ab83e;
}

.buy_lists .tex .price_wrap {
    padding-top: 2px;
    height: 22px;
}

.buy_lists .tex .price {
    float: left;
    font-size: 14px;
    color: #ff0000;
    height: 22px;
    line-height: 22px;
}

.buy_lists .tex .price del {
    font-size: 12px;
    color: #999;
    margin-left: 10px;
}

.buy_lists4 {
    width: 970px;
}

.buy_lists4 li {
    width: 206px;
    margin-right: 48px;
}

.buy_lists4 .pic img {
    width: 206px;
    height: 112px;
}

.buy_lists4 .c1 {
    right: -36px;
}

.coursechk_course {
    cursor: pointer;
    float: right;
    display: block;
    overflow: hidden;
    width: 15px;
    height: 15px;
    border: 1px solid #c2c2c2;
    line-height: 0;
    font-size: 0;
    margin-top: 4px;
    position: relative;
    background-position: -1000px -1000px;
}

.coursechk_course input {
    position: absolute;
    left: -20px;
    top: 0;
}

.coursechk_course.on {
    background-position: -46px -390px;
}

/*图片放大*/
.preview {
    float: left;
    position: relative;
    z-index: 3;
}

.jqzoom {
    width: 260px;
    height: 260px;
    position: relative;
}

div.zoomdiv {
    height: 400px;
    width: 400px;
    left: 330px;
    top: 0;
}

.list-h li {
    float: left;
}

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

/*免费试读*/
.slideBox .bd li {
    position: relative;
}

.slideBox .bd li .free_read {
    display: block;
    text-align: left;
    width: 100px;
    height: 43px;
    line-height: 43px;
    text-indent: 16px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    position: absolute;
    left: 0;
    top: 220px;
    background-position: 0 0;
    z-index: 9;
}

.msf {
    font-family: \5FAE\8F6F\96C5\9ED1, \9ED1\4F53;
}

.resi_ico {
    background: url("/web/images/shop/resizable_btn.png") no-repeat;
    z-index: 1000;
}

.abs {
    position: absolute;
}

.pr {
    position: relative;
}

#mask {
    width: 100%;
    z-index: 99;
    height: 100%;
    background: #000;
    opacity: .6;
    filter: alpha(opacity=60);
    position: fixed;
    top: 0;
    left: 0;
    _position: absolute;
    _height: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight))
}

.sliderWrap {
    width: 700px;
    position: absolute;
    left: 50%;
    margin-left: -350px;
    top: 0;
    overflow: hidden;
    z-index: 999;
}

.sliderWrap .point {
    width: 28px;
    height: 51px;
    display: block;
    top: 50%;
    margin-top: -26px;
    z-index: 999;
}

.sliderWrap .prev {
    background-position: 0px -57px;
    left: 0;
}

.sliderWrap .next {
    background-position: -44px -57px;
    right: 0;
}

.mainCell {
    width: 530px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.mainCell ul li {
    float: left;
    display: inline-block;
    width: 530px;
    overflow: hidden
}

.mainCell ul li img {
    position: absolute;
    display: block;
    cursor: grabbing;
}

.mainCell ul li img:hover {
    cursor: -webkit-grab;
}

.mainCell ul li .calcWrap {
    width: 530px;
}

.zoomBtn {
    width: 62px;
    height: 119px;
    display: block;
    right: 0;
    bottom: 20%;
    background: #000;
}

.zoomBtn a {
    display: block;
    width: 51px;
    height: 59px;
    background-position: 14px -173px;
    border-bottom: 1px solid #474747;
    margin: 0 auto;
}

.zoomBtn a.reduce {
    margin-top: 1px;
    background-position: 14px -232px;
    border-bottom: 0;
}

.step_reading_close {
    position: absolute;
    width: 32px;
    height: 32px;
    top: 20px;
    right: 20px;
    cursor: pointer;
    background-position: 0 -123px;
}

/**/
.index_details_con {
    width: 860px;
    background: #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.index_details_con.pt {
    padding-top: 46px;
}

.index_details_con .tit_tab {
    height: 46px;
    background: #f3f3f3;
}

.index_details_con .tit_tab li {
    float: left;
    _display: inline;
    width: 112px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 18px;
    color: #666;
    cursor: pointer;
}

.index_details_con .tit_tab li.on {
    background: #fff;
    color: #4ab83e;
}

.index_details_con .tit_tab .buy {
    display: none;
    width: 100px;
    height: 26px;
    line-height: 26px;
    margin: 10px 20px 0 0;
    color: #fff;
    text-indent: 30px;
    background-color: #f4674b;
    border-radius: 2px;
    background-position: 9px -574px;
    text-decoration: none;
}

.index_details_con .tit_tab .buy:hover {
    background-color: #ff7357;
}

.index_details_con .tit_tab.tab_fixed {
    position: fixed;
    width: 860px;
    top: 0;
    left: 50%;
    margin-left: -600px;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2));
    z-index: 99;
}

.index_details_con .details_con {
    display: none;
}

.index_details_con .student_evaluate {
    padding: 0 20px;
}

.index_details_con .student_evaluate .praise {
}

.index_details_con .student_evaluate .praise .nums {
    width: 194px;
    text-align: right;
    padding-top: 15px;
}

.index_details_con .student_evaluate .praise .nums span {
    font-size: 20px;
    color: #ff9d3d;
}

.index_details_con .student_evaluate .praise .nums span em {
    font-size: 40px;
}

.index_details_con .student_evaluate .praise .nums p {
    font-size: 14px;
    color: #666;
    padding-right: 22px;
}

.index_details_con .student_evaluate .praise .percentage {
    padding: 0 10px 0 40px;
    margin-top: 24px;
}

.index_details_con .student_evaluate .praise .percentage li {
    line-height: 22px;
    color: #999;
}

.index_details_con .student_evaluate .praise .percentage span.vfb {
    display: inline-block;
    width: 95px;
    height: 10px;
    overflow: hidden;
    background: #efefef;
    margin-left: 6px;
}

.index_details_con .student_evaluate .praise .percentage span.vfb i {
    display: block;
    width: 95px;
    height: 10px;
    background: #ff9d3d;
    left: 0;
    top: 0;
    position: absolute;
}

.index_details_con .student_evaluate .praise .percentage .xian {
    width: 1px;
    height: 55px;
    background: #efefef;
    right: 0;
    top: 5px;
}

.index_details_con .student_evaluate .praise .comment {
    line-height: 32px;
    padding: 23px 0 0 10px;
    font-size: 14px;
    color: #666;
}

.index_details_con .student_evaluate .praise .comment .btn {
    display: inline-block;
    width: 94px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border: 1px solid #4ab83e;
    border-radius: 2px;
    font-size: 14px;
    color: #4ab83e;
    text-decoration: none;
}

.index_details_con .student_evaluate .praise .comment .btn:hover {
    border: 1px solid #4ab83e;
    background: #4ab83e;
    color: #fff;
}

.index_details_con .student_evaluate .comment_list {
}

.index_details_con .student_evaluate .comment_list li {
    border-bottom: 1px solid #e0e0e0;
    *zoom: 1;
    padding: 20px 0 23px;
}

.index_details_con .student_evaluate .comment_list li:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.index_details_con .student_evaluate .comment_list .tx {
    float: left;
    display: inline;
    width: 50px;
    height: 50px;
    position: relative;
}

.index_details_con .student_evaluate .comment_list .tx img {
    width: 50px;
    height: 50px;
}

.index_details_con .student_evaluate .comment_list .tx i.bg {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    top: 0;
    background: url("/web/images/shop/bg50.png") no-repeat;
}

.index_details_con .student_evaluate .comment_list .tx a {
    display: block;
    width: 50px;
    height: 50px;
    z-index: 9;
    position: absolute;
    left: 0;
    top: 0;
}

.index_details_con .student_evaluate .comment_list .tex {
    float: left;
    padding: 0 0 0 20px;
    width: 630px;
}

.index_details_con .student_evaluate .comment_list .tex .name {
    line-height: 28px;
    font-size: 14px;
    padding-bottom: 2px;
}

.index_details_con .student_evaluate .comment_list .tex .nr {
    font-size: 14px;
    color: #666;
    line-height: 24px;
}

.index_details_con .student_evaluate .comment_list .tex .zan {
    line-height: 32px;
    padding-left: 25px;
    color: #999;
    background-position: 0 -603px;
}

.index_details_con .student_evaluate .comment_list .tex .zan.on {
    background-position: 0 -630px;
}

.index_details_con .student_evaluate .comment_list .time {
    float: right;
    color: #999;
    line-height: 28px;
}

.index_details_con .book_description {
    padding: 30px 20px;
    color: #666;
}

.index_details_con .book_description .tit1 {
    height: 34px;
}

.index_details_con .book_description .tit1 h5 {
    float: left;
    font-size: 18px;
    color: #333;
    font-weight: normal;
    height: 34px;
    line-height: 34px;
    background: #9ed38e;
    padding: 0 20px;
}

.index_details_con .book_description .parameter {
}

.index_details_con .book_description .parameter li {
    float: left;
    line-height: 32px;
    font-size: 14px;
}

.index_details_con .book_description .parameter li.p1 {
    width: 820px;
}

.index_details_con .book_description .parameter li.p2 {
    width: 235px;
}

.index_details_con .book_description .parameter li.p3 {
    width: 298px;
}

.index_details_con .book_description .parameter li.p4 {
    width: 286px;
}

.index_details_con .book_description .recommend {
}

.index_details_con .book_description p {
    line-height: 22px;
    font-size: 14px;
    padding-bottom: 12px;
}

.index_details_con .book_description .con {
    padding: 10px 0 20px;
}

.index_details_con .book_description .pic {
    text-align: center;
}

.index_details_con .book_description .pic img {
    margin: 0 0 20px 0;
}

.index_details_con .book_catalog {
    padding: 30px 20px;
    color: #666;
}

.index_details_con .book_catalog .tit1 {
    height: 34px;
}

.index_details_con .book_catalog .tit1 h5 {
    float: left;
    font-size: 18px;
    color: #333;
    font-weight: normal;
    height: 34px;
    line-height: 34px;
    background: #9ed38e;
    padding: 0 20px;
}

.index_details_con .book_catalog .con {
    padding: 20px 0;
}

.index_details_con .book_catalog .con ul {
    float: left;
    width: 410px;
}

.index_details_con .book_catalog .con li {
    padding: 0 30px 0 0;
}

.index_details_con .book_catalog .con h3 {
    line-height: 32px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

.index_details_con .book_catalog .con h4 {
    line-height: 24px;
    color: #333;
    font-size: 16px;
    font-weight: normal;
}

.index_details_con .book_catalog .con p {
    line-height: 24px;
    font-size: 14px;
    color: #666;
    text-indent: 2em;
}

.buy_pic {
    display: none;
}

.index_details_con_more {
    width: 320px;
}

/*弹出框*/
.dialog-mod {
    display: none;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    _position: absolute;
    left: expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||(document.documentElement.clientWidth*0)));
    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||(document.documentElement.clientHeight*0))))
}

.dialog-mod .bg {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.4;
    filter: Alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    z-index: 2;
}

.cms-dialogs {
    overflow: hidden;
    width: 846px;
    text-align: left;
    background-color: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: 0 0 0 -423px;
    z-index: 202;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2))
}

.cms-dialogs .pop_tit {
    height: 60px;
    line-height: 60px;
    background: #f5f5f5;
    border-bottom: 1px solid #e8e8e8;
    _padding-top: 20px;
    _height: 40px;
    _line-height: 40px;
}

.cms-dialogs .pop_tit h4 {
    font-size: 18px;
    color: #666;
    font-weight: normal;
}

.cms-dialogs .pop_tit h4 i {
    display: inline-block;
    width: 5px;
    height: 26px;
    background: #4ab83e;
    margin: 0 16px 0 28px;
    vertical-align: -7px;
    *vertical-align: -2px;
}

.cms-dialogs .pop_tit2 {
    line-height: 40px;
}

.cms-dialogs .close {
    display: block;
    width: 15px;
    height: 15px;
    background-position: -1px -665px;
    margin: 22px 22px 0 0;
    _margin: 0 11px 0 0;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
}

.cms-dialogs .carriage_con {
    padding: 24px 0 40px 38px;
}

.cms-dialogs .carriage_con .t1 {
    font-size: 16px;
    line-height: 36px;
}

.cms-dialogs .carriage_con li {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    overflow: hidden;
    padding-bottom: 8px;
}

.cms-dialogs .carriage_con li a {
    color: #4ab83e;
}

.cms-dialogs .carriage_con .t2 {
    float: left;
    width: 124px;
}

.cms-dialogs .carriage_con .t3 {
    float: left;
    width: 664px;
}

.cms-dialogs .dzs_buy_con {
    padding: 0 20px 0 40px;
}

.cms-dialogs .dzs_buy_con .t1 {
    font-size: 14px;
    line-height: 28px;
    color: #ff0000;
    padding-top: 8px;
}

.cms-dialogs .dzs_buy_con .statistics {
    line-height: 36px;
    text-align: right;
    font-size: 16px;
    padding: 20px 0 30px 0;
}

.cms-dialogs .dzs_buy_con .statistics .btn {
    display: inline-block;
    width: 154px;
    height: 36px;
    line-height: 36px;
    margin-left: 20px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    border-radius: 2px;
    background: #f4674b;
    text-decoration: none;
}

.cms-dialogs .dzs_buy_con .statistics .btn:hover {
    background: #ff7357;
}

.cms-dialogs .dzs_buy_con .statistics em {
    color: #ff0000;
}

.cms-dialogs .dzs_buy_con.give {
    padding-bottom: 40px;
}

.cms-dialogs .gift_packs_con {
    padding: 0 20px 0 40px;
}

.cms-dialogs .gift_packs_con .t1 {
    font-size: 14px;
    line-height: 28px;
    color: #ff0000;
    padding-top: 8px;
}

.cms-dialogs .gift_packs_con .tex {
}

.cms-dialogs .gift_packs_con .tex p {
    font-size: 14px;
    color: #666;
    line-height: 30px;
}

.cms-dialogs .gift_packs_con .step {
    overflow-y: auto;
    margin-bottom: 20px;
}

.cms-dialogs .gift_packs_con .step p {
    font-size: 14px;
    color: #666;
    line-height: 30px;
}

.cms-dialogs .gift_packs_con .step .pic {
    text-align: center;
    padding: 0 0 10px 0;
}

.cms-dialogs .gift_packs_con .step .pic img {
    display: inline-block;
}

.cms-dialogs .comment_con {
    padding: 20px 20px 50px 60px;
}

.cms-dialogs .comment_con .pic_left {
    width: 170px;
    text-align: center;
    padding-top: 8px;
}

.cms-dialogs .comment_con .pic_left .pic {
    height: 120px;
}

.cms-dialogs .comment_con .pic_left p {
    color: #666;
    line-height: 20px;
    text-align: left;
}

.cms-dialogs .comment_con .con {
    width: 548px;
}

.cms-dialogs .comment_con .con .tit_choice {
    line-height: 40px;
    font-size: 14px;
    color: #737373;
}

.cms-dialogs .comment_con .con .tit_choice label {
    display: inline-block;
    *display: none;
    *zoom: 1;
    margin-right: 20px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    vertical-align: -15px;
}

.cms-dialogs .comment_con .con .tit_choice label input {
    position: absolute;
    left: -20px;
    top: 0;
}

.cms-dialogs .comment_con .con .tit_choice label i {
    display: inline-block;
    width: 11px;
    height: 11px;
    overflow: hidden;
    background-position: -80px -390px;
    margin-right: 8px;
}

.cms-dialogs .comment_con .con .tit_choice label i.on {
    background-position: -67px -390px;
}

.cms-dialogs .comment_con .con .ipt1 {
    width: 526px;
    height: 69px;
    padding: 8px 10px;
    border: 1px solid #eaeaea;
    resize: none;
}

.cms-dialogs .comment_con .con .btn_wrap {
    padding: 20px 0 0 0;
    text-align: right;
}

.cms-dialogs .comment_con .con .btn_wrap .btn {
    display: inline-block;
    width: 120px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    background: #4ab83e;
    border-radius: 2px;
}

.cms-dialogs .comment_con .con .btn_wrap .btn:hover {
    background: #4ab83e;
}

/**/
.gwc-ani {
    width: 40px;
    height: 60px;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 669;
    display: none
}

.gwc-ani img {
    width: 40px;
}

/*20180123 add by sunke*/
.index_recommend_nav {
    overflow: hidden;
    height: 336px;
}

/**/
.share_ceng {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background: #000;
    opacity: .6;
    display: none
}

.share_con {
    width: 100%;
    height: 5rem;
    position: fixed;
    bottom: -5rem;
    left: 0;
    z-index: 99999;
    background: #f4f6f7;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.share_con.on {
    bottom: 0
}

.sharecon_to {
    height: 3.9rem
}

.shareconIn {
    position: relative;
    overflow: hidden
}

.shareconIn-con {
    overflow: hidden;
    height: 3.9rem
}

.shareconIn-circle {
    height: 8px;
    bottom: .46rem;
    left: 4.7rem
}

.shareconIn-circle li {
    width: 8px;
    height: 8px;
    background: #dbdbdb;
    float: left;
    margin: 0 .3rem 0 0;
    text-indent: -9999px;
    border-radius: 50%
}

.shareconIn-circle li.on {
    background: #989898
}

.sharecon_bo {
    height: 1.1rem;
    background: #fff;
    color: #0075c1;
    line-height: 1.1rem;
    text-align: center;
}

/**/
.info-dialog {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999
}

.info-dialog-in {
    width: 88%;
    height: 240px;
    background: #fff;
    top: 50%;
    left: 6%;
    margin: -120px 0 0 0;
    position: fixed;
    border-radius: 5px
}

.info-dialog-in .dcon {
    width: 100%;
    height: 240px;
    position: relative
}

.info-dialog-in .dcon .sto {
    height: 48px;
    line-height: 48px;
    text-align: center;
    border-bottom: 1px solid #eeedeb;
    color: #333;
    font-size: 1em
}

.info-dialog-in .dcon .stm {
    padding: 0 20px
}

.info-dialog-in .dcon .stm p {
    color: #666;
    font-size: 1em;
    margin: 10px 0 0 0;
    word-break: break-all
}

.info-dialog-in .dcon .stm span {
    display: block;
    color: #22ac23;
    font-size: 1.2em;
    margin: 5px 15px 10px 15px
}

.info-dialog-in .dcon .stb {
    position: absolute;
    height: 50px;
    width: 100%;
    bottom: 5px;
    left: 0;
    text-align: center;
}

.info-dialog-in .dcon .stb a {
    display: inline-block;
    width: 38%;
    height: 40px;
    border-radius: 20px;
    text-align: center;
    line-height: 40px;
    border: 1px solid #797979;
    margin: 0 4% 0 4%;
    color: #333;
}

.info-dialog-in .dcon .stb a:hover {
    background: #2fbf30;
    border: 1px solid #2fbf30;
    color: #fff;
}

.stm p {
    text-indent: 0em;
}

/*20180206 add by sunke*/
.index_rotate_pic .bd img {
    border-radius: 4px;
}

.index_recommend .recommend_nav {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.index_course .con .box .pic2 {
    height: 150px;
}

.index_course .tit .course_more a {
    margin-right: 40px;
}

.index_course .tit .course_more.mores a {
    margin-right: 20px;
}

.index_course .con .box .tit2 span .t1 {
    top: 11px;
}

.index_course .con .box .tit2 span .t2 {
    top: 11px;
}

.index_course.cl7 .tit, .index_course.cl7 .con .box .best_con .hd li.on {
    background: #5ac4c2;
}

.index_details_top {
    padding-bottom: 20px;
}

.index_details_top .tex_con .price_wrap {
    padding-top: 4px;
}

.index_details_top .tex_con {
    padding-bottom: 0;
}

.index_details_top .tex_con .price_wrap span.price {
    vertical-align: -2px;
}

.index_details_con {
    border-radius: 4px;
}

.index_details_con .tit_tab {
    border-radius: 4px;
}

.index_details_con .tit_tab li.first {
    border-top-left-radius: 4px;
}

.index_choice .choice_left .choice_sort {
    border-radius: 4px;
}

/*20180207 add by sunke*/
.index_details_recommend {
    height: 247px;
    overflow: hidden;
}

.index_details_recommend .statistics {
    margin: 0 0 0 40px;
}

/*20180222 add by sunke*/
.index_top_nav_wrap {
    z-index: 89;
}

/* .index_recommend .recommend_nav{ z-index:88;} */
/*20180301 add by sunke*/
.index_details_top .tex_con .summary li {
    padding-left: 11px;
}

.index_details_con .tit_tab {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.index_details_top .pic_con .pic .next.nextStop, .index_details_top .pic_con .pic .prev.prevStop {
    display: none
}

#mask {
    z-index: 999;
}

.index_details_top .tex_con .btn_wrap a.free_experience {
    width: 158px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    border: 1px solid #f4674b;
    font-size: 18px;
    color: #f4674b;
    text-decoration: none;
}

.index_details_top .tex_con .btn_wrap a.free_experience:hover {
    background: #f4674b;
    color: #fff;
}

.free_experiencePop-mask {
    display: none;
    width: 100%;
    z-index: 998;
    height: 100%;
    background: #000;
    opacity: .6;
    filter: alpha(opacity=60);
    position: fixed;
    top: 0;
    left: 0;
    _position: absolute;
    _height: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight))
}

.free_experiencePop {
    display: none;
    width: 800px;
    background: #fff;
    border: 5px solid #d7e2ea;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: 0 0 0 -400px;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2));
    z-index: 999;
}

.free_experiencePop .experience-tit {
    height: 42px;
    line-height: 42px;
    background: url("/web/images/shop/tc_tit.gif") repeat-x;
    position: relative;
}

.free_experiencePop .experience-tit h3 {
    font-size: 20px;
    color: #fff;
    padding-left: 20px;
    text-align: left;
}

.free_experiencePop .experience-tit a.close-btn {
    float: right;
    width: 30px;
    height: 28px;
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 11px;
}

.experience-con {
}

.experience-con ul {
    padding: 0 0 0 60px;
}

.experience-con li {
    float: left;
    margin: 0 50px 10px;
    width: 245px;
    height: 276px;
    text-align: left;
    padding: 10px 0 0 0;
}

.experience-con li .pic img {
    width: 120px;
    height: 120px;
}

.experience-con h3 {
    line-height: 42px;
    font-size: 24px;
    color: #ac7100;
}

.experience-con h4 {
    margin: 0 auto;
    height: 40px;
    line-height: 18px;
    font-size: 18px;
    color: #636363;
    padding: 10px 0 0 50px;
    text-align: left;
}

.experience-con h5 {
    margin: 0 auto;
    text-align: left;
    line-height: 22px;
    font-size: 14px;
    padding: 5px 0;
}

.experience-con .and {
    background: url(/web/images/shop/and02.gif) no-repeat 1px;
}

.experience-con .andpad {
    background: url(/web/images/shop/andpad.gif) no-repeat 1px;
}

.experience-con .apple {
    background: url(/web/images/shop/apple.gif) no-repeat 1px 1px;
}

.experience-con .ipad {
    background: url(/web/images/shop/ipad.gif) no-repeat 1px 8px;
}

.experience-con .andpad2 {
    background: url(/web/images/shop/andpad.gif) no-repeat 1px;
}

.experience-con .apple2 {
    background: url(/web/images/shop/apple2.jpg) no-repeat 1px 1px;
}

.experience-con .ipad2 {
    background: url(/web/images/shop/ipad2.gif) no-repeat 1px 8px;
}

.experience-con span {
    display: block;
    border-bottom: 1px solid #c2c2c2;
    padding: 0 0 10px 0;
}

.experience-con .ewm {
    padding: 0 0 0 43px;
}

.experience-con .b1 {
}

.experience-con .b1 a {
    display: block;
    width: 195px;
    height: 42px;
    line-height: 42px;
    font-size: 20px;
    color: #2d322c;
    background: url(/web/images/shop/btn04.png) no-repeat;
    padding: 0 0 0 50px;
    text-decoration: none;
}

.experience-con .b2 {
}

.experience-con .b2 a {
    display: block;
    width: 200px;
    height: 42px;
    line-height: 42px;
    font-size: 20px;
    color: #2d322c;
    background: url(/web/images/shop/btn06.png) no-repeat;
    padding: 0 0 0 45px;
}

.experience-con .b4 {
}

.experience-con .b4 a {
    display: block;
    width: 200px;
    height: 42px;
    line-height: 42px;
    font-size: 20px;
    color: #2d322c;
    background: url(/web/images/shop/iphone-btn1.png) no-repeat;
    padding: 0 0 0 45px;
}

.experience-con .b5 a {
    display: block;
    width: 200px;
    height: 42px;
    line-height: 42px;
    font-size: 20px;
    color: #2d322c;
    background: url(/web/images/shop/ipad-btn1.jpg) no-repeat;
    padding: 0 0 0 45px;
}

.experience-con .b3 {
    width: 185px;
    height: 42px;
    line-height: 42px;
    font-size: 20px;
    color: #2d322c;
    background: url(/web/images/shop/btn07.gif) no-repeat;
    padding: 0 0 0 60px;
}

.experience-con .xian {
    height: 1px;
    background: url(/web/images/shop/xian01.gif) repeat-x;
    overflow: hidden;
    margin: 40px 20px 10px 20px;
}

/*20180315 add*/
.preview .discount-ico {
    width: 83px;
    height: 83px;
    line-height: 83px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url("/web/images/shop/discount.png") no-repeat;
}

.preview .discount-ico em {
    font-size: 30px;
}


.topNav-mod {
    height: 60px;
    white-space: nowrap;
}

.topNav-mod .con {
    width: 1280px;
}

.topNav-mod .btn {
    display: block;
    float: left;
    line-height: 60px;
    font-size: 15px;
}

.topNav-mod .btn02 {
    display: block;
    float: left;
    line-height: 60px;
    font-size: 14px;
}

.topNav-mod .btn:last-child {
    margin-right: 0;
}

.topNav-mod span {
    display: block;
    float: left;
    width: 55px;
    line-height: 60px;
    font-size: 20px;
    color: #e9ecee;
    text-align: center;
}

.topNav-wrap {
    width: 100%;
    background: #00a56d;
    border-top: 1px solid #e9ecee;
}

.topNav-wrap a {
    color: #ffffff;
}

.topNav-wrap a:hover {
    color: #ffffff;
}

.topHeader2023-mod {
    height: 180px;
    position: relative;
    margin-bottom: 20px;
}

.topHeader2023-mod .index_rotate_pic {
    height: 180px;
    overflow: hidden;
    box-shadow: 0 3px 3px #d2d5d7;
}

.topHeader2023-mod .index_rotate_pic .bd li {
}

.topHeader2023-mod .index_rotate_pic .bd li a {
    display: block;
    height: 384px;
}

.topHeader2023-mod .index_rotate_pic .bd img {
    border-radius: 3px;
}

.topHeader2023-mod .index_rotate_pic .hd {
    width: 100%;
    text-align: center;
    bottom: 6px;
    left: 0;
}

.topHeader2023-mod .index_rotate_pic .hd li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 11px;
    overflow: hidden;
    height: 11px;
    background: #fff;
    border-radius: 50%;
    margin: 0 4px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
}

.topHeader2023-mod .index_rotate_pic .hd li.on {
    width: 22px;
    border-radius: 30%;
}