@charset "UTF-8";
body{
	background:#f6f6f6 !important;
}
.carousel {
	width: 100%;
	min-width: 1200px;
	position: relative;
	/*border: 1px solid red;*/
}
.layui-carousel {
	width: 100%;
	margin: 0 auto;
	/*border: 1px solid red;*/
}
.carousel-nav {
	min-width: 180px;
	min-height: 450px;
	margin: 0 auto;
	/*border: 1px solid red;*/
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -600px;
	/*z-index: 1000;*/
}

.subject-nav {
	
	position: absolute;
	z-index: 1000;
}

.subject-nav li {
	/*border-bottom: 1px solid #35728f;*/
	padding-bottom:1px;
	background:url(../img/index/t-bor.png)bottom left no-repeat;
	height: 50px;
	/*line-height: 50px;
	text-align: center;*//*090617sun*/
	color: #fff;
	display: flex;
	display: -webkit-flex;
	align-items: center;
}
.subject-nav li:last-child{border:none;}
.subject-nav li:hover {
	/*background: linear-gradient(bottom, rgb(79, 238, 238) 27%,
		rgb(32, 158, 170) 99%);
	background: -o-linear-gradient(bottom, rgb(79, 238, 238) 27%,
		rgb(32, 158, 170) 99%);
	background: -ms-linear-gradient(bottom, rgb(79, 238, 238) 27%,
		rgb(32, 158, 170) 99%);
	background: -moz-linear-gradient(bottom, rgb(79, 238, 238) 27%,
		rgb(32, 158, 170) 99%);
	background: -webkit-linear-gradient(bottom, rgb(79, 238, 238) 27%,
		rgb(32, 158, 170) 99%);*/
	background:#3dd2d8;
}
.subject-nav li.li-sign{background:#3dd2d8;}

.navimg {
	min-width: 20px;
	min-height: 20px;
	margin-right: 20px;
	margin-left: 40px;
}/*修改*/

.div-list {
	margin-bottom: 100px;
}
.swiper-container {
	min-width: 1200px;
	height: 450px;
}

.swiper-slide img {
	width: 100%;
	min-width: 1200px;
	height: 450px;
}

.div-bottom {
	min-height: 100px;
}

.div-all {
	min-width: 1200px;
}

.div-top {
	height: 82px;
}

.div-margin {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}

.div-top-logo {
	padding-top: 18px;
	min-width: 185px;
	float: left;
}

.clear {
	width: 100%;
	height: 1px;
	clear: both;
}

.div-top-search {
	float: left;
	padding-top: 20px;
	padding-left: 100px;
}

.text-search {
	width: 410px;
	height: 38px;
	border: 1px solid #ececec;
	background-color: #f0f0f0;
	border-radius: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.search-btn {
	height: 40px;
	width: 120px;
	text-align: center;
	border: none;
	background-color: #3dd2d8;
	color: white;
	border-radius: 5px;
}

.hr-border {
	width: 100%;
	height: 2px;
	border-bottom: 1px solid #ccc;
}

.div-login {
	min-width: 200px;
	padding-top: 20px;
	height: 30px;
	line-height: 38px;
	float: right;
}

.div-login .div-login-01, .div-login-02, .div-login-03 {
	min-width: 50px;
	float: right;
	text-align: center;
}

.div-login .a-font {
	color: #3dd2d8;
	font-size: 16px;
}

.div-login .set {
	padding-top: 5px;
}

.div-nav {
	height: 450px;
}

.div-nav .nav01 {
	background: url(../img/index/nav01.jpg) no-repeat top center;
	width: 100%;
	height: 450px;
}

.div-nav-cont .nav-cont {
	width: 1200px;
	margin: 0 auto;
}

.div-nav-cont .nav-cont-ul {
	list-style: none;
	height: 450px;
	width: 180px;
	background: url(../img/index/classbg.png);
}

.div-nav-cont .nav-cont-ul li {
	height: 49px;
	padding-left: 65px;
	line-height: 50px;
	border-bottom: 1px solid #367695;
	color: white;
	font-size: 16px;
	width: 115px;
}

.div-nav-cont .nav-cont-ul li.nav-li01 {
	background: url(../img/index/icons.png) no-repeat 33px 0px;
}

.div-nav-cont .nav-cont-ul li.nav-li02 {
	background: url(../img/index/icons.png) no-repeat 33px -49px;
}

.div-nav-cont .nav-cont-ul li.nav-li03 {
	background: url(../img/index/icons.png) no-repeat 33px -98px;
}

.div-nav-cont .nav-cont-ul li.nav-li04 {
	background: url(../img/index/icons.png) no-repeat 33px -150px;
}

.div-nav-cont .nav-cont-ul li.nav-li05 {
	background: url(../img/index/icons.png) no-repeat 33px -200px;
}

.div-nav-cont .nav-cont-ul li.nav-li06 {
	background: url(../img/index/icons.png) no-repeat 33px -250px;
}

.div-nav-cont .nav-cont-ul li.nav-li07 {
	background: url(../img/index/icons.png) no-repeat 33px -300px;
}

.div-nav-cont .nav-cont-ul li.nav-li08 {
	background: url(../img/index/icons.png) no-repeat 33px -350px;
}

.div-nav-cont .nav-cont-ul li.nav-li09 {
	background: url(../img/index/icons.png) no-repeat 33px -400px;
}

.div-nav-cont .nav-cont-ul li:hover {
	background-color: #3dd2d8;
}

.div-nav-cont .nav-cont-ul li a {
	color: white;
}

.div-list {
	/*padding-top: 30px;*/
	
}
.div-list .div-list-cont01{ margin-top:30px;}
.div-list .div-list-cont {
	width: 1200px;
	margin: 0 auto;
}
.div-list-cont .list-font01  {
	display: block;
	font-size: 22px;
	float: left;
	padding-bottom:10px;
	line-height: 28px;
	border-bottom: 3px solid #3dd2d8;
	clear: both;
	margin-bottom:-1px;
}

.div-list-cont .list-border {
	display: block;
	width: 86%;
	float: left;
	height:42px;
	padding-bottom:10px;
	line-height: 42px;
	border-bottom: 1px solid #d1d1d1;
}
.div-list-cont .list-more {
	float: right;
	height:32px;
	width:65px;
	line-height: 30px;
	font-size: 14px;
	margin-top:10px;
	display: block;
	border: 1px solid #d1d1d1;
	border-radius:3px;
	text-align:center;
}
.div-list-cont-ul{
	margin-top:10px;
}
.div-list-cont-ul li {
	display: block;
	width: 280px;
	margin-right: 25px;
	float: left;
	background:#ffffff;
}

.div-list-cont-ul li:last-child {
	
	margin-right: 0px;
}

.list-cont-li-title {
	height: 40px;
	line-height: 40px;
	position: absolute;
	top: 160px;
	left: 0px;
	background:rgba(41, 181, 181, 0.78);
	color: white;
	width: 100%;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.list-cont-li-title span {
	display: block;
	padding-left: 12px;
	font-size: 14px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.list-cont-li-cont {
	height: 100px;
	padding-left: 5px;
	padding-right: 5px;
}

.list-cont-br {
	position: relative;
	top: 0px;
	left: 0px;
	transition: box-shadow .5s ease 0s;
	-webkit-transition: box-shadow .5s ease 0s;
	background-color: white;
}

.list-cont-br:hover {
	box-shadow: 0 2px 8px rgba(0, 0, 0, .3)
}

.list-cont-li-cont .list-div-sps01 {
	line-height: 20px;
	margin-top: 5px;
}

.list-cont-li-cont .list-sp01 {
	background: url(../img/index/schoolmate.png) no-repeat 0 2px;
	display: block;
	float: left;
	color: red;
	padding: 0 0 0 20px;
	min-width: 68px;
}

.list-cont-li-cont .list-sp02 {
	background:url(../img/qians.png) no-repeat 0 2px;
	display: block;
	float: left;
	color: red;
	padding: 0 0 0 20px;
	min-width: 68px;
	position: relative;
    left: 40px;
}

.list-cont-li-cont .list-sp03 {
	background:url(../img/bofangd.png) no-repeat 0 2px;
	display: block;
	float: right;
	padding-left: 20px;
    color: #ff3f3f;
    margin-right: 5px;
}

.list-cont-li-cont .list-div-sps02 {
	color: #5e5e5e;
	height: 40px;
	overflow: hidden;
	padding: 8px 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-size: 12px;
	line-height: 16px;/*20190617sun*/
}
.list-div-sps03{
	    margin-top: 5px;
		line-height: 20px;
}
.list-div-sps03 .list-div-sps04 {
	display: inline;
	float: left;
	color: #999999;
	font-size:13px;
}

.list-div-sps03 .list-div-sps05 {
	display: inline-block;
	float: right;
	max-width: 65px;
	text-align: center;
	background-color: #cecece;
	color: white;
	border-radius: 10px;
	height: 20px;
	line-height:20px;
	padding: 0 5px;
	font-size: 12px;
}
.list-div-sps05{
	display:block;
	max-width:70px;
}
.list-cont-li-img {
	height: 200px;
	overflow: hidden;
}
.list-cont-li-img img {
	width: 280px;
	height:200px;
	-webkit-transition: -webkit-transform 1s ease 0s;
	transition: transform 1s ease 0s;
	-webkit-transform-origin: center;
	transform-origin: center;
}

.list-cont-li-img img:hover {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

.list-cont-br .gread {
	width: 47px;
	height: 50px;
	color: white;
	text-align: center;
	font-size: 14px;
	line-height: 39px;
	position: absolute;
	top: 0;
	right: 15px;
	background: url(../img/index/mark01.png) no-repeat;
}

.list-cont-br .list-cont-li-title img {
	vertical-align: middle;
	padding-left: 2px;
	padding-top: 15px;
}

.list-cont-br .list-cont-li-title img:first-child {
	padding-left: 5px;
}

#li-nav{
	width: 180px;
	height: 450px;
	background:rgba(0,0,0,.4);
}

#data{
	position: absolute;
	top:0px;
	left: 180px;
	/*background:rgba(0,0,0,.4);*/
	background:rgba(61,210,216,1);
	height: 450px;
	min-width: 120px;
	display: none;
	/*border-left:2px solid #3C3C3C;*/
	padding:0px 10px;
}
#data div{
	width: 98px;
	height: 50px;
	line-height: 40px;
	text-align: center;
	color: #333333;
	display: block;
	padding-top:3px;
}
#data div:hover{
	/*border-bottom: 2px solid #00BFC7;
	color: #00BFC7;*/
	color:white;
}
.dsdwsss{
	width: 100%;
    display: block;
    height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
video{
	display:none!important;
}
.list-div-sps02 img{
	display:none!important;
}
 p{
    margin: 0px !important;
    font-size: 12px !important;
    color: #9e9e9e !important;
} 

.PlaybackType{
	/* width:30px; */
	height:20px;
	line-height:20px;
	position: absolute;
    top: 10px;
    left: 10px;
	background:#ff3f3f;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
    border-radius: 4px;
    z-index:2;
   -moz-box-shadow:0px 2px 3px #8C8C8C;
    -webkit-box-shadow:0px 2px 3px #8C8C8C;
     box-shadow:0px 2px 3px #8C8C8C;
     padding: 0px 5px;
}

.PlaybackType-Live{	
	background: #00d464;
}
.Coupon{
	/* width:20px; */
	height:20px;
	line-height:20px;
	background:#3dd2d8;
	color:#ffffff;
	 text-align: center;
	 font-size: 12px;
	  border-radius: 4px;
	  -moz-box-shadow:0px 2px 3px #8C8C8C;
    -webkit-box-shadow:0px 2px 3px #8C8C8C;
     box-shadow:0px 2px 3px #8C8C8C;
     position: absolute;
    top: 10px;
    left: 50px;
    z-index:2;
     padding: 0px 5px;
}

.list-list-score {
	width: 47px;
	height: 50px;
	background: url(../img/index/mark01.png);
	background-size: 100% 100%;
	position: absolute;
	top: 0px;
	right: 16px;
	color: #fff;
	font-size: 14px;
	line-height: 50px;
	text-align: center;
}