/*班级列表*/
.current-dqwz{
	padding: 15px 0px; 
	color: #000;
}
.current-dqwz a{
	display: inline-block;
	color: #000;
}
.current-dqwz a:hover{
	color: #009FE9;
}
.choice-type-con{
	border: 1px solid #ddd;
	background: #fff;
	padding-bottom: 25px;
}
.choice-type-con .choice-list{
	margin-top: 20px;
}
.choice-type-con .choice-list .htit{
	float: left;
	width: 110px;
	line-height: 26px;
	margin-top: 10px;
	text-align: center;
}
.choice-list .list{
	float: left;
	width: 1080px;
}
.choice-list .list a{
	float: left;
	display:block;
	height: 26px;
	line-height: 26px;
	padding: 0px 15px;
	margin-right: 5px;
	margin-top: 10px;
	color: #666;
}
.choice-list .list a.select,.choice-list .list a:hover{
	background: #FF9326;
	color: #fff;
	-webkit-border-radius:5px;
 	-moz-border-radius:5px;
  -ms-border-radius:5px;
 	-o-border-radius:5px;
	border-radius: 5px;
}
.jion-class-content{
	padding: 30px 0px;
}
.jion-class-left{
	float: left;
	width: 905px;
	background: #fff;
	padding-bottom: 20px;
}
.jion-class-content .t-titel{
	font-family: "Microsoft Yahei";
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	color: #1F1F1F;
	padding-left: 55px;
	margin-top: 5px;
	overflow: hidden;
}
.class-list-titel{
	background: url(../images/title_bg08.png) no-repeat 15px center;
}
.jion-class-list .list{
	padding: 30px 0px;
	margin: 0px 15px;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
}
.jion-class-list .class-images{
	float: left;
	width: 220px;
	height: 110px;
}
.jion-class-list .class-images .pic{
	width: 220px;
    height: 110px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    *display: block;
}
.jion-class-list  .pic img{
	  max-width:220px;
   	max-height:110px;
   	vertical-align:middle;
}
.jion-class-list  .class-info-right{
	float: right;
	width: 615px;
}
.class-info-right .class-titel{
	line-height: 30px;
	padding-bottom: 5px;
}
.jion-class-list .class-info-con{

}
.jion-class-list .ul-list{
	float: left;
	width: 470px;
}
.jion-class-list .ul-list li{
	float: left;
	width:50%;
	height: 35px;
	line-height: 35px;
	color: #999;
}
.jion-class-list .ul-list span{
	padding-left: 20px;
	color: #333;
}
.class-info-con .info-con-r{
	float: right;
	width: 130px;
}
.info-con-r .price{
	color: #FF0000;
	font-size: 16px;
	font-weight: bold;
	padding: 20px 0px;
	text-align: center;
}
.info-con-r .quota{
	text-align: right;
}
.button-info {
	margin-top: 20px;
	display: inline-block;
}
.button-info .num{
	background: #FF9326;
	color: #fff;
	min-width: 110px;
	height: 30px;
	line-height: 30px;
	border-radius: 5px;
	display: inline-block;
	text-align: center;
}
.info-con-r .quota .num{
	background: #FF9326;
	color: #fff;
	min-width: 110px;
	height: 30px;
	line-height: 30px;
	border-radius: 5px;
	display: inline-block;
	text-align: center;
}
.test-pages{
	padding: 50px 0px;
	text-align: center;
}
.test-pages a{
	display: inline-block;
	height: 35px;
	line-height: 35px;
	border: 1px solid #ddd;
	padding: 0px 15px;
	margin: 0px 2px;
	border-radius: 3px;
}
.test-pages a.current{
	background: #2894FF;
	color: #fff;
	border-color: #2894FF;
}
.jion-class-right{
	float: right;
	width: 280px;
	background: #fff;
}
.recommend-titel{
   background: url(../images/title_bg09.png) no-repeat 15px center;
}
.jion-recommend-list{
	padding-bottom: 30px;
	display: inline-block;
}
.jion-recommend-list li{
	width: 160px;
	padding: 5px 10px 0px;
	float: left;
}
.jion-recommend-list .recommend-images{
	position: relative;
  width: 160px;
  height: 100px;
  border-radius: 8px;
  box-shadow: 5px 5px 5px 0px rgba(0,0, 0, 0.4);
  box-sizing: border-box;
  overflow: hidden;
}
.jion-recommend-list .recommend-images img{
	width: 160px;
  height: 100px;
  border-radius: 8px;
  overflow: hidden;
}
.jion-recommend-list .recommend-titel{
  position: absolute;
  width: 100%;
  height: 30px;
  line-height: 30px;
  left: 0;
  right: 0;
  bottom: 0;
  color: #fff;
  background: url(../images/bg.png) repeat;
}
.jion-recommend-list .titel{
	padding: 0px 10px;
	overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.con-video-bottom{
	margin-top: 12px;
	height: 45px;
	line-height: 45px;
	padding: 0px 5px;
	overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.con-video-bottom .price{
	float: left;
	display: block;
	font-size: 16px;
	color: #FF2626;
	font-family:"Microsoft Yahei";
}
.con-video-bottom .num{
	float: right;
	display: block;
	color: #999;
}
/*班级详情*/
.class-details-head{
	background: #fff;
	border: 1px solid #ddd;
}
.details-head-l{
	float: left;
	width: 400px;
	margin: 25px 0px 0px 25px;
}
.details-head-l .class-images{
  width: 400px;
  height: 300px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  *display: block;
}
.details-head-l .class-images img{
	max-width: 400px;
	max-height: 300px;
	vertical-align: middle;
}
.details-head-l .bottom-function{
	margin-top: 20px;
}
.bottom-function .collection{
	float: left;
	color: #666;
	padding-left: 25px;
	line-height: 28px;
	background:url(../images/collect.png) no-repeat left center;
}
.bottom-function .share-con{
	float: right;
}
.details-head-c{
	float: left;
	width: 455px;
	margin: 20px 0px 0px 25px;
}
.details-head-c  .classs-name{
	font-size: 20px;
	color: #000;
	padding: 5px 0px;
	line-height: 30px;
	font-family:"Microsoft Yahei";
}
.details-head-c .class-price{
	padding: 10px 0px;
	color: #999;
}
.details-head-c .price{
	font-family:"Microsoft Yahei";
	color: #FF2626;
	font-size: 24px;
	padding-right: 5px;
}
.details-head-c .ul-list li{
	float: left;
	width:50%;
	height: 38px;
	line-height: 38px;
	color: #999;
}
.details-head-c .ul-list span{
	padding-left: 20px;
	color: #333;
}
.details-head-c .button{
	width: 100px;
	height:38px; 
	display: block;
	font-family:"Microsoft Yahei";
	font-size: 18px;
	color: #fff;
	padding-left: 60px;
	line-height: 35px;
	background:url(../images/bg09.png) no-repeat right center;
}
.buy{padding-left: 50px;
	font-size: 16px;
	line-height: 36px;
	font-weight: bold;
	color: #FFFFFF;
	height: 35px;
	width: 80px;
	background:url(../images/bg15.png) no-repeat right center;
	font-family:"Microsoft Yahei";
	display: block;
}
.introduce-right{
	float: right;
	width: 280px;
	height: 450px;
	border-left: 1px solid #ccc;
}
.introduce-right .htitel{
	height: 45px;
	line-height: 45px;
	font-size: 16px;
	border-bottom: 1px solid #ccc;
	background: url(../images/title_bg07.png) no-repeat 10px center;
	padding-left: 40px;
	font-family:"Microsoft Yahei";
}
.introduce-teacher{
	padding: 15px 10px;
	min-height: 200px;
}
.introduce-teacher .teacher-img{
  float: left;
  width: 75px;
  height: 75px;
  border-radius: 50%;
  margin-right: 15px;
  overflow: hidden;
}
.introduce-teacher  .teacher-img img{
	width: 75px;
  height: 75px;
  border-radius: 50%;
  overflow: hidden;
}
.introduce-teacher .teacher-info{
		color: #999;
		line-height: 28px;
}
.introduce-teacher .teacher-name{
	color: #202020;
	font-size: 16px;
}
.introduce-teacher .introduce-txt{
	line-height: 20px;
	margin-top: 10px;
}
.introduce-t-bottom{
	margin: 0px 15px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.introduce-t-bottom  dl{
	float: left;
	width: 33.3333%;
	text-align: center;
	line-height: 30px;
	padding: 5px 0px;
}
.introduce-t-bottom  dt{
	color: #999;
}
.introduce-t-bottom  dd{
	font-family:"Microsoft Yahei";
	color: #FF4C4C;
}
.jion-class-left .state-tab-box{
	min-height: 780px;
}
.class-tab-menu{
	height: 42px;
	border-bottom: 2px solid #59ACFF;
	overflow: hidden;
	background: url(../images/bg02.png) repeat;
}
.class-tab-menu li{
	float: left;
	width: 115px;
	text-align: center;
	height: 42px;
	line-height: 42px;
	cursor: pointer;
}
.class-tab-menu li.cur{
	background: #59ACFF;
	color: #fff;
}
.hide{
	display: none;
}
.course-introduc-txt{
	padding: 15px 20px;
	line-height: 200%;
}
.course-intro-titel{
	height: 42px;
	line-height: 42px;
	font-size: 16px;
	background:url(../images/title_bg09.png) no-repeat 10px center;
	-webkit-background-size: 22px 23px;
	padding:0px 5px 0px 40px;
	background-size: 22px 23px;
	font-family:"Microsoft Yahei";
	border-bottom: 2px solid #59ACFF;
}
.c-course-introlist{
	padding: 0px 15px 40px;
}
.c-course-introlist li{
	padding: 20px 0px 5px;
}
.c-course-introlist li img{
	width: 250px;
	height: 165px;
}
.c-course-introlist .course-tit{
	height: 35px;
	line-height: 35px;
	padding: 5px 0px;
	overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c-course-introlist .price{
	font-size: 16px;
	color: #FF0000;
	font-weight: bold;
}
/*视频列表*/
.content-two-list li{
	float: left;
	width: 270px;
	margin: 15px 15px 0px;
	padding-bottom: 15px;
	-webkit-transition: all ease .2s;
  -moz-transition: all ease .2s;
  -ms-transition: all ease .2s;
  -o-transition: all ease .2s;
  transition: all ease .2s;
}
.content-two-list li:hover{
	-webkit-transform:translateY(-3px);
	-moz-transform:translateY(-3px);
	-ms-transform:translateY(-3px);
	transform:translateY(-3px);
}
.content-two-list .con-video-box{
	position: relative;
	width: 270px;
	height: 180px;
	border-radius:8px;
  box-shadow: 5px 5px 5px 0px rgba(0,0, 0, 0.5);
  box-sizing: border-box;
  overflow: hidden;
}
.con-video-box img{
  width: 270px;
	height: 180px;
	border-radius:8px;
	overflow: hidden;
}
.con-video-box .con-video-txt{
	position: absolute;
	width: 100%;
	height: 35px;
	left:0;
	right:0;
	bottom:0;
	color: #fff;
	background:url(../images/bg.png) repeat;
}
.con-video-txt .htitel{
	height: 35px;
	line-height: 35px;
	padding: 0px 10px;
	overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.con-video-txt .ptxt{
	height: 46px;
	line-height: 23px;
	padding: 0px 10px;
	overflow : hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
}
.con-video-bottom{
	height: 50px;
	line-height: 50px;
	overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.con-video-bottom .price{
	float: left;
	display: block;
	font-size: 16px;
	color: #FF2626;
	font-family:"Microsoft Yahei";
}
.con-video-bottom .num{
	float: right;
	display: block;
	color: #999;
}
/*视频详情*/
.video-content-left-top{
	float: left;
	width: 915px;
	background: #000;
}
.video-content-left{
	float: left;
	width: 905px;
	background: #fff;
}
.video-wrapper-top{
	padding: 10px 7px 30px;
	height: 683px;
}
.video-wrapper-top .video-wrapper{
	width: 895px;
	height: 590px;
}
.video-wra-info{
	padding: 20px 10px 15px;
	line-height: 35px;
}
.video-wra-info .video-titel{
	font-size: 20px;
	font-family:"Microsoft Yahei";
}
.video-wrapper-top .video-price{
	font-family:"Microsoft Yahei";
	color: #FFFF00;
	font-size: 20px;
	font-weight: bold;
	padding-left: 10px;
}
.video-wrapper-top .collection{
    float: left;
    color: #666;
    padding-left: 25px;
    line-height: 28px;
    margin-right: 30px;
    cursor: pointer;
    background: url(../images/collect.png) no-repeat left center;
}
.video-wrapper-intro{
	border-top:15px solid  #EEEEEE;
	padding-bottom: 50px;
}
.video-tab-menu{
	padding: 10px 0px 5px 20px;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
}
.video-tab-menu li{
	float: left;
	width: 145px;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
}
.video-tab-menu li.cur{
	color: #FF0000;
	background: url(../images/tab_bg.png) no-repeat bottom center;
}
.video-wra-list{

}
.zh-video-jieshao{
	padding: 10px 0px;
} 
.zh-video-jieshao .video-jieshao{
	padding: 0px 20px 10px;
	line-height: 25px;
	font-size: 14px;
}
.zh-video-jieshao .video-jieshao span{
	display: inline-block;
	padding-right: 20px;
}
.video-jieshao .tip{
	font-size: 16px;
	color: red;
}
.zh-video-jieshao  .video-txt{
	line-height: 200%;
	padding: 0px 20px;
	text-indent: 20px;
}
.zh-video-jieshao  .video-txt p{
	padding-bottom: 20px;
}
.zh-video-intro .explain-tit{
	background: #eee;
	padding: 15px 0px 15px 40px;
	color: #666;
}
.zh-video-intro {
	margin-left: 10px;
}
.zh-video-kejian{
	border-top: 1px solid #ddd;
}
.zh-video-kejian li{
	height: 55px;
	line-height: 55px;
	border-bottom: 1px solid #ccc;
	color: #666;
	padding: 0px 1px;
	overflow: hidden;
  	text-overflow: ellipsis;
  	white-space: nowrap;
}
.zh-video-kejian li a{
	display: block;
	background-repeat: no-repeat;
	background-size: 25px 25px;
	background-position: 2px 15px;
	padding-left:30px ;
}
.zh-video-kejian  .tip{
	color:#1398D4;
}
.video-pinglist{
	padding: 15px 0px 20px;
	margin: 0px 15px;
	border-bottom: 1px solid #ddd;
}
.video-pinglist .pic{
	float: left;
	width: 55px;
	height: 55px;
	margin-right: 10px;
	border-radius: 50%;
	overflow: hidden;
}
.video-pinglist .pic img{
	width: 55px;
	height: 55px;
	border-radius: 50%;
	overflow: hidden;
}
.video-pinglist li{
	float: left;
	width: 750px;
}
.video-pinglist  .name{
	font-size: 16px;
}
.video-pinglist  .time{
	color: #999;
	padding: 5px 0px;
}
.video-pinglist  .con{
	line-height: 23px;
}
.z-video-list{
	float: left;
	width: 100%;
	height: 683px;
	overflow: auto;
}
.z-video-list li{
	height: 55px;
	line-height: 55px;
	border-bottom: 1px solid #ccc;
	color: #fff;
	padding-left: 0px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	float: left;
	width: 100%;
}
.z-video-list li a{
	background: url(../images/bg10.png) no-repeat 20px center;
	padding:70px ;
	color: #fff;
}
.video-content-right-top{
	float: right;
	width: 285px;
	background: #000;
}
.video-content-right{
	float: right;
	width: 285px;
	background: #fff;
	margin-top: 15px;
}

.video-r-title{
	height:35px;
	line-height:35px;
	top:10px;
	padding: 5px 15px 0px;
}
.video-r-title  h3{
	float: left;
	font-family:"Microsoft Yahei";
	font-size: 16px;
	padding-left: 40px;
}
.video-21{color: #212121;}
.video-ff{color: #fff;}
.video-r-title .bg01{
	background:url(../images/title_bg10.png) no-repeat left center;
}
.video-r-title .more{
	float: right;
	background:url(../images/more_ico.png) no-repeat left center;
	padding-left: 22px;
	font-size: 12px;
	color: #999;
}
.video-dl-list{
	padding: 0px 15px 80px;
}
.video-dl-list .dl-box{
	padding: 15px 0px 10px;
}
.video-dl-list dt{
	float: left;
	width: 110px;
	height: 80px;
}
.video-dl-list dt img{
	width: 110px;
	height: 80px;
}
.video-dl-list dd{
	float: right;
	width: 130px;
}
.video-dl-list .video-titel{
	height: 46px;
	line-height: 23px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.video-titel,.video-num{
	color: #FFFFFF;
}
.video-dl-list .num{
	color: #999999;
	margin-top: 25px;
}
/*书本详情*/
.z-book-txt{
	height: 130px;
	color: #999;
	line-height: 200%;
	padding: 15px 0px;
	overflow: hidden;
}
.book-introduce-r{
	float: right;
	width: 280px;
	border-left: 1px solid #ddd;
}
.book-intro-list li{
	float: left;
	width: 110px;
	margin: 0px 10px 0px 18px;
	padding:5px 0px 0px;
}
.book-intro-list li img{
	width: 110px;
	height: 145px;
}
.book-intro-list li .ptxt{
	height: 40px;
	line-height: 40px;
	text-align: center;
	overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.z-catalog-list{
	margin-top: 10px;
	padding-left: 5px;
	padding-right: ;
}
.z-catalog-list li.text-list01{
	border: none; 
	float: none; 
	width: 98%; 
	border-radius: 0; 
	background-color: #eee; 
	text-align: left; 
	padding: 1%; 
	font-size: 16px;
	height: auto;
}
.z-catalog-list li.text-list02{
	border: none; 
	float: none; 
	width: 98%; 
	border-radius: 0; 
	background-color: #FFFFFF; 
	padding: 1%;
	font-size: 14px;
	text-align: center;
	border-bottom: #eee solid 3px;
}
.z-catalog-list li.text-list02 a{
	color: #428bca;
}
.z-catalog-list li.text-list03{
	float: left;
	width: 60px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	color: #000;
	border: 1px solid #ccc;
	border-radius: 8px;
	margin: 20px 0px 0px 25px;
	cursor:pointer;
}
.z-catalog-list li.text-list04{
	border: none; 
	float: none; 
	width: 95%; 
	border-radius: 0;
	border-bottom: #E0E0E0 solid 4px; 
	padding: 15px; 
	color: #027297;
}
.z-catalog-list li.text-list04 a{
	color: #027297;
	font-weight: bold;
}
.z-catalog-list li.select,.z-catalog-list li.text-list03:hover{
	background: #42ABFB;
	border-color: #42ABFB;
	color: #fff;
}
.z-catalog-list li.text-list03:hover a{
	display: block;
	color: #fff;
}
.jion-class-content .more {
    float: right;
    background: url(../images/more_ico.png) no-repeat left center;
    padding-left: 22px;
    font-size: 12px;
    color: #999;
}
.my-book-list{
	padding: 10px 5px 30px;
}
.my-book-list li{
	padding: 10px 5px;
	border-bottom: 1px dotted #ccc;
}
.my-book-list li .htit{
	  height:30px;
    line-height:30px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.my-book-list .info-txt{
	line-height: 25px;
	color: #999;
}
.my-book-list span{
	display: inline-block;
}
/*书本阅读详情*/
.read-catalog-list{
	margin-top: 10px;
}
.read-catalog-list li{
	float: left;
	width: 38px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	color: #000;
	border: 1px solid #ccc;
	border-radius: 8px;
	margin: 15px 0px 0px 10px;
	cursor:pointer;
}
.read-catalog-list li.select,.read-catalog-list li:hover{
	background: #42ABFB;
	border-color: #42ABFB;
	color: #fff;
}
.read-catalog-list li.select,.read-catalog-list li:hover a{
	display: block;
	color: #fff;
}
.read-catalog-list li.select a{
	color: #fff;
}
.read-ico-list{
	border-top: 2px solid #59ACFF;
	padding: 20px 0px;
	margin-top: 50px;
}
.read-ico-list dl{
	float: left;
	width: 33.333%;
	text-align: center;
}
.read-ico-list dt img{
	width: 55px;
	height: 55px;
	padding-bottom: 10px;
}
.read-video-box{
	padding: 10px 10px 20px;
	border-bottom: 15px solid #eee;
}
/*焦点图*/
.mod18{
	width:840px;
	text-align: center;
	margin:20px auto;
	position:relative;
}
.mod18 .btn{position:absolute;width:34px;height:65px;bottom:25px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:0;background:url(../images/prev_page.png) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:400px;width:34px;height:65px;}
.mod18 #prevTop{background:url(../images/prev_page.png) 0 0 no-repeat;}
.mod18 #nextTop{background:url(../images/next_page.png) 0 0 no-repeat;}
.mod18 .next{right:0;background:url(../images/next_page.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;width:890px;height:900px;position:absolute;color:#fff;}
.mod18 .picBox{height:900px;position:relative;overflow:hidden;}
.mod18 .picBox ul{height:900px;position:absolute;}
.mod18 .picBox li{width:890px;height:900px;}
.mod18 .picBox li .class-img{
  width: 890px;
  height: auto;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  *display: block;
}
.mod18 .picBox li .class-img img{
	max-width: 890px;
	max-height: auto;
	vertical-align: middle;
}
.mod18 .listBox{width:730px;height:140px;margin:20px auto 0px;position:relative;padding:6px 10px 0px; overflow: hidden;}
.mod18 .listBox ul{height:140px;position:absolute;}
.mod18 .listBox li{width:94px;height:140px;cursor:pointer;position:relative;padding: 0px 14px; }
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:94px;height:140px;}
.mod18 .listBox li img{width:90px;height:135px;}
.mod18 .listBox .on img{width:90px;height:135px;border:2px solid #FF7F00}
.mod18 .listBox .on i{display:block;}

/*新闻显示页*/
.news_show{
	float: left;
	width: 96%;
	line-height: 30px;
	padding-right: 2%;
	padding-left: 2%;
}

.btn {
	background-color: #FF6600;
	line-height: 30px;
	text-align: center;
	display: block;
	height: 30px;
	width: 100px;
	color: #FFFFFF;
	border-radius:50px;
}
.news_tj{
	width: 100%;
}
.news-info{
	margin-top: 30px; 
	border-top: #eee solid 5px; 
	display: inline-block; 
	width: 100%;
}
.news-info li{
	width: 100%;
	float: left; 
	margin-top: 10px;
	padding: 5px 0px;
	border-bottom: #eee solid 5px;
}
.news-info li .news-info-left{
	float: left; 
	width: 30%; 
	height: auto;
}
.news-info li .news-info-right{
	float: left; 
	width: 67%;
	margin-left: 3%;
}

.news-info li p{
	margin-top: 10px;
}
.news-info .news-info-right p.title{
	color: #428bc;
	font-size: 16px;
}
.news-info .news-info-right p.brief{
	padding-top:0px;
	padding-right:10px;
	font-size:14px;
  	line-height: 1.4em;
  	-webkit-line-clamp: 2;
  	max-height:2.8em;
  	margin-top: 0.5rem;
	color: #666666;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}
.news-info .news-info-right p.time{
	color: #666666;
}

/*次卡详情选择规格*/
.chooise-select{
	background: #eee url(../images/select-raw.png) 97% center no-repeat; 
	background-size: auto 14px; 
	border-radius: 0; 
	border:none; 
	box-shadow: none; 
	height: 40px; 
	line-height: 40px; 
	padding:0 15px; 
}
.mask{
	position: fixed; 
	left: 0; 
	right: 0; 
	bottom: 0; 
	top: 0; 
	background: #000; 
	opacity: 0.6; 
	z-index: 10000; 
	display: none; 
}
.mask-box{ 
	position: fixed; 
	left: 0; 
	right: 0; 
	bottom: 0; 
	background: #fff; 
	z-index: 10001; 
	padding:3%; 
	display: none; 
	width: 94%;
}
.mask-img img{ 
	width: 150px; 
	height: 88px; 
	float: left;
}
.mask-right{ 
	margin-left:170px; 
}
.mask-money{ 
	font-size: 14px; 
	color: #ff0000; 
}
.mask-txt{ 
	line-height: 20px; 
	margin-top: 10px; 
	font-size: 12px; 
	color: #999; 
}
.mask-close{ 
	position: absolute; 
	right: 15px; 
	top: 15px; 
	background: url(../images/mask-close.png) center no-repeat; 
	width: 30px; 
	background-size: 100% 100%; 
}
.explain{
	position: fixed; 
	left: 0; 
	right: 0; 
	bottom: 0; 
	top: 0; 
	background: #000; 
	opacity: 0.6; 
	z-index: 10000; 
	display: none; 
}
.explain-box{ 
	position: fixed; 
	left: 0; 
	right: 0; 
	bottom: 0; 
	background: #fff; 
	z-index: 10001; 
	padding:3%; 
	display: none; 
	width: 94%;
	height: auto;
}
.explain-close{ 
	position: absolute; 
	right: 15px; 
	top: 15px; 
	background: url(../images/mask-close.png) center no-repeat; 
	width: 20px; 
	height: 20px;
	background-size: 100% 100%; 
}
.gg-tt{ 
	color: #000; 
	font-size: 12px; 
	font-weight: bold; 
	margin:15px 0; 
}
.gg-chooise li{ 
	float: left; 
	margin-right: 15px; 
	margin-bottom: 10px; 
	position: relative; 
}
.gg-chooise{ 
	margin:0 -15px 0 0; 
}
.gg-chooise li span{ 
	display: block; 
	padding:5px 10px; 
	font-size: 12px; 
	color: #333; 
	border:solid 1px #eee; 
	background: #eee; 
	border-radius: 4px; 
}
.gg-chooise li input{ 
	position: absolute; 
	left: 0; top: 0; 
	width: 100%; 
	height: 100%; 
	opacity: 0; 
}
.gg-chooise li.active span{ 
	background: #ffeeee; 
	border-color: #ff0101; 
}
.number-box{ 
	margin:0 -15px; 
	padding:10px 15px; 
	border-top: solid 1px #ddd; 
	border-bottom: solid 1px #ddd; 
	margin-top: 5px; 
}
.number-box .pull-left{ 
	color: #000; 
	font-size: 12px; 
	font-weight: bold; 
	line-height: 25px; 
}
.spinner .decrease,.spinner .increase{ 
	background: #eee; font-size: 14px; 
	font-weight: bold; 
	color: #333; 
	text-indent: 0; 
	text-align: center; 
	padding-bottom: 3px; 
	padding-top: 3px;
	padding-left: 8px; 
	padding-right: 8px;
}
.spinner .value{ 
	color: #333; 
	box-shadow: none; 
	width: 40px; 
}
.spinner{ 
	width: auto; 
	box-shadow: none; 
	text-align: center;
}
/*积分商城*/
.jifen-class{
	float: left;
	width: 100%;
	background: #fff;
	padding-bottom: 20px;
}