/*
@author: sunke
*/
body {
    font:14px/1.5 "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1,\9ED1\4F53", "Heiti SC", tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
    margin:0 auto;
    color:#333;
    min-width:1200px;
    background:#f8f8f8;
}

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

.ico, .courseList-mod .introduce-con p, .topHeader-mod .tips p, .courseNav-mod .left-con .icon, .courseNav-mod .sale-con .more-btn i, .details-mod .catalogue-con .con .time,
.details-mod .catalogue-con .con .audition-btn, .details-mod .catalogue-con .tit, .details-mod .evaluate-con .evaluate-list .from span, .details-mod .catalogue-con .con .videoTime {
    background:url("/OtherItem/images/2021ShiwuCourseCenter/ico.png") no-repeat;
}

/**/
.header-wrap {
    width:100%;
    background:#fff;
}

#titleName {
    float:left;
    line-height:70px;
    padding-left:69px;
    font-size:22px;
    color:#07bdc7;
    font-weight:normal;
}

#titleName a {
    color:#07bdc7;
}

/*-------------------------------------- list --------------------------------------*/
/**/
.crumbs-mod {
    height:37px;
    padding:14px 0 10px 0;
    color:#666;
    position:relative;
    z-index:1;
}

.crumbs-mod a {
    color:#666;
}

.crumbs-con {
    line-height:37px;
    font-size:12px;
}

.crumbs-con span {
    font-weight:bold;
    color:#666;
}

.column-kuaisou-mod {
    width:254px;
    border:1px solid #ddd;
    background:#fff;
    -webkit-border-radius:100px;
    -moz-border-radius:100px;
    -o-border-radius:100px;
    -ms-border-radius:100px;
    border-radius:100px;
    /*overflow:hidden;*/
    float:right;
}

.column-kuaisou-mod form {
    width:auto;
    height:34px;
}

.column-kuaisou-mod .search-bd {
    width:177px;
    height:34px;
    padding:0 7px 0 20px;
    position:relative;
    z-index:5;
    background:url(/images/common/column/kuaisou-line.png) no-repeat right center;
}

.column-kuaisou-mod .search-bd #searchShow {
    width:100%;
    height:20px;
    line-height:20px;
    padding:7px 0;
    *padding:6px 0;
    background:#fff;
    color:#333;
    border:0 none;
    vertical-align:top;
    font-size:14px;
}

.column-kuaisou-mod .search-bd label {
    width:177px;
    position:absolute;
    left:0;
    top:0;
    padding:0 5px 0 20px;
    line-height:34px;
    color:#999;
    font-size:12px;
    cursor:pointer;
    background:#fff;
}

.column-kuaisou-mod .searchBtn {
    width:50px;
    height:34px;
    line-height:340px;
    overflow:hidden;
    cursor:pointer;
    border:0 none;
    color:#fff;
    background:url(/images/common/column/column-head.png) no-repeat #fff;
    background-position:16px -60px;
}

.column-kuaisou-mod .searchBtn:hover, .column-head .column-top-cart a:hover, .column-head .column-top-notice a:hover, .column-head .column-login-after:hover .userAvatar, .column-head .column-login-after:hover .triangle-icon {
    opacity:.7;
    filter:alpha(opacity=70);
}

.column-kuaisou-mod .searchTipsNew {
    float:right;
    line-height:20px;
    font-size:12px;
    color:#fff;
    background:#f00;
    border-radius:100px 100px 100px 0;
    padding:0 6px;
    margin:-23px -42px 0 0;
}

/**/
.screenCourse-mod {
}

.screenCourse-mod .top-con {
    padding-bottom:10px;
}

.screenCourse-mod .top-con .btn {
    display:block;
    float:left;
    height:40px;
    line-height:40px;
    font-size:18px;
    padding:0 10px;
    color:#333;
    text-decoration:none;
    text-align:center;
    margin-right:15px;
    border-radius:4px;
}

.screenCourse-mod .top-con .btn:hover {
    color:#07bdc7;
}

.screenCourse-mod .top-con .btn.on {
    background:#07bdc7;
    color:#fff;
    font-size:18px;
    font-weight:bold;
}

.screenCourse-mod .screen-con {
    padding:14px 0 14px 28px;
    background:#fff;
    border-radius:4px;
}

.screenCourse-mod .screen-con .box {
    margin-bottom:9px;
}

.screenCourse-mod .screen-con h4 {
    float:left;
    width:80px;
    line-height:32px;
}

.screenCourse-mod .screen-con .con {
    float:left;
    width:1063px;
}

.screenCourse-mod .screen-con .con .btn {
    display:block;
    float:left;
    height:32px;
    line-height:32px;
    color:#151515;
    text-decoration:none;
    padding:0 11px;
    margin-right:19px;
    border-radius:4px;
}

.screenCourse-mod .screen-con .con .btn.on {
    background:#e3f1ff;
    color:#07bdc7;
    font-weight:bold;
}

.screenCourse-mod .screen-con .con .btn:hover {
    color:#07bdc7;
}

.screenCourse-mod .screen-con .hide {
    display:none
}

.screenCourse-mod .screen-con .more-btn {
    display:block;
    width:100px;
    text-align:center;
    color:#07bdc7;
    height:30px;
    line-height:30px;
    text-decoration:none;
    margin:0 auto;
}

.screenCourse-mod .screen-con .more-btn i {
    display:inline-block;
    *display:inline;
    *zoom:1;
    width:14px;
    height:14px;
    vertical-align:-2px;
    margin-left:3px;
    background:url("/OtherItem/images/2021ShiwuCourseCenter/list_btn_down.png") no-repeat;
    background-size:100%;
}

.screenCourse-mod .screen-con .more-btn.on i {
    transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
}

.screenCourse-mod .screen-con .more-btn:hover {
    font-weight:bold;
}

/**/
.course-title {
    border-bottom:1px solid #E8E8E9;
    padding:10px 0 0;
}

.course-title .sort-con .btn {
    display:block;
    float:left;
    line-height:43px;
    font-size:16px;
    padding:0 15px;
    text-decoration:none;
    margin-right:15px;
    position:relative;
}

.course-title .sort-con .btn.on {
    font-weight:bold;
}

.course-title .sort-con .btn.on i {
    display:block;
    width:32px;
    height:3px;
    border-radius:2px;
    background:#07bdc7;
    position:absolute;
    left:50%;
    margin-left:-16px;
    bottom:-2px;
}

.course-title .total-nums {
    line-height:43px;
    color:#999;
}

/**/
.courseList-mod {
}

.courseList-mod ul {
    width:1228px;
}

.courseList-mod li {
    float:left;
    display:none;
    width:267px;
    min-height:272px;
    background:#fff;
    border-radius:4px;
    margin:20px 20px 0 0;
    padding:0 10px 46px;
    position:relative;
}

.courseList-mod h2 {
    padding:18px 11px 0;
    height:48px;
    line-height:24px;
    font-size:16px;
    font-weight:bold;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
}

.courseList-mod .tips {
    line-height:20px;
    height:20px;
    padding:8px 0 9px 24px;
    font-size:12px;
    color:#666;
    position:relative;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
}

.courseList-mod .tips i {
    display:block;
    width:4px;
    height:4px;
    background:#DEDEDE;
    border-radius:50%;
    position:absolute;
    left:10px;
    top:50%;
    margin-top:-2px;
}

.courseList-mod .activity-ad {
    padding:0 0 9px;
}

.courseList-mod .introduce-con {
    padding:12px 0 0 10px;
    border-top:1px solid #E8E8E9;
}

.courseList-mod .introduce-con p {
    display:block;
    float:left;
    height:24px;
    line-height:24px;
    font-size:12px;
    color:#666;
    padding:0 20px 0 16px;
}

.courseList-mod .introduce-con p.ico01 {
    background-position:0 -17px;
}

.courseList-mod .introduce-con p.ico02 {
    background-position:0 -41px;
}

.courseList-mod .introduce-con p.ico03 {
    background-position:0 -65px;
}

.courseList-mod .teacher-con {
    padding:13px 0 12px 5px;
}

.courseList-mod .teacher-con .box {
    width:52px;
    height:68px;
    text-align:center;
    line-height:24px;
    color:#666;
    font-size:12px;
    float:left;
}

.courseList-mod .teacher-con .box img {
    width:42px;
    height:42px;
    -webkit-border-radius:100px;
    -moz-border-radius:100px;
    border-radius:100px;
    display:block;
    margin:0 auto;
}

.courseList-mod .teacher-con .box a {
    display:block;
    color:#666;
}

.courseList-mod .prize-con {
    height:30px;
    line-height:30px;
    font-size:20px;
    font-weight:bold;
    color:#FB6345;
    position:relative;
    padding:0 10px 10px;
}

.courseList-mod .prize-con del {
    font-size:14px;
    color:#999;
    padding-left:8px;
    font-weight:normal;
}

.courseList-mod .prize-con .ad {
    position:absolute;
    right:9px;
    top:0;
}

.courseList-mod .btn-wrap {
    width:100%;
    position:absolute;
    left:0;
    bottom:10px;
}

.courseList-mod .btn-wrap .add-btn, .courseList-mod .btn-wrap .buy-btn, .courseList-mod .btn-wrap .activity-btn {
    display:block;
    width:263px;
    height:34px;
    line-height:34px;
    color:#FB6345;
    text-decoration:none;
    text-align:center;
    border:1px solid #FB6345;
    border-radius:6px;
    margin:0 auto;
}

.courseList-mod .btn-wrap .add-btn:hover, .courseList-mod .btn-wrap .buy-btn:hover, .courseList-mod .btn-wrap .activity-btn:hover {
    background:#FB6345;
    color:#fff;
}

.courseList-mod .btn-wrap .add-btn.on, .courseList-mod .btn-wrap .buy-btn.on, .courseList-mod .btn-wrap .activity-btn.on {
    border-color:#F0F0F0;
    background:#F0F0F0;
    color:#9F9F9F;
}

.courseList-mod.show-tags ul {
    width:auto;
}

.courseList-mod.show-tags li {
    display:block;
}

.courseList-mod .link-btn {
    display:block;
    width:100%;
    height:300px;
    position:absolute;
    left:0;
    top:0;
    line-height:0;
    font-size:0;
}

.courseList-mod .has_type_btn {
    padding-top:20px;
}

.courseList-mod .has_type_btn .type {
    display:block;
    color:#fff;
    padding:6px 14px;
    background:#F0F0F0;
    color:#999;
    font-size:12px;
    line-height:1;
    border-radius:20px;
    position:absolute;
    top:10px;
    left:20px;
}

/*-------------------------------------- details --------------------------------------*/
/**/
.topHeader-wrap {
    width:100%;
    height:330px;
    background:url("/OtherItem/images/2021ShiwuCourseCenter/details-headerBg.png") no-repeat center top;
}

.topHeader-wrap.orange-bg {
    background:url("/OtherItem/images/2021ShiwuCourseCenter/details-headerBg02.png") no-repeat center top;
}

.topHeader-mod {
    height:330px;
}

.topHeader-mod .crumbs {
    font-size:12px;
    line-height:16px;
    top:19px;
    left:0;
    color:#fff;
    z-index:9;
}

.topHeader-mod .crumbs a {
    color:#fff;
}

.topHeader-mod h3 {
    width:100%;
    text-align:center;
    position:absolute;
    left:0;
    top:23px;
    font-weight:normal;
}

.topHeader-mod h3 span {
    display:inline-block;
    *display:inline;
    *zoom:1;
    line-height:31px;
    font-size:24px;
    color:#fff;
    position:relative;
}

.topHeader-mod h3 span i {
    display:block;
    width:18px;
    height:17px;
    position:absolute;
    left:-38px;
    top:50%;
    margin-top:-8px;
}

.topHeader-mod h3 span i.ico01 {
    background-position:0 -93px;
}

.topHeader-mod h3 span i.ico02 {
    left:auto;
    right:-38px;
    background-position:0 -122px;
}

.topHeader-mod h1 {
    width:100%;
    text-align:center;
    line-height:52px;
    font-size:40px;
    color:#fff;
    left:0;
    top:66px;
}

.topHeader-mod .tips {
    width:100%;
    left:0;
    top:127px;
    text-align:center;
    font-size:0;
}

.topHeader-mod .tips p {
    display:inline-block;
    *display:inline;
    *zoom:1;
    line-height:31px;
    font-size:24px;
    color:#fff;
    margin:0 15px;
    padding-left:30px;
    background-position:0 -151px;
}

.topHeader-mod .about-btn {
    display:block;
    width:169px;
    height:50px;
    line-height:50px;
    text-decoration:none;
    background-color:#fff;
    font-size:20px;
    text-indent:61px;
    border-radius:50px;
    left:50%;
    margin-left:-84px;
    top:183px;
    background-position:29px -181px;
}

.topHeader-mod .about-btn:hover {
    font-weight:bold;
}

.topHeader-mod .bdsharebuttonbox {
    display:block;
    width:80px;
    height:24px;
    line-height:24px;
    border-radius:50px;
    right:16px;
    top:20px;
    text-decoration:none;
}

.topHeader-mod .bdsharebuttonbox .bg {
    display:block;
    width:80px;
    height:24px;
    position:absolute;
    left:0;
    top:0;
    background:#000;
    opacity:.3;
    filter:alpha(opacity=30);
    border-radius:50px;
}

.topHeader-mod .bdsharebuttonbox .share-btn {
    display:block;
    width:80px;
    height:24px;
    line-height:24px;
    text-decoration:none;
    position:absolute;
    left:0;
    top:0;
    z-index:2;
    color:#fff;
    text-align:center;
    font-size:14px;
    padding:0;
    margin:0;
    background:none;
}

.topHeader-mod .bdsharebuttonbox .share-btn i {
    display:inline-block;
    *display:inline;
    *zoom:1;
    margin-right:5px;
    vertical-align:-2px;
    width:13px;
    height:13px;
    background-position:0 -409px;
}

.topHeader-mod .bdsharebuttonbox .share-btn:hover {
    font-weight:bold;
}

.topHeader-wrap.orange-bg .topHeader-mod h1 {
    text-align:left;
    top:72px;
}

.topHeader-wrap.orange-bg .topHeader-mod .tips {
    text-align:left;
    top:195px;
}

.topHeader-wrap.orange-bg .topHeader-mod .teacher-pic {
    right:170px;
    bottom:-30px;
}

.topHeader-wrap.orange-bg .topHeader-mod .teacher-pic p {
    display:block;
    width:20px;
    text-align:center;
    color:#fff;
    line-height:15px;
    font-weight:bold;
    position:absolute;
    left:-30px;
    bottom:120px;
}

/**/
.courseNav-wrap {
    margin-top:-45px;
}

.courseNav-mod {
    background:#fff;
    padding-bottom:20px;
    margin-bottom:28px;
}

.courseNav-mod .left-con {
    padding:29px 0 0 35px;
}

.courseNav-mod .left-con li {
    float:left;
    width:138px;
    text-align:center;
}

.courseNav-mod .left-con .icon {
    display:block;
    height:43px;
}

.courseNav-mod .left-con .ico01 {
    background-position:50px -232px;
}

.courseNav-mod .left-con .ico02 {
    background-position:50px -284px;
}

.courseNav-mod .left-con .ico03 {
    background-position:51px -336px;
}

.courseNav-mod .left-con h3 {
    line-height:26px;
    font-size:20px;
    color:#666;
}

.courseNav-mod .left-con p {
    line-height:19px;
    color:#999;
}

.courseNav-mod .tips {
    width:222px;
    padding:40px 0 0 25px;
}

.courseNav-mod .tips p {
    display:block;
    float:left;
    width:84px;
    height:24px;
    line-height:24px;
    color:#FB6345;
    text-align:center;
    background:#FFEDC8;
    border-radius:4px;
    margin:0 10px 16px 0;
}

.courseNav-mod .prize-con {
    float:right;
    width:450px;
    padding-left:50px;
    margin-top:27px;
    border-left:1px solid #E8E8E9;
}

.courseNav-mod .prize-con .prize-text {
    line-height:28px;
    font-size:16px;
    color:#FB6345;
}

.courseNav-mod .prize-con .prize-text strong {
    font-size:28px;
    padding-left:5px;
    vertical-align:-2px;
}

.courseNav-mod .prize-con .prize-text del {
    padding-left:12px;
    color:#999;
    font-size:14px;
    font-weight:normal;
}

.courseNav-mod .prize-con .btn-wrap {
    padding:20px 0 0 0;
}

.courseNav-mod .prize-con .btn-wrap .add-btn, .courseNav-mod .prize-con .btn-wrap .activity-btn {
    display:block;
    float:left;
    width:148px;
    height:38px;
    line-height:38px;
    text-align:center;
    text-decoration:none;
    font-size:16px;
    color:#FB6345;
    border:1px solid #FB6345;
    border-radius:4px;
    margin-right:20px;
}

.courseNav-mod .prize-con .btn-wrap .add-btn:hover, .courseNav-mod .prize-con .btn-wrap .activity-btn:hover {
    background:#fef7f5;
}

.courseNav-mod .prize-con .btn-wrap .buy-btn {
    display:block;
    float:left;
    width:150px;
    height:40px;
    line-height:40px;
    text-align:center;
    text-decoration:none;
    font-size:16px;
    background:#FB6345;
    color:#fff;
    border-radius:4px;
    margin-right:20px;
}

.courseNav-mod .prize-con .btn-wrap .buy-btn:hover {
    background:#f06045;
}

.courseNav-mod .prize-con .btn-wrap .activity-btn.on, .courseNav-mod .prize-con .btn-wrap .add-btn.on, .courseNav-mod .prize-con .btn-wrap .buy-btn.on {
    border-color:#DFDFDF;
    background:#DFDFDF;
    color:#9F9F9F;
}

.courseNav-mod .studentCard-btn {
    height:36px;
    line-height:36px;
    color:#fff;
    padding:0 3px 0 43px;
    text-decoration:none;
    right:0;
    top:17px;
    border-bottom-left-radius:50px;
    border-top-left-radius:50px;
    background:#ff7306;
    background-image:-webkit-linear-gradient(left, #ff7306, #ffae0a);
    background-image:-moz-linear-gradient(left, #ff7306, #ffae0a);
    background-image:linear-gradient(left, #ff7306, #ffae0a);
}

.courseNav-mod .studentCard-btn .ico01 {
    display:block;
    width:17px;
    height:14px;
    background-position:0 -382px;
    left:16px;
    top:11px;
}

.courseNav-mod .studentCard-btn .ico02 {
    display:block;
    width:4px;
    height:4px;
    right:0;
    bottom:-4px;
    background-position:0 -429px;
}

.courseNav-mod .studentCard-btn:hover {
    font-weight:bold;
}

.courseNav-mod .activity-con {
    width:100%;
    height:30px;
    left:0;
    top:-30px;
    background:#ff0000;
}

.courseNav-mod .activity-con .countdown {
    width:288px;
    line-height:30px;
    padding-left:22px;
    color:#fff;
    font-weight:bold;
    right:0;
    top:0;
}

.courseNav-mod .activity-con .countdown span {
    display:inline-block;
    *display:inline;
    *zoom:1;
    width:22px;
    height:22px;
    line-height:22px;
    color:#F6390D;
    text-align:center;
    background:#fff;
    border-radius:4px;
    margin:0 5px;
}

.courseNav-mod .activity-con .pic {
    display:block;
    width:100%;
    height:30px;
}

.courseNav-mod .sale-con {
    padding:6px 0 0;
}

.courseNav-mod .sale-con .box {
    width:400px;
    border-radius:4px;
    padding:2px 10px 2px 0;
    margin-top:6px;
}

.courseNav-mod .sale-con .box.on {
    background:#FFEBE1;
}

.courseNav-mod .sale-con h4 {
    float:left;
    width:38px;
    height:18px;
    line-height:18px;
    text-align:center;
    border-radius:2px;
    background:#ffeae2;
    font-size:12px;
    color:#FB6345;
}

.courseNav-mod .sale-con .con {
    float:left;
    margin-left:15px;
    width:340px;
}

.courseNav-mod .sale-con .discount-con {
    width:309px;
}

.courseNav-mod .sale-con .discount-con p {
    height:18px;
    line-height:18px;
    font-size:12px;
    color:#666;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
}

.courseNav-mod .sale-con .discount-con p.hide {
    display:none;
}

.courseNav-mod .sale-con .coupon-con {
}

.courseNav-mod .sale-con .coupon-con .coupon-btn {
    display:block;
    float:left;
    height:18px;
    line-height:18px;
    margin:0 8px 4px 0;
    text-decoration:none;
    overflow:hidden;
    border-radius:3px;
    padding:0 8px;
    font-size:12px;
    position:relative;
    color:#fff;
    background:#FF6D50;
    background-image:-webkit-linear-gradient(left, #FF6D50, #FF905D);
    background-image:-moz-linear-gradient(left, #FF6D50, #FF905D);
    background-image:linear-gradient(left, #FF6D50, #FF905D);
}

.courseNav-mod .sale-con .coupon-con .coupon-btn i {
    display:block;
    width:6px;
    height:6px;
    background:#fff;
    border-radius:50%;
    position:absolute;
    left:-3px;
    top:50%;
    margin-top:-3px;
}

.courseNav-mod .sale-con .coupon-con .coupon-btn i.ico02 {
    left:auto;
    right:-3px;
}

.courseNav-mod .sale-con .coupon-con .coupon-btn:hover {
    box-shadow:0 0 8px 0 #f6c9c9;
}

.courseNav-mod .sale-con .coupon-con .coupon-btn:hover i {
    background:#f8e7e7;
}

.courseNav-mod .sale-con .more-btn {
    float:left;
    display:block;
    height:18px;
    line-height:18px;
    font-size:12px;
    text-decoration:none;
    color:#FB6345;
    padding-right:14px;
    position:relative;
}

.courseNav-mod .sale-con .more-btn i {
    display:block;
    width:10px;
    height:6px;
    position:absolute;
    right:0;
    top:50%;
    margin-top:-3px;
    background-position:0 -469px;
}

.courseNav-mod .sale-con .more-btn.on i {
    background-position:-12px -469px;
}

.courseNav-mod .sale-con .more-btn:hover {
    font-weight:bold;
}

.activityTime-con {
    width:653px;
    height:46px;
    line-height:46px;
    color:#3F3F3F;
    font-size:0;
    text-align:center;
    background:url("/OtherItem/images/2021ShiwuCourseCenter/cuxiao_img_di.png") no-repeat;
    margin:-28px auto 0;
}

.activityTime-con .deposit-tags {
    display:inline-block;
    *display:inline;
    *zoom:1;
    font-size:14px;
    padding:0 52px 0 19px;
    position:relative;
}

.activityTime-con .deposit-tags strong {
    margin-right:3px
}

.activityTime-con .deposit-tags i {
    display:block;
    width:12px;
    height:12px;
    border:2px solid #ccc;
    border-radius:50%;
    position:absolute;
    left:0;
    top:50%;
    margin-top:-7px;
}

.activityTime-con .deposit-tags em {
    display:block;
    width:41px;
    height:1px;
    background:#ccc;
    position:absolute;
    right:0;
    top:23px;
}

.activityTime-con .balance-tags {
    color:#999;
    display:inline-block;
    *display:inline;
    *zoom:1;
    font-size:14px;
    padding:0 24px 0 19px;
    position:relative;
    margin-left:14px;
}

.activityTime-con .balance-tags strong {
    margin-right:3px
}

.activityTime-con .balance-tags i {
    display:block;
    width:12px;
    height:12px;
    border:2px solid #ccc;
    border-radius:50%;
    position:absolute;
    left:0;
    top:50%;
    margin-top:-7px;
}

.activityTime-con .rule-btn {
    display:inline-block;
    *display:inline;
    *zoom:1;
    line-height:26px;
    margin-top:10px;
    font-size:12px;
    color:#FB6345;
    text-decoration:none;
    padding-left:17px;
    background-position:0 -483px;
}

.activityTime-con .rule-btn:hover {
    font-weight:bold;
}

.activityTime-con .nowTime-tags {
    color:#FB6345;
}

.activityTime-con .nowTime-tags i {
    border-color:#FB6345;
}

.activityTime-con .nowTime-tags em {
    background:#FB6345;
}

/**/
.details-mod {
    width:875px;
}

.details-mod .tab-tit {
    height:50px;
    line-height:50px;
    border-bottom:1px solid #E8E8E9;
    margin-bottom:14px;
}

.details-mod .tab-tit li {
    line-height:50px;
    font-size:16px;
    float:left;
    margin-right:60px;
    position:relative;
}

.details-mod .tab-tit li a {
    display:block;
    line-height:50px;
    text-decoration:none;
}

.details-mod .tab-tit li .free-tips {
    position:absolute;
    right:-50px;
    top:10px;
}

.details-mod .tab-tit li.on {
    font-weight:bold;
}

.details-mod .tab-tit li.on i {
    display:block;
    width:32px;
    height:3px;
    background:#07bdc7;
    border-radius:2px;
    position:absolute;
    left:50%;
    margin-left:-16px;
    bottom:-2px;
}

.details-mod .tab-con {
    display:none;
    background:#fff;
    border-radius:4px;
}

.details-mod .introduce-con {
    text-align:center;
    padding:20px 0;
}

.details-mod .catalogue-con {
    padding:0 30px 30px;
}

.details-mod .catalogue-con .tit {
    height:60px;
    line-height:60px;
    padding:0 0 0 34px;
    font-size:16px;
    font-weight:bold;
    border-bottom:1px solid #F3F3F3;
    background-position:0 -542px;
    position:relative;
}

.details-mod .catalogue-con .tit .btn {
    display:block;
    height:60px;
    width:100%;
    text-decoration:none;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
}

.details-mod .catalogue-con .tit .free-tags {
    display:block;
    width:18px;
    height:14px;
    position:absolute;
    right:0;
    top:26px;
    line-height:0;
    font-size:0;
    background:url("/OtherItem/images/2021ShiwuCourseCenter/free-ico.png") no-repeat;
}

.details-mod .catalogue-con .con {
    display:none;
    padding:0 0 0 34px;
}

.details-mod .catalogue-con .con li {
    height:60px;
    border-bottom:1px solid #F3F3F3;
    position:relative;
}

.details-mod .catalogue-con .con .name {
    float:left;
    display:block;
    height:60px;
    line-height:60px;
    width:515px;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    font-size:16px;
}

.details-mod .catalogue-con .con .videoTime {
    display:block;
    float:left;
    width:105px;
    line-height:30px;
    color:#999;
    padding-left:20px;
    margin:15px 0 0 50px;
    background-position:0 -642px;
}

.details-mod .catalogue-con .con .dataTime {
    display:block;
    float:left;
    line-height:60px;
    color:#999;
}

.details-mod .catalogue-con .con .audition-btn {
    display:block;
    float:right;
    width:90px;
    height:36px;
    line-height:36px;
    font-size:16px;
    background-color:#07bdc7;
    color:#fff;
    text-decoration:none;
    text-indent:42px;
    border-radius:4px;
    margin-top:11px;
    background-position:17px -604px;
}

.details-mod .catalogue-con .con .unlocking-btn {
    display:block;
    float:right;
    width:88px;
    height:34px;
    line-height:34px;
    text-align:center;
    border:1px solid #07bdc7;
    font-size:16px;
    color:#07bdc7;
    text-decoration:none;
    border-radius:4px;
    margin-top:11px;
}

.details-mod .catalogue-con .con .link-btn {
    display:block;
    width:100%;
    height:60px;
    position:absolute;
    left:0;
    top:0;
    z-index:3;
}

.details-mod .catalogue-con .con li:hover .name {
    color:#07bdc7;
}

.details-mod .catalogue-con .con li:hover .audition-btn, .details-mod .catalogue-con .con li:hover .unlocking-btn {
    display:block;
}

.details-mod .catalogue-con .con li .audition-btn:hover {
    background-color:#07bdc7;
}

.details-mod .catalogue-con .con li .unlocking-btn:hover {
    background-color:#EBF7FF;
}

.details-mod .catalogue-con .box.on .tit {
    background-position:0 -673px;
    cursor:pointer;
}

.details-mod .catalogue-con .tips {
    line-height:28px;
    margin:10px 0 0;
    font-size:12px;
    color:#999;
    padding-left:18px;
    background:url("/OtherItem/images/2021ShiwuCourseCenter/cuxiao_btn_tanhao.png") no-repeat left center;
}

.details-mod .evaluate-con {
}

.details-mod .evaluate-con .noEvaluate {
    height:656px;
    background:url("/OtherItem/images/2021ShiwuCourseCenter/pingjia_img_xiaobao2.png") no-repeat center 85px;
}

.details-mod .evaluate-con .noEvaluate p {
    text-align:center;
    color:#A6A6A6;
    padding-top:206px;
}

.details-mod .evaluate-con .label-con {
    padding:16px 0 0 30px;
}

.details-mod .evaluate-con .label-con .btn {
    display:block;
    float:left;
    height:28px;
    line-height:28px;
    padding:0 18px;
    text-decoration:none;
    font-size:14px;
    color:#666;
    border:1px solid #ccc;
    border-radius:50px;
    margin:14px 20px 0 0;
}

.details-mod .evaluate-con .label-con .btn.on {
    color:#07bdc7;
    border-color:#07bdc7;
}

.details-mod .evaluate-con .label-con .btn:hover {
    border-color:#07bdc7;
}

.details-mod .evaluate-con .evaluate-list {
    padding:0 30px;
}

.details-mod .evaluate-con .evaluate-list li {
    border-bottom:1px solid #F3F3F3;
    padding:20px 0;
}

.details-mod .evaluate-con .evaluate-list .tit {
    height:25px;
}

.details-mod .evaluate-con .evaluate-list .name {
    float:left;
    height:25px;
    line-height:25px;
    color:#999;
    padding-left:35px;
    position:relative;
}

.details-mod .evaluate-con .evaluate-list .name .head-pic {
    display:block;
    width:25px;
    height:25px;
    border-radius:50%;
    position:absolute;
    left:0;
    top:0;
}

.details-mod .evaluate-con .evaluate-list .time {
    float:right;
    line-height:25px;
    color:#999;
}

.details-mod .evaluate-con .evaluate-list .text {
    line-height:20px;
    color:#222;
    padding:11px 0 13px;
}

.details-mod .evaluate-con .evaluate-list .from span {
    float:left;
    height:20px;
    line-height:20px;
    font-size:12px;
    color:#07bdc7;
    padding:0 11px 0 29px;
    background-color:#E7F3FF;
    border-radius:4px;
    background-position:11px -734px;
}

/**/
.recommendedCourses-mod {
    width:285px;
}

.recommendedCourses-mod .tit {
    height:50px;
    border-bottom:1px solid #E8E8E9;
}

.recommendedCourses-mod .tit h3 {
    float:left;
    line-height:50px;
    font-size:16px;
}

/**/
.mask {
    display:none;
    width:100%;
    z-index:850;
    height:100%;
    background:#000;
    opacity:.6;
    filter:alpha(opacity=60);
    position:fixed;
    top:0;
    left:0;
}

.common-pop {
    display:none;
    width:574px;
    position:fixed;
    left:50%;
    margin-left:-287px;
    top:50%;
    border-radius:4px;
    z-index:999;
    box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.08);
}

.common-pop .tit {
    background:#F0F0F0;
    height:60px;
    border-radius:4px 4px 0 0;
}

.common-pop .tit h3 {
    float:left;
    line-height:60px;
    font-size:20px;
    color:#333;
    padding-left:17px;
    font-weight:normal;
}

.common-pop .tit .close-btn {
    display:block;
    width:16px;
    height:16px;
    line-height:0;
    font-size:0;
    margin:20px 24px 0 0;
    background-position:0 -520px;
}

.common-pop .con {
    background:#fff;
    border-radius:0 0 4px 4px;
}

.rule-pop {
    box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.08);
    border-radius:4px;
}

.rule-pop .con {
    padding:30px;
}

.rule-pop .con p {
    font-size:16px;
    line-height:28px;
}

.coupon-pop {
    background:#fff;
    width:446px;
    margin-left:-223px;
    text-align:center;
    padding:38px 0 30px;
    box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.08);
}

.coupon-pop p {
    font-size:20px;
    padding:20px 0 30px;
}

.coupon-pop .sure-btn {
    display:block;
    width:160px;
    height:42px;
    line-height:42px;
    font-size:16px;
    color:#fff;
    text-decoration:none;
    text-align:center;
    background:#FB6345;
    border-radius:4px;
    margin:0 auto;
}

.coupon-pop .close-btn {
    display:block;
    width:16px;
    height:16px;
    line-height:0;
    font-size:0;
    background-position:0 -520px;
    right:20px;
    top:20px;
}

/**/
.fix-tags {
    margin-bottom:20px;
}

.nav-panel {
    display:none;
}

.navFixed .nav-panel {
    position:fixed;
    left:0;
    right:0;
    top:0;
    z-index:600;
    width:100%;
    height:60px;
    background:#fff;
    display:block;
    box-shadow:0 2px 10px 0 rgba(143, 143, 143, 0.10);
}

.navFixed .nav-panel-visible {
    display:block;
}

.fivNav-mod {
}

.fivNav-mod h2 {
    float:left;
    width:232px;
    height:60px;
    line-height:60px;
    font-size:20px;
    font-weight:bold;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
}

.fivNav-mod .tab-tit {
    float:left;
    height:60px;
    line-height:60px;
    margin-left:54px;
    width:500px;
}

.fivNav-mod .tab-tit li {
    line-height:60px;
    font-size:16px;
    float:left;
    margin-right:60px;
    position:relative;
}

.fivNav-mod .tab-tit li a {
    display:block;
    line-height:60px;
    text-decoration:none;
}

.fivNav-mod .tab-tit li .free-tips {
    position:absolute;
    right:-50px;
    top:10px;
}

.fivNav-mod .tab-tit li.on {
    font-weight:bold;
}

.fivNav-mod .tab-tit li.on i {
    display:block;
    width:32px;
    height:3px;
    background:#07bdc7;
    border-radius:2px;
    position:absolute;
    left:50%;
    margin-left:-16px;
    bottom:-2px;
}

.fivNav-mod .prize {
    float:left;
    width:130px;
    line-height:60px;
    font-size:28px;
    color:#FB6345;
    font-weight:bold;
}

.fivNav-mod .add-btn {
    display:block;
    float:left;
    width:128px;
    height:32px;
    line-height:32px;
    text-align:center;
    text-decoration:none;
    font-size:16px;
    color:#FB6345;
    border:1px solid #FB6345;
    border-radius:4px;
    margin:13px 20px 0 0;
}

.fivNav-mod .add-btn:hover {
    background:#fef7f5;
}

.fivNav-mod .add-btn.on {
    border-color:#F0F0F0;
    background:#F0F0F0;
    color:#9F9F9F;
}

.fivNav-mod .buy-btn {
    display:block;
    float:left;
    width:130px;
    height:34px;
    line-height:32px;
    text-align:center;
    text-decoration:none;
    font-size:16px;
    background:#FB6345;
    color:#fff;
    border-radius:4px;
    margin-top:13px;
}

.fivNav-mod .buy-btn:hover {
    background:#f06045;
}

/**/
.paging {
    clear:both;
    overflow:hidden;
    padding:26px 0;
    height:34px;
    color:#666;
    text-align:center
}

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

.paging a:hover {
    background-color:#d0e5f9;
    text-decoration:none
}

.paging .hover {
    background-color:#07bdc7;
    color:#fff
}

.paging .hover:hover {
    background-color:#07bdc7;
    color:#fff
}

.paging .sw {
    width:56px
}

.paging .np {
    width:70px
}

.paging .hui {
    color:#ccc;
    cursor:auto
}

.paging .hui:hover {
    background:0
}

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

/*  */
.off_shelf {
    height:500px;
    border-radius:10px;
    background:#fff;
    text-align:center;
    margin:20px auto 50px;
}

.off_shelf i {
    width:100px;
    height:83px;
    display:block;
    background:url(/OtherItem/images/2021ShiwuCourseCenter/pingjia_img_xiaobao2.png) no-repeat left bottom;
    padding-top:136px;
    margin:30px auto;
}

.off_shelf p {
    text-align:center;
    font-size:14px;
    line-height:20px;
}

.off_shelf p b {
    color:#07bdc7;
}


/*20240312 add by sunke*/
.details-mod .tab-tit ul {
    float:left;
    height:50px;
}

.details-mod .noReason-con {
    height:35px;
    padding:15px 0 0;
    position:relative;
}

.details-mod .noReason-con .tit {
    line-height:22px;
    border:1px solid #ffdf98;
    border-radius:6px;
    background:#ffeec8;
    font-size:12px;
    color:#A55500;
    padding:0 9px 0 8px;
    cursor:pointer;
}

.details-mod .noReason-con .tit i {
    display:inline-block;
    width:16px;
    height:16px;
    margin-left:4px;
    vertical-align:-3px;
    background:url("/OtherItem/images/2021ShiwuCourseCenter/noReason-ico01.png") no-repeat;
}

.details-mod .noReason-con .pop {
    display:none;
    width:215px;
    padding:15px;
    border:1px solid #ffeec8;
    background:#fff;
    border-radius:8px;
    position:absolute;
    right:0;
    top:50px;
}

.details-mod .noReason-con .pop p {
    line-height:20px;
}

.details-mod .noReason-con .pop:before {
    content:"";
    width:11px;
    height:8px;
    position:absolute;
    right:17px;
    top:-8px;
    background:url("/OtherItem/images/2021ShiwuCourseCenter/noReason-ico02.png") no-repeat;
}


/* 下拉新 */
/*jquery-select.tipxw固定样式请勿动*/
.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 {
    height:36px;
}

.yourSelect.sw1, .yourSelect.sw2 {
    width:158px;
}

.yourSelect.sw3 {
    width:148px;
}

.yourSelect.sw4 {
    width:108px;
}

.yourSelect.sw1 input, .yourSelect.sw2 input {
    width:142px;
}

.yourSelect.sw3 input {
    width:132px;
}

.yourSelect.sw4 input {
    width:92px;
}

.yourSelect input {
    background:#fff;
    overflow:hidden;
    height:32px;
    line-height:32px;
    padding:0 0 0 14px;
    color:#666;
    border-radius:4px;
    border:1px solid #E0E0E0;
}

.yourSelect input.on {
    color:#666
}

.yourSelect i {
    z-index:1;
    display:block;
    width:0px;
    height:0px;
    background:#ddd;
    top:15px;
    right:10px;
    transition:all .3s linear;
    border-top:7px solid #D1CFCF;
    border-left:5px solid #fff;
    border-right:5px solid #fff;
}

.yourSelect i.on {
    background:#a7cee2;
    transform:rotateZ(180deg)
}

.yourSelect ul {
    width:98%;
    border:1px solid #E0E0E0;
    background:#fff;
}

.yourSelect ul li {
    overflow:hidden;
    width:144px;;
    cursor:pointer;
    line-height:32px;
    height:32px;
    padding:0 0 0 14px
}

.yourSelect ul li.hover {
    background:#f1f1f1;
    color:#666
}

.div_out {
    padding-left:515px;
}

.div_out_fl {
    margin:0 10px 0 0;
    display:inline-block;
}

.sub_btn {
    cursor:pointer;
    width:60px;
    height:34px;
    background:#F3F3F3;
    border-radius:4px 4px 4px 4px;
    border:1px solid #E0E0E0;
    float:right;
}

.drop-down-selection {
    padding:9px 0;
    min-height:34px;
    position:relative;
    z-index:1;
}

/* 搜索新 */
.column-kuaisou-mod-new {
    background:#fff;
    /*overflow:hidden;*/
    float:right;
    width:auto !important;
    border:none !important;
    border-radius:0;
}

.column-kuaisou-mod-new form {
    width:auto;
    height:34px;
}

.column-kuaisou-mod-new .search-bd {
    width:225px;
    height:38px;
    padding:0 7px 0 20px;
    position:relative;
    z-index:5;
    background:none;
}

.column-kuaisou-mod-new .search-bd #searchShow {
    position:absolute;
    left:0;
    top:0;
    padding:0 5px 0 22px;
    line-height:35px;
    color:#666;
    font-size:14px;
    cursor:pointer;
    background:#fff;
    width:223px;
    height:35px;
    border-radius:6px 6px 6px 6px;
    border:1px solid #E0E0E0;
}

.column-kuaisou-mod-new .search-bd label {
    position:absolute;
    left:0;
    top:0;
    padding:0 5px 0 22px;
    line-height:35px;
    color:#666;
    font-size:14px;
    cursor:pointer;
    background:#fff;
    width:223px;
    height:35px;
    border-radius:6px 6px 6px 6px;
    border:1px solid #E0E0E0;
}

.column-kuaisou-mod-new .searchBtn {
    line-height:35px;
    overflow:hidden;
    cursor:pointer;
    margin-left:10px;
    padding:0 10px;
    font-size:14px;
    color:#16BFC8;
    height:35px;
    background:#FFFFFF;
    border-radius:6px 6px 6px 6px;
    border:1px solid #45C5CF;
    width:auto;
}

.column-kuaisou-mod-new .searchBtn:hover, .column-head .column-top-cart a:hover, .column-head .column-top-notice a:hover, .column-head .column-login-after:hover .userAvatar, .column-head .column-login-after:hover .triangle-icon {
    opacity:.7;
    filter:alpha(opacity=70);
}


.select_boxs {
    float:left;
    position:relative;
    z-index:20;
}

.select_boxs input {
    width:138px;
    background:#fff;
    overflow:hidden;
    height:32px;
    line-height:32px;
    padding:0 0 0 14px;
    color:#666;
    border-radius:4px;
    border:1px solid #E0E0E0;
    display:block;
    cursor:pointer;
}

.select_boxs i {
    z-index:1;
    width:0;
    height:0;
    background:#ddd;
    top:15px;
    right:10px;
    transition:all .3s linear;
    border-top:7px solid #D1CFCF;
    border-left:5px solid #fff;
    border-right:5px solid #fff;
    position:absolute;
    cursor:pointer;
}

.select_boxs .select_boxs__ul {
    border:1px solid #E0E0E0;
    background:#fff;
    top:32px;
    position:absolute;
    left:0;
    right:0;
    display:none;
    max-height: 192px;
    overflow: hidden;
    overflow-y: auto;
}

.select_boxs .select_boxs__ul li {
    overflow:hidden;
    cursor:pointer;
    line-height:32px;
    height:32px;
    padding:0 0 0 14px
}

.select_boxs .select_boxs__ul li:hover {
    background:#f1f1f1;
    color:#666
}

.select_boxs i.on {
    background:#a7cee2;
    transform:rotateZ(180deg)
}