* {
	padding: 0;
	margin: 0;
	font-family: 'Microsoft YaHei',sans-serif,'黑体';
	-webkit-overflow-scrolling: touch;
}

body {
	background: #fff;
}

@media ( min-width : 1400px) {
	.container {
		width: 1400px;
	}
	#latest-content .container {
		width: 1370px;
	}
	.container.music-play {
    width: 1370px;
    }
}

.listone li{
	height:35px;
}

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

.head-box {
	overflow: hidden;
}

.con_tow_til {
	color: #6B6B6B;
	font-size: 15px;
	margin: 30px 0px;
}

.del-title {
	font-size: 18px;
	color: #000;
	margin-top: 23px;
}

.con_tow_til span {
	margin-right: 15px;
}

.con_tow_til i {
	margin-right: 10px;
}

.uppercase span {
	margin-right: 5px;
}

.big-title {
	font-size: 16px;
	height: 46px;
	overflow: hidden;
	margin: 15px 0 10px 0;
	color: #333;
}

.h5title {
	font-size: 16px;
	height: 46px;
	overflow: hidden;
	margin: 0.8rem 0 0.3rem 0;
	color: #333;
}
.mtitle{
	font-size: 14px;
    height: 56px;
    overflow: hidden;
    margin: 0.8rem 0 0.3rem 0;
    color: #333;
}

.listItemCard-module_content_3Wlif .h5title{
	font-size: 16px;
	height: 40px;
	overflow: hidden;
	margin: 0.8rem 0 0.3rem 0;
	color: #333;
}

.thumb_view2 .listItemCard-module_content_3Wlif .h5title{
	font-size: 16px;
	overflow: hidden;
	margin: 0.8rem 0 0.3rem 0;
	color: #333;
	height: 46px;
}

.m-item-text {
	line-height: 25px;
}

.font999{
	color:#999;
}

.item-leb-box p {
	color: #999;
	margin-bottom: 10px;
	height: 38px;
    overflow: hidden;
}


.title-time {
	position:relative;
	margin-bottom: 7px;
	display:flex;
	justify-content: flex-start;
	margin-top: 10px;
}
.title-time-lan {
	position:relative;
	margin-bottom: 7px;
	display:flex;
	justify-content: flex-start;
	margin-top: 35px;
}

.title-time span, .item-date span {
	margin-left: 0px;
}

.title-time span{
	margin-left: 4%;
}

.title-time img.iun-avatar2 {
	border-radius: 100px;
	width: 40px;
	height: 40px;
    margin-left:0.1%;
}
.title-time .posi{
	position: absolute;
	top:10px;
	left:5%;
}

.title-time .posi2{
	position: absolute;
	top:10px;
	left:72%;
}

.title-time .posi3{
	position: absolute;
	top:10px;
	right:0.5%;
}

.item-date,.item-date-lau{
	position:relative;
}

.listone{
	line-height:35px;
	margin-left:5px;
	margin-right:5px;
	margin-top:10px;
	margin-bottom:10px;
	border-bottom:1px solid #f2f2f2;
}

.comment-listone{
	line-height:25px;
	margin-left:5px;
	margin-right:5px;
	margin-top:10px;
	padding-bottom:25px;
	border-bottom:1px solid #f2f2f2;
	position:relative;
}

.comment-content{
	position: absolute;
	top:28px;
	left:0;
	width:100%;
}

.listnum{
	background:#e12222;
	padding:2px 8px 2px 8px;
	border-radius:4px;
}

.listnum2{
	background:#0099ff;
	padding:2px 8px 2px 8px;
	border-radius:4px;
}

.listnum3{
	background:#ff9001;
	padding:2px 8px 2px 8px;
	border-radius:4px;
}

.replytext{
	line-height:25px;
	color:#666;
	margin-bottom:3px;
	overflow:hidden;
	max-height:25px;
	max-width: 80%;
}

#blog .replytext img{
	margin:0px;
	padding:0px;
}

.unopened-text{
	line-height:200px;
	font-size:20px;
}

.white{
	color:#fff;
}

.order-box .listone li .row .col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,
.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{
	padding-right: 0px;
    padding-left: 0px;
}

.order-box .listone li .row{
	margin-left:0px;
	margin-right:0px;
	position:absolute;
	top:-6px;
	left:0px;
	width:100%;
}

.order-box .comment-listone li .row .col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,
.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{
	padding-right: 0px;
    padding-left: 0px;
}

.order-box .comment-listone li .row{
	margin-left:0px;
	margin-right:0px;
}

#blog .item-date{
	font-size: 12px;
    margin: 0px;
    color: #999;
}
#blog .item-date img.iun-avatar2 {
	border-radius: 100px;
	width: 28px;
	height: 28px;
	margin:0px;	
}

.item-date  img.iun-avatar2 {
	border-radius: 100px;
	width: 32px;
	height: 32px;
	margin-left:0.1%;
	border:0px solid #272727
}
.item-date .posi{
	position: absolute;
	top:8px;
	left:13%;
}

.item-date .posi2{
	position: absolute;
	top:8px;
	left:53%;
}

.item-date .posi3{
	position: absolute;
	top:8px;
	right:0.5%;
}

.col-state p {
	font-size: 14px;
	margin: 0;
	color: #807E7E;
}

.col-state-title {
	font-size: 15px;
}

#sidebar li:before {
	font-family: 'FontAwesome';
	content: "";
	margin-right: 0;
}

#categories li:before {
	font-family: 'FontAwesome';
	content: "\f101";
	margin-right: 6px;
	color: #50525f;
}

.blog-img-hover .hover-center {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
}

.blog-img-hover .hover-center i {
	position: absolute;
	font-size: 12px;
	color: #f56363;
	top: -5%;
	left: 42%;
	margin-top: -18px;
	padding: 10px;
	border-radius: 50px;
	background-color: #FFF;
	opacity: 0;
	z-index: -1;
	-webkit-transition: all 0.45s;
	-moz-transition: all 0.45s;
	-o-transition: all 0.45s;
	transition: all 0.45s;
}

.blog-img-hover:hover .hover-center i {
	opacity: 1;
	top: 80%;
	z-index: 1;
}

.blog-img-hover .hover-center i:hover {
	color: #FFF;
	background-color: #f56363;
}

.hou-label {
	color: red !important;
}

.state-box-l {
	height: 14rem;
	overflow: hidden;
	padding-bottom: 1rem;
}

#recentcomments li {
	float: left;
	border: 1px solid #DADADA;
	margin-right: 8px;
	padding: 3px 8px;
	font-size: 14px;
	border-radius: 4px;
	margin-bottom: 5px;
}

.fullwidth-section.bottom-der {
	position: fixed;
	bottom: 0px;
	width: 100%;
}

.zw-name {
	font-size: 13px;
}

.engl-name {
	font-size: 12px;
	transform: scale(0.9);
    letter-spacing: 1px;
}

/*****闁跨喐鏋婚幏鐑芥晸閺傘�?��?�归柨鐔告灮閹风兘鏁撻敓锟�******/
#meter-service {
	position: fixed;
	top: 20%;
	right: 0px;
}
/**end**/
header.main-header {
	position: relative;
}

header.main-header2 {
	position: relative;

}

header.main-header-index,header.main-header-member {
	position: relative;

}



.blurry-container .blurry-background {
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='15');
	filter: blur(15px);
	-webkit-filter: blur(15px);
	-moz-filter: blur(15px);
	-ms-filter: blur(15px);
	overflow: hidden;
	z-index: 2;
}

.blurry-container .black-overlay {

	z-index: 0;
}

.blurry-container .black-overlay, .blurry-container .blurry-background {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-animation: .6s .1s ease-in-out fadeIn backwards;
	animation: .6s .1s ease-in-out fadeIn backwards;
}

*, .video-js, .vjs-loading-spinner, :after, :before, input[type=search]
	{
	/* box-sizing: inherit; */
	
}

.blurry-container .blurry-background .background-image {
	width: calc(100% + 60px);
	height: calc(100% + 60px);
	position: absolute;
	left: -30px;
	top: -30px;
	z-index:1
}

.content-bgcolor{	
	position: absolute;
    width: 100%;
    height: 100%;
    opacity: 1;
	background: #8657DB;
    background: -webkit-linear-gradient(left, rgb(41, 105, 176) 0%,rgb(134, 87, 219) 82%);
    background: -moz-linear-gradient(left, rgb(41, 105, 176) 0%,rgb(134, 87, 219) 82%);
    background: -o-linear-gradient(left, rgb(41, 105, 176) 0%,rgb(134, 87, 219) 82%);
    background: -ms-linear-gradient(left, rgb(41, 105, 176) 0%,rgb(134, 87, 219) 82%);
    background: linear-gradient(to right, rgb(41, 105, 176) 0%,rgb(134, 87, 219) 82%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8657DB', endColorstr='#2969B0',GradientType=1 );
    z-index:2;
}

.content-bgcolor2{	
	position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.9;
	background: #8657DB;
    background: -webkit-linear-gradient(left, rgb(41, 105, 176) 0%,rgb(134, 87, 219) 82%);
    background: -moz-linear-gradient(left, rgb(41, 105, 176) 0%,rgb(134, 87, 219) 82%);
    background: -o-linear-gradient(left, rgb(41, 105, 176) 0%,rgb(134, 87, 219) 82%);
    background: -ms-linear-gradient(left, rgb(41, 105, 176) 0%,rgb(134, 87, 219) 82%);
    background: linear-gradient(to right, rgb(41, 105, 176) 0%,rgb(134, 87, 219) 82%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8657DB', endColorstr='#2969B0',GradientType=1 );
    z-index:2;
}

.content-bgcolor3{	
	position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.9;
	background: #8657DB;
    background: -webkit-linear-gradient(left, rgb(41, 105, 176) 0%,rgb(134, 87, 219) 82%);
    background: -moz-linear-gradient(left, rgb(41, 105, 176) 0%,rgb(134, 87, 219) 82%);
    background: -o-linear-gradient(left, rgb(41, 105, 176) 0%,rgb(134, 87, 219) 82%);
    background: -ms-linear-gradient(left, rgb(41, 105, 176) 0%,rgb(134, 87, 219) 82%);
    background: linear-gradient(to right, rgb(41, 105, 176) 0%,rgb(134, 87, 219) 82%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8657DB', endColorstr='#2969B0',GradientType=1 );
    z-index:2;
}

.content-bgcolor-help{	
	position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.9;
	background: #8657DB;
    background: -webkit-linear-gradient(left, rgb(41, 105, 176) 0%,rgb(134, 87, 219) 82%);
    background: -moz-linear-gradient(left, rgb(41, 105, 176) 0%,rgb(134, 87, 219) 82%);
    background: -o-linear-gradient(left, rgb(41, 105, 176) 0%,rgb(134, 87, 219) 82%);
    background: -ms-linear-gradient(left, rgb(41, 105, 176) 0%,rgb(134, 87, 219) 82%);
    background: linear-gradient(to right, rgb(41, 105, 176) 0%,rgb(134, 87, 219) 82%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8657DB', endColorstr='#2969B0',GradientType=1 );
    z-index:9;
}

.content-bgcolor-index{	
	position: absolute;
	top: 0;
    width: 100%;
    height: 150px;
    opacity: 0.7;
	background: #8657DB;
    background: -webkit-linear-gradient(left, rgb(41, 105, 176) 0%,rgb(134, 87, 219) 82%);
    background: -moz-linear-gradient(left, rgb(41, 105, 176) 0%,rgb(134, 87, 219) 82%);
    background: -o-linear-gradient(left, rgb(41, 105, 176) 0%,rgb(134, 87, 219) 82%);
    background: -ms-linear-gradient(left, rgb(41, 105, 176) 0%,rgb(134, 87, 219) 82%);
    background: linear-gradient(to right, rgb(41, 105, 176) 0%,rgb(134, 87, 219) 82%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8657DB', endColorstr='#2969B0',GradientType=1 );
}

.module-index {
	background: url();
	height:150px;
	position: relative;
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}



.content-bgcolor-footer{
	position: absolute;
	top: 0;
    width: 100%;
    height: 459px;
    opacity: 0.9;
	background: #8657DB;
    background: -webkit-linear-gradient(left, rgb(41, 105, 176) 0%,rgb(134, 87, 219) 82%);
    background: -moz-linear-gradient(left, rgb(41, 105, 176) 0%,rgb(134, 87, 219) 82%);
    background: -o-linear-gradient(left, rgb(41, 105, 176) 0%,rgb(134, 87, 219) 82%);
    background: -ms-linear-gradient(left, rgb(41, 105, 176) 0%,rgb(134, 87, 219) 82%);
    background: linear-gradient(to right, rgb(41, 105, 176) 0%,rgb(134, 87, 219) 82%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8657DB', endColorstr='#2969B0',GradientType=1 );
    z-index:9;
}

.content-mask{
	position: absolute;
    top: 0px;
    left: 0px;
    width: 99%;
    height: 200px;
    margin-left: 5px;
    display: none;
    background: -webkit-linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1));
    background: -o-linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1));
    background: -moz-linear-gradient(rgba(255,255,255,0),rgba(255,2455,255,1));
    background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
}

.show-more-c {
    position: absolute;
    bottom: 10px;
    left: 50%;
    display: none;
    margin-left: -75px;
    width: 100%;
    height: 230px;
    width: 150px;
    height: 60px;
    line-height: 30px;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
}

.click-show{
    background: -webkit-linear-gradient(135deg,rgba(47, 148, 247,0.7), rgba(186, 101, 241, 0.7));
    background: -moz-linear-gradient(135deg,rgba(47, 148, 247,0.7), rgba(186, 101, 241, 0.7));
    background: -o-linear-gradient(135deg,rgba(47, 148, 247,0.7), rgba(186, 101, 241, 0.7));
    background: -ms-linear-gradient(135deg,rgba(47, 148, 247,0.7), rgba(186, 101, 241, 0.7));
    background: linear-gradient(135deg,rgba(47, 148, 247,0.7), rgba(186, 101, 241, 0.7));
    color: #fff;
}

#more-text{
	text-align:center;
	font-size:15px;
	padding-top:30px;
	cursor: pointer;
}

.header-content {
	padding-top: 180px;
	color: #FFF;
	position: relative;
	z-index: 10;
	padding-bottom: 40px;
}

.help .header-content{
padding-top: 170px;
}

.header-content .hd-footer {
	/* padding: 25px 0;
	position: relative;
	margin-top: 0px; */
	
}

.header-content .banner .series-thumbnail img, .header-content .banner .skill-thumbnail img
	{
	max-width: 100%;
	box-shadow: 0 0 10px rgba(0, 0, 0, .5);
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
}

.header-content .c .series-status, .header-content .hd-footer .skill-status
	{
	list-style: none;
}

.series {
	text-align: center;
	font-size: 16px;
    margin-top:15px;
    
}

.series span {
	margin: 0 10px;
}

.hd-footer .series {
	text-align: center;
	font-size: 16px;
	position: absolute;
    left: 0px;
    top: 50px;
}

.comment-box {
	padding: 30px 0;
    background: #fff;
    height: 160px;
}

.author-comment {
	margin: 1rem 0 1rem 2rem;
	overflow: hidden;
}

.iun-avatar {
	float: left;
	border-radius: 100px;
	width: 80px;
	height: 80px;
	margin-right: 20px;
}

.author-name {
	color: #ff6666;
	margin-bottom: 12px;
}

.Vip,.Authentication,.ordinary,.Admins,.Submission,.lecturer,.make{
	color: #fff;
	padding-left:3px;
	padding-right:3px;
	margin-left:10px;
	border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    -o-border-radius:2px;
    font-size:12px;
}

.Vip{
	
    background:#e12222;
    font-size:12px;
}

.Authentication{
    background:#ff9001;

}

.ordinary{
    background:#868686;

}

.Admins{
    background:#0099ff;

}

.Submission{
    background:#499dc5;

}

.make{
	background:#518c33;
}

.lecturer{
    background:#a256e7;

}

.dropdown-menu2 .Vip,.dropdown-menu2 .Authentication,.dropdown-menu2 .ordinary,.dropdown-menu2 .Admins,.dropdown-menu .Vip,.dropdown-menu .Authentication,.dropdown-menu .ordinary,.dropdown-menu .Admins{
	margin-left:0px;
}

.content-inro{
	margin-top:15px;
    line-height:160%;
    color:#666;
    text-align: justify;
}
.array{
	/*display:flex;
	justify-content:space-between;*/
	width:100%;
}

.verbut-box {
	margin-top: 30px;
}

.verbut-box a {
	margin-left: 2rem;
}



.de-title {
	padding: 0.6rem 2rem;
	color: #696969;
	display: inline-block;
	border:1px dotted #ddd
}

.de-intro {
	background-color: #fff;
	margin: 30px 0 0 0;
	padding: 2rem 1rem;
	box-shadow: 0 0px 20px #eaeaea;
    -webkit-box-shadow: 0 0px 20px #eaeaea;
    -moz-box-shadow: 0 0px 20px #eaeaea;
}

.course-btn{
	margin-bottom:30px
}

.issue-time {
	margin-top: 2.5rem;
}

.btn-marg {
	border-radius: 4px;
}

/*******footer********/
.related {
	padding: 50px 0;
	background: url(images/header-bg.png) #573e81;
	color: #eef;
}

.related .title {
	padding: 10px 0;
	line-height: 50px;
	color: #fff;
	font-size: 24px;
}

.related .description {
	color: #bdbdbd;
	line-height: 25px;
}

.related .related-links {
	padding: 15px 0;
}

.list-inline {
	margin-left: -5px;
}

.list-inline, .list-unstyled {
	padding-left: 0;
	list-style: none;
}

.list-inline, .list-unstyled {
	padding-left: 0;
	list-style: none;
}

.related .related-links a {
	font-size: 20px;
}

.related a {
	color: #eee;
}

.related .site-links {
	padding: 20px;
}

.related .site-links .heading {
	text-transform: uppercase;
	font-weight: 700;
	color: #728BA9;
}

.related .site-links ul>li {
	padding: 2px;
	margin: 2px 0;
	line-height: 25px;
}

footer.main-footer {
	padding: 25px 0;
	background: #0b1e35;
}

footer.main-footer .copyright {
	color: #eee;
}

footer.main-footer .developer {
	color: silver;
}

.related-links li {
	width: 50px;
	height: 50px;
	border-radius: 50px;
	background-color: rgba(0, 0, 0, 0.25);
	text-align: center;
	line-height: 50px;
}

/*******header*********/
.main-btt {
	
}

.page_header {
	text-align: center;
}

.navbar-nav {
	display: table;
	margin: 0 auto;
}
/* .header_inner_left {
    margin: 10px 0;
    display: table;
    width: 100%;
    left: 0;
        float: none;
    position: relative;
} */
.mobile_menu_button {
	display: none;
	float: left;
	height: 83px;
	margin: 0 20px 0 0;
}

.logo_wrapper {
	vertical-align: middle;
	position: relative;
	float: none;
	height: auto !important;
}

.mkd_logo_hidden a {
	height: 50px;
	position: relative;
	display: block;
	opacity: 0;
	max-height: 0;
	-webkit-transition: opacity 0s ease-out, max-height 0s ease-out;
	-moz-transition: opacity 0s ease-out, max-height 0s ease-out;
	-o-transition: opacity 0s ease-out, max-height 0s ease-out;
	-ms-transition: opacity 0s ease-out, max-height 0s ease-out;
	transition: opacity 0s ease-out, max-height 0s ease-out;
}

.mkd_logo {
	max-width: 60px;
	margin: auto;
	height: 60px;
	opacity: 1;
	-webkit-transition: max-height .2s ease-out, opacity .2s ease-out;
	-moz-transition: max-height .2s ease-out, opacity .2s ease-out;
	-o-transition: max-height .2s ease-out, opacity .2s ease-out;
	-ms-transition: max-height .2s ease-out, opacity .2s ease-out;
	transition: max-height .2s ease-out, opacity .2s ease-out;
	padding: 10px 0;
}

.mkd_logo a {
	position: relative;
	display: block;
	visibility: hidden;
	padding-bottom: 10px;
}

.navbar-nav {
	float: none;
}

.lauwz{
	position:absolute;
	left: 100px;
    top: 44px;
    color: #fff;
}

a:hover.lauwz{
	color:#fff
}

.header-appear .lauwz{
	top: 24px;
}

/***************/
.bur-back {
	background-color: #ff6666 !important;
	border-color: rgb(43, 21, 0) !important;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-style: solid;
	border-width: 0px !important;
	border-radius: 70px;
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	transition-delay: 0s, 0s, 0s, 0s, 0s;
	-webkit-transition-delay: 0s, 0s, 0s, 0s, 0s;
	-moz-transition-delay: 0s, 0s, 0s, 0s, 0s;
	-o-transition-delay: 0s, 0s, 0s, 0s, 0s;
}

.mkd_icon_shade {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	z-index: 25;
}

.mkd_separator_with_icon {
	position: relative;
	display: block;
	height: 1px;
	margin: 30px 0;
}

.mkd_separator_with_icon .mkd_icon_holder {
	position: absolute;
	text-align: center;
	width: 100%;
	line-height: normal;
}

.mkd_separator_with_icon .mkd_separator_icon_holder {
	position: relative;
	display: inline-block;
	line-height: 1em;
}

.mkd_separator_with_icon .mkd_line_before {
	content: '';
	width: 1000px;
	position: absolute;
	bottom: 50%;
	right: 100%;
	border-bottom-color: #b2b2b2;
	border-bottom-width: 1px;
	margin-bottom: -0.5px;
	border: 0;
}

.mkd_separator_with_icon .mkd_line_after {
	content: '';
	width: 1000px;
	position: absolute;
	bottom: 50%;
	left: 100%;
	border-bottom-color: #b2b2b2;
	border-bottom-width: 1px;
	margin-bottom: -0.5px;
	border: 0;
}

.navbar-collapse {
	
}

.navbar-fixed-top .show-buer {
	-moz-transition: ease 0.3s;
	-o-transition: ease 0.3s;
	-webkit-transition: ease 0.3s;
	transition: ease 0.3s;
	height: 60px;
	overflow: visible;
}

.nav-fadein-header .show-buer {
	-moz-transition: ease 0.3s;
	-o-transition: ease 0.3s;
	-webkit-transition: ease 0.3s;
	transition: ease 0.3s;
	height: 0px;
	overflow: hidden;
}

.nav-fadein-header:HOVER .show-buer {
	height: 60px;
	overflow: visible;
}

.show-buer:HOVER {
	height: 60px;
	overflow: visible;
}

.navbar-default {
	background-color: rgba(0, 0, 0, 0.6);
}

.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:focus,
	.navbar-default .navbar-nav>li.dropdown>a:focus {
	border-top: 2px none;
	background-color: rgba(255, 255, 255, 0);
	padding-right: 6px;
	padding-left: 6px;
	-moz-transition: ease 0.3s;
	-o-transition: ease 0.3s;
	-webkit-transition: ease 0.3s;
	transition: ease 0.3s;
}

.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:focus,
	.navbar-default .navbar-nav>li.dropdown>a:focus {
	height: 60px;
	padding:11px;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li.active>a,
	.navbar-default .navbar-nav>li:hover>a, .navbar-default .navbar-nav>li.active>a:hover
	{
	background-color: rgba(0, 0, 0, 0.4);
	border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}



.nav-fadein-header {
	background-color: rgba(0, 0, 0, 0.81);
	border-bottom: 0;
}

.navbar-nav li ul {
	border-top: 0px solid #f56363;
}

.user-def {
	font-size: 20px;
}
/***************/
.navbar-brand {
	display: none;
}

@media ( max-width : 900px) {
	.navbar-brand {
		display: block;
	}
	.logo_wrapper {
		display: none;
	}
}

@media only screen and (max-width: 1000px) {
	.mobile_menu_button, .logo_wrapper, .logo_wrapper a, .side_menu_button,
		.header_bottom_right_widget_holder, .side_menu .close_side_menu_holder,
		.menu_bottom .side_menu_button, .menu_bottom .header_bottom_right_widget_holder,
		header.menu_bottom.has_header_fixed_right .mobile_menu_button {
		height: 70px !important;
	}
	.side_menu_button_wrapper .side_menu_button a.search_icon_bckg_full {
		height: 70px !important;
	}
	.navbar-nav {
		display: block;
	}
	.nav-fadein-header .show-buer {
		overflow: auto;
	}
	.show-buer:HOVER {
		overflow: auto;
	}
}

@media only screen and (min-width: 1000px) {
	.fixed_hiding .mkd_logo a, .fixed_hiding .mkd_logo {
		max-height: 80px;
	}
	/* .navbar-fixed-top .show-buer{
		height: 80px !important;
	} */
}

@media only screen and (min-width: 1000px) {
	.holeder_for_hidden_menu {
		max-height: 80px;
	}
}

.navbar-nav>li {
	min-width: 80px;
}

.navbar-nav>li>a {
	padding-top: 15px;
}

.title-primary {
	
	color: #fff;
	border-radius: 2px;
	padding: 2px 6px;
	background-color:rgba(0,0,0,0.4);

	
}



.item-date .title-primary {
    background-color: #4c8ff5;
    color: #fff;
    border-radius: 10px;
    padding: 2px 9px;
    box-shadow: 0 0 10px #ccc;
}

.btn-primary-sc {

	color: #fff;
	border-radius: 2px;
	padding: 2px 6px;	
    cursor: pointer;
    background-color:rgba(0,0,0,0.2);
    -webkit-transition: background-color 0.25s;
    -moz-transition: background-color 0.25s;
    -o-transition: background-color 0.25s;
    transition: background-color 0.25s;
    text-align:center;
}

.btn-primary-sc:hover{
	background-color:rgba(231,84,95,1);
}


.btn-primary-dy {
	background-color: #e75e5f;
	color: #fff;
	border-radius: 2px;
	padding: 2px 6px;	
	cursor: pointer;
	text-align:center;
}

.btn-primary-js {
	background-color: #ff9001;
	color: #fff;
	border-radius: 2px;
	padding: 2px 6px;	
	margin-top:35px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
 

.btn-primary-tg {
	background-color: #7bc549;
	color: #fff;
	border-radius: 2px;
	padding: 2px 6px;
	margin-top:35px;	
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.btn-primary-cp {
	background-color: #ff6666;
	color: #fff;
	border-radius: 2px;
	padding: 2px 6px;
	margin-top:35px;	
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}



.btn-primary-gl {
	background-color: #0099ff;
	color: #fff;
	border-radius: 2px;
	padding: 2px 6px;
	margin-top:35px;	
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.height-text{
	max-height:105px;
	overflow:hidden;
	margin-bottom:15px;
	line-height:25px;
	font-size:14px;
	text-align: justify;
	text-shadow: 0 2px 5px #777;
}

/* .title-wake-primary {
	background-color: #f56363;
} */
.tp-purple {
	background-color: #B94ABB;
}

.tp-green {
	background-color: #8BD274;
}

.hot-tag {
	margin-left: 30px;
	background: #ff6666;
	color: #fff;
	font-size: 14px;
	padding: 3px 6px;
	border-radius: 3px;
}

.label-new-primary {	
	color: #fff;
	background-color: #ff6666;
	border-radius: 3px;
	display:block;
	width:40px;
	height:22px;
	line-height:22px;
	text-align: center;
	margin-left:40px;
	margin-bottom:10px;	
	position: absolute;
    right: 15px;
    top: 15px;
}

.label-new-primary_course {	
	color: #fff;
	background-color: #ff6666;
	border-radius: 3px;
	display:block;
	width:40px;
	height:22px;
	line-height:22px;
	text-align: center;
	float: right;
	margin-left:10px;
}

.Recommend-label-small {	
	color: #fff;
	background-color: #ff6666;
	border-radius: 3px;
	display:block;
	width:40px;
	height:22px;
	line-height:22px;
	text-align: center;
	float: right;
}

.label-new-primary-about {
	position: absolute;
	top: 20px;
	right: 20px;
	color: #fff;
	background-color: #ff6666;
	border-radius: 3px;
	display:block;
	width:40px;
	height:22px;
	line-height:22px;
	text-align: center;
}

.blog-img-wrapper img {
	border-radius: 4px;
	cursor: pointer;
}

.team-img-wrapper img {
	border-radius: 4px;
	cursor: pointer;
}

.portfolio-hover-buttons a {
	border: 0;
}

.portfolio-hover-buttons a:hover {
	background-color: inherit;
	color: #f56363;
	border: 0px;
}

.like-ser span {
	color: #8B8B8B;
}

.item-leb {
	background-color: #DADADA;
}

.item-leb span {
	color: #8B8B8B;
}

.into_action_cell {
	float: left;
}

.inclearfix {
	padding: 65px 70px;
	max-width: 800px;
	margin: auto
}

.member-btn {
	color: #282828;
	border-width: 0px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #eeee22;
	font-size: 15px;
	padding: 0.8rem;
}

.state-box-l p {
	color: #8B8B8B;
	font-size: 13px;
}

.prer-bttom {
	margin-bottom: 3rem;
}

.btn.btn-outline, a.btn.btn-outline {
	background-color: #f2f2f2;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
	color: #333333;
	min-width: 108px;
	border-radius: 4px;
	border: 0;
}

a.btn-outline, .btn-outline, a.btn-outline:link {
	border: 0;
}

.btn-sm.btn-outline, a.btn-sm.btn-outline {
	padding: 10px 16px;
}

.dropdown-menu li a {
	text-align: left;
}

.search-box {
	
}

.hed-menu-box {
	position: relative;
}

.hed-sed-box {
	position: absolute;
	right: -340px;
    top: -11px;
}

.hed-sed-item {
	float: right;
	width: 35px;
}

.hed-login-box {
	position: relative;
	right: 20px;
    margin-left: 10rem;
}

.search-box input {
	border: 0;
	padding: 0.7rem 0 0.5rem 0;
	background-color: rgba(0, 0, 0, 0);
	border-bottom: 1px solid rgba(255, 255, 255, 0.50);
	width: 0px;
	-moz-transition: ease 0.3s;
	-o-transition: ease 0.3s;
	-webkit-transition: ease 0.3s;
	transition: ease 0.3s;
	position: absolute;
	right: 35px;
	color:#fff;
}

.search-box input:focus {
	outline: none;
	width: 140px;
	margin-left: 1rem;
}

.search-box input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
 /* WebKit browsers */ 
color: #fff; 
} 
.search-box input:-moz-placeholder, textarea:-moz-placeholder { 
/* Mozilla Firefox 4 to 18 */ 
color: #fff; 
} 
.search-box input::-moz-placeholder, textarea::-moz-placeholder { 
 /* Mozilla Firefox 19+ */ 
color: #fff; 
} 
.search-box input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
 /* Internet Explorer 10+ */ 
color: #fff; 
} 


.adress input::-webkit-input-placeholder{ 
color: #ff6666; 
} 
.adress input:-moz-placeholder{ 
color: #ff6666; 
} 
.adress input::-moz-placeholder{ 

color: #ff6666; 
} 
.adress input:-ms-input-placeholder{ 
color: #ff6666; 
} 


.search-box:hover .inpu-sear {
	outline: none;
	width: 140px;
	margin-left: 1rem;
}

.search-box button {
	outline: none;
}

.search-box button {
	color: #fff;
	background-color: rgba(0, 0, 0, 0);
	border: 0;
	position: relative;
}

/**head**/
.def-cuh-b {
	display: inline-block;
	width: 35px;
	height: 35px;
	border-radius: 50px;
	color: #fff;
	-moz-transition: ease 0.3s;
	-o-transition: ease 0.3s;
	-webkit-transition: ease 0.3s;
	transition: ease 0.3s;
	text-align: center;
}

.def-cuh-b:hover {

}

.def-cuh-b:hover i {
	background: -webkit-linear-gradient(left, rgb(202, 248, 106) 2%,#85f8a6 82%);
    background: -moz-linear-gradient(left, rgb(202, 248, 106) 2%,#85f8a6 82%);
    background: -o-linear-gradient(left, rgb(202, 248, 106) 2%,#85f8a6 82%);
    background: -ms-linear-gradient(left, rgb(202, 248, 106) 2%,#85f8a6 82%);
	background: linear-gradient(to right, rgb(202, 248, 106) 2%,#85f8a6 82%);
    -webkit-background-clip: text;
    color: transparent;
}

.def-cuh-b i {
	-moz-transition: ease 0s;
	-o-transition: ease 0s;
	-webkit-transition: ease 0s;
	transition: ease 0s;
}

#showViewIcon .def-cuh-b i{
	margin-top:5px;
}

#showviewsearch .def-cuh-b i{
	margin-top:7px;
}

#help #showViewIcon .def-cuh-b i{
	margin-top:0px;
}

#help #showviewsearch .def-cuh-b i{
	margin-top:5px;
}


/***layui**/
.layui-form-item {
	
}

.lau-mbottom .layui-form-item{
	
	margin-bottom:30px;
	
}

.layui-form-label {
	margin: 0;
	font-family: 'Microsoft YaHei';
	font-size: 14px;
	box-sizing: initial;
}

.layui-form-label2 {
    float: left;
    display: block;
    padding: 9px 15px;
    width: 115px;
    font-weight: 400;
    text-align: right;
    margin: 0;
	font-family: 'Microsoft YaHei';
	font-size: 14px;
	box-sizing: initial;
}

.information-slider .owl-controls {
	text-align: left;
	width: initial;
	left: -15px;
	height: 100%;
	-moz-transition: ease 0.5s;
	-o-transition: ease 0.5s;
	-webkit-transition: ease 0.5s;
	transition: ease 0.5s;
	opacity: 0;
	z-index: 99;
}

.information-slider-detail .owl-controls {
	text-align: left;
	width: initial;
	left: -15px;
	height: 100%;
	-moz-transition: ease 0.5s;
	-o-transition: ease 0.5s;
	-webkit-transition: ease 0.5s;
	transition: ease 0.5s;
	opacity: 0;
}

.information-slider:hover .owl-controls {
	/* display: block;
	left: -20px; */
	opacity: 1;
}

.inde-elbaner-slider {
	text-align: left;
	width: 30px;
	left: -15px;
	height: 100%;
	position: absolute;
	background-color: #fff;
	z-index: 9;
}

.inde-elbaner-right {
	width: 30px;
	right: -16px;
	height: 100%;
	position: absolute;
	background-color: #fff;
	z-index: 9;
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
	-webkit-border-radius: 0px;
	border-radius: 0px;
	margin: 1px 0;
	text-align: center;
	height: 30px;
	line-height: 30px;
	background: #a3a3a3;
	opacity: 1;
	line-height: 30px;
	padding: 0px;
}

.team-til {
	width: 30px;
	background-color: #a3a3a3;
	padding: 6px 5px;
	color: #FFF;
	margin-top: 40px;
	text-align: center;
	font-size: 13px;
}

.owl-theme .owl-controls .owl-page {
	display: block;
}

.owl-theme .owl-controls {
	margin-top: 0px;
}

.owl-pagination .active span.owl-numbers {
	background-color: #f56363 !important;
}

.item-date,.item-date-lau {
	font-size: 12px;
	margin: 10px 0;
	color: #999;
}

.item-date span,.item-date-lau span{
	margin-left:17px;
	padding-top: 3px;
}

.item-date span:first-child,.item-date-lau span:first-child{
	margin-left:0;
}

#Focus-news .item-date span{
	margin-left:15px;
}


.order-box {
	border-radius: 3px;
	box-shadow: 0px 0px 20px #eaeaea;
	min-height: 552px;
	overflow: hidden;
	background-color: #fff;
}

.order-btn {
	padding: 15px 12px;
	background-color: #FF0082;
	border-top-left-radius: 4px;
    border-top-right-radius: 4px;
	color: #fff !important;
	display: block;
	width: 100%;
	text-align: left;
	margin: auto;
	margin-top: 0;
}

.user-log-box {
	height: 58px;
	display: block;
}

.user-log-box img {
	width: 35px;
	height: 35px;
	border-radius: 50px;
	margin-top: 13px;
}

.search-box form {
	margin-top: 22px;
}

.he-memte li a span {
	margin-right: 5px;
}

.item-leb-box {
	position: absolute;
	bottom: 0px;
	background-color: #fff;
	width: 100%;
	padding: 0 0.8rem 0 0.8rem;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	z-index:100;
	word-wrap:break-word;
	height: 167px;
}

.item-leb-box-lan{
	position: absolute;
	bottom: 0px;
	background-color: #fff;
	width: 100%;
	padding: 0 0.8rem 0 0.8rem;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	z-index:100;
	word-wrap:break-word;
	
}
.item-leb-box-lan p{
	 color: #999;
    margin-bottom: 10px;
    height: 40px;
    overflow: hidden;
}
   

.item-leb-box-small {
	position: absolute;
	bottom: 0px;
	background-color: #fff;
	width: 100%;
	padding: 0 0.8rem 0 0.8rem;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	z-index:100;
}

.item-dow {
	position: absolute;
	right: 12px;
	bottom: 8px;
	color: #999;
	display:none;
}

.item-dow i {
	margin-left: 10px;
}

.item-dow i:hover {
	color: #FF6666;
}

.list-item-box .col-sm-3 {
	margin: 15px 0;
}

#isotope-filter {
	margin-bottom: 0px;
}

#isotope-filter a {
	margin: 0 0.6rem;
	padding: 8px 35px;
	width: 140px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	background: #f2f2f2;
	border-radius:4px;
	/*border:1px transparent solid;
	border-image:-webkit-linear-gradient(to right,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8)) 1 10;
   	border-image:-moz-linear-gradient(to right,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8)) 1 10;
    border-image:linear-gradient(to right,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8)) 1 10;*/
}

#isotope-filter a:hover {
	border:0;
	background: -webkit-linear-gradient(135deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));
    background: -o-linear-gradient(135deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));
    background: -moz-linear-gradient(135deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));
    background: linear-gradient(135deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));
	color:#fff;
}

#isotope-filter a.active {
	border:0;
	background: -webkit-linear-gradient(135deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));
    background: -o-linear-gradient(135deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));
    background: -moz-linear-gradient(135deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));
    background: linear-gradient(135deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));
	color:#fff;
}

.wpb_wrapper h1 {
	font-size: 18px;
}

.wpb_wrapper h5 {
	font-size: 16px;
}

/*****detail*****/
.del-btn {
	padding: 5px 15px;
	background-color: #f56363;
	color: #fff;
	font-size: 12px;
	border-radius: 2px;
}

.del-item-b {
	margin: 12px 0;
}

.del-item-b a {
	margin-right: 10px;
}

.del-item-b a:hover {
	color: #fff;
}

.video-main {
	border: 4px solid #E0E0E0;
}

.js .animate-box {
	opacity: 0;
}

.layui-m-layercont {
	text-align: center;
	overflow-x: auto;
	max-height: 200px;
}

.coupon-item {
	margin: 5px 0;
}

.employ-btn {
	display: inline-block;
	background-color: #31E23F;
	padding: 1px 4px;
	color: #fff;
	border-radius: 2px;
}

.has-feedback .form-control-feedback {
	position: absolute;
	top: 20px;
	right: 0;
	display: block;
	width: inherit;
	height: 34px;
	line-height: 34px;
	text-align: center;
	padding: 0 8px;
}

.send-smc {
	background-color: #ff6666;
	color: #fff;	
}

.send-smc:hover{
	background:#d9534f;
	color:#fff;
}

.ber-smc {
	background-color: #B3B3B3;
}

.team-el-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
}

.team-img-el-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
}

.team-img-el-wrapper a .img-center{
    /*filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);*/
	
}

.team-img-el-wrapper .social-icons {
	position: absolute;
	top: 50%;
	margin-top: -9px;
	width: 100%;
}

.team-img-el-wrapper .social-icons a {
	color: #FFF;
}

.mask .bg.other-bg {
	opacity: .82;
	filter: alpha(opacity = 82);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(82));
}

.mask .bg {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.mask .content {
	position: absolute;
	left: 0;
	right: 0;
	top: 100px;
	bottom: 0;
	transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.mask .content .item-img-panel .item-img-hover {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	display: inline-block;
	opacity: 1;
	filter: alpha(opacity = 100);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
	transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.mask .content .item-img-panel {
	position: relative;
	width: 25%;
	height: 54px;
	display: inline-block;
}

.mask .content .item-img-panel .item-img-hover {
	opacity: 0;
	filter: alpha(opacity = 0);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
	transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.mask .content .item-img-panel .item-img, .mask .content .item-img-panel .item-img-hover
	{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	display: inline-block;
	opacity: 1;
	filter: alpha(opacity = 100);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
	transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.mask .content .line-panel .item-line {
	width: 20px;
	height: 2px;
	background: #fff;
	display: inline-block;
	opacity: 1;
	filter: alpha(opacity = 100);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
	transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.mask .content .item-title {
	color: #fff;
	font-size: 22px;
	line-height: 24px;
	margin: 0;
	padding: 0;
	margin-top: 24px;
	font-weight: 700;
	transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.mask .content .item-desc, .mask .content .item-link {
	opacity: 0;
	filter: alpha(opacity = 0);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
	transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.mask .content .item-desc {
	font-size: 14px;
	color: #fff;
	text-align: center;
	margin-top: 30px;
	padding: 0 23px;
	line-height: 24px;
	height: 72px;
}

.mask .content .item-link {
	display: inline-block;
	border: 1px solid #fff;
	width: 120px;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	margin-top: 62px;
}

.team-el-wrapper:hover .bg {
/*	background: -webkit-linear-gradient(180deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));
	background: -o-linear-gradient(180deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));
	background: -moz-linear-gradient(180deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));
	background: linear-gradient(180deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));*/
	background: rgba(255,255,255,0.4);
}

.team-el-wrapper:hover .bg.other-bg {
	opacity: .9;
	filter: alpha(opacity = 90);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(90))
}

.bgbottom{
	opacity: 0.9;
	background: #8657DB;
    background: -webkit-linear-gradient(left, rgb(41, 105, 176) 0%,rgb(134, 87, 219) 82%);
    background: -moz-linear-gradient(left, rgb(41, 105, 176) 0%,rgb(134, 87, 219) 82%);
    background: -o-linear-gradient(left, rgb(41, 105, 176) 0%,rgb(134, 87, 219) 82%);
    background: -ms-linear-gradient(left, rgb(41, 105, 176) 0%,rgb(134, 87, 219) 82%);
    background: linear-gradient(to right, rgb(41, 105, 176) 0%,rgb(134, 87, 219) 82%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8657DB', endColorstr='#2969B0',GradientType=1 );
}

.team-el-wrapper:hover .content {
	top: 13%
}

.team-el-wrapper:hover .content .item-img-panel .item-img {
	opacity: 0;
	filter: alpha(opacity = 0);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0))
}

.team-el-wrapper:hover .content .item-img-panel .item-img-hover {
	opacity: 1;
	filter: alpha(opacity = 100);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100))
}

.team-el-wrapper:hover .content .line-panel {
	margin-top: 10px
}

.team-el-wrapper:hover .content .line-panel .item-line {
	opacity: 0;
	filter: alpha(opacity = 0);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0))
}

.team-el-wrapper:hover .content .item-title {
	margin-top: 12px
}

.team-el-wrapper:hover .content .item-desc, .team-el-wrapper:hover .content .item-link
	{
	opacity: 1;
	filter: alpha(opacity = 100);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100))
}

.team-el-wrapper:hover .content .item-desc {
	margin-top: 22px
}

.team-el-wrapper:hover .content .item-link {
	margin-top: 14%
}

.team-slider .owl-prev {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}

.team-slider .owl-next {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
}

.team-slider .owl-prev i, .team-slider .owl-next i {
	position: absolute;
	top: 50%;
}

.team-slider .owl-controls .owl-buttons div {
	color: #FFF;
	display: inline-block;
	zoom: 1;
	margin: 0px;
	padding: 0px 1.5rem;
	font-size: 12px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background: #000;
	filter: Alpha(Opacity = 50);
	opacity: 0.5;
}

.team-slider  .owl-buttons div {
	cursor: pointer;
}

.team-slider  .mask .content .item-link:hover {
	color: #00c1de;
	background: #fff;
}

.module-extend {
	background: url(/resources/common/images/213121112.jpg);
	height:365px;
	position: relative;
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.series-details {
	margin-top: 15px;
	margin-bottom: 10px;
	overflow: hidden;
	padding: 5px 0;
}

.series-details-course{
	margin-top: 5px;
	margin-bottom: 10px;
	overflow: hidden;
	padding: 5px 0;
}

.series-details-launchpad{
	margin-top: 15px;
	margin-bottom: 10px;
	overflow: hidden;
	padding: 5px 0;
}


.series-details h1 {
	margin-bottom: 30px;
}

.mkd_separator_with_icon {
	margin-bottom: 65px
}

.emoticons {
	padding-bottom: 30px;
}

.emoticons .publisher {
	border-bottom: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.edit-ev-l {
	margin-bottom: 20px;
	margin-top: 30px;
}

.pagination>li:hover>a:hover {
	color: #fff;
	background-color: #ff6666;
	border-color: #ff6666;
}

.banner {
	
}

.banner .col-lg-3 {
	width: 19%;
	padding-bottom: 20px;
}

.blog-img-hover .hover-left {
	width: 100%;
}

.blog-img-hover .hover-left i {
	left: 45%;
}

/******闁跨喕袙闁劑鏁撻弬銈嗗闁跨噦鎷�******/
.cross-sell {

	background-color: #f8f8f8;
	padding-bottom: 30px;
	padding-top: 30px;
}

.grid-container {
	padding-left: 10px;
	padding-right: 10px;
	margin-left: auto;
	margin-right: auto;
}

.cross-sell__list {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.cross-sell__list-item {
	
	border-radius: 6px;
	list-style-type: none;
	-webkit-flex-basis: 0;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	overflow: hidden;
	margin-bottom: 32px;
	margin-top: 32px;
	max-width: 320px;
	margin-left: 1rem;
	margin-right: 1rem;
	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	transition: -webkit-transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55),-webkit-transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-webkit-transition: -webkit-transform 0.3s
		cubic-bezier(0.68, -0.55, 0.265, 1.55)
}

.cross-sell__list-item:hover, .cross-sell__list-item:active {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
}

.cross-sell__link {
	border-radius: 5px;
	display: inline;
	overflow: hidden;
}

.cross-sell__text-container {
	color: #454545;
	padding: 16px;
}

.cross-sell__image {
	display: block;
	height: auto;
	width: 100%;
	/*-webkit-transition: -webkit-filter 0.3s
		cubic-bezier(0.445, 0.05, 0.55, 0.95);
	transition: -webkit-filter 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
	transition: filter 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
	transition: filter 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95),
		-webkit-filter 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
	will-change: filter;*/
}

@media ( max-width : 720px) {

	.cross-sell__list-item {
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		width: 48%;
		webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
	}
}

.t-body.-weight-bold {
	font-weight: 700;
}

.t-body.-color-inherit {
	color: inherit;
}

.t-body.-size-l {
	font-size: 18px;
}

.t-body.-color-dark, .t-body {
	color: #666666;
}

.t-body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	margin-bottom: 16px;
	padding: 0;
}

.h-mb1 {
	margin-bottom: 8px !important;
}

.cross-sell__text {
	color: #6e6e6e;
	font-weight: 500;
}

small {
	font-size: 80%;
}

/*.cross-sell__list-item:hover .cross-sell__image {
	-webkit-filter: brightness(120%) hue-rotate(45deg);
	filter: brightness(120%) hue-rotate(45deg)
}*/

.cross-sell__text-container {
	color: #454545;
	padding: 16px;
	background:#fff;
}



.cross-sell__list-item:hover .cross-sell__text {
	color: #545454
}

.landchpad-bl {
	display: block;
	background: url("images/lad_log_cu.png") no-repeat;
    padding-left: 32px;
	height: 28px;
	position: absolute;
	bottom: 20px;
	margin-left: 5.5rem;
	color: #fff;
    line-height: 28px;
}

.landchpad-bl:HOVER {
	background: url("images/lad_log_cu_hover.png") no-repeat;
	color:#f73e3c;
}
.red{
	color:#ff6666;
	padding-left:5px;
	padding-right:5px;
	
}

.fa-search {
	opacity: 1;
}

.glyphicon-user {
	opacity: 1;
}

.fa-search:HOVER {
	opacity: .8;
}

.glyphicon:HOVER {
	opacity: .8;
}

.subine-box {
	margin-top: 30px;
}

.btn.btn-subine, a.btn.btn-subine {
	background-color: #f8f8f8;
	border-radius: 0px;
	color: #999;
	padding: 0;
	width: 80px;
	height: 26px;
	line-height: 25px;
	margin-left: 20px;
	border: 1px solid #999;
}

a.btn.btn-subine:hover {
	border: 1px solid #ff6666;
	color: #ff6666;
}

a.btn.subscribe-high {
	border: 1px solid #ff6666;
	color: #ff6666;
}

.nevent-l {
	text-align: center;
	color: #999;
}

.series-heading {
	font-size: 20px;
	font-weight: bold;
	color: #eeeeee;
    width: 90%;
}

.animated {
	color: #eeeeee;
}

.btn.btn-info {
	background-color: #f8f8f8;
	color: #333;
	margin: 0 15px;
	-moz-transition: ease 0.3s;
	-o-transition: ease 0.3s;
	-webkit-transition: ease 0.3s;
	transition: ease 0.3s;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.28);
	padding: 10px 22px;
	font-size: 14px;
}

.btn.btn-info:hover {
	background: -webkit-linear-gradient(135deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));
    background: -o-linear-gradient(135deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));
    background: -moz-linear-gradient(135deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));
    background: linear-gradient(135deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));
	color: #fff;
}

.btn.btn-info.btn-active {
	background-color: #573e81;
	color: #fff;
}

.near-box {
	margin-top: 15px;
}

.he-bl-u li {
	margin-bottom: 12px;
	line-height:25px;
	letter-spacing:1px;
}

.he-bl-u li span{
    margin-right:0;
    
}

.banner .he-bl-u li span{
    margin-right:20px;
    
}
.banner .he-bl-u li a span{
    margin-right:0;
    
}

.he-bl-u li .pf{
	float:left;
}

.he-bl-u li .atar_Show{
    float: left;
}

/*.he-bl-u li .atar_Show{
	background: url(/resources/common/plugins/jQuery-pingfen/images/starky2.png);
    width: 65px;
    height: 12px;
    position: relative;
    float: left;
}

.he-bl-u li .atar_Show p {
    background: url(/resources/common/plugins/jQuery-pingfen/images/starsy2.png);
    left: 0;
    height: 12px;
}*/

.de-res-con {
	background: #FFF;
}

.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 15px 0 26px 0;
	border-radius: 4px;
}

.fullwidth-section {
	padding-top: 15px;
}

.error {
	color: #ff6666;
}

.modese-box {
	margin-bottom: 15px;
}

.mode-not-box {
	position: relative;
	overflow: hidden;
}

.mode-wappr {
	width: 100%;
	height: 100%;
}

.vide-not-tip {
	position: relative;
	background: rgba(0, 0, 0, 0.69);
	height: 100px;
	width: 100%;
	color: #fff;
	line-height: 100px;
	text-align: center;
	z-index: 99;
	margin: 80px 0;
}

@media only screen and (min-width: 1400px) {
	.vide-not-tip {
		margin: 335.5px 0;
	}
}

#comments .reply .avatar {
	width: 30px;
	height: 30px;
}

.evContent {
	margin-bottom: 5px;
	padding-left: 5px;
}

.reply .evContent {
	margin-top: 8px;
	margin-right:15%;
}

.go-to-reply {
	color: #999;
}

.ev-con-box {
	overflow: hidden;
}

.rig-ema-but{
	position: absolute;
    top: 0px;
    right: 0;
    display: block;
    width: inherit;
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0 8px;
    background: #ff6666;
    color: #fff;
    font-size: 14px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.rig-ema-but:hover{
	 background: #ff6666;
    color: #fff;
}

.mr15{
	margin-right:15px;
}
	
.ml15{
	margin-left:15px;
}

.mr25{
	margin-right:25px;
}
.ml25{
	margin-left:25px;
}

.pl25{
	padding-left:25px;
}

.pr25{
	padding-right:25px;
}

.artilelink{
 
	height:auto!important;  
	line-height: 25px;
    margin-top:10px;
    margin-bottom:10px;
}

.artilelink-title{
	color:#999999;
	-webkit-transition: all 2s;
	-moz-transition: all 2s;
	-o-transition: all 2s;
	transition: all 2s;
}
.artilelink-title:hover{
	color:#f56363;
}

.hover:hover{
     
}

.border-top{
	border-top:1px solid #e2e2e2;
}

.border-bottom{
	border-bottom:1px solid #e2e2e2;
}

.border-left{
	border-left:1px solid #e2e2e2;
}

.border-right{
	border-right:1px solid #e2e2e2;
}

.box-shadow4{
	box-shadow: 0 0px 20px #eaeaea;
	-webkit-box-shadow: 0 0px 20px #eaeaea;
    -moz-box-shadow: 0 0px 20px #eaeaea;
}

div#information-slider-recommend {
    margin-top: 13px;
    margin-bottom: 15px;
}

form.reply-form.emoticons {
    padding-bottom: 30px;
    padding-top:15px;
}

.Login-reminding{
	padding-top:20px;
	text-align:center;
	font-size:16px;
	line-height:30px;
    min-height:150px;
}


.Login-reminding .reminding-font{
	color:#999999;
	font-size:14px;
	padding-left: 20px;
    padding-right: 20px;
    display: block;

}

.Login-reminding .reminding-font2{
	color:#333;
	font-size:16px;
	padding-left: 20px;
    padding-right: 20px;
    display:block;
}

.Login-reminding .reminding-font3{
	color:#999999;
	font-size:14px;
	padding-left: 20px;
    padding-right: 20px;
    display: block;
    text-align:justify;
}


.Login-reminding a{
	padding:7px 13px;
	background:#e7e7e7;
	border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    -o-border-radius:2px;
}



.team-img-wrapper .Collection-Position_toutiao{
	position:absolute;
	left: 50%;
    margin-left: -46px;
    top: 35%;
	opacity: 0;
    -webkit-transition: all 0.45s;
	-moz-transition: all 0.45s;
	-o-transition: all 0.45s;
	transition: all 0.45s;
	z-index:999;
}

.team-img-wrapper  .hover-left .Collection-Position_toutiao2{
	position:absolute;
	left:50%;
	margin-left:-50px;
	top:30%;
	opacity: 0;
    -webkit-transition: all 0.45s;
	-moz-transition: all 0.45s;
	-o-transition: all 0.45s;
	transition: all 0.45s;
	width:100px;
	ovweflow:hidden;
	z-index:999;
}

.team-img-wrapper .hover-left .Collection-Position_toutiao2 i{
    position: absolute;
	font-size: 12px;
	
	top: 0;
	left: 4px;
	margin-top: 0px;
	border-radius: 50px;
	opacity: 1;
	z-index: -1;
	background-color: rgba(255,255,255,0.15);
	background:transparent;
}


.team-img-wrapper .hover-left .Collection-Position_toutiao2 i:hover
	{
	border: 0 solid #ff6666;
}




.ml30{
	margin-left:57%;
}


.team-img-wrapper:hover .Collection-Position_toutiao{
	opacity: 1;
  
}

.team-img-wrapper:hover .Collection-Position_toutiao2{
	opacity: 1;
  
}

.Basic-information{
   
}

.public-member-style{
	height:220px;
	margin-bottom:30px;
	border-radius: 3px;
	background:#f2f2f2;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.w{
	width:48.5%;
}

.thecontents{
	padding:2%;	
	flex-wrap:wrap;
}
.thecontents p,.thecontents div,.thecontents span{
	flex-wrap:wrap;
	word-wrap:break-word;
	line-height:220%;
}
.thecontents p img{
    margin-top:10px;
	margin-bottom:10px;
}

.series-details h1{
	text-shadow: 0 1px 4px #111;
} 
.he-bl-u li span{

}
.he-bl-u li ul li{
	text-shadow: 0 1px 4px #111;
}
.technology-lesson-height{
	max-height:50px;
	overflow:hidden;
}

.he-bl-u li .title-primary,.he-bl-u li a span{
	text-shadow: 0 0px 0px rgba(0,0,0,0);
}

.he-bl-u li a span{
	padding-left:3px;
}

.series-details{
	text-shadow: 0 1px 4px #111;
}
#isotope-filter{
	text-shadow: 0 0px 0px rgba(0,0,0,0);
}

.contributebtn-box{
	position:absolute;	
	top:250px;
	right:65px;
	z-index:100;
}
.contributebtn-box-lecturer{
	position:absolute;	
	top:300px;
	right:65px;
	z-index:100;
}
.contributebtn-box-submission{
	position:absolute;	
	top:250px;
	right:65px;
	z-index:100;
	
}
.submission-tip{
	position:absolute;
	display:block;
	text-align:left;
	line-height:30px;
	top:200px;
	right:30px;
	width:180px;
	font-size:14px;
	color:#fff;
	background:rgba(0,0,0,0.2);
	z-index:30;
	height:0px;
	/*padding-left:13.8px;
	padding-right:5px;*/
}
.submission-tip2{
	position:absolute;
	display:block;
	text-align:left;
	line-height:30px;
	top:220px;
	right:30px;
	width:180px;
	font-size:14px;
	color:#fff;
	background:rgba(0,0,0,0.2);
	z-index:30;
	height:0px;
	padding-left:12.5px;
	padding-right:5px;
}
.submission-tip p{
	height:125px;
	width:100%;
}

.submission-tip p:last-child,.submission-tip2 p:last-child{
	height:30px;
	align-items: center;
	text-align: center;
	background:rgba(0,0,0,0.25);
	width:107px;
	line-height:30px;
	margin:0 auto;
	border-radius: 4px;
}

.submission-tip p:last-child:hover{
	background:#e7545f;
}

.submission-tip p:last-child a{
	color:#fff
}

.submission-tip span{
	display:block;
	text-align: center;
}
.submission-tip2 p{
	height:60px;
	width:100%;
}
.submission-tip2 span{
	display:block;
}

.About-Instructor{
	position:absolute;	
	top:250px;
	right:30px;
	/*background:rgba(245,105,97,0.1);
	height:40px;
	width:174px; 
	border-radius: 4;
	*/
	z-index:100;
}

.About-Instructor a span .mask-btn-jb{
	display:block;
	position:absolute;
	width:100%;
	height:40px;
	top:0px;
	left:0px;
	background:url(../../common/images/mask-btn-jb.png) no-repeat;
}

.About-Instructor a span{
	position:relative;	
	display: block;
	background:rgba(156,193,37,1);
    /*background: -webkit-linear-gradient(rgba(156,193,37,1) , rgba(114,150,1,1)); 
    background: -o-linear-gradient(rgba(156,193,37,1) , rgba(114,150,1,1)); 
    background: -moz-linear-gradient(rgba(156,193,37,1) , rgba(114,150,1,1)); 
    background: linear-gradient(rgba(156,193,37,1) , rgba(114,150,1,1)); */
    /*padding: 10px 20px;*/
    width: 160px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    border-radius: 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    position:relative;
}


.About-Instructor img{
	position:absolute;
	width:100%;
	top:0px;
	left:0px;
	border-radius: 100px;
	opacity:0.4;
	z-index:99;
}



.img-mask{
	position:absolute;
	position:relative;
	width:176px;
	height:180px;
	top:-3.5px;
	left:-1px;
	border-radius: 100px;
	border:5px solid #d7d6d6;
	z-index:999;
    text-align:center;
}
.img-mask span{
	line-height:30px;
	color:#fff;
	font-size:25px;
    position:absolute;
    top:32%;
    left:20%;
    font-weight:bold;
    text-shadow: 0 1px 4px #111;
}
.img-mask2{
	position:absolute;
	position:relative;
	width:176px;
	height:180px;
	top:-3.5px;
	left:-1px;
	border-radius: 100px;
	border:5px solid #d7d6d6;
	z-index:999;
    text-align:center;
    
}
.img-mask2 span{
	line-height:30px;
	color:#fff;
	font-size:25px;
    position:absolute;
    top:42%;
    left:20%;
    font-weight:bold;
    text-shadow: 0 1px 4px #111;
}
.lineheight20{
	line-height:20px;
}

.block-search{
	padding-bottom: 10px;
    width: 12%;
    margin: auto;
    margin-top: 30px;
}
}

.bar2 input, .bar2 a {
	border-radius: 3px;
}

.bar2 input {

	width: 100%;
	height: 40px;
	padding-left: 13px;
	border:1px solid #ddd;
	border-radius: 5px;
	color: #999;
}

.bar2 a {
	position: absolute;
    right: 0px;
    top: 0px;
    color: #929292;
    font-size: 16px;
    width: 40px;
    height: 40px;
    line-height: 40px;
}



i.fa.fa-wpforms {
    padding-right: 0px;
}

i.fa.fa-wpforms,i.fa.fa-heart.music-icon{
	text-shadow:0 0px 0px rgba(0,0,0,0);
	padding-left:0;
}

i.fa.fa-heart.music-icon2{
	text-shadow:0 0px 0px rgba(0,0,0,0);
	padding-left:18px;
}

#about{
	margin-top:0px;
}

section .layui-field-box{
	    margin-top: 0px;
}


.hu-per a.motion-phone {
	display: block;
	width: 38px;
	height: 24px;
	background: url(../mod/user/images/login/cu-off.png) no-repeat;
	position:absolute;
	right:0;
	top:3px;
	width:100px;
}

.hu-per a.motion-address {
	display: block;
	width: 38px;
	height: 24px;
	background: url(../mod/user/images/login/cu-off.png) no-repeat;
	position:absolute;
	right:0;
	top:3px;
	width:100px;
}

.hu-per a.motion-sex {
	display: block;
	width: 38px;
	height: 24px;
	background: url(../mod/user/images/login/cu-off.png) no-repeat;
	position:absolute;
	right:0;
	top:2px;
	width:100px;
}

.hu-per a.motion-qq {
	display: block;
	width: 38px;
	height: 24px;
	background: url(../mod/user/images/login/cu-off.png) no-repeat;
	position:absolute;
	right:0;
	top:3px;
	width:100px;
}

.hu-per a.cu-on {
	background: url(../mod/user/images/login/cu-on.png) no-repeat;
}

.hu-per a span {
	color: #919191;
	font-size: 14px;
	left:30px;
	top:-1px;
}

.btn-save2{
	background:#f2f2f2;
	color:#333;
	box-shadow:0 2px 4px rgba(0, 0, 0, 0.28);
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.28);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.28);
    -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	margin-right:15px;
}

.btn-save2:hover{
	background:#f56363;
	color:#fff;
}

.Login-reminding .btn-save2{
	margin-right:0px;
	box-shadow:0 2px 4px rgba(0, 0, 0, 0);
}

.btn-save-pj{
	background:#f2f2f2;
	color:#333;
	box-shadow:0 2px 4px rgba(0, 0, 0, 0.28);
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.28);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.28);
    -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-save-pj:hover{
	background:#f56363;
	color:#fff;
}

.btn-save:hover{
	background:#c53333;
	color:#fff;
}

.btn-re{
	background:#f2f2f2;
	box-shadow:0 2px 4px rgba(0, 0, 0, 0.28);
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.28);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.28);
    -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-re:hover{
	background:#f56363;
	color:#fff;
}

.btn-green{
	background:#5cb85e;
	color:#fff;
	box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.btn-green:hover{
	background:#008000;
    color:#fff
}

.pd{
	padding:4px 12px;
}

/**/
.clears{ clear:both;}
.for-liucheng{width:640px;margin:30px auto; height:50px;padding:20px 0 0 0; position:relative;}
.liulist{float:left;width:25%; height:7px; background:#ccc;}
.liutextbox{ position:absolute;width:100%;left:0;top:10px;}
.liutextbox .liutext{float:left;width:25%; text-align:center;}
.liutextbox .liutext em{ display:inline-block;width:24px; height:24px;-moz-border-radius: 24px; -webkit-border-radius: 24px;border-radius:24px; background:#ccc; text-align:center; font-size:14px; line-height:24px; font-style:normal; font-weight:bold;color:#fff;}
.liutextbox .liutext strong{ display:inline-block;height:50px; line-height:50px; font-weight:400;}
.liulist.for-cur{ background:#ff6666;}
.liutextbox .for-cur em{ background:#ff6666;}
.liutextbox .for-cur strong{color:#ff6666;}
.font-pwd-color{
	color:#666;
}
.mbottom{
	margin-bottom:25px;
}
.mbottom15{
	margin-bottom:15px;
}
.width60-Percentage{
	width:60%;
}
.width10-Percentage{
	width:60%;
}
.width20-Percentage{
	width:60%;
}
.width30-Percentage{
	width:60%;
}
.width40-Percentage{
	width:60%;
}
.width50-Percentage{
	width:60%;
}
.width60-Percentage{
	width:60%;
}
.width70-Percentage{
	width:60%;
}
.width80-Percentage{
	width:60%;
}
.width90-Percentage{
	width:60%;
}

.ml20-Percentage{
	margin-left:0;
}

.dis-block{
	display:block;
}

.forget-pwd{width:auto;margin:20px auto;min-height:110px;}
.forget-pwd .yanzma{ position:absolute;left:250px;top:6px; height:30px; line-height:30px;width:180px;}
.subtijiao{padding:0 0 0 110px;}
.subtijiao input{width:85px; height:32px; background:#f60;color:#fff; font-size:14px; cursor:pointer;}
.successs{ text-align:center;padding: 20px 0 60px 0;}
.successs h3{padding:20px; font-size:25px;color:#333;}

/* .team-wrapper {
	margin-top: 0;
} */

/* .owl-theme {
	margin-top: 20px;
	margin-bottom: 15px;
} */

.icon-col{
	color:#ff6666 !important;
}

.icon-focus{
	border: 2px solid #ff6666;
}

.Custom-col{
	text-align:center;

}
.Custom-col a{
	margin-right: 0;
    margin-left: 0;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 1px solid #444;
    border-top: 2px none;
    background-color: rgba(255, 255, 255, 0);
    -moz-transition: ease 0.3s;
    -o-transition: ease 0.3s;
    -webkit-transition: ease 0.3s;
    transition: ease 0.3s;
    color:#fff;
}



.bgwhite{
	background:#fff;
	border-radius: 4px;
	margin-bottom:30px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.relative{
	position:relative;
}

.upfile-positioning{
	position: absolute;
    top: 0px;
    left: 20px;
    height: 33px;
    line-height: 15px;
    z-index: 999;
    width: 85px;
    padding-left: 10px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.upfile-positioning-img{
	position: absolute;
    top: 0px;
    left: 0;
    height: 38px;
    line-height: 18px;
    z-index: 999;
    width: 85px;
    padding-left: 10px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    z-index: 1;
}

.ml{
	margin-left:20px;
	
}

.mbottom10{
	margin-bottom:10px;
}

.mbottom20{
	margin-bottom:20px;
}
.mbottom30{
	margin-bottom:30px;
}
.mbottom40{
	margin-bottom:40px;
}
.mtop10{
	margin-top:10px;
}

.mtop15{
	margin-top:15px;
}

.mtop20{
	margin-top:20px;
}
.mtop25{
	margin-top:25px;
}

.mtop30{
	margin-top:30px;
}

.mtop40{
	margin-top:40px;
}

.Recommend-hot-tags{
	position:absolute;
	width:100px;
	height:22px;
	color:#fff;
	border-radius: 3px;
	opacity:1;
	top:20px;
	right:70px;
	text-align:center;
}

.lau-un-tags{
	position:absolute;
	height:22px;
	color:#fff;
	border-radius: 3px;
	opacity:1;
	top:15px;
	right:60px;
	text-align:center;
}

.Recommend-hot-tags-small{
	position:absolute;
	width:150px;
	height:22px;
	color:#fff;
	border-radius: 3px;
	opacity:1;
	top:15px;
	right:10px;
	text-align:center;
}

.lau-un-tags-small{
	position:absolute;
	width:80px;
	color:#fff;
	border-radius: 3px;
	opacity:1;
	top:15px;
	right:10px;
	text-align:center;
	font-size: 8px;
	transform: scale(0.9,0.9);
}

.lau-un-tags-small .label-new-primary{
	position:static;
	color: #fff;
    background-color: #ff6666;
    border-radius: 3px;
    display: block;
    width: 40px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    margin-left: 40px;
    margin-bottom: 10px;
}

.Recommend-label{
	display:block;
	background:#ff6666;
	width:40px;
	line-height:22px;
	height:22px;
	color:#fff;
	border-radius: 3px;
	opacity:1;
	text-align:center;
	float:right;
	margin-left:10px;
}

.hot-label{
	display:block;
	background:#ff6666;
	width:40px;
	line-height:22px;
	height:22px;
	color:#fff;
	border-radius: 3px;
	opacity:1;
	text-align:center;
	float:right;
}

.lau-label{
	display:block;
	background:#ff6666;
	width:80px;
	line-height:22px;
	height:22px;
	color:#fff;
	border-radius: 3px;
	opacity:1;
	text-align:center;
	float:right;
	margin-left:10px;
}

.un-label{
	display:block;
	background:#ff6666;
	line-height:22px;
	height:22px;
	color:#fff;
	border-radius: 3px;
	opacity:1;
	text-align:center;
	float:right;
	padding: 0 5px;
}

.lau-label-small{
	display:block;
	background:#ff6666;
	width:80px;
	line-height:22px;
	height:22px;
	color:#fff;
	border-radius: 3px;
	opacity:1;
	text-align:center;
	float:right;
	margin-left:10px;
}

.un-label-small{
	display:block;
	background:#ff6666;
	width:80px;
	line-height:22px;
	height:22px;
	color:#fff;
	border-radius: 3px;
	opacity:1;
	text-align:center;
	float:right;
	margin-top: 0px;
	font-size:12px
}

.grade-label{
	display:block;
	position:absolute;
	color:#fdf598;
	width:119px;
	top:-30px;
	right:30px;
	opacity:0;	
	
}

.grade-label-lan{
	display:block;
	position:absolute;
	color:#999;
	width:119px;
	bottom:15px;
	right:30px;
	opacity:1;	
	
}

.num-label{
	display:block;
	position:absolute;
	color:#fdf598;
	width:auto;
	top:-50px;
	right:30px;
	opacity:0;	
	text-align:right;
}

.grade-label-small{
	display:block;
	position:absolute;
	color:#fdf598;
	width:119px;
	top:-30px;
	right:10px;
	opacity:0;	
	
}

.grade-label-small-lau{
	display:block;
	position:absolute;
	color:#999;
	width:119px;
	bottom:9px;
	right:10px;
	opacity:1;	
	font-size:13px;
}

.grade-label-small-lau span.f{
	margin-top: 2px;
    display: inline-block;
}

.grade-label-small-l{
	display:block;
	position:absolute;
	color:#fdf598;
	width:133px;
	bottom:10px;
	right:10px;
	opacity:0;	
	
}

.num-label-small{
	display:block;
	position:absolute;
	color:#fdf598;
	width:auto;
	top:-50px;
	right:10px;
	opacity:0;	
	text-align:right;
}

.two-i{
	margin-left:20px;
}
.three-i{
	margin-left:40px;
}
.four-i{
	margin-left:60px;
}
.five-i{
	margin-left:80px;
}

.blog-img-hover .hover-left .grade-label i{
	background:rgba(255,255,255,0);
	color:#fdf598;
	left:30px;
	top:10px;
}

.blog-img-hover .hover-left .grade-label-small i{
	background:rgba(255,255,255,0);
	color:#fdf598;
	left:30px;
	top:10px;
}

.blog-img-hover .hover-left .grade-label-small-l i{
	background:rgba(255,255,255,0);
	color:#fdf598;
	left:30px;
	top:10px;
}

.img-responsive-small{
    display: block;
    max-width: 100%;
    height: auto;
}

.introduce-content{
	background:#fff;
	border-radius:4px;
	box-shadow:0 2px 4px rgba(0,0,0,0.1);
	padding:40px 15px 40px 15px;
	margin-top:35px;
	
}
.introduce-content p,.introduce-content div{
	line-height:25px;
}


 .r-t-t{
      display:block;
    }

.gotop{
    position: fixed;
    bottom:80px;
    right: 50px;
    -webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	-o-transition: all 0.35s;
	transition: all 0.35s;
	z-index:999;
}
.gotop:hover{
	
	bottom:90px;
	transform: translateY(-3px) translateZ(0)
}
.gotop  a{
	display: block;
	width: 40px;
	height: 40px;
	background-color: #333;
	color: #fff;
	line-height: 15px;
	padding-top:10px;
	text-align: center;
	border-radius:20px;
	}
.gotop  a i{font-size: 20px;}
.gotop  a:hover{color: #fff;}

.vi-fl{
	    padding: 10px 5px;
		float: right;
		color:#1190DA;
		font-size:14px;
	}
	.parent-layer{
	    width:1370px;
	    margin:0 auto;
	    position:relative;
	}
	.ifr{
   width: 1370px;
   height: 600px;
   }
   .qq{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
   }
   
   .jurisdiction{
      position:absolute;
      left:20px;
      top:20px;
      width:300px;
      height: 22px;
      opacity:0;
   }
   
   .jurisdiction-small{
      position:absolute;
      left:10px;
      top:15px;
      width:300px;
      height: 22px;
      opacity:0;
   }
   .Vip-l{
      background:#e12222;
      margin-right:10px;
   }

   .Authentication-l{
      background:#ff9001;
      margin-right:10px;
   }

   .ordinary-l{
      background:#868686;
      margin-right:10px;
   }

   .Admins-l{
      background:#0099ff;
   }
   
   .jurisdiction-small span,.jurisdiction span{
      display:block;
      width:40px;
      height:22px;
      line-height: 22px;
      text-align: center;
      color:#fff;
      border-radius: 3px;
      float:left;
   }
   .author h5 span{
      margin-left:0px;
      font-weight:300;
   }
   .dropdown-menu2 {
    box-shadow: none;
    font-size: 13px;
    border-radius: 0;
    color: #fff;
    border-top: none;
    z-index: 1;
    padding: 0;
    margin: 0;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
   }
   .dropdown-menu2 {
    position: absolute;
    top: -47px;
    right: -106px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    list-style: none;
    background-clip: padding-box;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background: -webkit-linear-gradient(180deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));
    background: -o-linear-gradient(180deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));
    background: -moz-linear-gradient(180deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));
    background: linear-gradient(180deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));
}

.dropdown-menu2 > li{
	float: none;
}

.dropdown-menu2 > li:first-child > a {
    border-top: none;
}
.dropdown-menu2 > li > a {
    padding: 10px 20px;
    color: #D0D0D0;
    font-weight: 400;

    border-top: 1px solid rgba(255,255,255,0.2);
}
.dropdown-menu2 > li > a {
    display: block;
    padding: 8px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap;
}

.dropdown-menu2 .dropdown-close{
	position: absolute;
	right: 35px;
    top: 0px;
}

.dropdown-menu2 .dropdown-close::before,.dropdown-menu2 .dropdown-close::after{
	position: absolute;
    left: 16px;
    content: ' ';
    height: 18px;
    width: 2px;
    background: #fff;
    top: 5px;
}

.dropdown-menu2 .dropdown-close:before{
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.dropdown-menu2 .dropdown-close:after{
	-webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.img-code2 {
    cursor: pointer;
    height: 37px;
    width: 110px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.font-blue{
	color:#999;
	display:block;
	padding-left:10px;
	padding-right:10px;
	font-size:14px;
}

.font-gray{
	color:#999999;
	display: block;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
}



.Recharge{
	display:none;
}
.Rechargehead {
  
    display: none;
}
.max-width{
	max-width:1370px;
}
.font14{
	font-size:14px;
}
.font12{
	font-size:12px;
}

.background3 {
    background: #f9f9f9;
    padding-top: 20px;
    padding-bottom: 0px;
    margin-top:30px;
    margin-bottom:20px;
    /* text-align: center; */
}

.lau-screen{
	font-size: 15px;
    color: #333;
    border-bottom: 1px solid #f3f3f3;
    font-weight: 500;
    margin-left:20px;
    margin-right:20px;
    margin-bottom:30px;
}

.lau-screen span{
	width: 100px;
    height: 35px;
    line-height: 35px;
    background: #f3f3f3;
    text-align: center;
    display: block;
}

.btn-query{
	display: inline-block;
    height: 38px;
    line-height: 38px;
    padding: 0 18px;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border: none;
    border-radius: 2px;
    cursor: pointer;
	color: #333333;
	opacity: 1;
    background-color: #dddddd;	
    margin-right: 20px
}

a:hover.btn-query{
	color: #FFF;
	background: -webkit-linear-gradient(135deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));
    background: -o-linear-gradient(135deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));
    background: -moz-linear-gradient(135deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));
    background: linear-gradient(135deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));
}

.de-intro .col-md-12:first-child{
	margin-bottom:0px;	
    margin-top: 10px;
}

.de-intro .col-md-12:last-child{
	margin-bottom:10px;
}
.bt .layui-input{
	display: inline-block;
    width: 50%;
    padding-left: 10px;
}

.layui-inline.i-b{
	display: block;
}

.i-b .layui-input{
	display: inline-block;
}
.information-width{
	width:80%;
	text-shadow: 0 2px 5px #777;
}
.information-width2{
	width:60%;
	text-shadow: 0 2px 5px #777;
}
.lau{
	width: 180px;
    text-align: right;
    display: inline-block;
}

.background3 .layui-form-item .layui-input-inline,.backgroundm .layui-form-item .layui-input-inline{
    float: left;
    width: 130px;
    margin-right: 10px;
}

.background3 .layui-form-item .layui-form-label{
	padding: 9px 0px;
}

.col-md-new{
	float:left;
	width:110px;
}

.bt .layui-input, .layui-textarea {

    width: 50%;
    display: inline-block;

}

.recharge-success{
	width:1370px;
	margin:0 auto;
	background:#fff;
	border-radius:5px;
	box-shadow:0 2px 4px rgba(0,0,0,0.25);
	padding:30px;
	line-height:25px;
	margin-top:20px;
	font-size:15px;
	letter-spacing: 2px;
	height: 440px;
}

.recharge-success p{
	text-align: center;
}

.recharge-success p:first-child{
	    margin-top: 158px;
    margin-bottom: 20px;   
        
}

.recharge-success p:nth-child(2){
	
	padding-bottom: 20px;
	margin-bottom:20px;
}

.recharge-success-color1{
	color:red;
	letter-spacing: 0px;
}
.recharge-success-color2,.recharge-success a{
	color:#40c5ff;
	letter-spacing: 0px;
}

.recharge-success a:hover{
	color:red
}

.success-img{
	position: absolute;
    left: 50%;
    top: 49px;
    margin-left: -65px;
}

.Recharge-integra {
    width: 600px;
    background: #fff;
    display: none;
}

.integral-buy{
	width:600px;
	margin:0 auto;
}
.blue{
	color: #3299ff;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
}
.Recharge-iframe {
    width: 690px;
    height: 620px;
}
.font-green{
	color:#74bd34
}

.dowsResource{
	width:600px;
	
}

.ff6666{
	color:#ff6666;
}

.btn3{
	text-transform: uppercase;
    letter-spacing: 1.5px;
    text-shadow: 0 1px 4px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0;
    border: none;
    border-radius: 4px;
    padding: 10px 32px;
    outline: 0 !important;
    -webkit-transition: background-color 0.25s;
    -moz-transition: background-color 0.25s;
    -o-transition: background-color 0.25s;
    transition: background-color 0.25s;
}

#zq a.ind-dow-box{
	color:#333;
	font-size: 14px;
}

#zq a:hover.ind-dow-box{
	color:#fff
}


.ifa-video{
	width:100%;
	height:737px;
}

.big-title a h5,.m-item-text h5{
	font-size: 95%;
	font-weight: 400;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	color:#222;
}

.big-title a:hover h5:hover,.m-item-text:hover h5:hover{
	color:#f56363;
}

.search-recommend-content:last-child{
	margin-bottom:20px;
}


.icon-recommend{
	/*float:left;
	background-color:#272727;
	height:39px;	
	width:38px;
	border-top: 1px solid #404040;*/
	height:38px;
	line-height:38px;
	position:relative;

	border-top: 1px solid rgba(255,255,255,0.1);
}

.search-box .icon-recommend a{
	position: absolute;
    top: 10px;
	display:block;
	border-top: 0px;
    padding: 0px 20px;
    background:none;
    color: #fff;
}

.icon-recommend .fa-comment{
	color:rgba(0,0,0,0);
	font-size:22px;
	position:relative;
	position: absolute;
    top: -8px;
    right: -10px;
}
.icon-recommend .recommend-span{
	color:#fff;
	position:absolute;
	top: 3px;
    right: -11px;
	letter-spacing: 0px;
    -webkit-text-size-adjust: none;
    font-size: 12px;
    text-size-adjust: none;
    transform: scale(0.8);
}

.icon-recommend .fa-comment img{
	position:absolute;
	top:6px;
	right:-5px
}

.p-r-l{
	padding-left:15px;
	padding-right:15px;
}

.series-l{
	position:absolute;
	width:250px;

    display:block;	
    background: -webkit-linear-gradient(135deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));
    background: -o-linear-gradient(135deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));
    background: -moz-linear-gradient(135deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));
    background: linear-gradient(135deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));
}

.series-l div{
   margin-top: 15px;
   margin-bottom:15px;
   word-wrap:break-word; 
   word-break:break-all;   
}

.series-l-content a,.series-l-content a:hover{
    color:#fff
}

.series-l-content .fl,.series-l-content .fr{
	float:left
}
.series-l-content .fr{
	width:170px;
	padding-left:5px
}


.series-l-more{
	display:block;
	text-align:center;
	cursor: pointer;
	color:#fff
}

.series-l-main{
	display:block;
	height:50px;
	overflow:hidden;
	width:100%;
}

.start-series{
	position:static;
}

.more-series{
	display:none;
}

.notice-a{
	position:absolute;
	top:140px;
	left:0px;
	width:100%;
	text-align:center;
}

.notice-b{
	position:relative;
	width:1370px;
	margin:0 auto;
}

.notice{
	position:absolute;
	top:40px;
	left:0;
	width:250px;
	padding:10px 15px 10px 15px;
	z-index:999;
	font-size:14px;	
	text-align:left;
    height: 800px;
	color:#c3c3c3;
	font-weight: 400;
	text-align: justify;
}

.notice-c{
	position: absolute;
    top: 0px;
    left: 20px;
    height: 210px;
    width: 250px;
    z-index: 998;
    background: rgba(0,0,0,0.1);
}

.notice-d{
    height: 190px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0px;
    width: 250px;
}

.notice a{
	color:#fff;
}

.notice a:hover{
	color:#fff;
}

.notice-b p{
	height:40px;
	width:250px;
	text-align:center;
	padding:10px 20px 10px 20px;
	z-index:999;
	color:#e2e2e2;
	font-weight: 600;
}



.notice ul li{
	height: auto; 
	display:flex;
}

.notice ul li div{
	
	line-height: 20px;
	word-break:break-all;
	
}

.notice ul li div:first-child i{
	color:#a1eeff;
	font-size:18px;	
	
}

.notice ul li div:first-child{
	margin-right:5px;
	margin-top: 1px;
}

#reply{
	position:absolute;
	top:-100px;
	left:0px;
	opacity:0;
}

.index-page .info-{
	margin-bottom:15px;
	margin-top: 15px;

}

.background-image {  
    opacity: 0.4;
}

.bdrf2{
	border-bottom:1px solid #f2f2f2;
	padding-top:25px;
	margin-bottom:25px;
	margin-left:15px;
	margin-right:15px;
}

.sc_ts_big,.dy_ts_big{
	position: relative;
}


.h-sc,.h-dy{
	display:block;
	position:absolute;	
    top: 0px;	
    visibility: hidden;
    -webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	opacity:0;
	background: -webkit-linear-gradient(135deg,rgba(6, 91, 177, 0.8), rgba(153, 12, 244, 0.8));
    background: -o-linear-gradient(135deg,rgba(6, 91, 177, 0.8), rgba(153, 12, 244, 0.8));
    background: -moz-linear-gradient(135deg,rgba(6, 91, 177, 0.8), rgba(153, 12, 244, 0.8));
    background: linear-gradient(135deg,rgba(6, 91, 177, 0.8), rgba(153, 12, 244, 0.8));
	padding: 2px 5px;
    font-size:12px;
    color:#fff;
    border-radius: 2px;
    width: 50px;
}

.h-sc{
	left: 2px;
}

.h-dy{
	right:2px
}

.del-ts-out .h-sc,.del-ts-out .h-dy{		
	visibility: visible;
    top:-40px;
    opacity:1;
}

.del-ts-out .h-sc{
	left:-13px;
}

.del-ts-out .h-dy{
	right:-9px
}

.team-img-wrapper .hover-left .Collection-Position_toutiao2 i{
    top: 8px;
    left: 8px;
}

.dy_ts_big i{
   margin-left:1px
}

.h-sc:before,.h-dy:before {
    content: '';
    display: block;
    position: absolute;
    top: 30px;
    left: 21px;
    width: 0;
    height: 0;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    border: 6px;
    border-style: dashed dashed solid dashed;
    border-color: rgba(104, 49, 220, 0.8) transparent transparent transparent;
}

.h-sc:after,.h-dy:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    border: 5px;
    border-style: dashed dashed solid dashed;
    border-color: rgba(104, 49, 220, 0.8) transparent transparent transparent;
    position: absolute;
    left: 21px;
    top: 30px;
}


/*.list-item-box{
	float:left;
	position:relative;
	left:50%;
}

.list-item-box .info-{
	padding-left: 10px;
    padding-right: 10px;
    position:relative;
    left:-50%;
}*/

.font-white{
	color:#fff;
}

.index-tag{
	position: absolute;
    bottom: 8px;
    right: 10px;
    background: #ccc;
    width: 70px;
    height: 20px;
    border-radius: 15px;
    /* border-bottom-right-radius: 15px; */
    line-height: 19px;
    text-align: center;
    color: #fff;
    z-index: 200;
    font-size: 12px;
}

.index-tag-head{
	position: absolute;
    bottom: 27px;
    right: 10px;
    background: #ccc;
    width: 70px;
    height: 20px;
    border-radius: 15px;
    /* border-bottom-right-radius: 15px; */
    line-height: 19px;
    text-align: center;
    color: #fff;
    z-index: 999;
    font-size: 12px;
    box-shadow:0px 0px 10px #ccc
}

.click-upgrades{
	margin-left:40px;
	color:#999
}

.ts{
	color:#9d9d9d; 
	margin-top:20px; 
	text-align:center
}

.pc{
	display:block
	}
	.mob{
	display:none;
	}

.banner-1{
	color:#fff;
	font-size:14px;
}

.banner-2{
	margin-top:10px
}

.banner-3{
	margin-top:0;
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    width: 100%;

    font-size: 14px;
}

.banner-2-main,.banner-2-main-lau,.banner-2-main2{
    width: 50%;
    text-align: left;
    line-height: 25px;
    padding-left: 20px;

}


.banner-2-main:nth-child(2),.banner-2-main:nth-child(4),.banner-2-main:nth-child(6){
	margin-left:0px;
}



.banner-2-main2 .pf{
	float:left
}

.banner-1-left,.banner-1-right{
	
}
.banner-1-left{
	width:33%;
	display:none;
}
.banner-1-right{
	width:100%;
}	

.banner-1-right h1{
	color:#fff;
	font-size:15px;
	padding-top:5px;
	line-height:20px;
	font-weight:600;
	padding-bottom: 5px;
    text-align: left;
}

.b-t-down{
	margin-top:10px;
}

.banner-1-right div .b-t-down:nth-child(odd){

}

.b-t-down .title-primary{
	
}

#notice ul li{
  line-height:20px;
}

.banner-h5{
	margin-top: 20px; 
	letter-spacing: 1px; 
	color: #fff !important; 
	font-weight: 100; 
	font-size: 25px;
}

.banner-h4{
	margin-top: 20px; 
	letter-spacing: 1px; 
	font-size: 30px;
}

.jurisdiction-small-mob,.Recommend-hot-tags-small-mob{
	display:none;
}

.mc{
	display:none;
}

.down-password{
	text-transform:lowercase;
}

#tx{
	position:absolute;
	top:0px;
	right:-3px;
	width:30px;
	display:block;
}

.iframe-video{
	width:1370px;
	height:737px;
}

.hiddendiv{
	position:absolute;
	width:1370px;	
	height:300px;
	top:0;
	left:50%;
	margin-left:-685px;
}

.qq-online{
	position:absolute;
	width: 80px;
    height: 70px;
    color: #41bae6;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    z-index:999
}

.qq-online a{
    color: #41bae6;
}
.qq-online a i{
	font-size:30px;
	margin-top:10px;
}

.p-bar{width:397px; height:auto; margin:30px auto; }

.p-bar .ok{width:200px; height:50px; margin:0 auto; text-align:center;  line-height:100px; color:#999; display:none; }

.p-bar .tbox{width:397px; height:49px; background:url(/resources/common/images/bak.png) no-repeat; margin-top:20px;}

.p-bar .tbox div{width:0px; height:49px; background:url(/resources/common/images/pro.png) no-repeat; text-align:center; font-size:18px; line-height:48px;}

.course-name{
	padding: 30px 30px 0 30px;
    background: #fff;
}

.box-shadow4{
	z-index:100
}

.course-Category{
	padding: 20px 30px 20px 30px;
   background: -webkit-linear-gradient(135deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));
    background: -o-linear-gradient(135deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));
    background: -moz-linear-gradient(135deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));
    background: linear-gradient(135deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));
    position: absolute;
    width: 200px;
    left: 0px;
    top: 250px;
    z-index:-1;
    opacity:0;
    color:#fff;
    -webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.course-Category a,.course-Category a:hover{
	color:#fff
}

.box-shadow4:hover .course-Category{
	opacity:1;
	left: -200px;
}

.course-name h2{
	font-size:25px;
}

.course-Category span{
	padding-left:20px;
	color:#999
}

.course-Category .span2{
	color:#1190DA;
}

.course-Category .span3{
	padding-left:0;
	color:#1190DA;
}

.course-Category a{

}

.bqnum{
	display:block;
	position:absolute;
	right:367px;
	top:0px;
	width:250px;
	height: 38px;
	text-align: right;
    line-height: 36px;
    padding-right: 10px;
    color: #999;
	background-color: #fff;
	border-radius: 2px;
	border-right: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}

.btn-right{
         float:right;
     }	

.lauscreen .layui-form-label{
        display:block
     }
     
.f-flex-wrap {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
} 

#poster-loca{
	z-index:99
}

.layui-colla-content.layui-show{
	display:block;
}    

.mask-bgcolor{	
	position: absolute;
    width: 100%;
    height: 365px;
    opacity: 0.7;
	background: #8657DB;
    background: -webkit-linear-gradient(to right, #2969B0 0%,#8657DB 100%);
    background: -moz-linear-gradient(to right, #2969B0 0%,#8657DB 100%);
    background: -o-linear-gradient(to right, #2969B0 0%,#8657DB 100%);
    background: -ms-linear-gradient(to right, #2969B0 0%,#8657DB 100%);
    background: linear-gradient(to right, #2969B0 0%,#8657DB 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8657DB', endColorstr='#2969B0',GradientType=1 );
    z-index:9;
}

.layui-colla-title{
	border-bottom:0px solid #eaeaea
}

.layui-colla-item:nth-last-child(2) .layui-colla-title{
	border-bottom: none;
}


.course-content{
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    -o-transition: -o-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease, -o-transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
    overflow: hidden;
    height:auto;
}




@media screen and (min-width: 801px) and (max-width: 1024px) {
	.item-date .posi {
    left: 18%;
}
   .parent-layer{
      width:100%;
   }
   .banner .col-lg-3 {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.series-details h1 {
    text-align: center;
}
.height-text {
    text-align: center;
}
.information-width{
	width:100%;
}
.contributebtn-box-lecturer {
    top: 650px;
    right: 53%;
}
.contributebtn-box-submission {
    top: 650px;
    right: 35%;
}
.submission-tip {
    text-align: center;
    top: 600px;
    right: 50%;
    width: 70%;
    margin-right: -35%;

}
.header-content .banner .series-thumbnail img, .header-content .banner .skill-thumbnail img {
    max-width: 40%;
}
.col-md-7 {
    width: 100%;
}
.he-bl-u li {
    text-align: center;
}
.information-width2 {
    width: 94%;
}
.series-details-launchpad {
    text-align: center;
}
	
	.grade-label-small-lau{
	      bottom: 95px;
	      color:#fff
	}
	.landchpad-bl{
	  margin-left: 2rem;
	}
    .cross-sell__list{
      margin-left: 12.33333333%;
      display: block;
      
    }
    .cross-sell__list-item{
      width: 320px;
      max-width:320px;
      margin-right: 25px;
      float: left;
    }
    #blog .col-md-3 {
      width: 50%;
    }
    #blog .col-md-3:nth-child(3),#blog .col-md-3:nth-child(4){
      margin-top:30px;
    }
    #team .col-md-6 {
      width:100%;
    }
    header .col-lg-3,header .col-lg-9{
      float:left;
    }
    header .col-lg-9{
     width:100%;
     margin-top: 220px;
    }
    header .col-lg-9 .col-md-8{
      width:100%
    }
    header .col-md-2 {
     width: 18.66666667%;
    }
    
    header .series-details-course{
     margin-top: 20px;
     text-align: center;
    }
    
    header .header-content .hd-footer .container{
      width:100%;
    }
    
    header .header-content .hd-footer .series{
       left: 50%;
       margin-left: -239px;
    }
    
    .he-bl-u li .pf {
    margin-left: 45px;
}

.series-details-course .row .col-md-12 .he-bl-u li .row,.series-details .row .col-md-12 .he-bl-u li .row,.series-details-launchpad .row .col-md-12 .he-bl-u li .row{
	padding-left:95px
}

.series-details-course .row .col-md-12 .he-bl-u li .he-bl-u,.series-details .row .col-md-12 .he-bl-u li .he-bl-u,.series-details-launchpad .row .col-md-12 .he-bl-u li .he-bl-u{
	padding-left:0px
}



    #information #isotope-filter a{
        width: 118px;
    }
    .block-search{
        width: 25%;
    }
    .comment-box .btn, .comment-box a.btn, .comment-box a.btn:visited, .comment-box a.btn:link {
     padding: 10px 5px;
    }
    .comment-box .btn.btn-info{
     margin: 0 5px;
    }
    .author-comment a.del-btn:last-child{
     margin-top: 10px;  
     display: block;
     width: 100px;
     margin-left: 100px;
    }
    .comment-box .col-md-6 {
      width: 45%;
    }
    .comment-box .col-md-2 {
      width: 20%;
    }
    .comment-box .mr15{
     margin-right: 0; 
    }
    .comment-box .issue-time {
     margin-top: 1.2rem;
    }
    #course #isotope-filter a{
     width:100px
    }
    #course .btn.btn-outline, #course a.btn.btn-outline{
      min-width:90px
    }
    .title-time .posi{
      left: 7%;
    }
    .title-time .posi2{
      left: 62%;
    }
    .item-date .posi2{
      top: 0px;
      left: 70%;
    }
    .item-date .posi3 {
      top: 18px;
      right: 0.5%;
    }
    .layui-form-item.music .layui-input-inline {
      width: 130px;
    }
    .member .item-date .posi {
      position: absolute;
      top: 8px;
      left: 20%;
    }

}

@media screen and (max-width: 800px) {
	body{
	  font-size:14px;
	  font-family: PingFangSC-Regular, sans-serif;
	}
	
	 .bg-footer{
    	display: none;
    }
    .bg-footer-mob{
    	display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        align-items:center;
    	position:fixed;
    	bottom:0;
    	left:0;
    	width:100%;
    	background: -webkit-linear-gradient(90deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));
        background: -moz-linear-gradient(90deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));
        background: -o-linear-gradient(90deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));
        background: -ms-linear-gradient(90deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));
        background: linear-gradient(90deg,rgba(47, 148, 247,0.8), rgba(186, 101, 241, 0.8));
        padding: 10px 15px;
        color:#fff;
        z-index: 1001;
        height: 60px;
    }
    .bg-footer-mob a,.bg-footer-mob a:hover{
    	color:#fff
    }
    
    .bg-footer-mob-box{
      width:33.333333%;
      text-align:center
    }
    
    .bg-footer-mob-box p{
      margin-bottom: 0;
    }
    
    .bg-footer-mob-box img{
      max-width:20%;
    }
	
	.backgroundm .layui-form-item .layui-input-inline{
	  width: 92%;
	  margin: 0 0 0 13px;
	}
	
	.Recommend-hot-tags-small{
	  display:none
	}
	
	.content-mask{
	width:96%;
	}
	
	.course-Category{
    display: block;
    font-size:14px;
}

.course-Category h5{
	font-size:14px;
	padding-bottom:10px;
}

.course-Category span{
	padding-left:20px;
	color:#999;	
}

.course-Category .span1{
	padding-left:0;
}

.course-Category .span2{
	color:#1190DA;
}

.course-Category .span3{
	padding-left:0;
	color:#1190DA;
}

.course-Category a{
	padding-left:0;
	display:block;
	padding-top:10px;
	font-size:14px;
}
	
	#tx{
	  display:none
	}
	.iframe-video{
	width:100%;
	height:414;
}
	
	.banner-h5{
	font-size: 16px;
}
.index-tag{
	z-index:6;
	background: none;
	box-shadow: none;
	color:#999;
	font-size: 14px;
}

.banner-h4{
	font-size: 20px;
}
	.pc{
	display:none
	}
	.mob{
	display:block;
	}
	
	.mc{
	 display:inline-block;
	}
	
	.background3{
	  margin-top:0
	}
	
	.grade-label-small-lau{
	  bottom: 20px;
      right: 5px;
      color: #fff;
      display:none;
	}
	.grade-label-lan{
	 bottom: 20px;
    right: 5px;
    font-size:14px;
    color:#fff
	}
	.series-details{
	   margin-top: 10px;
	}
	.ts{
	color:#9d9d9d; 
	margin-top:20px; 
	text-align:left
}
	
	.de-intro .col-md-11{
	  width:100%;
	  padding-right: 0;
      padding-left: 0;
	}
	
	.notice-a{
	top:55px;
}

.notice-b,.notice-c{
	width:100%;
}
.notice-c{
	left: 0px;
    height: 35px;
}

.notice-d{
    height: 35px;
    width: 100%;
}

.notice{
	left:0px;
	width:100%;
	padding:0px 20px 10px 20px;
	text-align:center;
	top:0;
}
.notice-b p{
	top:0px;
	left:0px;
	width:100%;
	display:none
}



#notice ul li div{
	line-height:35px;
	text-align: left;
}

	.de-title{
	  font-size:14px;
	  margin-bottom: 30px;
	}
	
	.start-series{
	  position:relative;
	}
	
	.series-l{
    width: 100%;
    background:rgba(0,0,0,0.8);
    padding-top:0;
    padding-bottom:0;
    z-index:999;
    
    }
    
    .series-l-mob{
    
    }
    
    .more-series{
      display:none;
      background:#fff;
      padding:8px 15px;
      color:#999;
    }
    
    .series-l-more{
      display:block;
      text-align:center;
      width:100%;
      margin:0 auto;
      color:#fff;
      font-size:14px
    }
   .series-l-content .fr{
	width:80%;
    }
	
    .series-l-main{
      display:none;
      font-size:14px;
      height:auto;
    }
    
    .series-l-main a{
     color:#fff
    }
    
    .createUser,.font-mob{
	font-size:14px;
    }
	
	.thecontents p, .thecontents div, .thecontents span{
	   font-size: 16px;
	}
    .team-til{
	   display:none;
     }
    .owl-theme .owl-controls {
       display:none;
     }
     .mb {
    margin-bottom: 30px;
    }
    .ifa-video{
	width:100%;
	height:433px;
   }
   .submission-tip span{
      display:none;
   }
   .contributebtn-box-lecturer{
     right: 50%;
     margin-right:-123px;
     top:360px;
     font-size: 14px;
   }
   .contributebtn-box-submission{
    top:360px;
    right: 50%;
      margin-right: 18px;
      font-size: 14px;
    }
    
  .comment-listone{
    font-size:14px;
    }
   .banner {
    margin-top: 60px;
    padding: 0 20px;
   }
.pj{
	margin-left:0;
}

#about{
	margin-top:0px;
}
}

.vdown_pad{
       padding-left:10px;
     }
     
 .text-center{
 text-align:center
 }    
 
 .gmvip{
   width:320px;
   margin:0 auto;
 }
 
 .coursetitle{
width:auto;
 }

.course-les .layui-colla-content{
	height:0;
	overflow:hidden;
	transition: ease-in-out 0.2s;
	-webkit-transition: ease-in-out 0.2s;
	-moz-transition: ease-in-out 0.2s;
	-ms-transition: ease-in-out 0.2s;
	-o-transition: ease-in-out 0.2s;
}

.flexwrap{
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;   
}

.space-between{
	-webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  .basic-info{ 
    padding-left:25px;
  }
  
  .de-info-l .basic-info:nth-child(2){
    
  } 
  
  .basic-title{
    width:100%;  
    font-weight:600;  
  }
  
  .de-info-l,.de-info-r{
   width:50%
  }
  
  .de-info-l{

  }
  
  .de-info-r{

  }

   .mobbottom15{
	   margin-bottom:0;
	 }


@media screen and (max-width: 768px) {
	body{
	}
	
	.basic-info{
	  width:50%;
	  padding-left:50px;
	}
	
	.de-info-l,.de-info-r{
      width:100%
    }
    
    .de-info-l {
      margin-top: 20px;
    }
	
	.team-img-wrapper .Collection-Position_toutiao{
	   margin-left: -49px;
	}
	
	 .mobbottom15{
	   margin-bottom:15px;
	 }
	
	.de-intro .col-md-12 {
    margin-bottom: 10px;
}
.vi-st-i{
	text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}	

.for-liucheng{
	width:100%;
}
	
.courseles{
	position:absolute;
	right: 15px;
    top: 2px;
}

     .coursetitle{
         overflow: hidden;
         text-overflow:ellipsis;
         white-space: nowrap;
         display:block;
         width:250px;
     }
     .btn-right{
         float:none;
         text-align:center
     }
     
     .lauscreen .layui-form-label{
        display:none
     }  
     
     .mobmtop25{
        margin-top:25px
     }  

	.h5title{
	  height:44px;
	}
	
	.h5title h5{
	  padding:0
	}
	
	
	.banner-1-right h1{
	  font-size: 14px;
      font-weight: 500;
	}
	
	#about .information-slider .team-wrapper .item-leb-box,#about .team-slider .team-wrapper .item-leb-box{
     height:auto;
     background-color: rgba(0,0,0,0.6);
     
   }
   
   #about .information-slider .team-wrapper .item-leb-box .big-title .m-item-text h5,#about .information-slider .team-wrapper .item-leb-box .title-time,#about .team-slider .team-wrapper .item-leb-box .big-title  h5,#about .team-slider .team-wrapper .item-leb-box .title-time{
     color:#fff
   }
   
   #about .information-slider .team-wrapper .item-leb-box p:nth-child(2),#about .team-slider .team-wrapper .item-leb-box p:nth-child(2){
   display:none
   }
   
   #about .team-img-wrapper{
      height: 260px;
      overflow: hidden;
   }   
	
	#Focus-news .team-img-wrapper{
	  padding: 10px;
      background: #fff;
      box-shadow: 0px 0px 0px #eaeaea;
	}
	
	.Recommend-hot-tags-small-mob{
	   right: 15px;
	   width:120px;
	   top: 20px;
	   position: absolute;
    height: 22px;
    color: #fff;
    border-radius: 3px;
    opacity: 1;
    display: block;

    text-align: center;
	}
	.Recommend-hot-tags-small-mob span{
	  width: 30px;
      line-height: 16px;
      height: 16px;
      font-size:13px;
	}
	.index-page .blog-img-wrapper{
	  position: static;
	}
	
	.index-page.cor .blog-img-hover{
	  display:none;
	}
	
	.index-page .blog-img-hover{
	  display:none;
	}
	
	.index-page.laun .blog-img-hover{
	  display:none;
	}
	
   .index-tag-head{
     box-shadow: 0px 0px 0px #ccc;
   }
   
   .lau-mask-mob{
     position:absolute;
     right: 9px;
     top: 0px;
     width: 29%;
     height: 86%;
     background: rgba(0,0,0,0.6);
     margin-top: 9px;
     border-radius: 4px;
     display:none
   }
   
   .laun .jurisdiction-small-mob{
     position: absolute;
    right: 10px;
    top: 20px;
    height: 22px;
   }
   
   .laun .jurisdiction-small-mob span {
    width: 28px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    float: left;
    margin-right: 5px;
}
	
	#Focus-news .item-leb-box-small{
	  position: static;
      width: 70%;
      float: right;
	}
	
	#Focus-news .team-img-wrapper img {
       width: 30%;
       float: right;
    }
    
    #Focus-news .team-img-wrapper  .hover-left .Collection-Position_toutiao2{

    right: 26%;
    margin-left: auto;
    top:auto;
    opacity: 1;
    bottom: 11px;
    display:none;
    }
    
    #Focus-news .circleButton-module_root_1yYDP {
    border: 2px solid #ccc;
    color: #ccc;
    width: 28px;
    height: 28px;
    }
    
    #Focus-news .team-img-wrapper .hover-left .Collection-Position_toutiao2 i {

    padding: 9px;

    }
    
    #Focus-news i.fa.fa-heart.music-icon2 {
      padding-left: 4px;
    }
    
    #Focus-news .ml30 {
      margin-left: 28%;
    }
    
    #Focus-news .item-date {  
	  margin: 0;
      position:absolute;
      bottom:15px;
      left:5%;
    }
    
    
    .index-page .info- {
      margin-bottom: 0px;
      margin-top: 0px;
    }
    
    .index-page .team-img-wrapper:before, .index-page .team-img-wrapper:after {
    display: table;
    line-height: 0;
    content: "";
    }
    
    .index-page .team-img-wrapper:after{
      clear:both;
    }
    
    .index-page .team-img-wrapper{
    
      padding:10px;
      background:#fff;
      box-shadow: 0px 0px 0px #eaeaea;
      border-bottom: 1px solid #eaeaea;
      
    }
    
    .index-page .index-tag {
    bottom: 18px;
        left: 3%;
}
    
    .index-page .team-img-wrapper  .hover-left .Collection-Position_toutiao2{

    left: 26%;
    margin-left: auto;
    top:auto;
    opacity: 1;
    bottom: 11px;
    display:none;
    }
    
    .index-page .circleButton-module_root_1yYDP {
    border: 2px solid #ccc;
    color: #ccc;
    width: 28px;
    height: 28px;
    }
    
    .index-page .team-img-wrapper .hover-left .Collection-Position_toutiao2 i {

    padding: 9px;

}
    
    .index-page .team-img-wrapper img{
       width:30%;
       float:right;
    }
    
    .index-page .team-img-wrapper .item-date img{
       position:absolute;
       top:4px;
       left:0px;
       width: 32px;
       display:none;
    }
    
    .index-page .list-text{
      width:64%;
      height:32px;
    }
    
    .index-page .item-date span {
      margin-left: 0;
    }
    
    .index-page .item-leb-box-small{
	   position:static;
	   width:70%;
	   float:right;
	   height:100%;
	}
	
	.index-page i.fa.fa-heart.music-icon2 {
      padding-left: 4px;
    }
    
   .index-page .ml30 {
    margin-left: 28%;
}

.index-page .item-date {  
	  margin: 0;
      position:absolute;
      bottom:15px;
      left: 26%;
    }
.index-page .item-date-lau{
	  margin: 0;
      position:absolute;
      bottom:15px;
      left: 5%;
}    
    

.index-page .hover-mask-small{
	display:none;
}


.num-label,.grade-label,.index-page .num-label-small,.index-page .grade-label-small{
	display:block;
}

.index-page .num-label-small,.index-page .grade-label-small{
	    top:auto;
	    opacity: 1;
}

.num-label{
	top: 55px;
    right: 15px;
    opacity: 1;
}
.grade-label{
	top: 70px;
    right: 4px;
    opacity: 1;
    padding-top: 2px;
}

.label-new-primary{
	font-size: 14px;
}

.index-page .num-label-small{
	
	bottom: 20px;
    right: 15px;
    font-size:13px;
    color:#ff6666
    
}
.index-page .grade-label-small{
	bottom: 15px;
    right: 5px;
    padding-top: 2px;
    display:none;
}
	
	.item-date span {
    margin-left: 17px;
    font-size: 12px;
    padding-top: 0;
}

	.listItemCard-module_content_3Wlif .h5title{
     margin: 0.8rem 0 0.3rem 0;
     font-size: 14px;
   }
   
   .lname-jurisdiction{
     padding-left:5px
   }
   
   .replytext{
     padding-left:5px
   }
   
	.ifa-video{
	width:100%;
	height:415px;
    }
	.layui-form-item.music .layui-input-inline {
      width: 60%;
    }
    
    .layui-form-item.music .layui-inline{
       margin-right: 0px;
    }
    .layui-form-item.music .layui-form-label{
      width:70px;
    }
    
    .hd-footer .series span {
    margin: 0 5px;
    display: inline;
    width: 100%;
    margin-top: 8px;
    }
    
	.cross-sell__list {
        display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
   }
	
    
    .cross-sell__list-item{
      margin-right: 0;
      margin-left: 0;
      margin-bottom: 0;
    }
    
    .t-body.-size-l {
    font-size: 13px;
    text-align:left;
}

.t-body.-weight-bold {
    font-weight: 500;
}
    
	.series-details-course{


    }
    .Recharge-iframe {
    width:100%;
    }
    .series-details-launchpad{


    }
	.integral-buy{
	  width:100%;

    }
    .Recharge-integra{
      width:100%;
    }
    .Rechargehead {
    width: 100%;
  
    }
	
	.recharge-success{
	width:100%;
	
	margin-right:15px;
	padding-left:15px;
	padding-right:15px;
	height: 520px;
    }

   .recharge-success p{
	margin-left:0px;
    }
    
    .success-img{
	 
	
    }
	
	nav#header-nav {
      margin-bottom: 0px;
      display:none;
    }
	.lau {
      width: 100%;
      text-align: center;
    }
    .background3 .layui-form-label{

    }

   .background3 .mob-lau.layui-input-inline,.backgroundm .mob-lau.layui-input-inline {
	display:inline-block;
	margin-left:0px;
	width:92%;
	margin-left: 13px;
    margin-right: 13px;
   }
	.repage-ul{
	  position:absolute;
	  left:50%;
      bottom: 8%;
      align-items: center;
      display: flex;
      color:#fff
}

	.login-ul{
	  position:absolute;
	  bottom: 8%;
      align-items: center;
      display: flex;
      color:#fff
	}
	
	.search-d{
	position: absolute;
    left: 47%;
    top: 0px;
    height: 100%;
    align-items: center;
    display: flex;  
    width:30px;
    padding-left: 10px;
    font-size: 14px; 
	}
	
	.search-d a{
	   color:#999
	}
	
	.dropdown-menu2{
	  
	}
	.user-log-box img {
    margin-top: 27px;
    width: 27px;
    height: 27px;
    margin-left: 10px;
    }
	.ifr{
      width: 100%;
      height: 600px;
    }
	.gotop{
	   display:none;
	}
	.author-comment{
	  margin: 0.5rem 0 0.5rem 1rem;
      overflow: hidden;
	}
	.iun-avatar{
	  float: left;
      border-radius: 100px;
      width: 80px;
      height: 80px;
      margin-right: 10px;
	}
	.del-btn{
	  padding: 5px 10px;
      background-color: #fff;
      color: #999;
      font-size: 12px;
      border-radius: 2px;
	}
	.verbut-box .btn.btn-info{
	  padding:5px 5px;
	}
	.share-icons.mr15.share-component.social-share{
	  text-align:center;
	}
	.issue-time{
	  margin-top: 20px;
	  font-size:14px;
	}
	.block-search {
      padding-bottom: 10px;
      width: 85%;
      margin: auto;
      margin-top: 30px;
    }   
    
    .block-search .search{
    display:block;
    
    }
    .block-search .bar2 input{
    width: 100%;
    margin-top:0px;
    font-size: 15px;
    }
    
    .help .header-content{
padding-top: 60px;
}
            
    .main-header{
	   min-height:40px;
	   height:auto;
    }
    .main-header2{
	   min-height:40px;
	   height:auto;
    }
   .main-header-index{
	   min-height:330px;
	   height:auto;
    }
  .main-header-member{
	   min-height:280px;
	   height:auto;
    }

.mob-nav-height{
    height:auto;
}
    
    .img-mask {
      position: absolute;
      position: relative;
      width: 83px;
      height: 83px;
      top: -2.5px;
      left: -1px;
      border-radius: 100px;
      border: 3px solid #d7d6d6;
      z-index: 999;
      text-align: center;
    }
    .img-mask span {
      line-height: 20px;
      color: #fff;
      font-size: 15px;
      position: absolute;
      top: 23%;
      left: 13%;
      font-weight: bold;
      text-shadow: 0 1px 4px #111;
    }
    .img-mask2 {
      position: absolute;
      position: relative;
      width: 83px;
      height: 83px;
      top: -3.5px;
      left: -1px;
      border-radius: 100px;
      border: 3px solid #d7d6d6;
      z-index: 999;
      text-align: center;
    }
    .img-mask2 span {
      line-height: 30px;
      color: #fff;
      font-size: 16px;
      position: absolute;
      top: 33%;
      left: 9%;
      font-weight: bold;
      text-shadow: 0 1px 4px #111;
    }
    .corhead-height{
     
    }

    .team-slider .team-wrapper {
      padding: 0 15px 15px 15px;
    }
    .title-time .posi {
      position: absolute;
      top: 10px;
      left: 15%;
    }
    .title-time .posi2 {
      position: absolute;
      top: 10px;
      left: 50%;
    }
    .item-date .posi3 {
      position: absolute;
      top: 8px;
      left: 0;
    }
    
     .item-date .posi2 {
      position: absolute;
      top: 8px;
      left: 33%;
    }
    
    .item-date .posi4 {
      position: absolute;
      top: 8px;
      right: 5%;
    }
    
    .item-date .posi {
      position: absolute;
      top: 8px;
      left: 8%;
      display:none;
    }
    
    .un-label-small{
      -webkit-transform: scale(0.9,0.9);
      -moz-transform: scale(0.9,0.9);
      -o-transform: scale(0.9,0.9);
      transform: scale(0.9,0.9);
      line-height: 16px;
      height: 18px;
      
    }
    
    .lau-un-tags-small .label-new-primary{
    -webkit-transform: scale(0.9,0.9);
      -moz-transform: scale(0.9,0.9);
      -o-transform: scale(0.9,0.9);
      transform: scale(0.9,0.9);
      line-height: 16px;
      height: 18px;
      margin-bottom: 5px;
    }
    
    .hed-sed-box {
      position: absolute;
      right: 4%;
      top: 0;
    /* z-index: 9999; */
    }
    svg:not(:root) {
      overflow: hidden;
      display: none;
    }
    .listItemCard-module_circleButton_1hwd7 {
      /*margin: 0 0 5px 25px;*/
    }
    .item-date,.item-date-lau {
      font-size: 12px;
      margin: 10px 0;
      color: #999;
      line-height:25px;
    }
    
    
    
    .header-content {
    padding-top: 20px;
    color: #FFF;
    position: relative;
    z-index: 10;
    padding-bottom: 20px;
}
    .wpb_wrapper h5 {
      font-size: 15px;
    }
    .mkd_separator_with_icon {
      margin-bottom: 55px;
    }
    .pagination {

    margin-left:15px;
    margin-right:15px;
    font-size: 14px;
    margin: 0 auto;
    
}
.landchpad-bl {
	bottom: 350px;   
    left: 40px;
}

.showbox {
	   display:none;
	}
.hiddenbox{
	display:block;
	position:relative;
}
.hed-sed-item{
	position:absolute;
	left:70%;
}
.width50-Percentage{
	width:100%;
}
.width60-Percentage{
	width:100%;
}
.ml20-Percentage{
	margin-left:0;
}
#blog .item-date img.iun-avatar2 {
	margin-top:4px;	
  }  
  
   .he-bl-u li{
     
   width:100%;
   }
  
 .he-bl-u li .col-md-2 ul li{
 
  }
 .he-bl-u li .col-md-4 ul li,.he-bl-u li .col-md-3 ul li{
  
  }
 .he-bl-u li .col-md-4 ul li:first-child,.he-bl-u li .col-md-3 ul li:first-child{
   
 }
  .he-bl-u li .col-md-4 ul li:last-child,.he-bl-u li .col-md-3 ul li:last-child{
 
 }
 .col-md-new{
	  width:100%;
	}
	.banner .l-col-md-3-mob .he-bl-u li{
	
	}
	.banner .l-col-md-3-mob .he-bl-u li:last-child{
	
	}
	.banner .l-col-md-3-mob .he-bl-u li:first-child{
	 
	}
	.banner .col-md-new .he-bl-u li{
	 
	}
	.banner .col-md-new .he-bl-u li:first-child{
	   
	}
 
 .banner .col-lg-3{
   width: 35%;
   margin: 0 auto;
   padding-bottom: 0;
   float:left;
 }
  
  .banner .col-lg-9{

  }
  
  .banner.integral_buy_succes .col-lg-9{
     margin-top:20px;
  }
  
  .banner.launchpad .col-lg-9{

  }
  
  .banner.search-s .col-lg-9{
     margin-top:20px;
  }
  
    #comments ul ul {

       margin-left: 0px;

   }
   .array-between{
	   display:flex;
	   justify-content:space-between;
	   margin-left:5px;
	   margin-right:5px;
    }
    .mobwidth{
      width:50%;
      float:left;
      border:0;
    }
   .mb {
	  margin-bottom:30px;
    }

    
    .parent-layer{
	    width:100%;
	}
   
    .About-Instructor {
    width: 160px;
    height: 35px;
    top: 255px;
    left: 50%;
    margin-left:-80px;
    }
    
    .About-Instructor a span{
	
    width: 160px;
    height: 35px;
    line-height: 20px;
    text-align: center;
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 8px;
    letter-spacing: 2px;
    font-size: 15px;

    }
    .series-heading {
    text-align: center;
    width: 100%;

    }
    .r-t-t{
     display:none;
    }
    .item-leb-box p {
	 font-size: 14px;
	 line-height:38px;
}



.title-time-lan{
	margin-top:0;
	color:#fff
}

.laun .item-leb-box p{
	color:#fff
}


.laun .h5title a h5{
	color:#fff
}

.laun .item-leb-box-small .h5title a h5{
	color:#333
}

.laun .item-leb-box p:nth-child(4){
	display:block;
}


.item-leb-box p:nth-child(4),.laun .item-leb-box p:nth-child(3){
	display:none
}

   .item-leb-box .title-time{
	 font-size: 12px;
   }
   .series-details h1 {
     font-size: 18px;
     line-height: 25px;
     margin-bottom: 0px;
   }
   
   .banner .he-bl-u li:first-child{
     font-size:14px;
   }
   
   .banner .he-bl-u li:first-child span{

   }
   
   .banner .he-bl-u li,.de-intro,.vi-select a,.vi-item,.artilelink,.music-main{
     font-size:14px;
    
   }
   .banner .he-bl-u li{
     text-align:center;
   }
   
   .banner .he-bl-u li:last-child{
     margin-top:18px;
   }
   
   .banner .he-bl-u li .btn-primary-sc{
      display: inline-block;
   }
   
   .banner .col-lg-9 .row .he-bl-u li .row{
    
   }
   
   .vi-select a{
     display:block;
   }
   .vi-item{
     width:65%;
   }
   #comments .author,#comments .date,#comments .evContent,#comments .go-to-reply{
     font-size:14px;
   }
   #comments .date{
     margin-top: 11px;
   }
   .owl-theme .owl-controls {
    display: none;
   }
   .contributebtn-box{
     right: 50%;
     margin-right:-48px;
     top:265px
   } 
    .information-width2.series{
      margin-left:-5px;
      width: 100%;
      margin-top: 10px;
    }
    
    .banner .col-lg-9 .row{
       margin-left:0px;
        position: absolute;
    top: 70px;
    width: 100%;
    left: 0;
    }
    .pj {
    margin-left: 0;
}
    
    .series span {
    width:100%;
    font-size: 13px;
    }
    .comment-box{
      height:auto;
      padding: 10px 0;
    }
    .verbut-box {
    margin-top: 20px;
}
    .btn.btn-info{
      margin: 0 5px;
    }
    .reply .evContent{
      margin-right:0;
    }
    span.down-Jurisdiction {
    display: block;
   }
   .information-width {
    width: 100%;
    margin-top: 0;
   }
   
   #isotope-filter{
      width:320px;
      margin:0 auto;
      height:auto;
      
   }
   
   #isotope-filter a {
    margin: 5px;

    height: 30px;
    line-height: 30px;
    font-size: 14px;
    background: #f2f2f2;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.25);
    float:left;
    color: #666;

    padding: 0; 
    width:70px;


    }
 .submission-tip{
     top: 500px;
    line-height: 50px;
    width: 80%;
    height: 120px;
    padding-left: 0;
    padding-right: 0;
    right: 50%;
    margin-right: -307px;
    text-align: center;
    background: rgba(0,0,0,0.0);
   }
   .submission-tip p{
     height:60px;
   }
   

   
     .contributebtn-box-lecturer{

     top:530px;

   }
   .contributebtn-box-submission{
    top:530px;

    }
   
   .submission-tip2{
      top: 265px;
      line-height: 50px;
      width: 300px;
      height: 50px;
      padding-left: 0; 
      padding-right: 0; 
      right: 50%;
      margin-right: -150px;
      text-align: center;
   }
   .submission-tip2 p{
     height:0px;
   }
   .btn-primary-sc{
   display: block;
    height: 30px;
    width: 110px;
    line-height: 20px;
   }
      .parent-layer{
	width:100%;
    display: flex;
    justify-content: space-between;
    margin-top:20px;
    position: absolute;
    top: 260px;
    left: 0px;
    padding-left: 50px;
    padding-right: 50px;
	}  
	
	.parent-layer .ml15 {
    margin-left: 0;
}  

.parent-layer-detail{
	width:100%;
    margin-top: 20px;
    text-align: center;

	}
	
	.parent-layer-detail-course{
	width:100%;
    margin-top: 15px;
    text-align: center;

	}
	
  .parent-layer-detail-resource{
    width:100%;
    margin-top: 15px;
    text-align: center;
  } 
  
  .parent-layer-detail-lau{
    width:100%;
    margin-top: 15px;
    text-align: center;
  } 
  
  .click-upgrades{
  display:block;
  margin-top: 20px;
  margin-right: 40px;
  }
   .order-btn{
       font-size:14px
    }
    
    .cross-sell{
    padding-top: 0;
    }
}

@media screen and (max-width: 600px) {
	body{
	}
	.item-date span {
    margin-left: 17px;

}

   .contributebtn-box-lecturer{
     right: 0;
     margin-right:0;
     top:360px;
     font-size: 14px;
     position: static;
     display: inline-block;
     margin-right: 15px;
   }
   .contributebtn-box-submission{
      top:360px;
      right: 0;
      margin-right: 0;
      font-size: 14px;
      position: static;
      display: inline-block;
      margin-left: 15px;
    }

	.listItemCard-module_content_3Wlif .h5title{
     margin: 0.2rem 0 0.3rem 0;
     font-size: 14px;
   }
	.ifa-video{
	width:100%;
	height:415px;
    }
	.layui-form-item.music .layui-input-inline {
      width: 60%;
    }
    
    .layui-form-item.music .layui-inline{
       margin-right: 0px;
    }
    .layui-form-item.music .layui-form-label{
      width:70px;
    }
    
    .hd-footer .series span {
    margin: 0 5px;
    display: inline;
    width: 100%;
    margin-top: 8px;
    }
    
	.cross-sell__list {

   }
	
    
    .cross-sell__list-item{
      margin-right: 0;
      margin-left: 0;
    }
	.series-details-course{


    }
    .Recharge-iframe {
    width:100%;
    }
    .series-details-launchpad{


    }
	.integral-buy{
	  width:100%;

    }
    .Recharge-integra{
      width:100%;
    }
    .Rechargehead {
    width: 100%;
  
    }
	
	.recharge-success{
	width:100%;
	
	margin-right:15px;
	padding-left:15px;
	padding-right:15px;
	height: 520px;
    }

   .recharge-success p{
	margin-left:0px;
    }
    
    .success-img{
	 
	
    }
	
	nav#header-nav {
      margin-bottom: 0px;
      display:none;
    }
	.lau {
      width: 100%;
      text-align: center;
    }
    .lauscreen .layui-inline{
        display: inline-block;
        width: 49%;
    }
    


	.dropdown-menu2{
	  
	}

	.ifr{
      width: 100%;
      height: 600px;
    }
	.gotop{
	   display:none;
	}
	.author-comment{
	  margin: 0.5rem 0 0.5rem 1rem;
      overflow: hidden;
	}
	.iun-avatar{
	  float: left;
      border-radius: 100px;
      width: 80px;
      height: 80px;
      margin-right: 10px;
	}
	.del-btn{
	  padding: 5px 10px;
      background-color: #fff;
      color: #999;
      font-size: 12px;
      border-radius: 2px;
	}
	.verbut-box .btn.btn-info{
	  padding:5px 5px;
	}
	.share-icons.mr15.share-component.social-share{
	  text-align:center;
	}
	.issue-time{
	  margin-top: 20px;
	  font-size:14px;
	}
	.block-search {
      padding-bottom: 10px;
      width: 85%;
      margin: auto;
      margin-top: 30px;
    }   
    
    .block-search .search{
    display:block;
    
    }
    .block-search .bar2 input{
    width: 100%;
    margin-top:0px;
    font-size: 15px;
    }
            
    .main-header{
	   min-height:40px;
	   height:auto;
    }
    .main-header2{
	   min-height:300px;
	   height:auto;
    }

        

.mob-nav-height{
    height:auto;
}
    
    .img-mask {
      position: absolute;
      position: relative;
      width: 83px;
      height: 83px;
      top: -2.5px;
      left: -1px;
      border-radius: 100px;
      border: 3px solid #d7d6d6;
      z-index: 999;
      text-align: center;
    }
    .img-mask span {
      line-height: 20px;
      color: #fff;
      font-size: 15px;
      position: absolute;
      top: 23%;
      left: 13%;
      font-weight: bold;
      text-shadow: 0 1px 4px #111;
    }
    .img-mask2 {
      position: absolute;
      position: relative;
      width: 83px;
      height: 83px;
      top: -3.5px;
      left: -1px;
      border-radius: 100px;
      border: 3px solid #d7d6d6;
      z-index: 999;
      text-align: center;
    }
    .img-mask2 span {
      line-height: 30px;
      color: #fff;
      font-size: 16px;
      position: absolute;
      top: 33%;
      left: 9%;
      font-weight: bold;
      text-shadow: 0 1px 4px #111;
    }
    .corhead-height{
     
    }

    .team-slider .team-wrapper {
      padding: 0 15px 15px 15px;
    }
    .title-time .posi {
      position: absolute;
      top: 10px;
      left: 15%;
    }
    .title-time .posi2 {
      position: absolute;
      top: 10px;
      left: 50%;
    }


    .hed-sed-box {
      position: absolute;
      right: 4%;
      top: 0;
    /* z-index: 9999; */
    }
    svg:not(:root) {
      overflow: hidden;
      display: none;
    }
    .listItemCard-module_circleButton_1hwd7 {
      /*margin: 0 0 5px 25px;*/
    }

    .wpb_wrapper h5 {
      font-size: 15px;
    }
    .mkd_separator_with_icon {
      margin-bottom: 55px;
    }
    .pagination {

    
}
.landchpad-bl {
	bottom: 350px;   
    left: 40px;
}
.showbox {
	   display:none;
	}
.hiddenbox{
	display:block;
	position:relative;
}
.hed-sed-item{
	position:absolute;
	left:70%;
}
.width50-Percentage{
	width:100%;
}
.width60-Percentage{
	width:100%;
}
.ml20-Percentage{
	margin-left:0;
}
#blog .item-date img.iun-avatar2 {
	margin-top:4px;	
  }  
  
   .he-bl-u li{
     
   width:100%;
   }
  
 .he-bl-u li .col-md-2 ul li{
 
  }
 .he-bl-u li .col-md-4 ul li,.he-bl-u li .col-md-3 ul li{
  
  }
 .he-bl-u li .col-md-4 ul li:first-child,.he-bl-u li .col-md-3 ul li:first-child{
   
 }
  .he-bl-u li .col-md-4 ul li:last-child,.he-bl-u li .col-md-3 ul li:last-child{
 
 }
 .col-md-new{
	  width:100%;
	}
	.banner .l-col-md-3-mob .he-bl-u li{
	
	}
	.banner .l-col-md-3-mob .he-bl-u li:last-child{
	
	}
	.banner .l-col-md-3-mob .he-bl-u li:first-child{
	 
	}
	.banner .col-md-new .he-bl-u li{
	 
	}
	.banner .col-md-new .he-bl-u li:first-child{
	   
	}

  
  .banner .col-lg-9{

  }
  
  .banner.integral_buy_succes .col-lg-9{
     margin-top:20px;
  }
  
  .banner.launchpad .col-lg-9{

  }
  
  .banner.search-s .col-lg-9{
     margin-top:20px;
  }
  
    #comments ul ul {

       margin-left: 0px;

   }
   .array-between{
	   display:flex;
	   justify-content:space-between;
	   margin-left:5px;
	   margin-right:5px;
    }
    .mobwidth{
      width:50%;
      float:left;
      border:0;
    }
   .mb {
	  margin-bottom:30px;
    }

    


   
    .About-Instructor {
    width: 160px;
    height: 35px;
    top: 255px;
    left: 50%;
    margin-left:-80px;
    }
    
    .About-Instructor a span{
	
    width: 160px;
    height: 35px;
    line-height: 20px;
    text-align: center;
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 8px;
    letter-spacing: 2px;
    font-size: 15px;

    }
    .series-heading {

    }
    .r-t-t{
     display:none;
    }

   
   .banner .he-bl-u li:first-child{
     font-size:14px;
   }
   
   .banner .he-bl-u li,.de-intro,.vi-select a,.vi-item,.artilelink,.music-main{
     font-size:14px;
    
   }
   .banner .he-bl-u li{
     text-align:center;
   }
   .vi-select a{
     display:block;
   }
   .vi-item{
     width: 90%;
   }
   #comments .author,#comments .date,#comments .evContent,#comments .go-to-reply{
     font-size:14px;
   }
   .owl-theme .owl-controls {
    display: none;
   }
   .contributebtn-box{
     right: 50%;
     margin-right:-48px;
     top:265px
   } 
    .series{
      margin-left:0;
      width: 100%;
    }
    .comment-box{
      height:auto;
    }
    .verbut-box {
    margin-top: 20px;
}
    .btn.btn-info{
      margin: 0 5px;
    }
    .reply .evContent{
      margin-right:0;
    }

   .information-width {
    width: 100%;
   }
   #isotope-filter a {
 
    }
 .submission-tip{
      top: 330px;
      line-height: 50px;
      width: auto;
      height: auto;
      padding-left: 0; 
      padding-right: 0; 
      right: 0;
      margin-right: 0;
      text-align: center;
      position: static;
   }
   .submission-tip p{
     height:0px;
   }
   
   .submission-tip2{
      top: 265px;
      line-height: 50px;
      width: 300px;
      height: 50px;
      padding-left: 0; 
      padding-right: 0; 
      right: 50%;
      margin-right: -150px;
      text-align: center;
   }
   .submission-tip2 p{
     height:0px;
   }
   
}

@media screen and (max-width: 414px) {
	.team-img-wrapper img {
      width: 100%;
    }
   #isotope-filter a {
   
    }
    .iframe-video{
	width:100%;
	height:215;
}
        .ifa-video{
	width:100%;
	height:215px;

}
    
    .member-btn{
      float:left;
      margin-top:20px;
      margin-bottom: 20px;
    }
    
    .mob-nav{
     margin-left:6%;
    }
    .mob-nav2{
     margin-left:2%;
    }
    .title-time .posi2 {

      left: 60%;
    }
    .item-date .posi2 {


    }
    
    
}

@media screen and (max-width: 412px) {
	#isotope-filter a {

    }
    .ifa-video{
	width:100%;
	height:215px;

}

}

@media screen and (max-width: 400px) {
	#isotope-filter a {

    }
    .title-time .posi2 {

      left: 60%;
    }
    .item-date .posi2 {

      left: 40%;
    }
    .member-btn {
    margin-bottom: 20px;
    }
      .he-bl-u li .col-md-4 ul li:first-child,.he-bl-u li .col-md-3 ul li:first-child{
       width:100%;
    }
   .he-bl-u li .col-md-4 ul li:last-child,.he-bl-u li .col-md-3 ul li:last-child{
       width:100%;
       padding-left:0;
    }
    
    
    
}
@media screen and (max-width: 384px) {
	.banner .col-lg-9 {

}
#isotope-filter a {

}
  .index-page .index-tag {
    left: 28%;
}

}

@media screen and (max-width: 375px) {
	.banner .col-lg-9 {

   }
   .vdown_pad{
       padding-left:0px;
     }
     
    .cross-sell__text-container {
    padding: 16px 10px;
} 
     
	.iframe-video{
	width:100%;
	height:194;
}
	.ifa-video{
	width:100%;
	height:194px;
}
	#isotope-filter a {
   
    }
    .title-time .posi2 {

      left: 55%;
    }
    .item-date .posi2 {

      left: 40%;
    }
   .he-bl-u li .col-md-4 ul li:first-child,.he-bl-u li .col-md-3 ul li:first-child{
       width:100%;
    }
   .he-bl-u li .col-md-4 ul li:last-child,.he-bl-u li .col-md-3 ul li:last-child{
       width:100%;
       padding-left:0;
    }
    .About-Instructor {

      top: 235px;
    }
    .vi-fl{
     padding: 10px 0px;
   }
   .contributebtn-box{
     top:245px;
   }
   .contributebtn-box-lecturer{
   top:335px;
   }
   .contributebtn-box-submission{
    top:335px;
    }
    .submission-tip{
      top:310px;
    }
    .array-between {
    display:block;
    justify-content: none;
    margin-left: 5px;
    margin-right: 5px;
    }
    .verbut-box {
    height: 90px;
     }
    .verbut-box .btn.btn-info {
      display: block;
    width: 158px;
    float: left;
    margin: 0px;
    margin-bottom: 20px;
    margin-right: 5px;
    padding: 5px 0;
    margin-left: 5px;
    }
    .verbut-box .btn.btn-info:first-child{
     margin-left:4px;
    }
    .verbut-box .btn.btn-info:last-child{
     margin-right:3px;
    }
    	.index-page .index-tag {
    left: 30%;
}

    
}
@media screen and (max-width: 360px) {
	#isotope-filter a {
    }
    .About-Instructor {
      top: 226px;
    }

   .vi-fl{
     padding: 10px 0px;
   }
   .verbut-box .btn.btn-info {
     
    width: 150px;

    }
        .ifa-video{
	width:100%;
	height:186px;

}
.banner .col-lg-9 {

   }
.index-page .index-tag {
    left: 31%;
}


.contributebtn-box-lecturer a i, .contributebtn-box-submission a i, .submission-tip a i {
    display: none;
}
    .btn-primary-sc,.submission-tip p:last-child, .submission-tip2 p:last-child{
    width:90px;
    }
}
@media screen and (max-width: 320px) {
	    	.index-page .index-tag {
    left: 42%;
}

.gmvip{
	width: 265px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
}

.vi-buy-btn {
    width: 100%;
}

.vi-st-i {
    width: 100%;
}

.t-body.-size-l {
    font-size: 12px;
}

.cross-sell__text-container{
	padding: 16px 5px;
}

.vdown_pad .Vip,.vdown_pad .Authentication,.vdown_pad .ordinary,.vdown_pad .Admins,.vdown_pad .Submission,.vdown_pad .lecturer,.vdown_pad .make{
	    margin-left: 5px;
}

	.listItemCard-module_content_3Wlif .h5title {
	margin: 0.5rem 0 0.3rem 0;
   font-size:14px;
}
	.item-date span {
    margin-left: 5px;
}
	.banner .col-lg-9 {

   }
	.login-ul {
      left: 26%;
    }
    .repage-ul{
      left: 52%;
    }
    
        .ifa-video{
	width:100%;
	height:163px;

}
    .listItemCard-module_content_3Wlif {

      padding: 0 8px;

    }
    .listItemCard-module_footer_37CQJ {
  
    -ms-flex: 0.3 0;
    flex: 0.3 0;

    }
   .listItemCard-module_footerButtons_pq6H1 {
    /*right: -5px;*/
    }
     #isotope-filter{
      width:240px;      
   }
    #isotope-filter a {
    
    }
    .title-time .posi2 {

      left: 50%;
    }
    .item-date .posi2 {

      left: 49%;
    }
   
    .About-Instructor {
      top: 200px;
    }
    .he-bl-u li .col-md-2 ul li {
   
    }
    .del-item-b a {
      display: inline-block;
    }
    .del-item-b a:last-child{
      margin-top:5px;
    }
    .array-between {
    display:block;
    justify-content: none;
    margin-left: 5px;
    margin-right: 5px;
    }

    .verbut-box .btn.btn-info {
      display: block;
    width: 130px;
    float: left;
    margin: 0px;
    margin-bottom: 20px;
    margin-right: 5px;
    padding: 5px 0;
    margin-left: 5px;
    }
    .verbut-box .btn.btn-info:first-child{
     margin-left:4px;
    }
    .verbut-box .btn.btn-info:last-child{
     margin-right:3px;
    }

   .vi-fl{
     padding: 10px 0px;
   }
   .layui-colla-title span{
       display:block;
       
    }
   .layui-colla-title span:first-child{
       width:170px;
       overflow:hidden;
       height:100%;
       float:left;
    }
    
    .banner .col-lg-3 {
    width: 45%;
    }
    
    .contributebtn-box{
       top:215px;
   }
   .contributebtn-box-lecturer{
       top:310px;
   }
   .contributebtn-box-submission{
      top: 310px;
   }

    .submission-tip{
      top:280px;
    }
    

    

    
   .grade-label-small{
	   bottom:30px;	
   }

   .num-label-small{
	   bottom:50px;
   }
   .banner .col-md-new .he-bl-u li {
    width: 50%;
}

.banner-2-main {
    padding-left: 10px;
}

.banner-1-right h1{
}

.index-page .item-date{
	font-size:13px;
}
.mob320{
	display:none;
}

.dropdown-menu2{
	top: -127px;
    right: -86px;
}



.user-log-box img{
	margin-left: 20px;
}

.banner {
    padding: 0 5px;
}

}
@media screen and (min-width: 800px) {
	.showbox {
	   display:block;
	}
    .hiddenbox{
	   display:none;
    }
}



.item-num-c{
	color:#ff6666;
}
.item-read{
	color:#c0c0c0;
}

.btn-comm-bk{
	background-color: #e75e5f !important;
    color: #fff !important;
}