body{background-color: #f4f6f9;}
.footer.gray{background-color: #202020;}
.gray .friendlink h5,.gray .help .helplist dl dt{color:#c4c4c4;}
.gray .friendlink li a,  .gray .help .helplist dl dd, .gray .help .helplist dl dd a, .gray .copyright, .gray .copyright a, .gray .help .qr .qr-img,.copyright a{color:#878787!important;}
.gray .friendlink{border-bottom: solid 1px #c4c4c4!important;}

/*菜单*/
.xueke-top{width: 100%;height: 400px;z-index: 1; background: -moz-linear-gradient( 90deg, rgb(201,201,201) 0%, rgb(242,242,242) 100%);background-image: url(../../images/inbanner.png);background: -ms-linear-gradient( 90deg, rgb(201,201,201) 0%, rgb(242,242,242) 100%);margin-bottom:60px;}
.elementbg .ilele{width:528px;height:273px;position:relative;left: -528px;bottom: -130px;display: block; opacity: 0.2; background: url(../../images/index/il_element.png) no-repeat;}
.elementbg .irele{width:351px;height:359px;position:relative;right: -1200px;bottom: 250px;display: block; opacity: 0.2;background: url(../../images/index/ir_element.png) no-repeat;}
.xueke-menu{position: absolute;top:250px;}
.xueke-top .FirstFloor{height: 390px;position: relative; background-color: #fff;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;box-shadow: 0px 0px 13px 0px rgba(0, 19, 55, 0.31);overflow: hidden;}

.xueke-top .NavList{position: relative;left:0;top:0;width: 200px;height:370px;z-index: 2;background: #202021; padding: 10px 0;-webkit-border-top-left-radius: 8px;-moz-border-top-left-radius: 8px;border-top-left-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-bottom-left-radius: 8px;border-bottom-left-radius: 8px;}
.xueke-top .NavList ul li{height: 35px;line-height: 35px;padding: 5px 20px 5px 30px;}
.xueke-top .NavList ul li a{color:#fff;font-size: 16px;}
.xueke-top .NavList ul li.moreList{display: none;}

.xueke-top .NavList ul li.active {background-color: #39393b;}
.xueke-top .NavList ul li.active .arrow{display: none;}
.xueke-top .NavList ul li:last-child {border-bottom:none;}
.xueke-top .NavList ul li .name {float:left;font-size:16px;}
.xueke-top .NavList ul li .item {float:right;margin-right:7px;color:#c7c7c7;font-size:12px; max-width: 48px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.xueke-top .NavList ul li .item:hover {color:#1da9ff;}
.xueke-top .NavList ul li .arrow {float:right;margin-top:25px;border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;width:8px;height:8px; -moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform: rotate(-45deg);transform:rotate(-45deg);-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')";}
.xueke-top .sub-category{position:absolute;left:200px;top:0;bottom:0;}
.xueke-top .sub-category,.more_list li.sub-category{display:none;width:983px;padding:8px;z-index:1000;text-align:left;border:solid 1px #8c8c8c;border-left:none;border-color: rgb(125, 125, 125);box-shadow: 13px 0px 23px 0px rgba(35, 35, 35, 0.3);-webkit-animation:leftFadeIn .3s ease-out;-moz-animation:leftFadeIn .3s ease-out;animation:leftFadeIn .3s ease-out;background-color: #fff;}
.sub-category .sscroll{padding:0 17px;max-height:370px;overflow:auto;}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ 
.sscroll::-webkit-scrollbar { width: 4px; height: 4px; background-color: #fff; }
.sscroll::-webkit-scrollbar-track { border-radius: 10px; background-color: #fff;} 
/*定义滑块 内阴影+圆角*/ 
.sscroll::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #bbbcc4;}
.xueke-top .more_list{display:none;position: absolute;left: 200px;top: 0;width: 200px;height: 430px;z-index: 2;background: #202021;padding: 15px 0;}
.xueke-top .more_list li.sub-category{position:absolute;left:513px;top:0;bottom:0;}

.xueke-top .NavList ul li.active .sub-category{display:block;background: #fff;}
.xueke-top .NavList ul li.active .more_list{display:block;}
.more_list li.active .sub-category{display: block;}
.more_list li .arrow{display: block!important;}
.more_list li.active .arrow{display: none!important;}

.xueke-top .category-popup li.active .sub-category {display:block;}
.xueke-top .sub-category dl {padding:5px 0 10px;border-bottom: solid 1px #e6e7ed;}
.xueke-top .sub-category dl:last-child{border-bottom: 0;}
.xueke-top .sub-category dt {height:36px;line-height:36px;padding-top:5px;}
.xueke-top .sub-category dt a {color:#4f4f4f!important;font-size:14px!important;}
.xueke-top .sub-category dd {padding-top:5px;}
.xueke-top .sub-category dd a {float:left;height:32px;line-height:32px;font-size:14px!important;color:#919191!important;padding:0 20px 0 0;}
.xueke-top .sub-category dd a:hover {color:#00c192!important;}
/*轮播*/
.xueke-top .mainbox{position: absolute;left:0;top:0;margin-left:200px;width:1000px;}
.xueke-top .slideBox {height:390px;overflow:hidden;margin-bottom: 10px;position: relative;}
.xueke-top .slideBox .slideobj {height:390px;}
.xueke-top .slideBox img {width:1000px;height:390px;display: block;}
.xueke-top .slideBox .hd{text-align:center;position:absolute;height:14px;line-height:14px;bottom:20px;left:0;right:0;}
.xueke-top .slideBox .hd ul li{display:inline-block;width: 10px;height: 10px;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;margin: 0 5px;cursor: pointer;background:rgba(255,255,255,.35);}
.xueke-top .slideBox .hd ul li.on{background:#FF0000;width: 20px;height: 10px;border-radius: 5px;}

/*右侧资讯*/
.xueke-top .rightbox{width: 260px;height: 420px;position: absolute;right: 0;top:0;}
/*轮播下方广告*/
.web-module{margin-top:30px}
.web-module ul{margin-right:-10px;width:104%\9}
.web-module .module-item{width:192px;height:82px;margin-right:10px}
.web-module .module-item{width:232px;height:90px;overflow:hidden;margin-right:10px}
.web-module .module-item.last-module,.web-module .module-item:last-child{margin-right:0}
.web-module .module-item img{display:block;width:100%;height:100%;transition:all .2s linear;border-radius:5px}
.web-module .module-item:hover img{-webkit-transform:scale(1.02);transform:scale(1.02)}
/*广告位*/
.adBox{margin:30px auto;}
.adBox li{width: 20%;height:100px;float: left;display: block;}
.adBox a,.adBox img{display: block;}
.mb20 {margin-bottom: 20px;width: 290px !important;display: inline-block;float: left;}

/*交易动态*/
.swiper-container {
/*width: 100%;*/
height: 24px;
}
.swiper-slide {
font-size: 14px;
background: transparent;
overflow: hidden;
}
.swiper-slide img{width: 20px; height: 20px; border-radius: 50%}
.swiper-slide span{font-size: 16px; color: #ff6600; margin: 0 5px}
.swiper-slide a{font-size: 14px}
.tips {
width: 350px;
display: inline-block;
margin-left: 10px;
margin-top:15px
}
	
/** 新模块 **/
.tab-content{position: relative;}
.cplistnew {margin-top: 15px;
    margin-bottom: 15px;padding: 0 !important;
    float: left;margin-right: 26px;
    width: 280px !important;
}
.cplistnew .i-course-item {position: relative;overflow: hidden;
    height: 208px;
}
.cplistnew .i-course-item .i-course-img {
    height: 160px;
    display: block;
    border-radius: 10px;
    overflow: hidden;
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
}
.cplistnew .i-course-item .i-course-img img{
	height: 160px;
	width: 100%;
	overflow: hidden;
}
.cplistnew {height: auto;display: block;border-radius: 10px;overflow: hidden;
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
}
.cplistnew:hover{box-shadow: 1px 3px 7px 8px #cdcdcd;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    -moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
}
.cplistnew .i-course-item .title {
	background: #fff;
	width: 260px;
    color: #636363;transition: top .5s;position: absolute;top: 145px;
    font-size: 14px;border-radius: 10px;
    margin-top: 0px;padding:10px;
    margin-bottom: 5px;
    overflow: hidden;
    height: 60px;
    line-height: 20px;
}
.cplistnew:hover .title{top: 125px;}
.cplistnew .i-course-item .counts{width: 260px;height: 30px;line-height: 30px;position: absolute;bottom: 0;left: 0;background: #fff;
    padding: 0 10px;
}
.cplistnew .i-course-item .counts .view_count{color: #888888;float: left;width: 50%;height: 30px;line-height: 30px;font-size: 12px;}
.cplistnew .i-course-item .counts .view_count i {
    color: #887C7C;display:inline-block;width: 15px;height: 11px;background: url("../../images/index/look.png") no-repeat;
}
.cplistnew .i-course-item .counts .view_count i:hover{background: url("../../images/index/lookhov.png") no-repeat;}
.cplistnew .i-course-item .counts .vips {
    font-size: 12px;
    color: #887C7C;
    float: left;
    width: 50%;
    height: 30px;
    line-height: 30px;
    text-align: right;
    background: url(../../images/index/mf.png) no-repeat center right;
}

/*精选课程*/
.container {width: 1200px !important;margin: 0 auto;padding: 0;/* overflow: hidden; */}
.container {
    overflow: visible;
}
.ggs{position: relative;display: block;margin-top: 30px;padding-bottom: 10px;overflow: hidden;}

.navshu .nav-tabs {
    position: relative;
     margin-bottom: 0 !important;
}

.navshu .nav-tabs .highlight {
    position: absolute;
    bottom: -1px;
    border-bottom: 2px solid #fd7e53;
}
.btnavs .navshu.nav-tabs > li.active, .btnavs .navshu .nav-tabs > li:hover{height: 30px;line-height: 30px;padding: 0;}
.btnavs .navshu.nav-tabs > li > a{font-size: 14px;color: #444444;height: 30px;line-height: 30px;padding: 8px 12px;font-size: 14px;margin-right: 25px; cursor: pointer;}
.btnavs .navshu.nav-tabs > li.active > a, .btnavs .navshu.nav-tabs > li:hover > a{font-size: 14px;border: 2px solid #00c192;border-radius: 10px;height: 28px;line-height: 28px;padding: 8px 12px;color: #00c192;}
.nav.nav-tabs > li {
        margin-bottom: 0;
}
.nav.nav-tabs > li {
        border: none;
        margin-bottom: 0;
        display: inline-block;
}
.nav-tabs>li {
        float: left;
        margin-bottom: -1px;
}
.navshu>li {
        position: relative;
        display: block;
}
/*书*/
.cplistshu {
    margin-bottom: 30px;
    float: left;
    margin-right: 10px;
    border-right: 0px dotted #d0d0d0;
    background-color: #FFFFFF;
    width: 230px !important;
    border: 1px solid #e4ecf3;
    border-radius: 4px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.cplistshu:nth-child(5n) {
  margin-right: 0px
}
.cplistshu .i-course-item {
    padding: 10px;
    width: 210px;
    margin-bottom: 10px;
    margin: 0 auto;
}
.cplistshu .i-course-item .pic{
   width: 210px;
   height: 283px;
   max-height: 283px;
   overflow: hidden;
   text-align: content;
}
.cplistshu .i-course-item .pic img{
    width: 210px;
    display: block;
}
.cplistshu .i-course-item:hover .title{color:#fb4e6b;}

.cplistshu .i-course-item .botms{
    height: 35px;
    line-height: 35px;
    width: 210px;
}
.cplistshu .i-course-item .view_count {
    color: #888888;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    float: left;
    width: 80px;
    overflow: hidden;
}
.cplistshu .i-course-item .vips{
    float: right;
    width: 130px;
    height: 30px;
    line-height: 30px;
}
.cplistshu:hover{
    transform: translateY(-6px);
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);
    -webkit-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);
    -moz-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.cplistshu .i-course-item .title {
    color: #887C7C;overflow: hidden;
    font-size: 12px;
    margin-top: 8px;
    margin-bottom: 5px;
    overflow: hidden;
    height: 40px;
    line-height: 20px;
}
/*广告*/
.gg1 {position: relative;}
.sync-course-card:nth-of-type(4n+1) {
        clear: both;
}

.sync-course-card {
        width: 25%;
        display: block;
        height: auto;
        float: left;
}
.sync-course-card__content {
	position: relative;
	transition: all .2s linear;
	background-color: #fff;
	border: 1px solid #f5f5f5;
    margin: 0 10px 10px 0;
    border-radius: 2px;
    width: 290px;
	float: left;
}
.sync-course-card__content:nth-child(4n) {
  margin-right: 0px
}
.sync-course-card__content:hover {
	box-shadow: 5px 5px 10px rgba(0,0,0,.05),-5px 0 10px rgba(0,0,0,.05);
	cursor: pointer;
	transform: translate3d(0,-4px,0)
}

.sync-course-card__top {
	margin-bottom: 20px;
	position: relative;
	height: 160px;
	overflow: hidden;
	text-align: center;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px
}

.sync-course-card__center {
	padding: 2px 18px;
	height: 52px;
	overflow: hidden;
	box-sizing: border-box
}

.sync-course-card__card-title {
	font-size: 16px;
	color: #111;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	margin: 0 0 8.5px
}

.sync-course-card__badge {
	display: inline-block;
	min-width: 10px;
	color: #fff;
	line-height: 1;
	white-space: nowrap;
	text-align: center;
	border: 1px solid #f13232;
	background-color: #f13232;
	vertical-align: middle;
	font-size: 14px;
	padding: .15rem;
	font-weight: 400;
	border-radius: 2px;
	margin-right: 4px
}

.sync-course-card__border {
	background-color: transparent;
	color: #f13232
}

.sync-course-card__course-title {
	vertical-align: middle
}

.sync-course-card__bottom {
	margin-top: 0;
	text-align: right;
	padding: 0 18px;
	overflow: hidden;
	margin: 20px 0
}

.sync-course-card__detail-info {
	float: left;
	width: auto
}

.sync-course-card__course-price {
	font-size: 24px
}

.sync-course-card__price-info {
	float: right;
	color: #f13232!important
}

.sync-course-card:nth-of-type(4n+1) {
	clear: both
}
.sync-course-card__top img {
	width: 100%;
	vertical-align: middle;
	box-sizing: border-box;
	border: 0
}

.sync-course-card__top span {
	position: absolute;
	right: 0;
	top: 20px;
	border-top-left-radius: 1rem;
	border-bottom-left-radius: 1rem;
	background: rgba(0,0,0,.2);
	color: #fff;
	font-size: 12px;
	padding: 0 2px 0 5px
}

.sync-course-card__detail-info p {
	color: #999;
	margin: 10px 0 0;
	font-size: 12px
}

.sync-course-card__detail-info p span {
	margin-right: 16px
}

.sync-course__top-nav {
	height: 50px;
    line-height: 50px;
    margin-top: 40px;
    margin-bottom: 10px;
    overflow: hidden;
}

.sync-course__top-nav__name {
	font-size: 30px;
	color: #333;
	padding-right: 22px
}

.sync-course__top-nav__breadcrumb {
	display: inline-block;
	color: #999;
	font-size: 12px
}

.sync-course__top-nav__breadcrumb a {
	display: inline-block;
	padding: 0 3px;
	font-size: 14px;
	color: #999
}

.title__more {
        float: right;
        color: #999;
        font-size: 16px;
}
/*ppt模板样式*/
.ppt-b-box .s-box {
        position: relative;
        float: left;
        overflow: hidden;
        margin-right: 1pc;
        margin-bottom: 26px;
        width: 3in;
        height: auto;
}
.ppt-b-box .s-box:nth-child(4n) {
  margin-right: 0px
}
.ppt-b-box .s-box:hover{
    transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);
    -webkit-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);
    -moz-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.ppt-b-box .s-box .p-pic {
     height: 407px;
     overflow: hidden;
}
.ppt-b-box .s-box .s-pic {
        width: 100%;
}
.ppt-b-box .s-box .p-title {
        overflow: hidden;
        width: 100%;
        height: 44px;
        color: #252525;
        padding-left: 10px;
        text-align: left;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 13px;
        line-height: 44px;
        background: #fff;
}
.ppt-b-box .s-box:hover .p-title{color:#fb4e6b;}
.ppt-b-box .s-box .explain {
        display: block;
        padding: 0 30px;
        background: #fff;
}
.ppt-b-box .s-box .coll {
        display: block;
        width: 100%;
        height: 44px;
        border-top: 1px solid #eceff1;
        color: #838383;
        font-size: 14px;
        font-family: Arial;
        line-height: 44px;
}
.ppt-b-box .dianzan-num {
        position: relative;
        float: left;
        width: 45%;
        text-align: left;
}
.ppt-b-box .dianzan-num i {
        display: inline-block;
        font-size: 16px;
        margin-right: 5px;
}
.ppt-b-box .coll-num {
        float: right;
        width: 45%;
        text-align: right;
}
.ppt-b-box .coll-num i {
        display: inline-block;
        font-size: 16px;
        margin-right: 5px;
}
.ppt-b-box .s-box .mark {
        position: absolute;
        top: 0;
        left: 0;
        display: none;
        width: 3in;
        height: 407px;
        background: #000;
        opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
}
.ppt-b-box .s-box:hover .mark {
    display: block;
    opacity: .4;
    transition: all .15s;
    -moz-opacity: .4;
    -khtml-opacity: .4;
    -ms-transition: all .15s
}
.ppt-b-box .s-box .b-down {
        position: absolute;
        text-align: center;
        top: 130px;
        left: 50%;
        z-index: 2;
        margin-left: -88px;
        width: 170px;
        height: 55px;
        border-radius: 4px;
        background-color:#d7000f;
        color: #fff;
        font-size: 20px;
        font-size: 17px;
        line-height: 55px;
        opacity: 0;
        cursor: pointer;
        -moz-opacity: 0;
        -khtml-opacity: 0;
}
.ppt-b-box .s-box .b-down i{font-size: 20px;}
.ppt-b-box .s-box .b-down:hover {
    background-color:#fc2130
}
.ppt-b-box .s-box:hover .b-down {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1
}
.ppt-b-box .s-box .b-collect {
        position: absolute;
        text-align: center;
        top: 197px;
        left: 50%;
        z-index: 2;
        margin-left: -90px;
        width: 170px;
        height: 50px;
        border-radius: 4px;
        background-color:#ffffff;
        color: #333;
        font-size: 20px;
        font-size: 17px;
        line-height: 50px;
        opacity: 0;
        cursor: pointer;
        -moz-opacity: 0;
        -khtml-opacity: 0;
}
.ppt-b-box .s-box .b-collect i{font-size: 20px;}
.ppt-b-box .s-box .b-collect:hover {
    background-color:#dddddd;
}
.ppt-b-box .s-box:hover .b-collect {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1
}

.ppt-b-box .s-box .chose {
    background: url(../images/common_new.png) 29px -633px no-repeat #fff
}
/*资讯*/
.zcNews{width: 1200px;height: 500px;margin-top:45px;margin-bottom:30px;background: #fff;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;overflow: hidden;}
.zcNews .left{width: 270px;height: 500px;background: url(../../images/index/news_bg.png) no-repeat center center;position: relative;}
.zcNews .left .leader{margin:50px 0 30px;padding:0 20px;}
.zcNews .left .leader h2{font-size: 28px;line-height: 42px;color:#fff;}
.zcNews .left .leader p{font-size: 20px;color:#b9d0ff;}
.zcNews .fbtn_more{display:block;position:absolute;bottom:40px;left:50%;margin-left:-68px;background: #fff;width: 136px;height: 38px;-webkit-border-radius: 19px;-moz-border-radius: 19px;border-radius: 19px;text-align: center;line-height: 38px;font-size: 16px;color:#30497b;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.31);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;}
.zcNews .fbtn_more:before {pointer-events: none;position: absolute;z-index: -1;content: '';top: 100%;left: 5%;height: 10px;width: 90%;opacity: 0;background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);/* W3C */-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform, opacity;transition-property: transform, opacity;}
.zcNews .fbtn_more:hover, .zcNews .fbtn_more:focus, .zcNews .fbtn_more:active {-webkit-transform: translateY(-5px);transform: translateY(-5px);}
.zcNews .fbtn_more:hover:before, .zcNews .fbtn_more:focus:before, .zcNews .fbtn_more:active:before {opacity: 1;-webkit-transform: translateY(5px);transform: translateY(5px);}
.jtab_con{display: none;}
.jtab_con.zcshow{display: block;}

.zcNews .right{padding:20px 0; }
.zcNews .middle{width: 590px;border-right: solid 1px #f0f1f7;padding:0 30px;}
.zcNews .middle .jtab_nav li{float: left;margin-right: 45px;}
.zcNews .middle .jtab_nav li a{font-size: 15px;color:#919191;font-weight: bold;}
.zcNews .middle .jtab_nav li.active a{color:#3b3b3b;}
.zcNews .middle .jtab_nav li.active s,.mright .mrtit s{display: block;width: 26px;height: 4px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;background-color: #00c192;margin-top: 4px;}
.zcNews .sleft{margin-top: 20px;width: 196px;float: left;}
.sleft .piclist{margin-top: 20px;}
.sleft .piclist li{padding:15px 0;}
.sleft .piclist li a{display: block;}
.sleft .piclist li .newImg{margin-right: 10px;float:left;position: relative;overflow: hidden;}
.sleft .piclist li .newImg img{width: 100%;height: 100%;display: block;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);}
.sleft .piclist li .newImg:hover img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);transform: scale(1.2);}
.sleft .piclist li .newInfo{clear:both; font-size: 16px;color:#4f4f4f; -webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;overflow: hidden;}
.sleft .piclist li .newInfo:hover{color:#fb4e6b;}


.zcNews .sright{margin-left:30px;float: left; padding: 35px 0;width: 364px}
.zcNews .sright ul li{line-height: 26px;margin-bottom: 18px;}
.zcNews .sright ul li:last-child{margin-bottom: 0;}
.zcNews .sright ul li a{font-size: 16px;color:#4f4f4f;overflow: hidden;}
.zcNews .sright ul li a:hover span{color:#fb4e6b;}
.zcNews .sright ul li a span{float: left;max-width: 270px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.zcNews .sright ul li a em{font-size: 14px;color:#ababab;float: right;}

.mright{padding: 0 30px;width: 219px;}
.mright .mrtit{font-size: 15px;color:#3b3b3b;font-weight: bold;}
.mright .rdlist{margin-top: 20px;}
.mright .rdlist li{position: relative;padding:15px 0;}
.mright .rdlist li a{display: block;}
.mright .rdlist li .newImg{width: 50px;height: 50px;margin-right: 10px;float:left;position: relative;overflow: hidden;}
.mright .rdlist li .newImg img{width: 100%;height: 100%;display: block;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);}
.mright .rdlist li .newImg:hover img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);transform: scale(1.2);}
.mright .rdlist li .newImg i.ivideo{width: 36px;height: 36px;display: block;position: absolute;top:50%;left:50%;margin-top: -18px;margin-left:-18px;background: url(../images/icon_play.png) no-repeat center center;background-size: cover;}
.mright .rdlist li .newInfo{font-size: 16px;color:#4f4f4f;position:relative;overflow: hidden; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;height: 50px;}
.mright .rdlist li .newInfo:hover{color:#fb4e6b;}


.vip-con {
    width: 260px;
    height: auto;
    position: absolute;
    background-color: #fff
}
.avatar {
    width: 80px;
    height: 80px;
    text-align: center;
    overflow: hidden;
    border-radius: 50%;
    margin: 10px auto 5px;
}
.avatar img {
    width: 80px;
    height: 80px
}

.login-info {
    width: 180px;
    height: 75px;
    text-align: center;
    font-size: 12px;
    margin: 0 auto
}

.login-info span {
    display: block;
    color: #333;
    line-height: 25px;
    margin-bottom: 6px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.login-info a {
    display: block;
    float: left;
    line-height: 30px;
    width: 80px;
    height: 30px;
    border: 1px solid #333;
    border-radius: 20px;
    text-align: center
}

.login-info a.login-button {
    margin-right: 10px
}

.login-info a.login-success {
    border-color: #f42424;
    color: #f42424;
    float: none;
    width: 108px;
    margin: 0 auto
}

.login-info a:hover,.login-info a.register_button {
    border-color: #f42424;
    color: #f42424
}

.login-info a.login-success:hover {
    background-color: #f42424;
    color: #fff
}
.vip-item {
    height: auto;
    padding: 5px 10px;
    position: relative
}
.vip-item .rnotice h3 {
    height: 21px;
    background: url(../../images/index/rtop-notice.png) 0 0 no-repeat;
    display: block;
}
.vip-item .tit {
    background-color: #eee;
    height: 24px;
    line-height: 24px;
    font-weight: 700;
    color: #555;
    padding-left: 18px
}

.vip-item .tit .tab_head_item {
    display: block;
    float: left;
    height: 14px;
    line-height: 14px;
    margin: 5px 0;
    position: relative
}

.vip-item .tit .tab_head_item:first-child {
    padding-right: 10px;
    border-right: 1px solid #ccc;
    margin-right: 12px
}

.vip-item .tit .tab_head_item .news_tab_active {
    width: 26px;
    height: 1px;
    background-color: #f42424;
    display: block;
    position: absolute;
    top: 18px;
    left: -1px;
    display: none
}

.vip-item .tit .tab_head_item.on .news_tab_active {
    display: block
}

.vip-item .tit .tab_head_item.on {
    color: #f42424
}

.vip-item .con {
    margin: 10px 10px 0px 10px;
    line-height: 25px;
    color: #555;
    height: 100px;
    overflow: hidden
}

.vip-item .con li {
    width: 164px;
    height: 25px;
    overflow: hidden
}

.vip-item .con li a {
    font-size: 14px;
    line-height: 25px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.vip-item .con li a:hover{color: #f01414;}
.vip-item .kj_con {
    padding: 0 9px;
    overflow: hidden
}

.vip-item .kj_con .item {
    float: left;
    width: 73px;
    text-align: center;
    padding-bottom: 9px
}

.vip-item .kj_con .item .iconfont {
    display: block;
    font-size: 18px;
    height: 18px;
    line-height: 18px;
    margin: 15px 0 5px
}

.vip-item .kj_con .item a {
    color: #333
}

.vip-item .kj_con .item a:hover {
    color: #f01414
}

.vip-item .kj_con .item_1,.vip-item .kj_con .item_2,.vip-item .kj_con .item_4,.vip-item .kj_con .item_5 {
    border-right: 1px solid #eee
}

.vip-item .kj_con .item_4,.vip-item .kj_con .item_5,.vip-item .kj_con .item_6 {
    border-top: 1px solid #eee;
    padding-bottom: 9px
}
/*友情链接*/
.bgWhitelink {
    background-color: 
    #f3f3f3;
}
.friendLink{
    font-size:0;
    padding:15px 17px;
    }
    .friendLink span{
        color:#000;
        font-size:12px;
        margin-right:10px;
        }
    .friendLink a{
        color:#A1A3A3;
        font-size:12px;
        line-height:26px;
        margin-right:20px;
        white-space:nowrap;
        }
    .friendLink a:hover{
        color:#666;
        }