.layui-main {
	width:1380px;
	padding:15px 0;
}
.php-margin-top {
	margin-top:30px;
}
.php-margin-left {
	margin-left:30px;
}
.php-float-left {
	float:left;
}
.php-li-float-left li {
	float:left;
}
.php-float-right {
	float:right;
}
.php-bg-white {
	background:white;
}
.php-bg-black {
	background:black;
}
.p-10{
	padding: 10px!important;
}
.p-20{
	padding: 20px!important;
}
.p-30{
	padding: 30px!important;
}
.p-40{
	padding: 40px!important;
}
.p-50{
	padding: 50px!important;
}
.m-10{
	margin: 10px!important;
}
.m-20{
	margin: 20px!important;
}
.m-30{
	margin: 30px!important;
}
.m-40{
	margin: 40px!important;
}
.m-50{
	margin: 50px!important;
}
.mr-5 {
	margin-right:5px!important;
}
.mr-10 {
	margin-right:10px!important;
}
.mr-20 {
	margin-right:20px!important;
}
.mr-30 {
	margin-right:30px!important;
}
.mr-40 {
	margin-right:40px!important;
}
.mr-50 {
	margin-right:50px!important;
}
.mt-5 {
	margin-top:5px!important;
}
.bg-e {
	background:#eee!important;
}
.mt-10 {
	margin-top:10px!important;
}
.mt-20 {
	margin-top:20px!important;
}
.mt-30 {
	margin-top:30px!important;
}
.mt-40 {
	margin-top:40px!important;
}
.mt-50 {
	margin-top:50px!important;
}
.mt-60 {
	margin-top:60px!important;
}
.mt-80 {
	margin-top:80px!important;
}
.ml-64 {
	margin-left:64px!important;
}
.mb-5 {
	margin-bottom:5px!important;
}
.mb-10 {
	margin-bottom:10px!important;
}
.mb-20 {
	margin-bottom:20px!important;
}
.mb-30 {
	margin-bottom:30px!important;
}
.mb-40 {
	margin-bottom:40px!important;
}
.mb-60 {
	margin-bottom:60px!important;
}
.ml-5 {
	margin-left:5px!important;
}
.ml-10 {
	margin-left:10px!important;
}
.ml-20 {
	margin-left:20px!important;
}
.ml-30 {
	margin-left:30px!important;
}
.ml-40 {
	margin-left:40px!important;
}
.pt-30 {
	padding-top:30px!important;
}
.pr-30 {
	padding-right:30px!important;
}
.pr-20 {
	padding-right:20px!important;
}
.pr-10 {
	margin-right:10px!important;
}
.pb-30 {
	padding-bottom:30px!important;
}
.pt-20 {
	padding-top:20px!important;
}
.pt-0 {
	padding-top:0px!important;
}
.pt-10 {
	padding-top:10px!important;
}
.pt-5 {
	padding-top:5px!important;
}
.pt-40 {
	padding-top:40px!important;
}
.pb-20 {
	padding-bottom:20px!important;
}
.pb-5 {
	padding-bottom:5px!important;
}
.pb-10 {
	padding-bottom:10px!important;
}
.pb-60 {
	padding-bottom:60px!important;
}
.pb-40 {
	padding-bottom:40px!important;
}
.pl-5 {
	padding-left:5px!important;
}
.pl-10 {
	padding-left:10px!important;
}
.pl-20 {
	padding-left:20px!important;
}
.pl-30 {
	padding-left:30px!important;
}
.t-30 {
	top:30px;
}
.wd100 {
	width:100%!important
}
.pt-r {
	position:relative;
}
.pt-a {
	position:absolute;
}
.dl-b {
	display:block;
}
.box-s {
	box-shadow:2px 10px 10px rgba(0,0,0,.08);
}
.box-s-z {
	box-shadow:0 0 1px 1px rgba(20,23,28,.1),0 3px 1px 0 rgba(20,23,28,.1);
}
.bg-fff {
	background-color:#fff;
}
.bg-000 {
	background-color:#000;
}
.bg-eee {
	background-color:#eee;
}
.bg-yellow {
	background-color:#526886!important;
}
.red {
	color:red;
}
.b-r12 {
	border-radius:12px;
}
.b-r8 {
	border-radius:8px;
}
.pull-left {
	float:left;
}
.bd {
	border:1px solid #D9DDE1;
}
.bd-red {
	border:1px solid red!important;
}
.clear {
	clear:both;
}
.tx-c {
	text-align:center;
}
.tx-r {
	text-align:right;
}
.tx-l {
	text-align:left!important;
}
.ft-12{
	font-size: 12px;
}
.ft-13{
	font-size: 13px;
}
.ft-14{
	font-size: 14px;
}
.ft-16{
	font-size: 16px;
}
.ft-18{
	font-size: 18px;
}
.ft-20{
	font-size: 20px;
}
.ft-999{color: #999!important}
.b7b7b7{color: #b7b7b7!important}
.F40B0B{color: #F40B0B!important}
.hauto{height: auto!important;}
.he280{height: 280px!important;}
.martop-4{margin-top: -4px;}
a:link,:visited,ins {
	text-decoration:none!important;
}
pre {
	background:#d8d6d6;
	padding:10px;
	word-break:normal|break-all|keep-all;
}
em {
	font-style:normal;
}
.width158{width: 158px!important;}
.fontweight{
	font-weight: bold;
}
.codebody {
	background:#d8d6d6;
	padding:10px;
}
#tab_detail_list .php-news-info {
	height:905px;
	overflow:hidden;
}
.layui-col-md9  .fixed {
	position:fixed;
	top:0;
	left:auto;
	right:auto;
	z-index:500;
}
#imgT {
	max-width:52%!important;
	position:fixed!important;
}
#imgT img {
	max-width:100%!important;
}
#imgTan {
	position:fixed!important;
}
#imgT {
	display:none;
	position:absolute;
	top:24%;
	left:24%;
	z-index:999;
	background:white;
}
#imgTan {
	width:100%;
	height:100%;
	opacity:0.8;
	filter:alpha(opacity=80);
	display:none;
	position:absolute;
	top:0;
	left:0;
	z-index:998;
	background:silver;
}
#closes {
	float:right;
	padding:5px;
}
#maxImg {
	float:left;
	padding:5px;
}
.codeTip {
	position:absolute;
	background:red;
	color:white;
	padding:4px 6px;
	font-size:12px;
}
.layui-form-selected dl {
	z-index:9999;
}
.php-course-info-botton a:hover {
	opacity:3!important;
}
.collection:hover {
	cursor:pointer
}
.diy-course-class-li-left p {
	font-size:13px;
	margin:16px 0 4px;
	text-shadow:0 2px 4px rgba(7,17,27,.4);
	line-height:24px;
	height:48px;
	color:#fff;
}
.diy-vodeo li p {
	padding:5px 6px 0 6px;
}
.webuploader-element-invisible {
	position:absolute !important;
	clip:rect(1px,1px,1px,1px);
}
.video_task_right_icon {
	display:block;
	font-size:30px;
	width:30px;
	height:30px;
	position:absolute;
	right:25px;
	top:25px;
}
.video_task_right_icon:hover {
	cursor:pointer;
	color:#009688;
}
.dic-home .this_index_hover {
	color:#fff;
	background:radial-gradient(ellipse farthest-corner at center top,#5f71a1 0%,#4a4a5c 100%)!important;
}
.search-related span:hover {
	cursor:pointer;
	color:#777;
}
.index_course_new {
	background:#fff;
	border-radius:8px;
	margin-top:20px;
	padding:0
}
.index_ad_big {
	width:1380px;
	margin:0 auto;
	text-align:center;
	padding:0!important;
	margin-top:20px;
}
.index_ad_big img {
	border-radius:8px;
}
.layui-col-md7 {
	width:58.33333333%;
}
@media (max-width:1000px) {
	.user-card-box,.header_message_record {
	display:none;
}
}.phpcn_radius_8 {
	border-radius:8px;
}
.ask_detail_luck_draw {
	margin-right:15px;
	font-size:12px;
	float:right;
	color:#333;
	border:1px solid #333;
	border-radius:2px;
	padding:0 5px;
	height:25px;
	line-height:25px;
}
.ask_detail_luck_draw:hover {
	cursor:pointer;
	color:#EF1A2E;
	border-color:#EF1A2E;
}
.layui-carousel-ind {
	width:8%!important;
	margin:0 auto;
}
.header-index {
	min-width:1380px;
	background-color:#fff;
	border:none;
	box-shadow:0 4px 8px 0 rgba(7,17,27,.1);
	padding: 0 30px;
}
/*.header-indexs-childs{
	max-width: 1460px;
	margin: 0 auto;
}*/
@media screen and (max-width:1590px) {
	.header-index .component {
	display:none;
}
}@media screen and (max-width:1305px) {
	.php-nav .layui-nav-item:nth-last-child(5) {
		display:none;
	}
	.header-index{padding: 0 5px!important;}
}
.logo {
	position:absolute;
	left:0;
	top:16px;
}
.logo img {
	width:82px;
	height:31px;
}
.component {
	width:260px;
	margin-top:10px;
	float: left;
	margin-left: 30px;
}
.component .layui-input {
	height:40px;
	padding-left:12px;
	background-color:#F3F5F6 !important;
	border:none 0;
	font-size:12px;
	/*border-bottom:1px solid #fff;*/
	border-radius: 5px;
	color: #000;
}
.component .languagesA{margin:0 0 0 0;}
.languagecomponent{width:25px;}
.searchAlan {display: flex;flex-direction: row;align-items: center;}

input::-webkit-input-placeholder {
  color: #c7c7c7;
}
input::-moz-input-placeholder {
  color: #c7c7c7;
}
input::-ms-input-placeholder {
  color: #c7c7c7;
}
.component .layui-icon {
	color:#687790;
	position:absolute;
	right:23px;
	top:12px;
}
.component .layui-form-select .layui-edge {
	display:none;
	border-top-color:#999;
}
.component:hover .search-dropdown{display: block;}
.component .search-dropdown {
		background: #F3F5F6;
    padding: 0 10px;
    position: absolute;
    z-index: 999;
    top: 35px;
    display: none;
}
.component .component_hoverdrop,.component .component_searchdrop_keyitem {
    padding: 12px 0;
}
.component .component_hoverdrop .component_items {
    font-size: 12px;
    line-height: 24px;
}
.component .component_hoverdrop .component_item_title {
    min-width: 55px;
    padding: 0 3px;
    text-align: center;
    border-radius: 4px;
}
.component .component_hoverdrop .component_items.always .component_item_title {
    color: #6d440a;
    background-color: #d4b153;
}
.component .component_hoverdrop .component_item_des {
    overflow: hidden;
    display: block;
    padding-left: 8px;
}
.component .component_hoverdrop .component_items.always .component_item_des {
    color: #6d440a;
}
.component .component_searchdrop_keyitem .history-title {
    font-size: 12px;
    color: #262626;
}
.component .component_searchdrop_keyitem .component_search_keys {
    display: inline-block;
    margin-top: 8px;
    margin-right: 8px;
    padding: 0 8px;
    font-size: 12px;
    color: #595959;
    vertical-align: middle;
    background-color: #f0f0f0;
    border-radius: 100px;
    cursor: pointer;
    -webkit-transition: all 0.24s;
    transition: all 0.24s;
}

.header .layui-nav {
	padding:0;
	background:none;
	float: left;
	margin-left: 20px;
}
.header .layui-nav .layui-nav-item {
	margin:0 3px;
}

.header .layui-nav .layui-nav-item .layui-nav-child dd {
	float:left
}
.header .layui-nav .layui-nav-item .layui-nav-child dd a {
	width:60px;
}
.layui-nav lim a {
	display:block;
	padding:0 20px;
	color:#fff;
	transition:all .3s;
	-webkit-transition:all .3s;
}
.php-user {
	float: right;
	margin-right: 10px;
}
.header .php-user li {
	float:left;
	line-height:60px;
	min-width:60px;width:auto;
}
.header .php-user li a {
	color:#afafaf;
	text-align:center;
	background-color:#464646;
	display:block;
	font-weight:bold;
}
.header .php-user li span {
	color:#afafaf;
	text-align:center;
	display:block;
	font-weight:bold;
}
.header .php-user li span:hover {
	cursor:pointer;
	/*background:#464646*/
	color: #F40B0B;
}
.header .php-user .php-reg span {
	display:block;
}
.header .php-user .php-reg a {
	background-color:#676767;
	display:block;
}
.g-user-card .user-center-box {
	margin-top:16px;
	margin-bottom:8px;
	padding:0 25px;
	text-align:center;
}
.g-user-card .user-center-box ul li {
	position:relative;
	width:115px;
	height:36px;
	background:#F8FAFC;
	border-radius:2px;
	line-height:36px;
	color:#4d555d;
	font-size:12px;
	margin-right:8px;
	margin-bottom:5px;
	box-sizing:border-box;
	float:left;
}
.g-user-card .user-center-box ul li a {
	width:100%;
	height:36px;
	line-height:36px;
	padding-left:12px;
	text-align:left;
	box-sizing:border-box;
}
.g-user-card .user-center-box ul li .user-center-icon {
	position:relative;
	top:3px;
	font-size:16px;
	margin-right:8px;
	font-weight:bold;
}
.php-banner {
	position:relative;
	height:510px;
	overflow:hidden;
	width:1380px;
	margin-top:30px;
	background-color:#fff;
	border-radius:8px;
	box-shadow:0 12px 24px 0 rgba(7,17,27,.2);
	padding:0;
}
.php-banner-left {
	position:relative;
	width:216px;
	height:510px;
	z-index:2;
	padding-top:12px;
	background:#2b333b;
	border-bottom-left-radius:4px;
	font-weight:400;
}
#menu-list li:hover {
	color:#fff;
	background-color:rgba(255,255,255,.3)
}
.php-banner-left .submenu {
	top:0;
	border-bottom-right-radius:10px;
	height:444px;
	background:#F8FAFC;
	left:216px;
	width:768px;
	z-index:581;
	box-shadow:0 4px 8px 0 rgba(0,0,0,.1);
}
.php-banner-left .submenu .innerBox {
	background-color:#fff;
	padding:12px 48px 32px;
	position:relative;
	min-height:150px;
	width:672px;
}
.php-banner-left .submenu .subinnerBox {
	overflow:hidden;
}
.php-banner-left .submenu .submenu .subinnerBox {
	box-sizing:border-box;
}
.php-banner-left .submenu .banner-line {
	position:relative;
	height:1px;
	margin:35px 0 23px;
	background-color:rgba(77,85,93,.08);
}
.php-banner-left .submenu  .banner-line span {
	position:absolute;
	top:-12px;
	left:0;
	width:56px;
	font-size:12px;
	color:#07111B;
	line-height:24px;
	background-color:#fff;
}
.php-banner-left .submenu   .tag-box a {
	font-size:14px;
	color:#4D555D;
	line-height:24px;
	margin-right:24px;
}
.php-banner-left .submenu .recomment-box {
	padding:36px 0 48px 48px;
}
.php-banner-left .submenu .recomment-box .banner-course-card {
	width:312px;
	height:60px;
	margin-right:48px;
	margin-bottom:36px;
	float:left;
}
.php-banner-left .submenu .recomment-box .banner-course-card img {
	width:64px;
	height:42px;
	border-radius:4px;
	background-color:#ccc;
	float:left;
}
.php-banner-left .submenu .recomment-box .course-card {
	margin-left:16px;
	float:left;
}
.php-banner-left .submenu .recomment-box .banner-course-card .course-card-name {
	width:232px;
	font-size:12px;
	color:#07111B;
	line-height:20px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.php-banner-left .submenu .recomment-box .recomment-box .banner-course-card .course-card-info span {
	margin-right:12px;
}
.php-banner-left .recomment-box a {
	display:block;
	width:100%;
	height:100%;
}
.php-banner-left  .course-card-price {
	font-size:12px;
	color:#4D555D;
	line-height:20px;
	margin-top:8px;
}
.php-banner-left .recomment-box .banner-course-card .course-card-info span {
	margin-right:12px;
	font-size:12px;
	color:#4D555D;
	line-height:20px;
}
.php-banner-left ul li {
	height:60px;
	line-height:60px;
	font-size:12px;
	cursor:pointer;
	padding-left:12px;
	position:relative;
}
.php-banner-left ul li a {
	display:block;
	color:rgba(255,255,255,.6);
	padding:0 16px;
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
	height:60px;
	transition:all .1s;
	font-size:16px;
	float:left;
}
.php-banner-left ul li i {
	float:right;
	color:rgba(255,255,255,.6);
	padding-right:10px;
}
.php-banne-top {
	padding-left:30px;
}
.php-banne-top ul {
	height:60px;
}
.php-banne-top ul li {
	float:left;
	line-height:60px;
	margin-right:30px;
}
.php-banne-top ul li span {
	margin-left:3px;
}
.php-banne_ad {
	margin-left:10px;
	margin-top:15px;
	background-color:#fff;
}
.php-banne_ad img {
	border-radius:8px;
}
.php-banne_ad  li {
	float:left;
	margin-left:10px;
}
.php-banne_ad_i {
	display:inline-block;
	width:36px;
	height:36px;
	background:url(../images/path_new.png) no-repeat;
	background-size:100%;
	background-position:center 0;
	margin-left:31px;
}
.home-live .left {
	color:#fff;
	text-align:center;
	float:left;
/*	width:650px;*/
/*	height:330px;*/
	width:100%;
	height:400px;
	position:relative;
}
.home-live .left .live-img {
/*	width:650px;*/
/*	height:330px;*/
	position:relative;
	opacity:9;
}
.home-live .left .live-info {
/*	width:650px;*/
/*	height:330px;*/
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.home-live .left .live-info-bg {
	position:absolute;
	top:0;
	left:0;
	background:#000;
	/*width:650px;
	height:330px;*/
	width:100%;
	height:100%;
	box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset -1px -1px 0 rgba(0,0,0,.07);
	opacity:0.8;
	filter:blur(2px);
}
.home-live .left .live-info .title {
/*	margin-top:40px;*/
	margin-top:80px;
	font-weight:700;
	font-size:23px;
}
.home-live .left .live-info p {
	line-height:40px;
}
.home-live .left .live-info .time {
	margin:20px 0 20px 0;
	font-size:18px;
}
.home-live .left .live-info .time p {
	border-radius:20px;
	background-color:rgba(0,0,0,.69);
	width:300px;
	line-height:40px;
	margin:0 auto;
}
.home-live .left .live-info .time p span {
	color:#1fa4da;
	font-weight:700;
	padding:0 10px 0 10px;
}
.home-live .left .live-info .layui-btn {
	display:block;
	width:180px;
	height:50px;
	line-height:50px;
	margin:0 auto;
	background-color:#F11717;
}
.home-live .left .live-info .teacher-info {
	background:#000;
	opacity:0.7;
	position:absolute;
/*	width:634px;*/
	width:100%;
	height:60px;
	bottom:0;
/*	left:16px;*/
	font-size:19px;
}
.home-live .left .live-info .teacher-info p {
	text-align:left;
	margin-left:20px;
	padding-top:10px;
}
.home-live .left .live-info .teacher-info p img {
	width:40px;
	height:40px;
	border-radius:20px;
	min-height: 0;
}
.home-live .left .live-info .teacher-info p span {
	margin-left:10px;
}
.home-live .left .live-info .teacher-info p a {
	color:#fff;
/*	float:right;*/
	float:left;
	width:400px;
/*	height:30px;*/
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:normal;
}
.home-live .left .live-info .teacher-info p a:hover {
	color:#56ff00;
}
.home-live .right {
	float:right;
	width:349px;
	background-color:#f4f4f4;
}
.home-live h3 {
	line-height:28px;
	padding:10px;
	text-align:center;
	font-size:20px;
}
.home-live h3 img {
	width:24px;
	height:24px;
	margin-right:10px;
}
.home-live h3 a {
	}.home-live .right a {
	padding-left:10px;
	display:block;
	line-height:46px;
	font-size:16px;
	border-left:4px solid #f4f4f4;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.home-live .right a span {
	margin:0 10px 0 10px;
	color:#ababab;
}
.home-live .right a i {
	font-size:12px;
	color:#ababab;
}
.home-live .right a:hover {
	border-left:4px solid #23b8ff;
	background-color:#fff;
	color:#000;
}
.ad_i2 {
	background-position:center -72px;
}
.ad_i3 {
	background-position:center -108px;
}
.ad_i4 {
	background-position:center -36px;
}
.user-card-item {
	display: block;
	line-height:60px;
	margin:0 20px;
}
.user-card-item img {
	border-radius:50%;
}
.headernjvip{
	background: url(/static/images/nuvip.png) center top / 100% 100%!important;
}
.headerjvip{
	position: absolute;
  right: 14px;
  top: 35px;
  width: 14px;
  height: 14px;
  border-radius: 100%;
  border: 2px solid rgb(255, 255, 255);
  box-sizing: border-box;
  background: url(/static/images/uvip.png) center top / 100% 100%;
}
.g-user-card {
	position:absolute;
	right:0;
	top:100%;
	width:300px;
	padding-top:10px;
	visibility:hidden;
	z-index:1000;
}
.g-user-card .card-inner {
	background-color:#fff;
	box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);
}
.g-user-card .card-top {
	padding-left:100px;
	height:70px;
	color:#fff;
	position:relative;
}
.g-user-card .card-top .havatar {
	width:60px;
	height:60px;
	border-radius:50%;
	border:2px solid #fff;
	margin:10px 0 0 -82px;
}
.g-user-card .card-top .name {
	color: #484848;
	display:inline-block;
	padding-top:20px;
	font-size:16px;
	max-width:calc(100% - 42px);
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.g-user-card .card-top .hvip{
	width: 28px;
	height: 15px;
	margin: 0 7px;
	padding-top: 22px;
}
/*.g-user-card .card-top a {
	color:#fff;
}*/
.g-user-card .card-top .setup {
	position:absolute;
	right:20px;
	top:33px;
	opacity:0.6;
	filter:alpha(opacity=60);
	font-size:16px;
}
.g-user-card .card-top .setup:hover {
	opacity:1;
	filter:alpha(opacity=100);
}
.g-user-card .card-top .meta {
	position: absolute;
	font-size:12px;
	font-weight:bold;
	bottom:0;
}
.g-user-card .card-top .meta a {
	margin-right:12px;
	color:#afafaf;
}
.g-user-card .card-top .meta b {
	margin-left:2px;
}
.g-user-card .card-links {
	position:relative;
	height:60px;
	line-height:60px;
}
.g-user-card .card-links a,.g-user-card .card-links .split {
	position:absolute;
}
.g-user-card .card-links .split {
	left:150px;
	top:0;
	margin-top:15px;
	width:1px;
	height:30px;
	background-color:#edf1f2;
}
.g-user-card .card-links a {
	left:20px;
	top:0;
	font-weight:bold;
}
.g-user-card .card-links .my-sns {
	left:172px;
}
.g-user-card .card-history,.g-user-card .card-links {
	margin-bottom:-1px;
	border-bottom:1px solid #edf1f2;
}
.g-user-card .card-history {
	height:70px;
}
.g-user-card .card-history .history-item {
	display:block;
	position:relative;
	padding:18px 74px 14px 46px;
	font-size:12px;
	color:#787d82;
	transition:background-color 0.2s;
}
.g-user-card .card-history .history-item .tit {
	display:block;
	margin-bottom:4px;
	font-weight:bold;
}
.g-user-card .card-history .history-item .media-name {
	display:block;
}
.g-user-card .card-history .history-item .icon-clock {
	position:absolute;
	left:20px;
	top:22px;
}
.g-user-card .card-history .history-item .continue {
	position:absolute;
	right:20px;
	top:18px;
	color:#f01400;
}
.g-user-card .card-history .history-item .continue:hover {
	color:#d81380;
}
.g-user-card .card-sets {
	padding:0 20px;
	height:40px;
	line-height:40px;
	font-size:12px;
}
.g-user-card .card-sets a {
	color:#787d82;
}
.g-user-card a:hover {
	color:#f01400;
	background:none;
}
.g-user-card .card-sets a:nth-last-child(2) {
	float:right;
}
.g-user-card .card-sets .mr30 {
	margin-right:30px;
}
.g-user-card .card-arr {
	position:absolute;
	right:23px;
	top:2px;
	border-width:0 7px 8px 7px;
	border-color:transparent transparent #fff transparent;
	border-style:solid;
}
.user-card-box {
	position:relative;
	float:right;
	right:10px;
}
.user-card-box:hover .g-user-card {
	visibility:visible;
}
.user-card-box .user-card-item img {
	width:28px;
	height:28px;
	border-color:#4d5559;
	margin-top:15px;
}
.user-card-box:hover .user-card-item img {
	border-color:#f22c1a;
}
.header_message_record,.header_cart {
	float:right;
	position:relative;
	padding-right:10px;
}
.header_message_record .msg_remind {
	display:block;
	position:absolute;
	width:7px;
	height:7px;
	background-color:#f01414;
	right:12px;
	top:10px;
	border-radius:50%;
}
.header_message_record a {
	width:60px;
	display:block;
	color:#ffffff;
	text-align:center;
	font-size:14px;
	height:60px;
	line-height:60px;
	-webkit-transition:background-color 0.3s;
	-moz-transition:background-color 0.3s;
	transition:background-color 0.3s;
}
.header_message_record a i {
	color:#a6a69f;
	display:block;
	line-height:60px;
	font-size:22px;
	text-align:center;
	cursor:pointer;
	transition:color 0.2s;
}
.header_message_record a:hover i{
	/*background-color:#363c41;*/
	color: #F40B0B;
}
.header_cart .phpcn-cart {
	width:80px;
	line-height:28px;
	padding:1px 5px;
	color:rgba(255,255,255,.7);
	text-align:center;
	border:1px solid #D9DDE1;
	border-radius:12px;
	display:block;
	margin-top:13px;
	font-size:12px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.header_cart .phpcn-cart span {
	font-size:12px;
	padding:0 3px;
	background:#f01414;
	color:#fff;
	border-radius:8px;
}
.index_new {
	width:1380px;
	height:500px;
	margin:0px auto 20px auto;
	border-radius:8px;
}
.index_new_left {
	float:left;
	width:360px;
	height:100%;
	overflow:hidden;
}
#sslide {
	position:relative;
	border:1px solid #e0e0e0;
	zoom:1;
	float:left;
	width:358px;
	overflow:hidden;
	background-color:#fff;
	border-radius:8px;
}
.slide_field {
	position:relative;
	height:183px;
	padding:1px;
}
.slide_field li {
	position:absolute;
	left:1px;
	top:1px;
	width:356px;
	height:183px;
	overflow:hidden;
}
.slide_field .cur {
	z-index:9;
}
.slide_field img {
	width:356px;
	height:183px;
	border-radius:8px;
}
.slide_field b {
	background:url(../images/slide_bar.png) no-repeat;
	color:#fff;
	height:26px;
	line-height:26px;
	position:absolute;
	bottom:0;
	left:0;
	padding:0 110px 0 10px;
	width:196px;
	overflow:hidden;
}
.slide_nav {
	position:absolute;
	right:5px;
	bottom:7px;
	z-index:99;
}
.slide_nav li {
	background:#4e4e4e;
	text-indent:1000px;
	_text-indent:-20px;
	float:left;
	display:inline;
	margin-right:5px;
	width:12px;
	height:12px;
	line-height:12px;
	color:#fff;
	font-size:12px;
	font-family:arial;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
}
.slide_nav .cur {
	background-color:#fa9b1f;
}
.index_new_left_down {
	margin-top:10px;
	background-color:#fff;
	width:358px;
	border-radius:8px;
}
.index_new_left_down .title {
	height:33px;
	line-height:33px;
	border-bottom:2px solid rgb(255,74,0);
	font-size:14px;
	font-weight:bold;
	padding-left:10px;
}
.index_new_left_down .title span {
	float:right;
	font-size:12px;
	font-weight:normal;
	margin-right:10px;
}
.index_new_left_down ul {
	padding:7px 10px;
}
.index_new_left_down ul li {
	height:28px;
	line-height:28px;
	overflow:hidden;
	padding-left:10px;
	background:url(../images/li1.jpg) no-repeat 0 12px;
}
.index_new_left_down ul li span {
	float:right;
	color:#999;
}
.index_new_center {
	float:left;
	margin-left:10px;
	width:508px;
	height:498px;
	overflow:hidden;
	background-color:#fff;
	border-radius:8px;
}
.index_new_center .title {
	border-bottom:1px solid #eaeaea;
	height:35px;
	line-height:35px;
	_overflow:hidden;
}
.index_new_center .title span {
	float:right;
	line-height:34px;
	margin-right:10px;
}
.index_new_center .title li {
	float:left;
	width:90px;
	height:34px;
	line-height:32px;
	font-size:14px;
	font-family:Microsoft Yahei;
	padding:1px 0 0 0;
	text-align:center;
}
.index_new_center .title .cur {
	cursor:pointer;
	border-bottom:1px solid #f80303;
	padding-bottom:9px;
}
.index_new_center .title li a {
	color:#333;
}
.index_new_center .title li h2 {
	font-size:14px;
}
.index_new_center .soft {
	float:left;
	width:100%;
	height:462px;
	margin-top:10px;
}
.index_new_center .soft ul li {
	height:20px;
	line-height:20px;
	padding-bottom:5px;
	clear:both;
	width:100%;
	float:left;
	font-size:14px;
	font-family:Microsoft Yahei;
}
.index_new_center .soft ul li span {
	float:right;
	color:#F20B0B;
}
.index_new_center .soft ul li .type {
	float:left;
	padding-right:10px;
	height:20px;
	width:70px;
	text-align:right;
	background:url(../images/mline.jpg) no-repeat center right;
	overflow:hidden;
}
.index_new_center .soft ul li .type a {
	color:#999;
}
.index_manual_div dd li:first-child {
	line-height:55px;
}
.index_manual_div li a {
	line-height:21px;
}
.index_type_90 {
	width:90px!important;
}
.index_type_165 {
	width:165px!important;
}
.index_new_center .soft ul li .tt {
	float:left;
	margin-left:10px;
	width:285px;
	height:20px;
	line-height:20px;
	overflow:hidden;
}
.index_new_right {
	float:right;
	width:310px;
	height:500px;
	overflow:hidden;
}
.index_new_right .recommended {
	margin-top:0px;
	background-color:#fff;
	width:308px;
	overflow:hidden;
	border-radius:8px;
}
.index_new_right .title {
	height:35px;
	line-height:35px;
	border-bottom:1px solid #eaeaea;
	font-size:14px;
	padding-left:10px;
	color:#484949;
}
.index_new_right .recommended ul {
	padding:5px 10px;
	_margin-top:5px;
}
.index_new_right .recommended ul li {
	height:25px;
	line-height:25px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.recommended ul li span {
	width:16px;
	height:15px;
	background:url(../images/top_act.jpg) no-repeat;
	display:inline-block;
	line-height:15px;
	color:#fff;
	cursor:pointer;
	text-align:center;
	margin-right:5px;
}
.recommend {
	margin-top:20px;
}
.recommend dt {
	font-weight:bold;
	font-size:18px;
	margin-bottom:10px;
}
.recommend .article {
	float:left;
	margin-right:10px;
	width:300px;
	padding:0 10px 10px 10px;
	padding-bottom:11px;
	background:#fff;
	box-shadow:0 4px 8px 0 rgba(7,17,27,.05);
	box-sizing:border-box;
	border-radius:8px;
}
.recommend .panel-title {
	margin-bottom:10px;
	height:35px;
	line-height:35px;
	font-weight:550;
}
.recommend .manual .panel-title {
	margin-bottom:3px;
}
.recommend .article dl dd {
	margin-bottom:10px;
	list-style-type:square;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.recommend .course {
	float:left;
	width:620px;
	padding:0 20px 20px 20px;
	background:#fff;
	box-shadow:0 4px 8px 0 rgba(7,17,27,.05);
	box-sizing:border-box;
	border-radius:8px;
}
.recommend .course dd {
	width:172px;
	height:140px;
	float:left;
	margin:10px 10px 20px 10px;
	-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,0.1);
	-moz-box-shadow:0 5px 10px 0 rgba(0,0,0,0.1);
	box-shadow:0 5px 10px 0 rgba(0,0,0,0.1);
	position:relative;
	border-radius:8px;
	box-sizing:border-box;
	overflow:hidden;
	position:relative;
}
.recommend .course img {
	width:170px;
	height:90px;
	margin-bottom:10px;
	border-radius:8px;
}
.recommend .course .php-course-intro {
	padding:5px;
	border-radius:8px;
	box-sizing:border-box;
	position:absolute;
	transition:top .5s;
	top:70px;
	height:144px;
	width:100%;
	background:#fff;
}
.recommend .course h3 {
	padding-left:10px;
	font-size:14px;
	max-height:40px;
	overflow:hidden;
	line-height:21px;
}
.recommend .course h3 i {
	float:left;
	margin-top:2px;
	margin-right:4px;
	padding:2px;
	font-style:normal;
	font-size:12px;
	color:#fff;
	line-height:12px;
	border-radius:1px;
	background-color:#93999f;
}
.recommend .manual {
	width:260px;
	float:left;
	padding:5px 15px 15px 15px;
	background:#fff;
	box-shadow:0 4px 8px 0 rgba(7,17,27,.05);
	box-sizing:border-box;
	margin-left:10px;
	border-radius:8px;
}
.recommend .manual dl dd {
	list-style-type:square;
	margin-bottom:9px;
	clear:both;
}
.recommend .manual dl dd:first-child {
	border:none!important;
}
.recommend .manual dl dd li {
	float:left;
}
.recommend .manual dl dd .manual-info {
	padding-top:10px;
	width:156px;
}
.recommend .manual dl dd li img {
	width:40px;
	margin-right:10px;
}
.recommend .manual dl dd li a {
	margin-left:5px;
	font-size:13px;
}
.J-media-item .first-icon {
	font-size:19px;
	padding-right:5px;
}
.J-media-item .layui-icon-play {
	font-size:19px;
	float:right;
	font-weight:bold;
}
.course-detail-parent-ad {
	width:768px;
	margin:0 auto;
}
.course-detail-ad {
	display:block;
	width:100%;
	height:132px;
	padding-bottom:10px;
	padding-top:10px;
}
.chapter-list{
	display:flex;

}
.chapter-list .layui-icon:last-child{
	margin-left:auto;
}
.chapter-list .chapter-list-icon {
	font-size:19px;
	padding-right:5px;
}
.course-detail-btn-button {
	text-align:left!important;
	padding-left:30px;
}
.marginB20 {
	padding-bottom:20px;
}
.course-teacher-message {
	margin-top:10px;
	color:#787d82;
}
.course-detail-qq {
	font-size:24px;
	margin-right:10px;
	vertical-align:middle;
}
.course_collection_parent .collection {
	margin:0 40px 0 -50px;
	color:#fff;
}
.course_collection_parent .layui-icon-cart-simple {
	margin:0 28px 0 -35px;
	color:#fff;
}
.course_collection_parent .layui-icon-cart-simple:hover {
	color:#f01414;
	cursor:grab;
}
.php-course-title {
	margin-top:20px;
	padding-left:15px;
}
.php-course-title .types-title {
	text-align:center;
	font-size:20px;
	font-weight:600;
	color:#4D555D;
	line-height:30px;
	padding-top:20px;
}
.php-course-title .types-title .layui-icon {
	font-size:20px;
	color:#1E9FFF;
}
.php-course-title .layui-col-md6 {
	border-radius:8px;
	transition:all .3s;
	text-align:center;
}
.php-course-title .layui-col-md6 a h3 {
	font-size:20px;
	font-weight:700;
	color:#FFF;
	letter-spacing:2px;
	line-height:28px;
	text-shadow:0 2px 2px rgba(7,17,27,.4);
}
.php-course-title .layui-col-md6 a {
	font-size:12px;
	color:#FFF;
	line-height:16px;
	text-shadow:0 2px 2px rgba(7,17,27,.4);
	margin-top:4px;
}
.php-course-title .layui-col-md6 a {
	display:block;
	width:567px;
	height:108px;
	border-radius:8px;
	overflow:hidden;
	padding:30px 0;
	box-sizing:border-box;
	background:rgba(7,17,27,.4);
	background:linear-gradient(to right,#47615c,#1f1d33);
}
.next_course_learn {
	float:right;
	background:red!important;
	margin-right:50px!important;
	color:#fff!important;
	line-height:38px!important;
	padding:0 18px!important;
	width:auto!important;
}
.course-tool {
	padding:30px 0px 30px 0px;
	line-height:14px;
	font-size:14px;
	color:#787d82;
	margin-bottom:10px;
}
.course-tool a {
	display:inline-block;
	padding:0 9px;
	line-height:25px;
	width:55px;
	font-size:13px;
	color:#787d82;
	text-align:center;
	/*background-color:#f3f5f7;
	*/border-radius:12px;
}
.course-tool a:not(.courseIDiffIcon):hover {
	background-color:#F2F2F2;
	color:#F40B0B;
}
.course-tool span {
	margin-right:0px;
	color: #d9d9d9;
}
.course-tool .on {
	background-color:#F2F2F2;
	color:#F40B0B;
}
.course-tool .left {
	float:left;
}
.course-tool .right {
	float:right;
}
.courseIDiffPar{position: relative;display: block;float: right;}
.courseIDiffPar:hover .courseIDiffChil{display: block;}
.courseIDiffChil{
	display: none;
	position: absolute;
	z-index: 999;
	right: 0;
    top: 25px;
    left: 0;
    min-width: 100%;
    line-height: 36px;
    box-shadow: 0 2px 4px rgb(0 0 0 / 12%);
    border: 1px solid #d2d2d2;
    background-color: #fff;
    border-radius: 2px;
    white-space: nowrap;
}
.courseIDiffChil a{
	display: block;
	line-height: 35px;
	border-radius: 0;
	width: 100%;
	box-sizing: border-box;
	
}
.courseAddDemand{width: auto!important;padding: 2px 20px!important;}
.courseAddDemand i{vertical-align: middle;}
.diy-vodeo li {
	margin:28px 0px 0px 35px;
	-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,0.1);
	-moz-box-shadow:0 5px 10px 0 rgba(0,0,0,0.1);
	box-shadow:0 5px 10px 0 rgba(0,0,0,0.1);
	position:relative;
	float:left;
	width:248px;
	height:256px;
	box-sizing:border-box;
	overflow:hidden;
	border-radius:8px;
}
.course-list-hot li:nth-child(5n+1){ margin-left:0px;}
.diy-vodeo li:hover{
	transition: all 1s;
	transition: 0.5s;
	box-shadow: 0px 5px 22px 0px rgb(84 106 128 / 11%);
	transform: scale(1.1);
}
.diy-vodeo .course-class-li-left {
	margin:10px;
	padding:10px;
	border-radius:8px;
	float:left;
	width:217px;
	height:362px;
	box-sizing:border-box;
	box-shadow:none;
	background:linear-gradient(to right,#47615c,#1f1d33);
}
.diy-vodeo .course-class-li-left .title {
	font-weight:bold;
	color:#fff;
	text-align:center;
	font-size:20px;
}


.diy-vodeo .course-class-li-left .title i {
	color:#5fb878;
	margin:8px;
}
.diy-vodeo .course-class-li-left .info {
	margin-top:20px;
	color:#fff;
}
.diy-vodeo .course-class-li-left .info p {
	margin-top:10px;
}
.diy-vodeo .course-class-li-left .statistics {
	color:#fff;
	position:absolute;
	bottom:20px;
	font-size:12px;
}
.diy-vodeo .course-class-li-left .course-level-href img {
	border-radius:8px;
}
.diy-vodeo .more a {
	margin-top:70px;
	display:inline-block;
	margin-right:10px;
	padding:8px 20px;
	background-color:#b7b7b7;
	border-radius:12px;
	font-size:12px;
	color:#fff;
	line-height:24px;
	font-weight:bold;
}
.diy-vodeo .more a:hover {
	background:#51C332;
	color:#fff;
}
.diy-vodeo li .php-course-intro {
	box-sizing:border-box;
	padding:0 20px;
	transition:top .5s;
	top:125px;
	height:60px;
	width:100%;
	background:#fff;
}
.diy-vodeo li .php-course-intro h3 {
	margin:0;
	padding:16px 0 6px;
	font-size:14px;
	max-height:40px;
	overflow:hidden;
	color:#07111b;
	line-height:23px;
}
.diy-vodeo li .php-course-intro h3 i {
	float:left;
	height: 16px;
	margin-top:1px;
	margin-right:10px;
	padding:2px 4px;
	font-style:normal;
	font-size:11px;
	line-height:16px;
	border-radius:2px;
	text-align: center;
}
.diy-vodeo li .php-course-intro h3 i.bg1{ background:#E0E8FC ; color: #298AFD; }
.diy-vodeo li .php-course-intro h3 i.bg2{ background:#FCE7E0; color: #FD4029;}
.diy-vodeo li .php-course-intro h3 i.bg3{ background:#FCF3E0; color: #FB6401;}
/*.diy-vodeo li a:hover .php-course-intro {
	top:28px;
}*/
.diy-vodeo li .php-course-intro p {
	color:#93999f;
	font-size:12px;
	height:40px;
	overflow:hidden;
	line-height:20px;
}
.diy-vodeo li .php-course-bottom {
	padding:0 20px;
	bottom:0;
	box-sizing:border-box;
	width:100%;
	height:42px;
	background-color:#fff;
	color:#93999f;
	font-size:12px;
	line-height:42px;
}
.diy-vodeo .diy-course-class-li-left {
	height:362px;
	background:-webkit-linear-gradient(to right,#43C6AC,#191654);
	-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,0.1);
	-moz-box-shadow:0 5px 10px 0 rgba(0,0,0,0.1);
	box-shadow:0 5px 10px 0 rgba(0,0,0,0.1);
	color:#fff;
}
.diy-vodeo .diy-course-class-li-left-bg {
	}.php-course-info-botton .course_detail_down {
	width:100px!important;
}
.courseICollection{cursor: pointer;}
.courseIDownIcon{margin-left: 5px;}
.courseVIPDiffIcon{position: relative;}
.courseVIPDownIcon{position:absolute;height: 12px;transition: transform .3s ease}
.courseVIPDownIcon:first-child{top: 2px;right: 7px;transform: scale(.8) rotate(-90deg)}
.courseVIPDownIcon:last-child{bottom: 2px;right: -3px;transform: scale(.8) rotate(90deg)}
.php-ask-banner {
	background:#888 url(../images/zhuangti.jpg) no-repeat 50% 0;
	background-size:cover;
	height:280px;
	position:relative;
	overflow:hidden;
}
.php-ask-banner .layui-main {
	padding:50px 0 40px 180px;
}
.banner-left {
	float:left;
	background:rgba(255,255,255,.1);
	border-radius:50%;
	position:relative;
	width:180px;
	height:180px;
}
.banner-left img {
	border-radius:50%;
	width:160px;
	height:160px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-80px 0 0 -80px;
}
.banner-right {
	margin-left:220px;
	width:70%;
	color:#fff;
}
.banner-right .title {
	font-weight:bold;
	font-size:22px;
}
.banner-right p {
	line-height:25px;
	margin-bottom:5px;
}
.banner-right .group-btn .layui-btn {
	margin-left:370px;
	width:180px;
	background:#68c04a;
}
.php-ask .host-title {
	background:#fbfbfb;
	border-bottom:1px solid #f0f0f0;
	padding-left:15px;
	height:40px;
	line-height:40px;
}
.host-group {
	padding:20px;
	height:100px;
	background:#fff;
}
.host-group .group {
	margin-right:24px;
	float:left;
}
.host-group ul li {
	float:left;
	margin-right:20px;
}
.host-group ul li img {
	border-radius:40px;
	box-shadow:0 1px 3px rgba(0,0,0,0.2);
	float:left;
	width:80px;
	height:80px;
}
.host-group ul li p {
	margin-bottom:10px;
}
.host-group ul li .group-name {
	height:20px;
	line-height:20px;
	display:block;
	/*overflow:hidden;
	text-overflow:ellipsis;*/
	white-space:nowrap;
}
.host-group ul li .c-999 {
	color:#999;
}
.host-group ul li .c-master {
	color:#009a61!important;
}
.hot-topic {
	margin-top:20px;
	background:#fbfbfb;
	border-bottom:1px solid #f0f0f0;
	height:50px;
	line-height:50px;
}
.hot-topic ul li {
	float:left;
	margin-left:10px;
	margin-right:30px;
	min-width:60px;width:auto;
	text-align:center;
}
.hot-topic ul li .on {
	display:block;
	height:50px;
	line-height:50px;
	border-bottom:2px solid red;
}
.ask-lists {
	padding:20px;
	background:#fff;
}
.ask-lists ul {
	min-height:110px;
	border-bottom:1px solid #eee;
	margin-bottom:20px;
}
.ask-lists ul li {
	float:left;
	margin-right:20px;
	width:770px;
}
.ask-lists ul  .ask-img {
	width:48px;
}
.ask-lists ul  .ask-img img {
	border-radius:50%;
	width:48px;
	height:48px;
}
.ask-lists ul li p {
	overflow:hidden;
	margin-bottom:10px;
}
.ask-lists ul li .title a {
	color:#5e5e5e;
	font-size:18px;
}
.ask-lists ul li .info a {
	font-size:14px;
	color:#999;
}
.ask-lists ul li .other span {
	color:#aaa!important;
	float:right;
	height:18px;
	margin:0px 10px 0 0;
	font-family:'Microsoft YaHei';
	line-height:18px;
}
.ask-lists ul li .other a {
	margin:0 3px
}
.ask-lists ul li .other i {
	margin-left:5px;
}
.ask-right {
	width:280px;
	margin-left:20px;
}
.ask-right .top .layui-btn {
	background:#5FB878;
	width:280px;
	margin-bottom:10px;
	margin-left:0;
}
.ask-host-list .ask-host-title {
	background:#fbfbfb;
	border-bottom:1px solid #f0f0f0;
	padding:0 15px;
	height:50px;
	line-height:50px;
}
.ask-right .user-info {
	background:#fff;
	padding:10px;
	margin-bottom:10px;
}
.ask-right .user-info .group-title {
	height:20px;
	line-height:20px;
	padding-bottom:10px;
	border-bottom:1px solid #eee;
}
.ask-right .user-info ul li {
	float:left;
	margin:5px;
}
.ask-right .user-info ul li p {
	text-align:center;
	font-size:12px;
}
.ask-right .user-info ul li img {
	border-radius:50%;
	width:48px;
	height:48px;
}
.ask-right .user-info a {
	display:block;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.ask-host-list .list {
	background:#fff;
}
.ask-host-list .list li {
	display:inline-block;
	max-width:93%;
	height:20px;
	line-height:20px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	padding:10px;
	border-bottom:1px dotted #f2f2f2;
}
.ask-host-list .list li a {
	color:#999;
}
.ask-host-list .list li span {
	float:right;
}
.ask-host-list .list li .layui-icon {
	color:red;
}
.ask-info-title {
	margin:20px 0;
}
.php-ask img {
	max-width:100%!important;
}
.php-ask .centent {
	overflow:hidden;
	background:#fff;
	padding:20px 0 20px 15px;
}
.php-ask .centent h1 {
	font-size:18px;
}
.php-ask .centent .user {
	margin-top:20px;
	border-bottom:1px solid #eee;
}
.php-ask .centent .user ul>li {
	float:left;
	margin-right:10px;
}
.php-ask .centent .user ul .isAct-img {
	border-radius:50%;
	width:48px;
	height:48px;
}
.php-ask .centent .user ul .isAct-attr {
	width:90%
}
.php-ask .centent .user ul li p {
	margin-bottom:20px;
}
.php-ask .centent .user ul li p .time {
	font-size:12px;
	color:#615d5d;
}
.askauthentication {
	font-size:12px;
	color:#fff;
	background: #FF6200;
	padding: 3px 8px;
	border-radius: 6px;
}
.askauthentication i{
	font-size: 12px;
}
.php-ask .centent .user ul li p .belong-group {
	margin-right:10px;
}
.php-ask .centent .user ul li p .belong-group i{
	font-style: normal;
	color: blue;
}
.php-ask .centent .user ul li .view {
	float:right;
	color:#aaa!important;
	height:18px;
	margin:0px 10px 0 0;
	font-family:'Microsoft YaHei';
	line-height:18px;
	font-size:12px;
}
.php-ask .centent .user ul li .cBtn {
	height:24px;
	line-height:24px;
	font-size:12px;
	display:inline-block;
	background:#68c04a;
	color:#fff!important;
	border-radius:3px;
	padding:0 15px;
	margin-left:10px;
}
.php-ask .centent .user ul li .view i {
	margin-left:10px;
}
.php-ask .centent .info {
	padding:20px;
	margin-right:15px;
	min-height:200px;
	line-height:28px;
	font-size:15px;
}
.php-ask .centent .cy-tree {
	margin:0 auto;
	width:300px;
	height:85px;
}
.php-ask .centent .cy-tree ul {
	height:50px;
}
.php-ask .centent .cy-tree ul li {
	float:left;
}
.php-ask .centent .cy-tree ul li p {
	text-align:center;
	margin-left:20px;
	margin-top:5px;
}
.php-ask .centent .cy-tree ul li i {
	border:1px solid #e2e2e2;
	border-radius:50%;
	display:inline-block;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	color:#88bbed;
}
.php-ask .centent .wrap {
	margin-top:10px;
	padding:20px;
}
.php-ask .centent .wrap ul {
	height:40px;
	border-bottom:1px solid #eee;
}
.php-ask .centent .wrap ul li {
	float:left;
}
.php-ask .centent .wrap ul .master {
	border-bottom:1px solid #009a61;
	display:inline-block;
	height:40px;
	line-height:28px;
	padding:0 10px;
	font-size:16px;
	color:#009a61;
	line-height:40px;
}
.php-ask .centent .wrap ul .master span {
	color:#ccc;
	font-size:14px;
}
.php-ask .centent .wrap ul .detail_answer {
	margin-left:550px;
	border:1px solid #009a61;
	float:right;
	color:#f01400!important;
	font-size:14px;
	padding:6px 8px;
	background-color:#fff;
	margin-left:10px;
	border-radius:10px;
}
.php-ask .centent .wrap ul .viewContact,.viewContactSelected{
	cursor: pointer;
}
.php-ask .centent .user ul li .view2 {
	color:#aaa!important;
	height:18px;
	margin:0px 10px 0 10px;
	font-family:'Microsoft YaHei';
	line-height:18px;
	font-size:12px;
}
.php-ask .centent .user ul li .view2 span {
	color:#009a61;
	font-size:12px;
}
.php-ask .centent .user ul li .reply {
	font-size:13px;
	color:#009a61;
}
.php-ask .centent .border ul {
	margin-bottom:20px;
	border-bottom:1px solid #eee;
}
.php-ask .centent .info p {
	word-wrap:break-word;
}
.ask-cate {
	padding:10px 20px 15px;
	background:#fff;
	border:1px solid #f2f2f2;
	box-shadow:2px 2px 0 rgba(0,0,0,.01);
	overflow:hidden;
}
.ask-cate  ul li {
	float:left;
	width:350px;
	height:100px;
	text-align:center;
	border-right:1px solid #f2f2f2;
}
.ask-cate  ul li p {
	margin-top:17px;
	text-align:center;
}
.ask-cate ul li img {
	width:40px;
	height:40px;
}
.ask-nav {
	background:#fbfbfb;
	border-bottom:1px solid #f0f0f0;
	height:50px;
}
.ask-nav  ul li {
	float:left;
	width:120px;
	line-height:49px;
	text-align:center;
}
.ask-nav  ul li .on {
	display:block;
	border:solid transparent;
	border-width:2px 1px 0;
	border-color:#d44920 #f2f2f2 transparent #f2f2f2;
	border-bottom:1px solid red;
	background:#fff;
}
.ask-group-list {
	padding:20px 10px;
	background:#fff;
	font-size:12px;
}
.ask-group-box {
	float:left;
	margin:20px 20px 0 20px;
}
.ask-group-list .ask-group-box ul {
	border:1px solid #f2f2f2;
	padding:17px;
}
.ask-group-list .ask-group-box ul .cte-bottom {
	padding-top:15px;
	width:100%;
	border-top:1px solid #f2f2f2;
}
.ask-group-list .ask-group-box ul .cte-bottom span {
	float:right;
}
.ask-group-list .ask-group-box ul .cte-bottom span a {
	display:block;
	border:1px solid #68c04a;
	color:#68c04a;
	width:60px;
	text-align:center;
}
.ask-group-list .ask-group-box ul li {
	float:left;
}
.ask-group-list .ask-group-box ul li .group-name {
	font-weight:bold;
	font-size:19px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    height: 50px;
}
.ask-group-list .ask-group-box ul li p {
	margin-bottom:10px;
	width:200px;
}
.ask-group-list .ask-group-box ul li img {
	box-shadow:0 1px 1px rgba(0,0,0,0.2);
	opacity:0.9;
	margin-right:20px;
	width:92px;
	height:92px;
	border-radius:4px;
}
.ask_top_list_span {
	border:1px solid #EF1A2E;
	border-radius:2px;
	color:#EF1A2E!important;
	cursor:default;
	display:inline-block;
	font-size:12px;
	height:14px;
	line-height:14px;
	margin-left:5px;
	padding:2px 5px;
	vertical-align:middle;
}
.detail-comment-input {
	background-color:#f6f6f6;
	position:relative;
	padding:20px 30px;
}
.php-ask .ask_accepted {
	line-height:18px;
	font-size:12px;
	color:#00b33b;
	border:1px solid #99e1b1;
	padding:3px 6px;
}
.php-ask .ask_accept {
	line-height:18px;
	font-size:12px;
	color:#fff;
	background:#00b33b;
	padding:3px 6px;
	border:1px solid #00b33b;
}
.php-ask .ask_accept:hover {
	cursor:pointer;
	color:#00b33b;
	background:#ffffff;
	border:1px solid #00b33b;
}
.detail-ci-avator img,.answer-con img {
	float:left;
	width:40px;
	border-radius:50%;
}
.detail-ci-avator .detail-r {
	margin:0 0 10px 50px;
}
.detail-ci-avator .detail-signal {
	color:#b5b9bc;
	font-size:12px;
	height:18px;
}
.qa-ci-footer {
	position:relative;
	margin:20px 0 5px;
	min-height:40px;
}
.qa-ci-footright {
	position:absolute;
	right:0;
	top:0;
}
.detail-btn {
	width:78px;
	background-color:#f01400;
	border-color:#f01400;
	color:#ffffff;
	border-style:solid;
	border-width:1px;
	cursor:pointer;
	-weibkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
	height:38px;
	line-height:38px;
	font-size:14px;
	display:inline-block;
	margin-bottom:0;
	font-weight:200;
	text-align:center;
	vertical-align:middle;
	touch-action:manipulation;
	text-decoration:none;
	box-sizing:content-box;
	background-image:none;
	border:1px solid transparent;
	-webkit-appearance:none;
	white-space:nowrap;
	outline:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.js-verify-refresh:hover {
	cursor:pointer
}
.group-in-banner {
	background:#888 url(../images/zhuangti.jpg) no-repeat 50% 0;
	background-size:cover;
	height:280px;
	position:relative;
}
.viewport {
	width:1380px;
	margin:0 auto;
}
.g-in-wrap,.group-attr-box {
	height:280px;
	position:relative;
	overflow:hidden;
	display:inline-block;
}
.group-pic {
	background:rgba(255,255,255,.1);
	border-radius:50%;
	position:relative;
	width:180px;
	height:180px;
	float:left;
	margin-top:35px;
}
.group-pic img {
	border-radius:50%;
	width:160px;
	height:160px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-80px 0 0 -80px;
}
.group-attr-box {
	height:280px;
	position:relative;
	overflow:hidden;
	display:inline-block;
	vertical-align:middle;
	max-width:880px;
	float:left;
}
.group-i-attr {
	color:#fff;
	padding:50px 0 0 30px;
}
.g-a-name {
	height:40px;
	line-height:40px;
	overflow:hidden;
}
.fsize24 {
	font-size:24px;
}
.fsize12 {
	font-size:12px;
}
.g-a-summary {
	height:54px;
	line-height:24px;
	overflow:hidden;
}
.tcenter {
	text-align:center;
	margin-top:20px;
}
.c-fff {
	color:#fff;
}
.apple-group {
	background:#68c04a;
	border-color:#68c04a;
	color:#fff!important;
	font-size:18px;
	width:180px;
	height:32px;
	line-height:32px;
	webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	border-radius:2px;
	cursor:default;
	display:inline-block;
	margin-left:5px;
	padding:2px 5px;
	vertical-align:middle;
	text-align:center;
}
.apple-group:hover {
	cursor:pointer;
	text-decoration:none;
	opacity:0.85;
	-moz-opacity:0.85;
	filter:alpha(opacity=85);
}
.comments-content .reply-list {
	font-size:13px;
	background-color:#FAFAFA;
	padding:0 10px;
	color:#666;
	margin-left:50px;
}
.comments-content .reply-item {
	padding-bottom:10px;
	padding-top:10px;
	border-bottom:1px dashed rgba(0,0,0,0.09);
	word-break:break-all;
}
.pull-left {
	float:left;
}
.comment-ops,.comment-trigger {
	margin:0;
	color:#999;
	font-size:13px;
}
.mr20 {
	margin-right:20px;
}
.reply-content-block {
	margin-left:40px;
}
.reply-content {
	display:inline-block;
}
.reply-item p {
	margin-bottom:5px;
}
.comments-content .comments-isAuthor {
	background:#FCF8E3;
	border-radius:3px;
	font-size:12px;
	color:#8A6D3B !important;
	padding:2px 4px;
}
.text-muted-plus {
	color:#999;
	font-size:12px;
}
.release-reply-con {
	display:none;
	position:relative;
	padding:20px 30px 60px 84px;
	background-color:#f3f3f3;
	margin:20px 30px 20px 50px;
}
.release-reply-con .user-pic {
	position:absolute;
	left:30px;
	width:40px;
	height:40px;
	border-radius:20px;
	overflow:hidden;
}
.release-reply-con .user-pic a {
	display:block;
	height:100%;
}
.release-reply-con .user-pic img {
	display:block;
	width:100%;
	height:100%;
}
.release-reply-con .user-name {
	font-size:24px;
	color:#333;
}
.release-reply-con .user-name a {
	line-height:20px;
	font-size:14px;
	color:#787d82;
	text-align:left;
}
.release-reply-con .textarea-con {
	position:relative;
	border:1px solid #d0d6d9;
	margin-top:15px;
	padding:10px;
	background-color:#fff;
}
.release-reply-con .textarea-con textarea {
	display:block;
	resize:none;
	width:100%;
	min-height:60px;
	border:0;
}
.release-reply-con .do-reply-btn,.second-reply-btn {
	float:right;
	width:60px;
	height:40px;
	font-size:14px;
	color:#fff;
	line-height:40px;
	text-align:center;
	cursor:pointer;
	background-color:#f01400;
	margin-top:10px;
}
.reply-list .reply-item .reply-btn:hover {
	cursor:pointer;
	color:#666;
}
.php-news {
	background-color:#FAFBFC;
	position:relative;
	background:#fff;
}
.php-news-left {
	background-color:#f0f2f4;
	border-left:5px solid #009688;
}
.php-news-left ul {
	background-color:#fafbfc;
}
.php-news-left-ul li {
	font-size:18px;
	line-height:50px;
	float:left;
	height:50px;
	text-align:center;
	width:99px;
}
.php-news-left-ul li a:hover {
	background:#0aa770;
	color:#fff;
	margin-top:-1px;
	border-top:1px solid #0aa770;
	line-height:50px;
	display:block;
	text-align:center;
}
.diy-border {
	margin-top:10px;
	border-bottom:1px dashed #e4e4e4;
	padding:15px;
}
.diy-border .layui-col-md3 img {
	border-radius:8px;
	width:200px;
	height:125px;
	display:block;
}
.diy-border .layui-col-md9  .diy-li-course-user li {
	margin-left:10px;
	line-height:25px;
}
.diy-border .layui-col-md9  .diy-li-course-user li a {
	display:inline-block;
	font-size:13px;
	color:#666;
	margin-right:5px;
}
.diy-border .layui-col-md9  .diy-li-course-user li i {
	font-weight:bold;
	color:red;
	margin-right:5px;
}
.diy-border .layui-col-md9  .diy-li-course-user .right {
	float:right;
}
.diy-border .layui-col-md9  .diy-li-course-user .course-user {
	color:#900b09;
}
.diy-border .layui-col-md9  .diy-li-course-user .course-user img {
	border-radius:50%;
	height:20px;
}
.diy-border h3 {
	font-weight:bold;
}
.php-news-info p {
	margin-top:10px;
	line-height:24px;
	font-size:14px;
	color:#333;
	margin-bottom:10px;
}
.php-news-right {
	}.php-news-right .layui-col-md12 ul li {
	line-height:30px;
	padding-top:20px;
}
.php-news-right .layui-col-md12 ul li span {
	float:right;
}
/*.article-list-right .article-course li {
	width:340px;
}
.article-list-right .article-course li span a {
	width:320px;
}*/
.php-news-right-imginfo li {
	padding:10px 0;
	height:180px;
	width:100%;
	position:relative;
}
.php-news-right-imginfo li img {
	display:block;
	width:100%;
	height:180px;
	border-radius:8px;
}
.php-news-right-imginfo li span a {
	position:absolute;
	width:100%;
	bottom:10px;
	display:block;
	line-height:40px;
	background:rgba(0,0,0,0.5);
	color:#ffffff;
	height:40px;
	overflow:hidden;
	box-sizing: border-box;
	text-align: center;
	border-radius: 0 0 8px 8px;
}
/*.php-news-right-imginfo li span a:hover {
	height:60px;
}*/
.diy-course-class {
	height:60px;
}
.diy-course-border {
	padding-bottom:10px;
	padding-top:10px;
	/*border-bottom:1px solid #edf1f2;*/
	padding-right: 70px;
}
.diy-course-class li {
	height:30px;
	line-height:30px;
	margin:5px 0px 5px 0px;
	border-radius:5px;
}
.diy-course-class li a {
	display:block;
	line-height:14px;
	margin-bottom:10px;
	padding:9px 12px;
	font-size:14px;
}
.diy-course-class li a:hover{
	color: #F40B0B;
}
.diy-course-type {
	padding-right:10px;
	width:52px;
	height:20px;
	line-height:30px;
	font-weight:bold;
	font-size:14px;
	color:#07111b;
	text-align:right;
}
.diy-course-typetop {
	padding:0 10px!important;
	font-size:16px!important;
	color:#07111b;
	text-align:center;
	line-height: 30px!important;
	float: left;
}
.diy-scurse-li-bg {
	background:#F2F2F2;
	color:#F40B0B;
}
.diy-scurse-li-bg a {
	color:#F40B0B;
}
.diy-bg-black {
	background:#000;
}
.diy-main {
	margin:0 auto;
	max-width:1380px;
	min-width:1380px;
}
.course-list-col {
	min-height:450px;
	min-width:1380px;
}
.diy-li-left li {
	float:left;
}
.diy-page {
	margin:25px auto;
	overflow:hidden;
	clear:both;
	text-align:center;
}
.diy-page span .page-disabled {
	display:inline-block;
	padding:0 5px;
	min-width:20px;
	height:39px;
	line-height:39px;
	font-size:14px;
	color:#c8cdd2;
	text-align:center;
}
.diy-page a.active {
	background:#ec1500;
	color:#ffffff!important;
	border-color:transparent;
}
.diy-page a {
	display:inline-block;
	margin:0 5px;
	padding:0 5px;
	min-width:20px;
	height:29px;
	line-height:30px;
	font-size:14px;
	color:#787d82;
	text-align:center;
	border-bottom:1px solid transparent;
	-webkit-transition:border-color 0.2s;
	-moz-transition:border-color 0.2s;
	transition:border-color 0.2s;
}
.php-manual {
	background-color:#fff;
	height:195px;
	margin-bottom:20px;
}
.site-tree {
	border-right:1px solid #eee;
}
.site-tree {
	width:100%;
	padding:0px 0 20px;
}
.site-tree,.site-content {
	display:inline-block;
	vertical-align:top;
	font-size:14px;
}
.site-tree .layui-tree {
	line-height:32px;
}
.site-tree .layui-tree h2{font-size:16px !important;}
.layui-tree li {
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}
.site-tree .layui-tree li h3 {
	line-height:40px;
	border-left:5px solid #009E94;
	margin:0px 0 5px;
	padding:0 10px;
	background-color:#f2f2f2;
	overflow:hidden;
	text-overflow:ellipsis;
}
.site-tree .layui-tree .layui-this a {
	color:#01AAED;
}
.dic-home .site-tree .layui-tree .site-tree-noicon a cite {
	color:#fff;
	padding-left:15px;
}
.site-tree .layui-tree .site-tree-noicon a cite {
	}.dic-home .site-tree .layui-tree .site-tree-noicon a i {
	color:#fff;
}
.site-tree .layui-tree li a em {
	font-size:12px;
	color:#bbb;
	padding-right:5px;
	font-style:normal;
}
.site-tree .layui-tree li a cite {
	padding:0 8px;
}
.site-content {
	width:899px;
	min-height:900px;
	padding:20px 0 10px 20px;
}
.php-search.php-int>div:first-child {
	float:left;
}
.php-download {
	background:#fff;
	padding:20px;
	border-radius:8px;
}
.php-download .layui-col-md12 .layui-tab .layui-tab-title {
	border-bottom-width:1px;
	border-bottom-style:none;
}
.php-download .layui-col-md12 .layui-tab .layui-tab-title li {
	height:36px;
	line-height:36px;
	background:#fff;
	margin-right:20px;
	color:#797979;
	border:1px solid #eee;
}
.layui-tab-title li {
	font-weight:bold;
	font-size:15px;
}
.php-download  .class-list {
	margin-top:15px;
	margin-bottom:15px;
}
.php-download p {
	font-size:19px;
	color:#000;
	border:0;
}
.index_down_more {
	font-size:14px!important;
	float:right;
	margin-right:30px;
	line-height:40px;
}
.php-download p span {
	float:right;
	font-size:14px;
	padding-right:50px;
}
.php-download  .class-list li {
	line-height:33px;
}
.php-download  .class-img li {
	float:left;
	margin-right:33px;
}
.php-download .class-img li span {
	margin-top:10px;
	display:block;
	width:150px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	height:19px;
}
.php-download  .class-img img {
	width:150px;
	height:100px;
}
.php-download .layui-col-md12 .layui-tab .layui-tab-title {
	background:none;
	font-size:19px;
	color:#000;
	border:0;
}
.php-download .layui-col-md12 .layui-tab .layui-tab-title .layui-this {
	background:#313c46;
	color:#fff;
	border:1px solid #eee;
}
.php-download .layui-col-md12 .layui-tab .layui-tab-titl .layui-tab-title .layui-tab-brief .layui-this:after {
	border-bottom:none;
}
.php-download .layui-col-md12 .layui-tab .layui-tab-title .restitle {
	background:none;
	font-size:19px;
	color:#000;
	border:0;
}
.php-manual {
	border:1px solid #d6d2d2;
}
.php-manual .php-download {
	width:100%;
	line-height:40px;
	min-width:65px;
	padding:0 15px;
	text-align:center;
	cursor:pointer;
	border-bottom:1px solid #e9e9e9;
	margin-left:20px;
}
.php-download-list {
	margin:10px 0 0 0;
}
.php-download-list ul {
	width:100%;
}
.php-download-list ul li {
	margin:10px 0 0 6px;
	float:left;
	width:139px;
}
.php-download-list a {
	padding-left:10px;
}
.alone {
	text-align:center;
	background-color:#009688;
	color:#fff;
	font-weight:300;
	transition:all .3s;
	-webkit-transition:all .3s;
}
.alone a {
	display:block;
	padding:50px 20px;
	color:#fff;
	font-size:30px;
}
.alone:hover {
	background-color:#5FB878;
}
.alone a cite {
	display:block;
	padding-top:10px;
	font-size:14px;
}
.php-nav-a {
	padding-top:20px;
	color:#999
}
.php-nav-a a {
	color:#999
}
.php-course-info {
	height:300px;
}
.php-course-info .layui-col-md5 {
	width:448px;
	margin-right:30px;
	position:relative;
	margin-left:30px;
}
.php-course-info ul li {
	margin-top:10px;
}
.php-course-info ul .course-title {
	width:100%;
	height:50px;
	bottom:0;
	position:absolute;
	background:#fff;
	opacity:0.8;
	font-size:16px;
	color:#333;
	text-align:center;
	line-height:50px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	filter:alpha(Opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}
.CDeitalBuy{
	/*background: linear-gradient(270deg,#ffa54b,#fa8919);*/
	/*border-radius: 24px!important;*/
	font-size: 14px;
	font-weight: 500;
	line-height: 33px!important;
	height: 33px!important;
	/*padding: 0;*/
	text-align: center!important;
	background: #fff!important;
	color: #f94e39!important;
	border: 1px solid #f94e39;
	border-radius: 3px;
}
.CDeitalBuyVip{
	width: auto!important;
	background: #f94e39!important;
	color: #fff!important;
	font-size: 14px;
	font-weight: 500;
	line-height: 33px!important;
	height: 33px!important;
	border-radius: 3px;
}
.php-course-info .layui-col-md7 ul .courseboutiqueprice{
	width: 100%;
  color: #808080;
  background: #f3f3f3;
  padding: 0 11px 0 20px;
  line-height: 50px;
  box-sizing: border-box;
  border-radius: 3px;
  font-size: 13px;
  position: relative;
}
.courseboutiqueprice .courseboutiquepricenum{
	font-size: 18px;
	font-weight: bold;
	color: #FD432C;
}
.courseboutiquepricetips{
	font-size: 12px;
	background: #ffdeda;
	color: #f5614f;
	border-radius: 5px;
	margin-left: 10px;
	padding: 5px;
	transform: scale(0.8);
}
.courseboutiquepricetip{
	font-size: 12px;
	color: #FD6A00;
	border: 1px solid #FD6A00;
	border-radius: 5px;
	margin-left: 10px;
	padding: 5px;
	transform: scale(0.8);
}
.courseboutiquepricetips:hover{color: #df4f3d}
.php-course-info ul .course_left_des{
	position: absolute;
	width: 100%;
	color: #999;
	display: flex;
	/*flex-direction: column;*/
  align-items: center;
  justify-content: center;

}
.course_detail_ul li {
	font-size:16px;
	width:85px;
}
.php-course-info ul li h1 {
	font-family:inherit;
	font-weight:500;
	line-height:1.1;
}
.php-course-info ul .php-course-info-text {
	color:#6f6f6f;
	letter-spacing:1px;
	max-height:70px;
	overflow:hidden;
	font-size: 13px;
}
.php-course-info-open{
	display: none;
	position: absolute;
	right: 0;
	top: -10px;
	color: #b1b1b1;
	font-size: 12px;
	cursor: pointer;
}
.php-course-info-open i{font-size: 14px;}
.maxNone{max-height: none!important;}
.php-course-info ul .php-course-info-botton .layui-btn {
	display:inline-block;
	width:150px;
	/* height:50px; */
	/* line-height:50px; */
	color:#ffffff;
	text-align:center;
	border-radius:2px;
}
.php-course-info .layui-col-md7 ul .level {
	margin:15px 0 15px 0;
	color:#6f6f6f;
	position: relative;
}
.php-course-info .layui-col-md7 ul .attribute {
	margin:15px 0 15px 0;
	color:#6f6f6f;
}
.php-video-lists-container {
	}.video-lists-left {
	width:985px;
	background:#fff;
	border-radius:8px;
	padding:0 30px 0 30px;
}
.video-menu-list li {
	width:140px;
	height:52px;
	line-height:52px;
	text-align:center;
	float:left;
}
.video-menu-list  li.active {
	color:#5ecfba;
	position:relative;
}
.video-lists-time {
	margin-top:10px;
	overflow:hidden;
	background:#F5F5F5;
	line-height:50px;
	padding:0 11px 0 20px;
	box-sizing:border-box;
}
.vodeo-lists-list li {
	border-bottom:1px solid #d9dde1;
	padding-bottom:12px;
	position:relative;
	height:53px;
	line-height:65px;
	padding-right:13px;
	font-size:16px;
	color:#6f6f6f;
	cursor:pointer;
}
.vodeo-lists-list ul .video {
	padding-bottom:20px;
	border-bottom:1px solid #ccc
}
.vodeo-lists-list ul .video li {
	padding:10px;
	border-bottom:0;
	line-height:30px;
	height:30px;
}
.vodeo-lists-list ul .video li a {
	display: block;
	width:100%;
	color:#787d82;
	overflow:hidden;
	word-break:break-all;
	padding:5px 10px;
	box-sizing: border-box;
}
.vodeo-lists-list ul .video li a:hover {
	text-decoration:none;
	cursor:pointer;
	color: #F40B0B;
	/*background:#f3f5f7;*/
	/*border-radius:15px;*/
}
.video-lists-right {
	width:370px;
	margin-left:25px;
	overflow:hidden;
}
.video-lists-right .lecturer-info {
	background:#fff;
	padding:30px;
	border-radius:8px;
}
.video-lists-right .lecturer-info img {
	display:block;
	width:80px;
	height:80px;
	border-radius:50%;
	overflow:hidden;
	margin-right:20px;
}
.video-lists-right .course-list {
	margin-top:10px;
	background:#fff;
	padding:30px 20px;
	border-radius:8px;
}
.video-lists-right-title p {
	border-bottom:1px solid #ccc;
	padding-bottom:20px;
	color:#333;
	font-weight:bold;
	font-size:16px;
}
.video-lists-right .video-lists-right-course .recommend img {
	display:block;
	width:100%;
	height:160px;
	position:relative;
}
.video-lists-right .video-lists-right-course .recommend span {
	position:absolute;
	left:0px;
	bottom:0;
	display:block;
	width:100%;
	height:30px;
	line-height:30px;
	background:rgba(0,0,0,0.5);
	color:#ffffff;
}
.video-lists-right .video-lists-right-course-list ul li {
	padding:10px 0;
	border-bottom:1px solid #ececec;
}
.video-lists-right .video-lists-right-course-list ul li a {
	color:#6f6f6f;
}
.courseVipRightList .layui-tab-brief>.layui-tab-title .layui-this{
	color: #E31436!important;
}
.video-lists-right .courseVipRightList{
	padding: 12px 10px 20px 10px;
	border-radius: 8px;
}
.video-lists-right .courseVipRightList .video-lists-right-vipcourse-list ul li{
	padding: 10px 0;
	clear: both;
}
.video-lists-right .courseVipRightList .video-lists-right-vipcourse-list ul li a{
	display: block;
	width: 100%;
	height: 100%;
}
.video-lists-right .courseVipRightList .video-lists-right-vipcourse-list ul li a img{
	display: block;

}
.video-lists-right .courseVipRightList .video-lists-right-vipcourse-list ul li a .video-lists-right-vipcourse-p{
	width: calc(100% - 150px);
	height: 80px;
	padding-left: 10px;
}
.video-lists-right .courseVipRightList .video-lists-right-vipcourse-list ul li a .video-lists-right-vipcourse-p span{
	display: block;
	width: 100%;
	max-height: 50%;
	overflow: hidden;
	line-height: 18px;
}
.video-lists-right-vipdatacourse_parents{
	display: flex;
	justify-content: space-between;
	clear: both;
	position: relative;
}
.video-lists-right-vipcourse-price{
	line-height: 70px!important;
	color: #FD5742;
	font-size: 16px;
}
.video-lists-right-vipcourse-price-discountprice{
	font-size: 12px;
	line-height: 12px;
	text-decoration: line-through;
	color: #999;
	padding-left: 5px;
}
.video-lists-right-vipcourse-vipdiscountprice{
	background: #fff;
	line-height: 16px;
	box-sizing: border-box;
	font-size: 12px;
	color: #FD6A00;
	border: 1px solid #FD6A00;
	padding: 2px 7px;
	border-radius: 5px;
	height: 20px;
	/*margin: 11px 5px;
  margin-top: 11px;*/
  position: absolute;
  top: -4px;
  left: 13px;
  /*transform: scale(0.9);*/
}
.discount-mark{
	background-color: #FD4029!important;
	width: 80px!important;
}
.video-lists-right-vipdatacourse-price{
	line-height: 70px!important;
	font-size: 12px;
	/*transform: scale(0.8);*/
}
.video-lists-right-vipdatacourse-price i{
	/*border: 1px solid #EAC275;*/
	/*color: #EAC275;*/
	font-size: 12px;
	padding: 5px 7px;
	font-style: normal;
	margin-right: 15px;
	border-radius: 5px;
	line-height: 40px;
	color: #633b00fc;
	background: #fceac0;
}
.video-lists-right-vipcourse-vipprice{
	line-height: 22px!important;
	color: #633b00fc;
	background: #fceac0;
	border-radius: 5px;
	font-size: 12px;
	height: 20px;
	margin-top: 25px;
	margin-right: 15px;
	overflow: hidden;
}
.video-lists-right-vipcourse-vipprice-logo{
	background: #585858;
  color: #eac475;
  padding:5px;
}
.video-lists-right-vipcourse-vipprice-child{
	padding:5px;
}
.course_top_left_logo{
	width: 30%;
	line-height: 38px;
}
.course_top_left_logo:last-child{
	width: 40%;
	text-align: right;
	cursor: pointer;
}
.video_adjs {
	position:absolute;
	width:100%;
	text-align:center;
	color:#d9d9d9;
	top:15%;
	font-size:15px;
	z-index:999;
}
.course_detail_title_l{
	width: calc(100% - 95px);
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.course_detail_title_r{
	width: 95px;
	overflow: hidden;
}
.course_try{
	display: inline-block;
  height: 22px;
  line-height: 22px;
  border: 1px solid #eb1818;
  padding: 0 6px;
  border-radius: 4px;
  color: #eb1818;
  font-size: 12px;
  font-weight: normal;
  margin-top: 2px;
}
#adjs {
	color:#FFDD00;
	padding:0 5px;
}
.text-img {margin-top:90px;
	position:relative;
	background-color:#172a34;
}
.text-img .info {
	height:212px;
	z-index:1;
}
.text-img .info .left {
	float:left;
	width:80%;
}
.text-img .info .right {
	float:right;
	width:20%;
	margin-top:50px;
}
.text-img .php-nav-a {
	padding-top:0px;
	color:rgba(255,255,255,0.5)
}
.text-img .php-nav-a a {
	line-height:12px;
	font-size:12px;
	color:rgba(255,255,255,0.5)
}
.text-img .php-nav-a span {
	margin:0 5px 0 5px;
}
.text-img .info .title h1 {
	margin-bottom:32px;
	line-height:31px;
	font-weight:700;
	font-size:32px;
	color:white;
	margin:32px 0 32px 0;
}
.text-img .info .statics {
	color:#fff;
	white-space:nowrap;
}
.text-img .info li {
	float:left;
	margin-right:35px;
}
.text-img .info .border {
	border-right:1px solid #33424c;
	padding-right:30px;
	height:50px;
}
.text-img .info .display {
	display:block;
	line-height:30px;
	color:#cacaca;
}
.text-img .info .layui-btn {
	margin-top:5px;
	min-width:148px;
	height:48px;
	line-height:48px;
	font-weight:700;
	font-family:"微软雅黑";
	cursor:pointer;
	border:none;
	background-color:red;
}
.text-img .info .layui-btn a {
	height:48px;
	color:#fff;
}
.text-img .info .layui-btn span {
	margin:0 5px 0 5px;
}
.text-img .info .layui-btn i {
	font-size:16px;
	margin-top:3px;
}
.text-img-left {
	margin-top:10px;
}
.text-img-left {
	margin-top:10px;
}
.text-img-left  .course-brief {
	margin-top:20px;
	font-size:14px;
	color:#4d555d;
	line-height:28px;
	word-break:break-all;
}
.text-img-left .layui-tab {
	margin-top:20px;
}
.text-img-left .layui-tab .layui-tab-title li {
	font-size:16px;
	font-weight:700;
}
.text-img-left .layui-tab-content .vodeo li a {
	background-color:#f3f5f7;
}
.php-course-banner {
	position:relative;
}
.php-course-banner .layui-row {
	z-index:0;
	overflow:hidden;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}
.php-course-banner .layui-row .php-path {
	margin-top:30px;
}
.php-course-banner .layui-row .php-center {
	width:600px;
	margin:0 auto;
	text-align:center;
	font-weight:bold;
	color:rgba(255,255,255,0.6);
}
.php-course-banner .layui-row .php-center .php-title {
	margin-top:70px;
}
.php-course-banner .layui-row .php-center .php-title a {
	font-size:30px;
	font-weight:bold;
	color:#fff;
}
.php-course-banner .layui-row .php-center .php-title h1 {
	font-size:50px;
	letter-spacing:5px;
}
.php-course-banner .layui-row .php-center .php-title h3 {
	margin-top:20px;
}
.php-course-banner .layui-row .php-center .php-attribute {
	margin-top:30px;
}
.php-course-banner .layui-row .php-attribute {
	margin-top:10px;
}
.php-course-1 .php-tab {
	width:600px;
	height:60px;
	margin:0 auto;
	margin-top:20px;
}
.php-course-1 .php-tab ul li {
	float:left;
	line-height:60px;
	text-align:center;
	width:100px;
}
.php-course-1 .php-tab ul .li-this {
	border-bottom:2px solid red;
}
.php-1-info {
	padding-top:30px;
}
.php-1-info .php-1-1000 {
	width:1000px;
	margin:0 auto;
}
.php-1-info .php-1-1000 .content-box {
	float:left;
	padding:30px 50px 40px;
	text-align:center;
	box-sizing:border-box;
}
.php-1-info .php-1-1000 .content-box  dl {
	float:left;
	padding:30px 50px 40px;
	width:33.3333%;
	text-align:center;
	box-sizing:border-box;
}
.php-1-info .php-1-1000 .content-box dl dt {
	font-size:24px;
	color:#ffb73b;
}
.php-1-info .php-1-1000 .content-box dl dd {
	line-height:200%;
	color:#fff;
}
.php-1-info .php-1-1000 .content-box dl dt i {
	margin:0 auto;
	background-repeat:no-repeat;
	display:block;
	width:63px;
	height:63px;
}
.php-1-info .php-1-1000 .content-box dl dt i.s-1 {
	background-image:url(./img/s-1.png);
}
.php-1-info .php-1-1000 .content-box dl dt i.s-2 {
	background-image:url(./img/s-2.png);
}
.php-1-info .php-1-1000 .content-box dl dt i.s-3 {
	background-image:url(./img/s-3.png);
}
.php-1-info .php-1-1000 .content-box dl dt i.s-4 {
	background-image:url(./img/s-4.png);
}
.php-1-info .php-1-1000 .content-box dl dt i.s-5 {
	background-image:url(./img/s-5.png);
}
.php-1-info .php-1-1000 .content-box dl dt i.s-6 {
	background-image:url(./img/s-6.png);
}
.php-1-info .info-title {
	font-size:30px;
	font-weight:bold;
	color:#fff;
	text-align:center;
}
.php-1-info .info-title-2 {
	font-size:30px;
	font-weight:bold;
	color:#000;
	text-align:center;
	margin-bottom:40px;
}
.php-1-info .php-intro {
	margin-top:20px;
	float:left;
	width:520px;
}
.php-1-info .php-intro ul li {
	float:left;
	width:220px;
	margin-right:40px;
	color:#4d555d;
	text-align:justify;
}
.php-1-info .php-bg {
	width:420px;
	float:left;
}
.php-1-info  .php-bg img {
	width:420px;
	height:300px;
}
.php-1-info .php-intro ul .php-color {
	color:#f7a416;
	font-size:16px;
	margin:10px 0 10px 0;
	font-weight:bold;
}
.php-1-info .php-environmental {
	padding:0 0 30px 0;
}
.php-1-info .php-border-title {
	height:60px;
	line-height:60px;
	color:#fff;
	border-bottom:1px solid #eee;
}
.php-1-info .php-teacher {
	margin-top:30px;
	height:265px;
}
.php-1-info .php-teacher ul li {
	float:left;
}
.php-1-info .php-teacher ul  .php-portrait {
	width:200px;
	height:200px;
	margin:0 80px 0 90px;
}
.php-1-info .php-teacher ul  .php-portrait {
	width:200px;
	height:200px;
	margin:0 80px 0 90px;
}
.php-1-info .php-teacher ul  .php-introduce .name {
	margin-top:30px;
	font-size:20px;
	font-weight:bold;
	line-height:20px;
	margin-bottom:16px;
	color:#f7a416;
}
.php-1-info .php-teacher ul  .php-introduce .info {
	color:#4d555d;
	width:550px;
	line-height:28px;
	margin-bottom:13px;
	text-align:justify;
}
.php-1-info .php-environmental .php-envlist {
	margin:20px 0 0 60px;
}
.php-1-info .php-environmental .php-envlist ul li {
	float:left;
	position:relative;
	width:450px;
	height:32px;
	margin-right:110px;
	margin-bottom:16px;
	font-size:14px;
	line-height:32px;
	list-style:none;
	color:#fff;
	overflow:hidden;
}
.php-1-info .php-environmental .php-envlist ul span {
	width:120px;
	background:#93999f;
	padding-left:12px;
	box-sizing:border-box;
	color:#07111b;
	line-height:32px;
	display:block;
	float:left;
	margin-right:10px;
}
.php-1-info .php-environmental .php-envlist ul li .triangle {
	position:relative;
	margin-right:8px;
}
.php-1-info .php-environmental .php-envlist ul li .triangle:after {
	position:absolute;
	left:-5px;
	content:'';
	width:0;
	height:0;
	border-top:16px solid #2b333b;
	border-left:10px solid #93999f;
	border-bottom:16px solid #2b333b;
}
.php-course-ask {
	height:100%;
	padding-bottom:30px;
}
.php-course-ask .layui-form-item {
	width:800px;
	margin:0 auto;
	height:65px;
}
.php-course-ask .layui-form-item input {
	height:60px;
	width:700px;
	float:left;
}
.php-course-ask .layui-form-item button {
	width:100px;
	height:60px;
}
.php-course-ask .php-ask-info {
	margin-top:30px;
	background:#fff;
}
.php-course-ask .php-ask-info li {
	float:left;
	width:510px;
	padding:0 24px 0 0px;
	margin:40px 0 40px 65px;
}
.php-course-ask .php-ask-info li .php-ask-left {
	float:left;
}
.php-course-ask .php-ask-info li .php-ask-left .thumb {
	background:#f3f5f7;
	color:#93999f;
	width:34px;
	height:34px;
	line-height:34px;
	text-align:center;
	border-radius:18px;
	position:relative;
	cursor:pointer;
	border:1px solid #f3f5f7;
	-webkit-transition:all 0.4s ease-out;
	transition:all 0.4s ease-out;
}
.php-course-ask .php-ask-info ul li  .php-ask-right {
	margin-left:20px;
	float:left;
}
.php-course-ask .php-ask-info ul li .php-ask-right p {
	width:372px;
	color:#4d555d;
	font-size:14px;
	line-height:28px;
	text-overflow:ellipsis;
	word-break:break-all;
	word-wrap:break-word;
	overflow:hidden;
	text-overflow:-o-ellipsis-lastline;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
}
.php-course-ask .php-ask-info ul li .php-ask-right p span {
	float:right;
}
.php-course-ask .php-ask-info ul li .php-ask-right p a {
	font-weight:bold;
}
.php-code-top {
	color:#fff;
	background:#000;
	height:60px;
	overflow:hidden;
}
.php-logo {
	width: 140px;
	height:60px;
	float: left;
}
.php-logo  a {
	display:block;
	height:60px;
	width:140px;
	background:url(../images/PHPlogo.png) no-repeat center center;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	background-size:100%;
}
.php-code-top .php-title {
	}.php-code-top .php-title li {
	line-height:60px;
	float:left;
	margin-left:20px;
}
.php-code-top .php-title li.nv-follow {
	margin-left:35px;
	margin-right:15px;
}
.php-code-top .php-title li.nv-follow a:hover {
	color:#fff!important;
}
.php-code-top .php-title li a {
	font-size:14px;
	color:#b5b9bc;
	position:relative;
}
.php-code-top .php-title .course_code_em {
	font-size:12px;
	color:#787d82;
	height:45px;
	line-height:45px;
	padding:0 20px;
}
.php-code-top .php-title .nv-follow a {
	position:relative;
	text-align:center;
	color:#787d82;
	font-size:12px;
	line-height:45px;
}
.php-code-top .php-title .course-share {
	display:block;
	padding-left:50px;
	color:#787d82;
}
.php-code-top .php-title .course-share:hover {
	cursor:pointer;
}
.course-share_weixin {
	color:#787d82!important;
}
.course-share_weixin i {
	vertical-align:middle;
}
.php-code-text-img {margin-top:100px;
	height:700px;
	position:relative;
	overflow:hidden;
}
.php-code-text-img .layui-col-md3 {
	line-height:1.6em;
	color:#14191e;
	overflow-y:hidden;
	word-break:break-all;
	height:700px;
	background:#edf1f2;
	overflow-x:hidden
}
.php-code-text-img .php-code-text-content {
	overflow-y:auto;
	height:88%;
	padding:10px;
	margin-bottom:10px;
}
.ace_scrollbar-v,.php-code-text-img .php-code-text-content::-webkit-scrollbar {
	width:4px!important;
}
.ace_scrollbar-v,.php-code-text-img .php-code-text-content::-webkit-scrollbar-thumb {
	border-radius:5px;
	-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
	background:rgba(0,0,0,0.2);
}
.ace_scrollbar-v,.php-code-text-img .php-code-text-content::-webkit-scrollbar-track {
	-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
	border-radius:0;
	background:rgba(0,0,0,0.1);
}
.php-code-text-img .layui-col-md3 p {
	margin:0.5em 0;
	font-size:12px;
	padding:5px 0;
	color:#1f2426;
	line-height:1.6;
}
.php-code-text-img .layui-col-md3 pre {
	background:#eee;
	padding:5px 10px;
	border:1px solid #ccc;
	font-size:13px;
	white-space:pre-wrap;
	word-wrap:break-word;
	line-height:1.6em;
	font-family:Monaco,Menlo,'Ubuntu Mono',Consolas,source-code-pro,monospace;
}
.php-code-text-img .layui-col-md3 pre:hover {
	cursor:pointer;
}
.php-code-text-img .code_content_des {
	padding:0 15px 15px;
	word-break:break-all;
	overflow:hidden;
}
.php-code-text-img .layui-col-md3 h1 {
	font-size:16px;
	font-weight:600;
	font-family:微软雅黑;
	line-height:20px;
	color:rgb(20,25,30);
	border-bottom:1px solid rgb(208,214,217);
	padding:16px 0px;
	margin:0px 15px;
}
.php-code-text-img .layui-col-md6 {
	background:#000;
	height:700px;width:60% !important;
}
.nv-follow a .off_ {
	display:none;
}
.nv-follow .layui-icon {
	font-size:14px;
}
.php-video {top:90px;
	background:#000000;
	position:relative;
	height:100%;
	overflow:hidden;
}
.php-video .video {
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	position:relative;
}
.php-video-ul li {
	margin:20px 30px 0 20px;
	width:234px;
}
.video-right-course .title {
	padding:12px;
}
.video-right-course .title p {
	border-bottom:1px solid #ccc;height: 40px;line-height: 35px;
	overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
}
.php-video-img .recommend span {
	position:absolute;
	left:0px;
	bottom:0;
	display:block;
	width:100%;
	height:30px;
	line-height:30px;
	background:rgba(0,0,0,0.5);
	color:#ffffff;
}
.video-right-course .php-video-list li {
	padding:10px 0;
	border-bottom:1px solid #ececec;
}
.video-right-course .php-video-list li a{
	overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.php-comment-list {
	display:block;
	border-bottom:1px solid #edf1f2;
	padding-top:10px;
}
.php-comment-list .comment-info p {
	margin-top:10px;
	font-size:13px;
	line-height:20px;
	color:#87898a;
}
.php-comment-list .comment-info p:first-child {
	margin:0;
}
.note-add {
	clear:both;
	position:relative;
	padding-right:15px;
	height:30px;
	line-height:30px;
	background-color:#f9f9f9;
	font-size:12px;
	padding:5px;
}
.note-add .not-type {
	float:left;
	padding-left:20px;
}
.note-add .not-type a {
	padding-right:20px;
}
.note-add .note-add-a {
	float:right;
}
.note-add .note-add-a a {
	display:block;
	line-height:30px;
	text-align:center;
	color:#fff;
	width:100px;
	height:30px;
	background:red;
	float:right;
}
.php-comment-list  .comment-info .comment-time {
	font-size:12px;
	color:#b5b9bc;
	margin-top:15px;
	margin-bottom:5px;
}
.php-comment-list  .comment-info .comment-time .course_reply {
	color:#009a61;
}
.php-comment-list  .comment-info .comment-time .course_reply:hover {
	cursor:pointer;
}
.php-comment-list .portrait {
	float:left;
	width:42px;
}
.php-comment-list .portrait img,.reply-list .pull-left .mr20 img {
	border-radius:50%;
}
.php-comment-list .comment-info {
	float:left;
	margin-left:20px;
	width:90%;
	padding-right:20px;
}
.php-questions-list {
	width:100%;
	height:100px;
	display:block;
	border-bottom:1px solid #edf1f2;
	border-top:1px solid #edf1f2;
	padding-top:10px;
}
.php-questions-list .portrait {
	float:left;
	width:50px;
	white-space:nowrap;
	overflow:hidden;
}
.php-questions-list .portrait img {
	border-radius:50%;
}
.php-questions-list .portrait p a {
	display:block;
	text-align:center;
	line-height:16px;
	color:#787d82;
	font-size:12px;
	vertical-align:middle;
	margin-top:10px;
	width:50px;
	word-wrap:break-word;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.php-questions-list .php-questions-title {
	word-break:break-all;
	word-wrap:break-word;
	overflow:hidden;
}
.php-questions-list .questions-info {
	float:left;
	margin-left:20px;
	width:70%;
	padding-right:20px;
	color:#787d82;
}
.php-questions-list .questions-info p {
	padding-top:10px;
}
.php-questions-list .questions-info .nickname {
	color:#4d555d;
	font-size:14px;
	line-height:22px;
	font-weight:700;
}
.php-questions-list .questions-info .questions-time {
	font-size:12px;
	color:#b5b9bc;
}
.php-questions-list .questions-right {
	float:right;
	color:#4d555d;
	text-align:center;
	padding-right:10px;
}
.php-questions-list .questions-right p {
	padding-top:10px;
}
.php-questions-list .questions-right .questions-nums {
	float:left;
}
.php-questions-list .questions-right .questions-click {
	padding-left:20px;
	float:left;
}
.section-list {
	position:absolute;
	right:-400px;
	top:0;
	z-index:999;
	width:400px;
	height:100%;
	background:#14191e;
}
.section-list .operator {
	position:absolute;
	top:50%;
	/* left:-50px; */
	right:400px;
	margin-top:-192px;
	width:50px;
}
.section-list .operator .op:hover,.section-list .operator .op.light {
	background-color:#f01400;
	color:#fff;
}
.section-list .operator .op i {
	position:absolute;
	display:block;
	font-size:16px;
	text-align:center;
	border-radius:3px 0 0 3px;
	top:-23px;
	width:50px;
	height:30px;
}
.section-list .operator .op {
	position:relative;
	height:60px;
	line-height:82px;
	font-size:12px;
	text-align:center;
	color:#B5B9BC;
	background-color:#363C40;
	cursor:pointer;
	margin:2px 0;
}
.section-list .operator .op.notes,.section-list .operator .op.question,.section-list .operator>div:last-child{display: none;}

.section-list .nano .nano-content {
	right:-17px!important;
	outline:none!important;
	left:30px;
}
.icon-nolearn:before {
	content:"\e62b";
}
.section-list h3 {
	color:#b5b9bc;
	line-height:20px;
	font-size:16px;
	text-align:left;
	margin-top:20px;
	margin-right:30px;
}
.section-list ul {
	margin-top:30px;
	margin-right:30px;
}
.section-list li.sec-title {
	padding-bottom:10px;
}
.section-list li {
	margin-top:15px;
}
.section-list li span {
	font-size:14px;
	color:#787d82;
	line-height:20px;
	text-align:left;
}
.section-list li a {
	font-size:12px;
	color:#787d82;
	line-height:20px;
	text-align:left;
	margin-left:15px;
}
.nano {
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
}
.nano .nano-pane {
	background:rgba(0,0,0,.25);
	position:absolute;
	width:10px;
	right:0;
	top:0;
	bottom:0;
	visibility:hidden\9;
	opacity:.01;
	-webkit-transition:.2s;
	-moz-transition:.2s;
	-o-transition:.2s;
	transition:.2s;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.nano .nano-content {
	position:absolute;
	overflow:scroll;
	overflow-x:hidden;
	top:0;
	right:0;
	bottom:30px;
	left:0;
}
.section-list li i {
	float:right;
	font-size:12px;
	line-height:20px;
	text-align:left;
	color:#00b33b;
}
.phpcn-modal-layer {
	border-radius:4px;
	background:#fff;
	box-shadow:8px 0 16px 0 rgba(7,17,27,0.2);
}
.phpcn-modal-layer.fixed {
	position:fixed;
}
.phpcn-modal-title {
	padding:24px 32px 0;
}
.phpcn-modal-title div {
	font-size:16px;
	font-weight:bold;
	color:#07111b;
}
.phpcn-modal-draggable {
	cursor:move;
}
.phpcn-modal-title div {
	font-size:16px;
	font-weight:bold;
	color:#07111b;
}
.phpcn-modal-title a.phpcn-modal-close {
	font-size:24px;
	position:absolute;
	right:32px;
	top:24px;
	color:#93999f;
}
.phpcn-modal-inner .phpcn-modal-dialog {
	padding:24px 32px 32px;
}
.note-pop {
	width:590px;
}
.textarea-wrap {
	position:relative;
	border:1px solid #d3dce0;
	padding:8px 10px;
	transition:border-color 0.2s;
	-webkit-transition:border-color 0.2s;
	-moz-transition:border-color 0.2s;
}
.note-pop .textarea-wrap textarea {
	color:#14191E;
	font-size:14px;
	height:72px;
	line-height:18px;
	overflow:auto;
	resize:none;
	width:100%;
	border:0;
}
.input-btm {
	padding:30px 0 40px;
}
.verify-code {
	margin-right:20px;
	float:left;
}
.note-pop .phpcn-btn {
	width:120px;
	float:right;
}
.phpcn-btn-green {
	color:#fff;
	background-color:#00b33b;
	border-color:#00b33b;
	border-style:solid;
	border-width:1px;
	cursor:pointer;
	-weibkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;
}
.phpcn-btn {
	display:inline-block;
	margin-bottom:0;
	border-radius:0;
	font-weight:200;
	text-align:center;
	vertical-align:middle;
	touch-action:manipulation;
	cursor:pointer;
	text-decoration:none;
	box-sizing:border-box;
	background-image:none;
	border:1px solid transparent;
	-webkit-appearance:none;
	white-space:nowrap;
	outline:none;
	padding:6px 12px;
	font-size:14px;
	line-height:1.42857143;
	border-radius:2px;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.note-text-counter {
	position:absolute;
	right:5px;
	bottom:3px;
	font-size:12px;
	line-height:1em;
	color:#ccc;
}
.note-text-counter {
	position:absolute;
	right:5px;
	bottom:3px;
	font-size:12px;
	line-height:1em;
	color:#ccc;
}
.course-media-code-ask-answer {
	padding-left:10px;
	font-size:12px;
}
.course-media-code-ask-answer a {
	color:#ff7802;
}
.replydet {
	width:60%;
	overflow:hidden;
	white-space:nowrap;
	line-height:12px;
	text-overflow:ellipsis;
	font-size:12px;
}
.course-code-comment-good,.course-code-note-good,.course-code-note-collect {
	float:right;
	font-family:bold;
}
.course-code-comment-good:hover,.course-code-note-good:hover,.course-code-note-collect:hover {
	color:#000;
	cursor:pointer;
}
.course-code-note-good {
	padding-left:10px;
}
.course_code_header_next {
	color:#b5b9bc !important;
	position:relative;
}
#code_spread_shrink {
	position:absolute;
	width:10px;
	top:0;
	bottom:0;
	left:0;
	z-index:999;
}
#code_spread_shrink_show {
	user-select:none;
	display:none;
	position:absolute;
	color:#fff;
	top:0;
	left:0;
	bottom:0;
	width:10px;
	cursor:e-resize;
}
#code_spread_shrink_show span {
	color:#fff;
	position:absolute;
	width:10px;
	height:30px;
	top:50%;
	left:0;
	margin-top:-15px;
	text-align:center;
}
.course_code_next_tips {
	display:none;
	position:absolute;
	right:0;
	bottom:0;
	color:#fff;
	top:0;
	left:0;
	background-color:#000;
	z-index:999;
}
.course_code_next_tips_first {
	display:table;
	width:100%;
	height:100%;
	table-layout:fixed;
}
.course_code_next_tips_second {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.course_code_next_tips_second h2 {
	font-size:16px;
	color:#fff;
}
.course_code_next_tips_second span {
	color:#787d82;
	font-size:14px;
}
.course_code_next_tips_three {
	margin:20px 0;
	font-size:12px;
	color:#999
}
.course_code_next_tips_three em {
	font-style:normal;
	color:#f01400;
	font-size:14px;
}
.course_code_next_tips_four {
	margin:40px auto 20px;
	font-size:12px;
	background-color:#17823b;
	border-color:#17823b;
	cursor:pointer;
	transition:all .3s;
	-weibkit-transition:all .3s;
	color:#fff;
	border-style:solid;
	border-width:1px;
	width:138px;
	height:38px;
	line-height:38px;
	font-weight:200;
	text-align:center;
	vertical-align:middle;
	touch-action:manipulation;
	text-decoration:none;
	box-sizing:content-box;
	border:1px solid transparent;
	-webkit-appearance:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.course_code_next_tips_four a {
	color:#fff!important;
	display:block;
	width:100%;
	height:100%;
}
.course_code_next_tips_four a:hover {
	background-color:#1ca048;
	border-color:#1ca048;
}
.course_code_next_a {
	display:block;
	width:80px;
	height:26px;
	line-height:26px;
	margin:0 auto;
	font-size:12px;
	color:#787d82;
}
.course_code_next_a:hover {
	color:#fff!important;
}
.task_rights {
	display:none;
	background:#fff;
}
.qa-pop {
	width:610px;
}
.qa-pop .question-area {
	float:none;
	width:auto;
	padding-bottom:0;
	position:relative;
}
.qa-pop .qa-control {
	position:relative;
	overflow:hidden;
	margin:0 10px;
	overflow-y:auto;
}
.qa-pop .qa-control::-webkit-scrollbar {
	width:4px!important;
}
.qa-pop .qa-control::-webkit-scrollbar-thumb {
	border-radius:5px;
	-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
	background:rgba(0,0,0,0.2);
}
.qa-pop .qa-control::-webkit-scrollbar-track {
	-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
	border-radius:0;
	background:rgba(0,0,0,0.1);
}
.qa-pop .qa-ipt-title {
	width:84%;
	border:1px solid #d3dce0;
	padding:8px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
}
.qa-pop .qa-ipt-title input {
	display:block;
	width:100%;
	border:0 none;
	height:22px;
	line-height:22px;
	color:#14191e;
}
.qa-pop .qa-control-wrap {
	padding:0;
	margin-top:30px;
}
.qa-pop .rich-text-editor {
	margin-left:0;
	height:200px;
	position:relative;
	padding:0 2px 2px 0;
	line-height:1em;
}
.qa-pop .pop-footer {
	margin:0 10px;
	padding:18px 0 0px;
}
.verify-code {
	margin-right:20px;
	float:left;
}
.verify-code input.verify-code-ipt {
	float:left;
	width:118px;
	height:30px;
	line-height:30px;
	font-size:14px;
	font-family:"Microsoft Yahei","Hiragino Sans GB",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif;
	padding:4px 5px;
	border-width:1px;
	border-style:solid;
	border-color:rgb(208,214,217);
	border-image:initial;
}
.verify-code .verify-img-wrap {
	margin-left:10px;
	float:left;
	height:40px;
	width:70px;
	color:#5e5e5e;
}
.verify-code .verify-img-wrap .verify-img {
	height:40px;
	vertical-align:top;
	width:70px;
}
.verify-code .icon-refresh {
	color:#b5b9bc;
	float:left;
	display:inline-block;
	font-size:14px;
	margin:8px 0 0 10px;
	transition:all 0.4s ease-in 0s;
}
.verify-code .errtip {
	float:left;
	clear:left;
	height:30px;
	font-size:12px;
	line-height:30px;
	color:#e71f19;
}
.qa-pop .phpcn-btn {
	width:120px;
	float:right;
}
.category_more {
	display:block;
	width:50px;
	font-size:12px;
	padding:0px 5px;
	height:28px;
	line-height:28px;
	color:#787d82;
	background-color:#fff;
	border:1px solid #d0d6d9;
	margin:8px 5px 5px 0;
}
.category_more:hover {
	background:#00b33b;
	color:#fff;
	border-color:#00b33b;
}
.php-add-article {
	padding:60px;
	border:1px solid #ccc;
}
.php-add-article .layui-form-item {
	width:760px;
}
.php-user-info {
	margin-top:20px;
	height:700px;
}
.php-user-info .php-user-left {
	background:#f8fafc;
	height:700px;
	color:#14191e;
	padding-top:20px;
}
.php-user-info .php-user-left .avator-info {
	top:20px;
	width:100px;
	height:100px;
	box-sizing:border-box;
	border:4px solid #d9dde1;
	border-radius:50px;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
}
.php-user-info .php-user-left .avator-title {
	margin:0 auto;
	text-align:center;
	overflow:hidden;
	line-height:44px;
	width:160px;
	margin:0 auto;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.php-user-info .php-user-left .avator-auth-list ul li {
	float:left;
	margin:10px;
}
.php-user-info .php-user-left .avator-auth-list ul li i {
	color:#b5b6b7;
	border:1px solid #ccc;
	border-radius:50px;
	padding:2px;
	background:#fff;
	width:160px;
	margin:0 auto;
}
.php-user-info .php-user-left .nav-list .accounts-info {
	height:60px;
	line-height:60px;
	font-weight:bold;
	font-size:16px;
	margin-left:20px;
	border-bottom:1px solid #ccc;
}
.php-user-info .php-user-left .nav-list ul {
	}.php-user-info .php-user-left .nav-list ul .selected {
	background:#242424;
	color:#fff;
}
.php-user-info .php-user-left .nav-list ul .selected a {
	color:#fff;
}
.php-user-info .php-user-left .nav-list ul li {
	height:60px;
	line-height:60px;
}
.php-user-info .php-user-left .nav-list ul li a {
	display:block;
	width:100%;
	position:relative;
	margin-left:20px;
}
.php-user-info .php-user-left .nav-list ul li a  span {
	position:absolute;
	right:25px;
	top:0;
}
.php-user-right {
	padding:0 0 30px 30px;
}
.php-user-right .title-login {
	height:40px;
	line-height:40px;
	background-color:#fff4e5;
	font-size:12px;
	color:#f56108;
	padding-left:30px;
}
.php-user-right .common-title {
	padding-top:10px;
	line-height:60px;
	border-bottom:1px solid #eee;
	font-size:18px;
	font-weight:bold;
}
.php-user-right .common-title span {
	font-size:12px;
	color:#ccc;
	font-weight:normal;
}
.php-user-right .common-title span i {
	padding-left:5px;
	color:red;
}
.php-user-right .set {
	border-bottom:1px solid #eee;
}
.php-user-right .set ul {
	border-bottom:1px solid #eee;
	height:98px;
	line-height:98px;
}
.php-user-right .set ul li {
	float:left;
	line-height:30px;
	height:90px;
	padding-top:20px;
}
.php-user-right .set ul li i {
	color:#b5b6b7;
	border:1px solid #ccc;
	border-radius:50px;
	padding:2px;
	background:#fff;
	width:160px;
	margin:0 auto;
}
.php-user-right .set ul .info {
	color:#93999f;
	font-size:14px;
}
.php-user-right .set ul .info span {
	font-weight:bold;
	color:#000;
}
.php-user-right .set ul .email {
	width:60px;
	font-size:36px;
	color:#d9dde1;
	padding-left:24px;
}
.php-user-right .set ul .updata {
	float:right;
}
.php-user-right .set ul .updata i {
	font-size:30px;
	color:#c2c0c0;
	float:left;
	border:none;
}
.border-none {
	border:none!important;
}
.wechat-box {
	width:150px;
	height:100%;
	margin:0 auto
}
.wechat-box .wechat-title {
	font-size:16px;
	font-weight:700;
	line-height:24px;
}
.wechat-box .wechat-status {
	color:#71777d;
	line-height:24px;
	font-size:12px;
}
.wechat-box .wechat-button {
	display:block;
	width:62px;
	height:22px;
	color:#07111b;
	line-height:22px;
	font-size:12px;
	border:1px solid #d9dde1;
	text-align:center;
}
.wechat-box .wechat-button:hover {
	color:#6d6d6d;
	border:1px solid #6d6d6d;
	cursor:pointer;
}
.wechat-box .red {
	color:#f01414!important;
}
.wechat-box .wechat-box-child {
	padding-left:15px;
}
.php-user-right .user-info-list {
	border-bottom:1px solid #d9dde1;
	margin-bottom:10px;
}
.php-user-right .user-info-list li {
	float:left;
	line-height:60px;
}
.php-user-right .user-info-list .name-left {
	width:120px;
	line-height:20px;
	padding:20px 0;
	text-align:center;
	background-color:#f3f5f7;
	color:#07111b;
	font-weight:700;
	border-left:2px solid #000;
}
.php-user-right .user-info-list .name-right {
	width:708px;
	margin-left:8px;
	line-height:20px;
	padding:20px 0 20px 22px;
}
.php-user-right .user-info-edit {
	width:100px;
	margin:0 auto;
}
.php-user-right .user-info-edit .layui-btn {
	background:#2F4056;
	color:#fff;
}
.php-user-right .oplog-list {
	width:100%;
	margin-top:24px;
}
.php-user-right table {
	border-collapse:collapse;
	border-spacing:0;
}
.php-user-right tbody {
	display:table-row-group;
	vertical-align:middle;
	border-color:inherit;
}
.php-user-right tr {
	display:table-row;
	vertical-align:inherit;
	border-color:inherit;
}
.php-user-right .oplog-list th {
	background-color:#f3f5f7;
}
.php-user-right .oplog-list td,.oplog-list th {
	text-align:center;
	line-height:48px;
}
.x_content {
	padding:48px;
}
.x_content .x_form {
	width:392px;
	float:left;
}
.x_content .x_info {
	font-size:12px;
	color:#ff9600;
	line-height:12px;
}
.x_content .x_in_group {
	margin-top:24px;
	position:relative;
}
.x_content .x_in_label {
	float:left;
	width:80px;
	text-align:left;
	height:36px;
	line-height:36px;
	font-size:14px;
	font-weight:700;
	color:#07111b;
}
.x_content .x_in_input {
	float:left;
}
.x_content .realname {
	width:160px;
}
.x_content input,.x_content select {
	display:block;
	height:36px;
	border:1px solid #d9dde1;
	box-sizing:border-box;
	padding:0 10px;
	font-size:12px;
	color:#4d555d;
	transition:all .3s linear;
	-moz-transition:all .3s linear;
	-webkit-transition:all .3s linear;
	-o-transition:all .3s linear;
}
.moco-form-control {
	display:block;
	width:100%;
	height:36px;
	padding:7px 24px;
	font-size:14px;
	line-height:1.42857143;
	color:#1c1f21;
	background-color:#fff;
	background-image:none;
	border:1px solid #d3d6d9;
	border-radius:4px;
	box-sizing:border-box;
}
.x_content .x_in_group .error {
	position:absolute;
	top:36px;
	left:80px;
	right:0;
	line-height:24px;
	height:24px;
	color:#f01414;
	font-size:12px;
}
.x_content .schoolname {
	width:312px;
}
.error {
	color:#f01400;
	height:30px;
	line-height:30px;
}
.x_content .x_notice {
	width:328px;
	float:right;
	text-align:left;
}
.x_content .x_notice h3 {
	font-size:16px;
	font-weight:700;
	color:#4d555d;
	line-height:16px;
	margin-bottom:16px;
}
.x_content .x_notice p {
	font-size:13px;
	color:#45555d;
	line-height:26px;
}
.php-user-top {margin-top:90px;
	height:220px;
	background:url(../images/bg-teacher.png) no-repeat center top #000000;
	background-size:cover;
}
.php-user-top .user-info {
	position:relative;
	min-width:712px;
	/* max-width:800px; */
	max-width: 100%;
	padding-left:241px;
	padding-right:247px;
	padding-top:40px;
}
.php-user-top .user-info .user-name {
	font-size:32px;
	font-weight:600;
	line-height:40px;
	text-align:left;
	color:#ffffff;
	white-space:nowrap;
}
.signicon {
	width:25px;
	height:25px;
	margin:12px 0 0 10px;
	background-repeat:no-repeat;
	position:relative;
	top:-2px;
}
.supporting_member {
	height:25px;
	float:left;
}
.teacher {
	height:25px;
	float:left;
	background-image:url("../images/teachers.png");
}
.syntaxhighlighter p {
	margin:0!important;
	border-radius:0!important;
	font-size:13px!important;
	line-height:1.5em;
}
.author {
	height:24px;
	float:left;
	background-image:url("../images/write.png");
}
.php-user-top .user-info .user-name .signicon_iden {
	width:auto;padding:0 10px;border-radius: 5px;
	height:30px;
	line-height:30px;
	text-align:center;
	font-size:12px;
	background:#dcdcdc;
	display:none;
	position:absolute;
	top:32px;
	left:-29px;
	color:#14191e;
	font-weight:normal;
}
.php-user-top .user-info .user-name .signicon:hover {
	cursor:pointer;
}
.php-user-top .user-info .user-name  span {
	float:left;
}
.php-user-top .user-info .user-name .signicon_iden i {
	color:#fff;
	font-size:32px;
	position:absolute;
	margin-left:-16px;
	left:50%;
	top:-17px;
}
.php-user-top .user-info .about-info {
	font-size:14px;
	color:#ffffff;
	line-height:20px;
	text-align:left;
	padding-top:12px;
}
.php-user-top .user-info .about-info .gender {
	display:inline-block;
	width:16px;
	height:16px;
	background:url(../images/gender.png) no-repeat;
	vertical-align:-3px;
}
.php-user-top .user-info .about-info .girl {
	background-position:0 -17px;
}
.php-user-top .user-info .about-info .sexSecret {
	display:inline-block;
	width:16px;
	height:16px;
	background:url(../images/secret.png) no-repeat;
	vertical-align:-3px;
}
.php-user-top .user-info .about-info .u-info-credit {
	margin-left:10px;
}
.php-user-top .user-info .about-info .u-info-mp {
	margin-left:10px;
}
.php-user-top .user-info .user-desc {
	font-size:14px;
	line-height:24px;
	color:#ffffff;
	text-align:left;
	margin-top:10px;
	word-break:break-all;
	word-wrap:break-word;
	opacity:0.5;
}
.php-user-top .study-info {
	position:absolute;
	top:115px;
	right:10px;
	min-width:200px;
	text-align:right;
}
.php-user-top .study-info .follows {
	margin-right:40px;
}
.php-user-top .study-info .item {
	height:48px;
	display:inline-block;
}
.php-user-top .study-info .item span {
	display:block;
	font-size:14px;
	color:#ffffff;
	line-height:24px;
	text-align:center;
	opacity:0.5;
}
.php-user-top .study-info  .item em {
	display:block;
	font-size:18px;
	line-height:24px;
	color:#ffffff;
	text-align:center;
	font-weight:bold;
}
.user-left {
	position:absolute;
	width:200px;
	left:0;
	top:-190px;
}
.user-left  .user-pic {
	position:relative;
}
.user-left  .user-pic .user-pic-bg {
	width:200px;
	height:200px;
	background-color:#fff;
	opacity:.2;
	border-radius:100px;
	transition:all .3s;
	-moz-transition:all .3s;
	-webkit-transition:all .3s;
	-o-transition:all .3s;
}
.user-left  .user-pic img {
	position:absolute;
	left:4px;
	top:4px;
	width:192px;
	height:192px;
	border-radius:95px;
	transition:all .3s;
	-moz-transition:all .3s;
	-webkit-transition:all .3s;
	-o-transition:all .3s;
}
.user-left  .user-pic .set-btn {
	width:24px;
	height:24px;
	position:absolute;
	left:0;
	top:0;
}
.user-left  ul li {
	height:48px;
	width:160px;
	margin:0 auto 8px;
}
.user-left  ul li:first-child {
	margin-top:24px;
}
.user-left   ul a {
	position:relative;
	display:block;
	height:48px;
	font-size:16px;
	line-height:48px;
	color:#787d82;
	padding-left:64px;
	text-align:left;
}
.user-left  ul  .active {
	color:#fff;
	background:#242424;
	border-radius:8px 0 0 8px;
}
.user-left  ul a b {
	visibility:hidden;
}
.user-left  ul a.active:after {
	display:block;
	content:"";
	position:absolute;
	bottom:0;
	right:0;
	width:0;
	height:0;
	border-top:24px solid #fff;
	border-bottom:24px solid #fff;
	border-left:15px solid transparent;
}
.user-left  ul a.active  .layui-icon {
	color:#fff;
}
.user-left .layui-icon {
	font-weight:bold;
	padding-right:3px;
	position:absolute;
	left:24px;
	top:0;
	font-size:20px;
	color:#93999f;
	line-height:48px;
}
.user-right {
	float:right;
	padding-left:30px;
	margin-top:20px;
}
.user-right .right-top {
	height:60px;
	line-height:60px;
	border-bottom:1px solid #eee;
}
.user-right .right-info {
	margin-top:20px;
	min-height:410px;
}
.user-right .right-info  .title {
	font-size:13px;
	padding-left:20px;
	color:#333
}
.user-right .right-info .course-info {
	height:150px;
	border-bottom:1px solid #eee;
}
.user-right .right-info .course-info a {
	text-decoration:none;
	color:#787d82;
}
.user-right .right-info .course-info ul li {
	float:left;
	list-style-type:none;
}
.user-right .right-info .course-info ul li:nth-child(2){
    width: 800px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.litwodiv h2 a{	overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.user-right .right-info .course-info ul li h2 {
	font-weight:bold;
	font-size:18px;
}
.user-right .right-info .course-info ul li h2 span {
	font-size:13px;
	color:#adacac;
}
.user-right .right-info .course-info ul li p {
	margin-top:20px;
}
.user-right .right-info .course-info ul li .studyed {
	color:red;
	padding-right:20px;
}
.user-right .right-info .course-info ul .log a {
	padding-right:40px;
}
.user-right .right-info .course-info ul .go-on {
	float:right;
}
.user-right .right-info .course-info ul .go-on a {
	height:50px;
	min-width:80px;width:auto;white-space:nowrap;padding: 0 5px;
	border:1px solid red;
	display:block;
	color:red;
	line-height:50px;
	text-align:center;
}
.user-right .right-info .course-info .course-img a img {
	width:200px;
	height:113px;
}
.user-right .right-info .course-info2 {
	height:90px;
	border-bottom:1px solid #eee;
	margin-bottom:40px;
}
.user-right .right-info .course-info2 ul li {
	float:left;
	margin-right:12px;
	list-style-type:none;
}
.user-right .right-info .course-info2 ul li p {
	margin-top:10px;
}
.user-right .right-info .course-info2 ul li .title {
	font-weight:bold;
	font-size:22px;
}
.user-right .right-info .course-info2 .answers {
	background:#F2F4F6;
	height:100%;
	padding:15px;
}
.user-right .right-info .course-info2 .answers img {
	border-radius:20px;
	width:40px;
	height:40px;
}
.user-right .right-info .course-info3 {
	height:160px;
	border-bottom:1px solid #eee;
	margin-bottom:40px;
}
.user-right .right-info .course-info2 .gender {
	display:inline-block;
	width:16px;
	height:16px;
	background:url(../images/gender.png) no-repeat;
	vertical-align:-3px;
}
.user-right .right-info .statusvip {
	border:1px solid #f9d279;
	width:100%;
	height:120px;
	background-color:#fffbf1;
	padding-left:50px;
	padding-top:25px;
	padding-bottom:25px;
	margin-bottom:20px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.user-right .right-info .statusvip-content {
	width:80%;
	position:relative;
	float:left;
}
.user-right .right-info .statusvip .statusvip-name {
	font-weight:bold;
	color:red;
	padding-left:3px;
}
.user-right .right-info .statusvip-content h3 {
	font-size:16px;
	line-height:30px;
	color:#717070;
}
.user-right .right-info .statusvip-content .green-btn {
	background-color:#35b558;
	border:1px solid #35b558;
	border-radius:2px;
}
.statusvip-content>a {
	display:block;
	position:absolute;
	right:0;
	top:5px;
	width:50px;
	height:25px;
	line-height:25px;
	border-radius:2px;
	text-align:center;
	color:#fff;
	transition:background-color .5s,border-color .5s;
}
.statusvip-content .statusvip-bar {
	height:20px;
	margin-top:10px;
	background-color:#e4e4e4;
}
.statusvip-content .statusvip-bar-now {
	background-color:#f9d279;
	height:100%;
}
.statusvip-aside {
	width:20%;
	float:right;
}
.statusvip-aside h3 {
	font-size:14px;
	margin-top:40px;
	line-height:20px;
	color:#980404;
	padding-left:20px;
}
.user-right .right-info .get {
	border:1px solid #e4e4e4;
	height:120px;
	margin-top:20px;
	padding:40px;
	padding-bottom:40px;
}
.get .getarea {
	float:left;
	width:50%;
	border-right:1px solid #e4e4e4;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.get .getarea>h3 {
	line-height:20px;
	font-size:16px;
}
.get .getarea-form {
	margin-bottom:10px;
	margin-top:20px;
	color:#666;
}
.get .getarea-form a {
	width:70px;
	height:30px;
	line-height:30px;
	display:inline-block;
	margin-left:10px;
	background-color:#35b558;
	border:1px solid #35b558;
	border-radius:2px;
	color:#fff;
	text-align:center;
}
.get .getarea p {
	color:#999;
	line-height:20px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.get>aside {
	float:left;
	width:50%;
}
.get>aside .getp {
	width:70%;
	float:left;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.get>aside .getp p {
	color:#666;
	text-align:center;
	line-height:20px;
}
.get>aside .getcode {
	text-align:center;
}
.user-js-add-follow {
	background-color:#00b33b;
	position:absolute;
	right:0;
	bottom:0;
	width:50px;
	height:50px;
	border-radius:25px;
	transition:all .3s;
	-moz-transition:all .3s;
	-webkit-transition:all .3s;
	-o-transition:all .3s;
	cursor:pointer;
}
.user-js-add-follow i {
	font-size:26px!important;
	color:#fff!important;
	text-align:center;
	line-height:50px!important;
	display:block;
	font-weight:normal!important;
	position:unset!important;
	line-height:50px!important;
	margin-left:4px;
}
.user-follow-me {
	display:none;
	background-color:#00c850;
	color:#fff;
	position:relative;
	left:-68px;
	top:8px;
	z-index:2;
	border-radius:3px;
	padding:20px;
	min-width:146px;
	z-index:11;
}
.user-follow-me-blue {
	background-color:#0088cc!important;
}
.user-js-add-follow .title {
	font-weight:bold;
	font-size:16px;
	color:#fff;
}
.user-js-add-follow .content {
	margin-top:10px;
	display:block;
	font-size:12px;
	margin:0;
}
.user-js-add-follow .layui-icon-up {
	color:#00c850!important;
	position:absolute!important;
	left:80px;
	top:-27px;
}
.user-right .right-top2 {
	margin-top:20px;
	border-bottom:1px solid #eee;
}
.user-right .right-top2 a {
	height:40px;
	line-height:40px;
	position:relative;
	display:inline-block;
	font-size:14px;
	color:#787d82;
	line-height:16px;
	margin-bottom:-1px;
	margin-right:50px;
}
.user-right .right-top2 a:hover {
	border-bottom:2px solid red;
}
.user-right .right-top2 .on {
	border-bottom:2px solid red;
}
.user-right .user-list {
	min-height:300px;
}
.user-right .user-list .list {
	float:left;
	width:280px;
	height:150px;
	background:#f8fafc;
	margin:10px 22px 10px 0;
	padding:10px;
}
.user-right .user-list .list ul li {
	float:left;
	margin:10px 10px 10px 0;
}
.user-right .user-list .list ul li img {
	border-radius:20px;
	width:40px;
	height:40px;
}
.user-right .user-list .list ul li p {
	color:#93999f;
	padding-bottom:16px;
	font-size:12px;
}
.user-right .user-list .list ul li .title {
	font-weight:bold;
	font-size:16px;
}
.user-right .user-list .list ul li .title a:hover {
	color:#eee;
}
.user-right .user-list .list ul li .layui-btn {
	height:30px;
	line-height:30px;
}
.user-right .ask-list {
	margin-top:25px;
	font-size:14px;
	line-height:20px;
	color:#b5b9bc;
	text-align:left;
	min-height:300px;
}
.user-right .ask-list img {
	width:80px;
	height:80px;
}
.user-right .ask-list ul {
	border-bottom:1px solid #eee;
	margin-bottom:20px;
}
.user-right .ask-list ul li {
	margin-right:15px;
}
.user-right .ask-list ul li:last-of-type {
	display: block;
	width: calc(100% - 110px);
}
.user-right .ask-list ul li p {
	margin-bottom:10px;
}
.user-right .ask-list ul li .group a {
	margin-right:20px;
}
.user-right .ask-list ul li .group span {
	margin-right:20px;
}
.user-right .ask-list ul li .title {
	font-weight:bold;
	font-size:16px;
	color:#000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.member-ask-ul li {
	float:left;
}
.user_order_pay {
	padding:6px 13px;
	background:#f01414;
	color:#fff;
	border-radius:4px;
	font-size:13px;
}
.user_order_pay:hover {
	color:#fff;
	cursor:pointer;
	background:#f74d4d;
}
.user_order_close {
	float:right;
}
.user_order_close:hover {
	cursor:pointer;
	color:#000;
}
.mem-zt-box {
	display:block;
}
.mem-zt-box,.clearfix {
	display:inline-block;
}
.mem-zt-box ul li {
	float:left;
	width:25%;
	margin:10px 0;
}
.u-m-card {
	border:1px dashed #ccc;
	border-radius:6px;
	overflow:hidden;
	margin-left:30px;
}
.u-m-card-yes {
	border-style:solid;
	border-color:#d44920;
	background-color:#fffcfb;
}
.ml10 {
	margin-left:10px;
}
.mr10 {
	margin-right:10px;
}
section.ml10 {
	display:block;
}
.hLh30 {
	height:30px;
	line-height:30px;
}
.mb15 {
	margin-bottom:15px;
}
.tac {
	text-align:center;
}
.f-fM {
	font-family:'Microsoft YaHei';
}
.mt10 {
	margin-top:10px;
}
.icon30 {
	display:inline-block;
	height:30px;
	width:30px;
	vertical-align:middle;
}
.vip-ico {
	background:url(/static/images/icon.png) no-repeat;
	background-position:-434px -386px;
}
.u-m-card-yes .vip-ico {
	background-position:-434px -430px;
}
.weixin-pay .c-master {
	color:#d44920;
}
.c-999 {
	color:#999;
}
.u-m-card-yes .u-m-c-txt tt {
	color:#d44920!important;
}
.fsize16 {
	font-size:16px;
}
.vam {
	vertical-align:middle;
}
.hLh20 {
	height:20px;
	line-height:20px;
}
.of {
	overflow:hidden;
}
.mt5 {
	margin-top:5px;
}
.c-green {
	color:#43970F;
}
.u-m-c-btn {
	width:100px;
	height:30px;
	line-height:30px;
	color:#fff!important;
	font-size:12px;
	border-radius:4px;
	display:inline-block;
	margin:15px 0 10px;
	background-color:#d44920;
}
.set_user_button {
	position:absolute;
	top:40px;
	right:10px;
	color:#bdbbbb;
	border:1px solid #bdbbbb;
	padding:3px 5px;
	border-radius:5px;
}
.set_user_button:hover {
	color:#a4a3a3;
	border-color:#a4a3a3;
}
.php-article .article-list-left .detail-content-wrap .content a {
	color:#3da70d;
}
.php-article .article-list-left {
	background:#fff;
}
.php-article .article-list-left .crumbs {
	background:#F5F5F5;
}
.php-article .article-list-left .crumbs li a {
	color:#333!important;
}
.php-article .article-list-left .title {
	height:60px;
	line-height:60px;
	border-bottom:1px solid #eee;
}
.php-article .article-list-left .crumbs ul li:hover  a {
	color:#fff!important;
}
.nav_more {
	display:none;
	position:absolute;
	right:10px;
	z-index:9;
	top:120px;
	background:#ffffff;
	padding:10px;
	border:solid 1px #cdcdcd;
	color:gray;
}
.article-nav-more {
	top:180px;
}
.nav_more li {
	line-height:40px;
}
.php-article .article-list-left .title ul li {
	float:left;
}
.php-article .article-list-left .title li a {
	color:#A3A3A3;
}
.php-article .article-list-left .title ul li a,.php-article .article-list-left .title ul li div {
	padding:0 10px;
}
.php-article .article-list-left .title ul .on {
	border-bottom:2px solid  #FF5623;
	height:58px;
}
.php-article .article-list-left .title li.on a {
	color:#FF5623!important;
}
.php-article .article-list-left .title ul li:hover a {
	background:#FF5623;
	display:block;
	color:#fff!important;
}
.layui-main .php-article .detail-content-wrap td,th {
	padding:5px 10px;
	border:1px solid #DDD;
}
.php-article .article-list-left .article-list {
	padding:25px;
	border-bottom:1px solid #eee;
	box-sizing: border-box;
}
.php-article .article-list-left .article-list ul li {
	float:left;
}
.php-article .article-list-left .article-list ul li h2 {
	margin:-4px 0 8px 0;
	line-height:30px;
	font-weight:bold;
}
.php-article .article-list-left .article-list ul li h2 a {
	overflow:hidden;
	text-overflow:ellipsis;
	display:block;
	box-orient:vertical;
	-webkit-line-clamp:2;
	white-space:nowrap;
}
.php-article .article-list-left .article-list ul li p {
	margin-bottom:10px;
}
.php-article .article-list-left .article-list ul ar-img {
	width:260px;
	height:160px;
	float:left;
	border:1px solid #f1f1f1;
	border-radius:8px;
}
.php-article .article-list-left .article-list ul .ar-right {
	margin-left:10px;
	width:650px;
	height:160px;
	position:relative;
}
.php-article .article-list-left .article-list ul .ar-right .info {
	max-height:90px;
	overflow:hidden;
	display:block;
	margin-bottom:10px;
	color:#828a92;
	line-height:22px;
	height:90px;
}
.php-article .article-list-left .article-list ul .ar-right .ar-span {
	font-size:12px;
}
.php-article .article-list-left .article-list ul .ar-right .ar-span i {
	color:rgb(153,153,153);
	font-weight:bold;
	margin-left:20px;
}
.php-article .article-list-left .article-list ul .ar-right .ar-span .i-right {
	float:right;
	margin-right:20px;
}
.php-article .article-list-left .article-list ul .ar-right .ar-span .i-right i {
	color:red;
}
.not-img {
	width:100%!important;
}
.detail-content-wrap {
	padding:20px;
	line-height:33px;
}
.detail-content-wrap .content img {
	max-width:760px;
}
.php-article h1 {
	font-weight:bold;
	color:#000;
	margin:20px 0 20px 0;
}
.php-article  .profile {
	padding:20px;
	background:#f3f5f7;
	font-size:12px;
	color:#93999F;
	line-height:24px;
}
.php-article  .profile span {
	margin-left:10px;
	margin-right:5px;
}
.php-article .profile .hot {
	float:right;
}
.php-article  .profile .hot i {
	color:red;
	font-weight:bold;
}
.php-article  .profile i {
	color:#fe4c4c;
	font-weight:bold;
	font-size:13px;
	margin-left:10px;
	margin-right:5px;
}
.php-article .content .article_directory ul li {
	border-left:2px solid #eee;
	line-height:30px;
	padding-top:10px;
}
.php-article .content .article_directory ul .on {
	border-left:2px solid #f01414;
	background:#f3f5f7;
}
.php-article .content .article_directory ul a {
	font-size:19px;
	padding-left:10px;
}
.php-article .content .article_directory h2 {
	color:#14191e;
	height:30px;
	line-height:49px;
	font-size:16px;
	font-weight:700;
	margin-bottom:20px;
}
.php-article .content blockquote {
	text-indent:0;
	padding:10.5px 21px;
	background-color:#f5f5f5;
	border-left:4px solid #ccc;
	color:#555;
	font-size:1em;
	margin:.8em 0;
}
.php-article .content p {
	margin:15px 0;
	color:#3d464d;
	font-size:16px;
	padding-left:10px;
	box-sizing:border-box;
	border-radius:8px;word-wrap: break-word;
}
.php-article .content code {
	padding:2px 4px;
	font-size:90%;
	color:#c7254e;
	background-color:#f9f2f4;
	border-radius:4px;
}
.php-article .content  .share {
	width:300px;
	margin:20px auto;
}
.php-article .content  .share li {
	float:left;
	width:120px;
	height:40px;
	text-align:center;
	line-height:40px;
	margin-left:20px;
}
.php-article .content  .share .wechat {
	border-color:#51C332;
	color:#51C332;
}
.php-article .content  i {
	margin-right:5px;
}
.php-article .content .share a {
	display:block;
	color:#51C332;
	border:1px solid #51C332;
	border-radius:5px;
	font-size:14px;
	float:none;
	padding-left:0;
	height:42px;
	line-height:42px;
	background:none;
}
.php-article .content  .share .share-btn {
	color:#3496E6;
	border-color:#3496E6;
}
.php-article .content  .share .wechat:hover {
	background:#51C332;
	color:#fff;
}
.php-article .content  .share .share-btn:hover {
	background:#3496E6;
	color:#fff;
}
.php-article .content  .tags {
	margin-top:60px;
}
.php-article .content  .tags li {
	float:left;
}
.php-article .content  .tags li a {
	display:inline-block;
	margin-right:10px;
	padding:0 9px;
	background-color:#f3f5f7;
	border-radius:12px;
	font-size:12px;
	color:#93999F;
	line-height:24px;
}
.php-article .content  .tags li a:hover {
	background:#51C332;
	color:#fff;
}
.php-article .content  .tags .line {
	float:right;
	text-align:right;
	font-size:12px;
	color:#B7BBBF;
	line-height:24px;
	display:inline-block;
}
.php-article .content  .page {
	margin-top:20px;
}
.article-hot {
	margin-top:25px;
	font-size:.92857em;
	border-top:1px solid #999;
}
.article-hot .layui-col-md9 {
	width:550px;
	margin-left:20px;
}
.article-hot h2 {
	font-size:20px;
	font-weight:bold;
	height:70px;
	line-height:70px;
	padding-left:20px;
}
.article-hot li {
	float:left;
	width:33.33%;
	padding-bottom:20px;
}
.article-hot li a {
	display:block;
	width:100%;
	padding:5px 10px;
	box-sizing:border-box;
}
.article-hot li .course-title {
	font-weight:bold;
	font-size:15px;
	text-indent:5px;
}
.article-hot li .course-type {
	color:#666;
	padding:5px 10px;
	text-indent:5px;
}
.article-hot li .course-type i {
	padding-left:15px;
}
.article-hot li .course-des {
	color:#888;
	padding:5px 14px;
	height:35px;
	line-height:20px;
	overflow:hidden;
}
.article-hot li img {
	width:100%;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
}
.article-relative-header {
	font-size:18px;
	width:50%;
	float:left;
	padding-bottom:10px;
}
.article-relative-ul {
	display:block;
	width:50%;
	float:left;
}
.article-ad {
	padding:0 10px 10px 10px!important;
	background:#fff;
	border:1px solid #e6e6e6;
	box-shadow:0 0 6px rgba(207,216,221,.63),0 4px 6px rgba(207,216,221,.63);
}
.article-ad .r-title {
	border-bottom:1px solid #e6e6e6;
	font-size:14px;
	height:50px;
	line-height:50px;
	color:#666;
}
.article-ad .r-title i {
	font-size:22px;
	vertical-align:middle;
	padding-right:5px;
}
.article-ad .r-title i.layui-icon-fire {
	color:red;
}
.article-ad p {
	font-size:12px;
	line-height:24px;
	padding-left:7px;
	color:red;
}
.course-category-lists li a {
	width:auto;
	float:left;
	height:45px;
	line-height:45px;
	margin:7px 22px;
	padding:0 12px;
	position:relative;
}
.course-category-lists {
	margin-top:10px;
}
.course-category-lists li:nth-child(1) a,.course-category-lists li:nth-child(1) .course-category-child {
	background:#F5C070;
	color:#fff;
}
.course-category-lists li:nth-child(2) a,.course-category-lists li:nth-child(2) .course-category-child {
	background:#FE957F;
	color:#fff;
}
.course-category-lists li:nth-child(3) a,.course-category-lists li:nth-child(3) .course-category-child {
	background:#F9F1E3;
	color:#FEA93F;
}
.course-category-lists li:nth-child(4) a,.course-category-lists li:nth-child(4) .course-category-child {
	background:#F9EEE8;
	color:#FD8435;
}
.course-category-lists li:nth-child(5) a,.course-category-lists li:nth-child(5) .course-category-child {
	background:#FCB07E;
	color:#fff;
}
.course-category-lists li:nth-child(6) a,.course-category-lists li:nth-child(6) .course-category-child {
	background:#F9E6E2;
	color:#FB5E3B;
}
.course-category-lists li:nth-child(7) a,.course-category-lists li:nth-child(7) .course-category-child {
	background:#F9E6E0;
	color:#FAAB9C;
}
.course-category-lists li:nth-child(8) a,.course-category-lists li:nth-child(8) .course-category-child {
	background:#F9F1E4;
	color:#FFA421;
}
.course-category-lists li .course-category-child-first {
	z-index:1;
	position:inherit;
}
.course-category-lists .course-category-child {
	position:absolute;
	right:-16px;
	top:6px;
	width:32px;
	height:32px;
	transform:rotate(40deg);
	-o-transform:rotate(40deg);
	-webkit-transform:rotate(40deg);
	-moz-transform:rotate(40deg);
}
.article-list-right {
	margin-left:30px;
	width:380px;
	padding:0px 0 20px 0;
}
.article-list-right .article-add {
	width:380px;
	text-align:center;
	display:block;
	font-size:18px;
	color:#fff;
	height:56px;
	line-height:56px;
	margin-bottom:20px;
	border:2px solid #f01400;
}
.article-list-right  .panel {
	margin-bottom:15px;
	border-radius:2px;
	background-color:#fff;
	box-shadow:0 1px 2px 0 rgba(0,0,0,.05);
}
.panel-title {
	position:relative;
	height:50px;
	line-height:50px;
	padding:0 15px;
	border-bottom:1px dotted #e9e9e9;
	color:#343535;
	border-radius:2px 2px 0 0;
	font-size:14px;
}
.article-list-right  .avatar-wrap a {
	position:relative;
	display:block;
	width:80px;
	height:80px;
	padding:4px;
	margin:0 auto;
	border-radius:50%;
	background:rgba(255,255,255,.3);
}
.article-list-right .avatar-wrap a img {
	width:100%;
	height:80px;
	border-radius:50%;
	transition:all .3s ease-out 0s;
	-webkit-background-size:220px 220px;
	-moz-background-size:220px 220px;
	background-size:220px 220px;
	-webkit-border-radius:110px;
	border-radius:110px;
	-webkit-transition:-webkit-transform 2s ease-out;
	-moz-transition:-moz-transform 2s ease-out;
	-o-transition:-o-transform 2s ease-out;
	-ms-transition:-ms-transform 2s ease-out;
}
.article-list-right  .profile-info {
	padding:10px 15px 20px;
	text-align:center;
	line-height:1.6;
}
.article-list-right  .profile-info .author-name {
	display:inline-block;
	line-height:22px;
	overflow:hidden;
	max-width:180px;
	text-overflow:ellipsis;
	white-space:nowrap;
	vertical-align:top;
}
.article-list-right  .profile-info .layui-icon-auz {
	position:relative;
	color:#fe4c4c;
}
.article-list-right  .profile-info .author-description {
	margin-top:5px;
	font-size:13px;
	color:#999;
}
.article-list-right  .list-one {
	text-align:left;
	line-height:1.6;
}
.article-list-right  .list-one .panel-title {
	margin-bottom:5px;
}
.article-list-right  .list-one  dd {
	margin:0 15px;
	line-height:26px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	list-style:decimal-leading-zero inside;
	color:#009e94;
}
.article-list-right  .list-one dd a {
	max-width:85%;
	margin-right:5px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:14px;
}
.article-list-right .list-one dd span {
	font-size:12px;
	color:#ccc;
}
.article-list-right .list-one dd span i {
	color:#fe4c4c;
	font-weight:bold;
}
.article-list-right .article-user .column-cout .border {
	border-right:1px solid #eee;
}
.article-title {
	font-size:20px;
	font-weight:normal;
	line-height:56px;
	border-top:2px solid #000;
	padding-left:10px;
}
.article-list-right  .top-article {
	background:#fff;
}
.article-list-right  .top-article .top-img img {
	width:380px;
	height:180px;
}
.article-list-right  .top-article ul li a {
	display:block;
	height:42px;
	line-height:42px;
	overflow:hidden;
	padding:0 10px;
	font-size:15px;
}
.article-list-right  .top-article ul li .on {
	background:#000;
	color:#fff;
}
.article-list-right  .top-article ul li a:hover {
	color:#999;
}
.article-list-right .article-course {
	padding:20px;
	background:#fff;
}
.article_lists li {
	padding:20px 0;
	border-bottom:1px solid #ececec;
	overflow:hidden;
}
.article_lists .col_l {
	width:210px;
	height:90px;
	display:block;
	vertical-align:top;
	overflow:hidden;
	float:left;
}
.article_lists .col_r {
	padding-left:18px;
	position:relative;
	display:table-cell;
	vertical-align:top;
	width:540px;
	float:left;
	height:90px;
	overflow:hidden;
}
.col_r_h3 {
	margin-bottom:10px;
	font-size:18px;
	font-weight:bold;
}
.col_r_h3 a {
	color:#333;
}
.col_r_p {
	color:#6f6f6f;
	font-size:14px;
}
.col_r_p a {
	color:#5ecfba;
}
.layui-tab-item .no_data {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	font-size:20px;
	color:#e3e3e3;
	text-align:center;
	min-height:490px;
	padding:190px 0;
	box-sizing:border-box;
}
.layui-tab-item .no_data  div {
	display:inline-block;
	background:url(../images/lesson_video_lists.png) no-repeat;
	content:'';
	margin-right:20px;
	width:118px;
	height:112px;
	background-position:0 -389px;
	-moz-box-sizing:border-box;
	vertical-align:middle;
}
.lesson_download li {
	border-bottom:1px solid #ececec;
	position:relative;
	height:100px;
}
.lesson_download li:last-child {
	border-bottom:none;
}
.lesson_download .col_l {
	position:absolute;
	left:0;
	top:20px;
}
.lesson_download .col_l img {
	position:absolute;
	left:0;
	top:0;
}
.lesson_download .col_l span {
	display:block;
	margin-left:60px;
	color:#6f6f6f;
	font-size:14px;
}
.lesson_download .col_l span:nth-child(2) {
	margin-top:10px;
}
.lesson_download .col_l span:nth-child(3) {
	margin-top:5px;
	padding:4px 5px;
	background:#f5f5f5;
	border-radius:2px;
	font-size:12px!important;
}
.lesson_download .col_r {
	position:absolute;
	color:#fff;
	right:0;
	top:30px;
	width:100px;
	height:40px;
	line-height:40px;
	background:#5ecfba;
	text-align:center;
	border-radius:2px;
}
.lesson_download .col_r  .down {
	background:url(../images/lesson_video_lists.png) no-repeat;
	content:'';
	display:inline-block;
	vertical-align:middle;
	margin-right:8px;
	margin-top:-4px;
	width:16px;
	height:16px;
	background-position:0 -52px;
}
.face-upload {
	margin:5px 0;
}
.face-result {
	clear:both;
	min-height:20px;
	padding-top:10px;
}
.face-result-inner {
	padding-bottom:20px;
}
.face-result-inner img {
	vertical-align:bottom;
}
.rm-face-reault {
	display:inline-block;
	height:22px;
	line-height:22px;
	color:#787d82;
	padding:0 9px;
	margin-left:20px;
	font-size:12px;
	cursor:pointer;
	border:1px solid #d0d6d9;
}
.face-upload .webuploader-pick {
	padding:0;
	border-radius:0;
}
#js-face-upload  .article-btn-green {
	display:inline-block;
	margin-bottom:0;
	font-weight:200;
	text-align:center;
	vertical-align:middle;
	touch-action:manipulation;
	cursor:pointer;
	text-decoration:none;
	box-sizing:content-box;
	background-image:none;
	border:1px solid transparent;
	-webkit-appearance:none;
	white-space:nowrap;
	outline:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	color:#ffffff;
	background-color:#00b33b;
	border-color:#00b33b;
	border-style:solid;
	border-width:1px;
	-weibkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
	width:88px;
	height:28px;
	line-height:28px;
	font-size:14px;
}
.article-btn-green-advise {
	float:left;
	color:#93999f;
	margin-left:20px;
	line-height:28px;
}
#js-avatar-upload,#js-avatar-upload1 {
	float:left;
	width:134px;
	height:36px;
	line-height:36px;
	vertical-align:middle;
	margin:10px 10px;
	text-align:center;
	cursor:pointer;
	color:#fff;
	background-color:#00b33b;
	border-color:#00b33b;
	border-style:solid;
	border-width:1px;
	-weibkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
	font-size:14px;
	position:absolute;
	bottom:0;
	left:150px;
}
#js-face-img {
	float:left;
}
.php-login {
	padding:30px;
}
.php-login .layui-col-md5 {
	width:398px !important;
	height:445px !important;
	border:1px solid #DDD;
	border-radius:4px;
}
.php-login .layui-col-md5 .rightpng {
	position:absolute;
	top:0px;
	right:0;
}
.php-login .layui-col-md5 .rightpng .toqrcode {
	width:60px;
	height:60px;
	display:inline-block;
	background:url(../images/toqrcode.png) no-repeat;
}
.php-login .layui-col-md5 .title {
	padding:10px 0 0 10px;
	border-bottom:1px solid #eee;
}
.php-login .layui-col-md5 .title p {
	line-height:40px;
	border-bottom:2px solid #1881ec;
	width:100px;
	font-size:14px;
	text-align:center;
	color:grey;
	height:49px;
	line-height:49px;
	overflow:hidden
}
.php-login .layui-col-md5 .form {
	padding:20px;
}
.php-login .layui-col-md5 .form .layui-form-item {
	margin-bottom:0;
}
.php-login .layui-col-md5 .form .layui-input-block {
	margin-left:0;
}
.php-login .layui-col-md5 .form .layui-input-block input {
	float:left;
	width:95%;
	height:45px;
	line-height:40px;
	border:1px solid #e6e6e6;
	margin-bottom:15px;
	font-size:14px;
	border-radius:2px;
}
.php-login .layui-col-md5 .form .other-login {
	padding:10px;
	height:35px;
}
.php-login .layui-col-md5 .form .other-login li {
	line-height:34px;
}
.php-login .layui-col-md5 .form .other-login li .layui-form-label {
	padding:12px 5px 0 0;
}
.comment {
	margin-top:10px;
	border-top:1px solid #777;
}
.comment .list {
	border-bottom:1px solid #eee;
	padding:10px;
}
.comment .pull-left {
	float:left;
	width:35px;
}
.comment .pull-left img {
	width:32px;
	height:32px;
	border-radius:50%;
}
.comment .pull-right {
	margin-left:10px;
	float:left;
	width:90%;
}
.comment .pull-right .tikname {
	color:#009a61;
	font-weight:bold;
}
.comment .pull-right .time {
	color:#999;
	font-size:13px;
}
.comment .pull-right .floor {
	float:right;
}
.comment .pull-right .floor a {
	font-size:12px;
}
.comment .pull-right .info {
	line-height:35px;
	word-wrap:break-word;
	margin-bottom:10px;
}
.comment .pull-right .info p {
	display:block;
	-webkit-margin-before:1em;
	-webkit-margin-after:1em;
	-webkit-margin-start:0px;
	-webkit-margin-end:0px;
}
.comment .pull-right .askisshow {
	color:#009a61;
	margin-left:15px;
	font-size:13px;
}
.comment .pull-right .up {
	color:#999;
	font-size:13px;
}
.comment .pull-right .count {
	color:#009a61;
	padding-left:5px;
}
.comment .pull-right .up i {
	font-weight:bold;
	margin-right:5px;
}
.comment .pull-right .reply-item {
	margin-top:10px;
	font-size:13px;
	background-color:#FAFAFA;
	padding:0 10px;
	color:#666;
	padding-bottom:10px;
	padding-top:10px;
	border-bottom:1px dashed rgba(0,0,0,0.09);
	word-break:break-word;
}
.comment .pull-right .reply-item .askisshow {
	margin-right:10px;
}
.comment .pull-right .reply-item .user-name {
	margin-left:35px;
	margin-right:10px;
	font-weight:bold;
	color:#009a61
}
.comment .pull-right .reply-item .authors {
	background:#FCF8E3;
	border-radius:3px;
	font-size:12px;
	color:#8A6D3B;
	padding:2px 4px;
}
.comment .text-box {
	margin-top:10px;
	padding-left:50px;
}
.comment .text-box li {
	display:block;
	width:100%;
	overflow:hidden;
}
.comment .text-box li a {
	width:100%;
	line-height:30px;
	font-size:12px;
	color:#787d82;
	text-align:center;
	white-space:nowrap;
}
.comment .text-box .box-left {
	float:left;
	width:55px;
}
.comment .text-box .box-left img {
	width:55px;
	height:55px;
	border-radius:50%;
}
.comment .text-box .box-right {
	margin-left:10px;
	float:left;
	width:90%;
}
.comment .text-box .box-right .layui-textarea {
	width:70%;
	min-height:75px;
	margin-bottom:10px;
	float:left;
}
.article_publish {
	float:left;
	margin-left:20px;
	margin-top:43px;
	height:31px;
	line-height:31px;
	padding:0 10px;
}
.article_comment_textarea {
	display:none;
}
.article-comment-publish {
	float:right;
	height:100%;
	color:#F20D0D;
	line-height:34px;
	font-size:14px;
	margin-right:10px;
	margin-left:20px;
}
.article-comment-publish:hover {
	color:#F20D0D;
}
.J_Header {
	height:28px;
	overflow:hidden;
	padding:50px 0 50px 20px;
}
.header-title {
	font-size:26px;
	color:#2a2a2a!important;
	float:left;
	width:auto;
	height:100%;
	margin:0 10px 0 0!important;
	font-weight:bold;
}
.header-protocol {
	float:left;
	height:100%;
	color:#ccc;
	font-size:14px;
	line-height:34px;
}
.header-protocol a,.header-protocol a:visited {
	color:#ccc;
}
.header-number {
	float:right;
	height:100%;
	color:#b1b1b2;
	line-height:34px;
	font-size:14px;
	margin-right:10px
}
#key_words {
	cursor:auto;
}
.php-search-header {
	height:144px;margin:90px 0 0 0;
	background-color:#d9dde1;
}
.php-search-header .layui-input-block {
	padding-top:36px;
	position:relative;
	width:800px;
	margin:0 auto;
}
.php-search-header .left {
	float:left;
	width:700px;
	height:50px;
	padding-left:50px;
	box-shadow:0 4px 8px 0 rgba(7,17,27,.1);
}
.php-search-header  .icon {
	position:absolute;
	font-size:24px;
	color:#b7bbbf;
	left:16px;
	bottom:-40px;
}
.php-search-header .right {
	float:left;
	width:100px;
	height:50px;
	background:#2F4056;
	box-shadow:0 4px 8px 0 rgba(7,17,27,.1);
}
.php-search-header .hot-search {
	position:relative;
	width:800px;
	margin:0 auto;
	margin-top:10px;
	height:36px;
	line-height:36px;
	font-size:12px;
	color:#93999f;
}
.php-search-header .hot-search li {
	float:left;
	margin-right:24px;
}
.php-search-header .hot-search li a {
	display:block;
	color:#93999f;
}
.php-search {
	width:900px;
	margin:0 auto;
}
.php-search .nav {
	display:inline-block;
	margin-bottom:10px;
	line-height:16px;
	text-align:center;
}
.php-search .nav li {
	float:left;
	width:auto;
	margin-right:60px;
	line-height:60px;
	text-align:center;
}
.php-search .nav li a {
	display:block;
	font-size:16px;
	color:#4d555d;
}
.php-search .nav li a:hover {
	line-height:60px;
	border-bottom:2px solid red;
}
.php-search .nav .on {
	color:#f01414;
	border-bottom:2px solid red;
}
.php-search  .search-related {
	height:40px;
	line-height:40px;
	font-size:12px;
	color:#93999f;
	background:#eee;
}
.php-search  .ask-lists {
	background:#fff;
	box-shadow:0 4px 8px 0 rgba(7,17,27,.05);
	box-sizing:border-box;
}
.course-item {
	background:#fff;
	margin-bottom:8px;
	padding-top:24px;
	padding-right:32px;
	padding-bottom:24px;
	overflow:hidden;
	box-shadow:0 4px 8px 0 rgba(7,17,27,.05);
	box-sizing:border-box;
}
.course-img img {
	width:210px;
	height:120px;
	float:left;
	margin-left:32px;
	margin-right:32px;
}
.course-item .title {
	font-size:16px;
	line-height:32px;
	font-weight:700;
}
.course-item .course-classify {
	margin-top:4px;
	margin-bottom:4px;
}
.course-item .course-classify span {
	line-height:30px;
	color:#4D555D;
	font-size:12px;
	margin-right:24px;
	padding-left:2px;
	vertical-align:middle;
}
.course-detail p {
	color:#4D555D;
	font-size:12px;
	line-height:24px;
}
.course-color,.course-item .course-detail em {
	padding:2px 4px;
	font-size:90%;
	color:#c7254e;
	background-color:#f9f2f4;
	border-radius:4px;
	font-style:normal;
}
code {
	padding:2px 4px;
	font-size:90%;
	color:#c7254e;
	background-color:#f9f2f4;
	border-radius:4px;
}
.course-detail .article .right {
	float:right
}
.more {
	height:40px;
	width:160px;
	margin:24px auto 36px;
	text-align:center;
	border-radius:24px;
	border:1px solid #D9DDE1;
	box-shadow:0 4px 8px 0 rgba(7,17,27,.05);
	box-sizing:border-box;
}
.more a {
	font-size:14px;
	color:#93999F;
	line-height:40px;
}
.dic-home {
	margin-top:20px;
	background:radial-gradient(ellipse farthest-corner at center top,#5f71a1 0%,#4a4a5c 100%)!important;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
}
.dic-home .layui-tree {
	padding:10px 0 0px 20px;
}
.dic-home .layui-col-md2 {
	border-right:1px solid #fff;
	width:232px;
}
.php-int .search-related {
	padding-left:10px;
	font-weight:bold;
	color:#666;
}
.dic-home .search-related span {
	margin-right:20px;
	padding-bottom:10px;
	display:block;
	height:40px;
	float:left;
	padding:0 10px;
	font-weight:bold;
}
.this_index_hover:hover {
	color:#fff!important;
}
.dic-home .site-tree {
	min-height:320px;
}
.dic-home .manual {
	width:968px;
	height:380px;
	overflow:hidden;
}
.dic-home .manual .dic-new {
	margin-top:10px;
}
.dic-home .manual .dic-new a {
	float:left;
	margin:20px 0 10px 10px;
	background-color:#737373;
	border-radius:5px;
	padding:6px 16px;
	color:#fff;
}
.dic-home .manual .dic-new a:hover {
	background:#b1b3b0;
	color:#fff;
}
.dic-home .dic-search .int-logo {
	height:100px;
	line-height:60px;
	width:200px;
	margin:0 auto;
}
.dic-home .dic-search .int-logo  h1 {
	padding-top:20px;
	font-weight:bold;
	color:#e4e0e0;
}
.dic-home .dic-search .layui-input-block {
	padding-top:36px;
	position:relative;
	width:900px;
}
.dic-home .dic-search  .icon {
	position:absolute;
	font-size:24px;
	color:#b7bbbf;
	left:16px;
	bottom:-8px;
}
.dic-home .dic-search  .left {
	float:left;
	width:700px;
	height:50px;
	padding-left:50px;
	box-shadow:0 4px 8px 0 rgba(7,17,27,.1);
}
.dic-home .dic-search  .right {
	float:left;
	width:100px;
	height:50px;
	background:#98a1ad;
	box-shadow:0 4px 8px 0 rgba(7,17,27,.1);
}
.dic-home .dic-search   .hot-search {
	position:relative;
	width:900px;
	margin:0 auto;
	margin-top:10px;
	height:36px;
	line-height:36px;
	font-size:12px;
	color:#93999f;
}
.dic-home .dic-search .hot-search li {
	margin-top:20px;
	float:left;
	margin-right:24px;
	color:#fff;
}
.dic-home .dic-search .hot-search li a {
	display:block;
	color:#fff;
	background:#898c87;
	text-align:center;
	border-radius:8px;
	height:35px;
	padding:0 5px;
}
.dic_serach_form_li {
	display:list-item;
	color:#000;
	font:14px arial;
	line-height:40px;
	padding:0 8px;
}
.dic_three {
	position:relative;
	height:340px;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
}
.dic_video {
	width:240px;
	height:135px;
	box-shadow:0px 4px 8px rgba(7,17,27,0.4);
	cursor:pointer;
	background-image:url(/static/images/video-play.png);
	background-repeat:no-repeat;
}
.interpret {
	height:300px;
	z-index:-1;
}
.interpret .int-logo {
	height:100px;
	line-height:60px;
	/* width:200px; */
	margin:0 auto;
	text-align:center;
	/* padding-top: 50px; */
}
.interpret .int-logo .int-search-detail {
	padding-top:20px;
	font-weight:bold;
	font-size:32px;
}
.interpret .int-logo p {
	color:#fff;
}
#tra {
	font-size:24px;
	margin:2px 0;
	line-height:1.8em;
	font-weight:500;
	float:none;
}
.manual-nav {
	background:#f3f5f7;
}
.manual-nav dt {
	font-weight:bold;
	line-height:50px;
	margin-left:10px;
	border-bottom:1px solid #ebebeb;
}
.manual-nav dd {
	line-height:50px;
	border-bottom:1px solid #ebebeb;
}
.manual-nav  .on {
	background:#8a8989;
	color:#fff;
}
.manual-nav  a:hover {
	background:#8a8989;
	color:#fff;
}
.manual-nav  a {
	display:block;
	text-align:center;
}
.php-int {
	background:#fff;
	width:1380px;
	border-radius:8px;
	box-shadow:0 4px 8px rgba(28,31,33,.1);
}
.php-int .manual .dic-list {
	}.dic-home .manual .dic-list a {
	float:left;
	width:193px;
	margin:10px 0 10px 10px;
	background:#fff;
	border-radius:5px;
	padding:6px 16px;
	border:1px solid #8a8a8a;
}
.dic-home .manual .dic-list h2 {
	font-weight:bold;
	color:#5c5a5a;
	font-size:16px;
	margin-top:10px;
	margin-bottom:10px;
	line-height:1.1;
	text-align:left;
}
.php-int .manual .dic-list img {
	height:36px;
	width:36px;
	float:left;
	margin-left:10px;
	margin-right:10px;
	border-radius:5px;
	display:block;
	margin-bottom:5px;
}
.dic-home .manual .dic-list strong {
	display:block;
	color:#a4a2a2;
	text-align:left;
	font-size:12px;
}
.dic-home .manual .dic-list a:hover {
	background:#eaeaec;
}
.interpret-all .php-int .manual a {
	float:left;
	width:208px;
	height:90px;
	margin:10px 0 10px 10px;
	background-color:#f6f6f6;
	border-radius:5px;
	padding:6px 16px;
	text-align:center;
}
.dic-home-manual .search-related span {
	margin-right:20px;
	padding-bottom:10px;
	display:block;
	height:40px;
	float:left;
	padding:0 10px;
	font-weight:bold;
}
.dic-home-manual .manual a {
	margin:10px 5px 10px 5px!important;
	padding:8px 16px!important;
}
.dic-home-manual .this_index_hover {
	color:#fff;
	background:#777;
}
.php-search-header .int-logo .all_dic_top {
	color:#e4e0e0;
}
.php-search-header .int-logo .all_dic_top:hover {
	color:#b5b5b5;
}
.php-search-header.interpret {
	background-image:-webkit-radial-gradient(ellipse farthest-corner at center top,#000d4d 0%,#000105 100%);
	background-image:radial-gradient(ellipse farthest-corner at center top,#000d4d 0%,#000105 100%);
}
.dic_search_index_postion {
	position:absolute;
	left:0;
	right:0;
	top:60px;
	bottom:0;
}
.dic_search_dic_div {
	height:auto;
	position:absolute;
	width:700px;
	top:86px;
	z-index:999;
	background:#fff;
	border:1px solid #ccc;
	_overflow:hidden;
	box-shadow:1px 1px 3px #ededed;
	-webkit-box-shadow:1px 1px 3px #ededed;
	-moz-box-shadow:1px 1px 3px #ededed;
	-o-box-shadow:1px 1px 3px #ededed;
}
.php-int .manual h2 {
	font-weight:bold;
	color:#64854c;
	font-size:16px;
	margin-top:10px;
	margin-bottom:10px;
	line-height:1.1;
	text-align:left;
}
.php-int .manual img {
	height:36px;
	width:36px;
	float:left;
	margin-left:10px;
	margin-right:10px;
	border-radius:5px;
	display:block;
	margin-bottom:5px;
}
.php-int .manual strong {
	display:block;
	color:#666;
	text-align:left;
	font-size:12px;
}
.dic-home .manual a:hover {
	color:#eee!important;
}
.translate {
	}.translate article {
	padding:30px 0 0 30px;
}
.translate h1 {
	font-weight:bold;
	width:80%;
	float:left;
	margin-bottom:30px;
}
.translate .right {
	float:right;
}
.translate p {
	margin-top:10px;
	line-height:36px;
	margin:15px 0 5px;
	padding:0 10px;
	background-color:#f2f2f2
}
.translate .course {
	margin-top:20px;
	margin-bottom:20px;
	line-height:60px;
	border-bottom:1px solid #eee;
}
.translate .course a {
	font-weight:bold;
	font-size:22px;
}
.translate .course a span {
	color:red;
}
.manual {
	color:#666;
	font-size:14px;
}
.manual::-webkit-scrollbar {
	height:10px;
	background:#fafafa;
}
.manual::-webkit-scrollbar-thumb {
	background:rgba(0,0,0,.3);
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-ms-border-radius:6px;
	-o-border-radius:6px;
	border-radius:6px;
}
.manual .manual-title {
	border-bottom:1px solid #eee;
	padding-bottom:10px;
}
.manual .manual-title h2 {
	font-weight:bold;
	font-size:16px;
}
.manual .manual-tab {
	border-right:1px solid #ddd;
	background-color:#fafafa;
}
.manual .manual-tab dl {
	overflow-y:auto;
	height:525px;
	background-color:#fafafa;
}
.manual .manual-tab dl .on {
	background:#e5e5e5;
}
.manual .manual-tab dl dt {
	line-height:30px;
	padding-left:10px;
}
.manual .manual-tab dl dd {
	padding-top:3px;
	padding-bottom:3px;
	overflow:hidden;
	word-break:keep-all;
	white-space:nowrap;
}
.manual .manual-tab dl dd a {
	display:block;
	width:100%;
	color:#666;
	line-height:30px;
	padding-left:50px;
}
.manual .manual-tab dl dd a:hover {
	background:#eee;
}
.manual .manual-tab .tab-navg {
	border-bottom:1px solid #ddd;
	height:40px;
	line-height:40px;
}
.manual .editor-content {
	height:525px;
	overflow-y:auto;
	padding:20px;
}
.php-map {
	background:#7B8890;
	padding-top:50px;
	padding-bottom:20px;
	box-sizing:border-box;
	height:260px;
	margin-bottom:20px;
}
.php-map .layui-main img {
	float:left;
	height:150px;
	margin-left:20px;
	margin-top:-35px;
	padding-right:10px;
}
.php-map .layui-main .info h1 {
	color:#fff;
	margin-bottom:15px;
}
.php-map .layui-main .info p {
	color:#fff;
	line-height:30px;
}
.set-all {
	margin:0 auto;
	border-left:1px solid
}
.set-all .set {
	overflow:hidden;
	padding-left:5px;
	margin-bottom:30px;
}
.set-all .set span {
	float:left;
	width:99px;
	height:38px;
	line-height:38px;
	font-size:20px;
	color:#fff;
	background:#323846;
	text-align:center;
}
.set-all .set  em {
	float:left;
	width:0;
	height:0;
	border-top:19px solid transparent;
	border-bottom:19px solid transparent;
	border-left:19px solid #323846;
}
.set-all .set  h3 {
	float:left;
	font-size:24px;
	color:#323846;
	margin-left:10px;
	line-height:38px;
}
.set-all .text {
	overflow:hidden;
	padding-left:20px;
	padding-bottom:30px;
}
.set-all .text {
	line-height:30px;
}
.set-all .text a {
	color:#2d88f1;
}
.set-all .course-item {
	padding:20px;
}
.set-all .course-item ul li {
	width:265px;
	height:248px;
	margin-right:10px;
	float:left;
	margin:0 23px 30px 0;
	position:relative;
}
.set-all .course-item ul li .txt {
	width:245px;
	background:#F6F6F6;
	position:relative;
	z-index:20;
	padding:15px 10px;
}
.set-all .course-item ul li .txt  h3 {
	font-size:16px;
	padding-bottom:13px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
.set-all .course-item ul li .txt  .delp {
	font-size:12px;
	height:60px;
	overflow:hidden;
	line-height:20px;
	color:#777;
	padding-bottom:10px;
	display:none;
}
.set-all .course-item ul li .txt  .bup {
	display:block;
}
.set-all .course-item ul li .txt  .bup span {
	float:right;
	color:#777;
}
.set-all .tool-list dd {
	font:18px "微软雅黑";
	width:280px;
	height:70px;
	float:left;
	border:1px solid #DDD;
	margin:8px;
}
.set-all .tool-list dd a {
	color:#333;
	display:block;
	padding:10px 8px;
}
.set-all .tool-list dd a span {
	display:block;
	font-size:12px;
	color:#999;
	margin-top:4px;
}
.set-all .tool-list dd img {
	width:50px;
	height:50px;
	float:left;
	margin-right:10px;
}
ul.wuli li {
	width:152px;
	float:left;
	font-size:14px;
	padding:0 12px 0 15px;
	overflow:hidden;
	height:30px;
	line-height:30px;
	text-align:left;
	background:url(../images/in-dol.gif) no-repeat 0 12px;
	margin-left:20px;
}
.domain-box {
	position:relative;
	z-index:2;
	width:632px;
	margin:0 auto;
}
.domain-box div {
	float:left;
}
.domain-box input {
	float:left;
	border:#eee solid 1px;
	width:456px;
	padding:3px;
	padding-left:12px;
	font-size:18px;
	color:#999;
	height:36px;
	background-color:#fff;
	line-height:36px;
}
.domain-box-type {
	cursor:pointer;
	width:106px;
	height:45px;
	line-height:40px;
	border-left:1px solid #e8e8e8;
	font-size:20px;
	color:#484848;
	background-color:#f3f3f3;
	text-align:center;
}
.domain-box a {
	display:inline-block;
	width:157px;
	height:45px;
	line-height:45px;
	color:#fff;
	text-align:center;
	font-size:20px;
	background-color:#33c8a8;
	font-weight:bold;
}
.widget {
	width:630px;
	padding:0;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	margin:23px auto 30px auto;
	position:relative;
	box-sizing:border-box;
}
.widget .fa-caret-up {
	position:absolute;
	left:50px;
	top:-24px;
	font-size:35px;
	color:#fbfbfb;
	-webkit-text-shadow:0px -1px 1px rgba(0,0,0,.4);
	-moz-text-shadow:0px -1px 1px rgba(0,0,0,.4);
	text-shadow:0px -1px 1px rgba(0,0,0,.4);
}
.fa {
	display:inline-block;
	font:normal normal normal 14px/1 FontAwesome;
	font-size:inherit;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
.widget-body {
	background-color:#fbfbfb;
	-webkit-box-shadow:1px 0 10px 1px rgba(0,0,0,.3);
	-moz-box-shadow:1px 0 10px 1px rgba(0,0,0,.3);
	box-shadow:1px 0 10px 1px rgba(0,0,0,.3);
	padding:12px;
}
.no-padding {
	padding:0!important;
}
.tickets-container {
	position:relative;
	padding:25px 25px;
}
.tickets-container .tickets-list {
	list-style:none;
	padding:0;
	margin-bottom:0;
}
.tickets-container .tickets-list .ticket-item {
	position:relative;
	background-color:#fff;
	-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);
	-moz-box-shadow:0 0 3px rgba(0,0,0,.2);
	box-shadow:0 0 3px rgba(0,0,0,.2);
	-webkit-border-radius:3px;
	-webkit-background-clip:padding-box;
	-moz-border-radius:3px;
	-moz-background-clip:padding;
	border-radius:3px;
	background-clip:padding-box;
	margin-bottom:8px;
	padding:0 15px;
	vertical-align:top;
}
.ticket-item .row {
	margin-right:-15px;
	margin-left:-15px;
}
.tickets-container .tickets-list .ticket-item .ticket-user {
	height:40px;
	line-height:40px;
	padding:10px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.tickets-container .tickets-list .ticket-item .ticket-state {
	position:absolute;
	top:13px;
	right:-12px;
	height:24px;
	width:24px;
	-webkit-border-radius:50%;
	-webkit-background-clip:padding-box;
	-moz-border-radius:50%;
	-moz-background-clip:padding;
	border-radius:50%;
	background-clip:padding-box;
	background-color:#e5e5e5;
	text-align:center;
	-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);
	-moz-box-shadow:0 0 3px rgba(0,0,0,.2);
	box-shadow:0 0 3px rgba(0,0,0,.2);
	border:2px solid #fff;
}
.bg-palegreen {
	background-color:#a0d468!important;
}
.bg-darkorange {
	background-color:#E26B6B!important;
}
.bg-yellow {
	background-color:#ffce55!important;
}
.tickets-container .tickets-list .ticket-item .ticket-state i {
	font-size:13px;
	color:#fff;
	line-height:20px;
}
.editor-tab {
	position:relative;
	height:50px;
	line-height:50px;
	font-size:12px;
	font-family:Georgia,"Times New Roman",Times,serif;
	color:#c1c1c1;
	overflow:hidden;
}
.editor-tab .editor-view {
	margin-left:0px;
	margin-right:0px;
	height:50px;
	overflow:hidden;
}
.editor-tab .editor-view ul {
	position:relative;
	width:120px;
	margin-left:0px;
}
.editor-tab li {
	float:left;
}
.editor-tab li.ui-tabs-active a {
	display:block;
	padding:0 30px;
	background:#1D1F21;
	color:#fff;
}
.editor-btn {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	background-color:#14191e;
	z-index:2;
}
.editor-btn-inner {
	padding:10px;
}
.code-btn-submit:link,.code-btn-submit:active,.code-btn-reset:link,.code-btn-reset:active {
	background:#52488f;
	height:30px;
	width:120px;
	line-height:30px;
	text-align:center;
	background-color:#00b33b;
	color:#fff;
	transition:background-color 0.2s;
	webkit-transition:background-color 0.2s;
	-moz-transition:background-color 0.2s;
	-ms-transition:background-color 0.2s;
	-o-transition:background-color 0.2s;
	float:right;
}
.code-btn-reset:link,.code-btn-reset:active {
	display:inline-block;
	background:#3d3842;
}
.code-btn-reset {
	float:none!important;
}
.aotorun {
	display:flex !important;
	width:90px;
	height:30px;
	float:right
}
.aotorun input {
	margin-top:8px;
	width:15px;
	height:15px;
	cursor:pointer;
	margin-right:1px;
	float:left;
}
.aotorun label {
	float:left;
	color:#fff;
	cursor:pointer;
	line-height:32px;
}
.course-btn {
	display:block;
	width:90%;
	margin:0 auto;
	height:40px;
	background-color:#00b33b;
	text-align:center;
	color:#fff!important;
	font:14px/40px "Helvetica Neue","Hiragino Sans GB","Segoe UI","Microsoft Yahei",Tahoma,Arial,STHeiti,sans-serif;
	cursor:pointer;
}
.course-btn:hover {
	background-color:#33a646;
	color:#fff;
}
#viewPort-content {
	background:#fff;
}
.host-group ul li .group-name {
	width:90px;
}
.host-group .group {
	margin-right:15px;
}
.host-group ul li {
	margin-right:15px;
}
.ask-host-list .list li {
	width:93%;
}
.layui-header-this {
	background:#363c41;
}
.ask-lists ul li .title a {
	display:block;
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.no-data-tips {
	padding:50px 0;
	overflow:hidden;
	clear:both;
	text-align:center;
}
.no-data-tips img {
	margin-right:10px;
	width:80px;
}
.no-data-tips span {
	color:#333;display: flex;flex-direction: column;
}
.detail_answer {
	border:1px solid #009a61;
	color:#009a61;
	padding:6px 8px;
	background-color:#fff;
	margin-left:10px;
	border-radius:10px;
}
.detail_answer:hover {
	color:#fff!important;
	background:#009a61;
}
.course_manual_lists_second {
	display:none;
}
em.course_manual_lists {
	float:right;
	font-size:12px;
	color:#bbb;
	padding-right:5px;
	font-style:normal;
	padding-right:10px
}
.course_manual_lists:hover {
	cursor:pointer;
}
.login-wrap {
	position:fixed;
	top:50%;
	left:50%;
	margin-left:-190px;
	margin-top:-230px;
	width:380px;
	height:460px;
	background-color:#fff;
	border-radius:2px;
	z-index:9999;
	overflow:hidden;
}
.login-wrap>form {
	height:378px
}
.login-wrap .footer {
	padding:10px 0
}
.login-wrap.login .keep,.login-wrap.login .pwd-input,.login-wrap.login .title-login {
	display:block!important
}
.login-wrap.login .title-default {
	display:none!important
}
.login-wrap.login .other-ways {
	visibility:hidden
}
.login-wrap.register.mobile .vcode-mobile-btn,.login-wrap.register.mobile .vcode-mobile-input {
	display:inline-block;
	float:left
}
.login-wrap.register .pwd-setting,.login-wrap.register .title-register {
	display:block!important
}
.login-wrap.register .title-default {
	display:none!important
}
.login-wrap.register .other-ways {
	visibility:hidden
}
.login-wrap .mobile-wrap.ischeck .vcode,.login-wrap .mobile-wrap.ischeck button,.login-wrap .mobile-wrap.ischeck input {
	display:inline-block
}
.login-wrap input[type=password],.login-wrap input[type=text] {
	float:left;
	width:95%;
	height:40px;
	line-height:40px;
	border:1px solid #e6e6e6;
	margin-bottom:15px;
	padding:0 10px;
	font-size:14px;
	border-radius:2px;
}
.login-wrap input[type=password]:focus,.login-wrap input[type=text]:focus {
	border:1px solid #0072c3;
	color:#666
}
.login-wrap input[type=password].error,.login-wrap input[type=password]:focus.error,.login-wrap input[type=text].error,.login-wrap input[type=text]:focus.error {
	border:1px solid #fe4c4c;
	color:#666
}
.login-wrap input[type=password].verification,.login-wrap input[type=text].verification {
	width:50%;
	float:left
}
.login-wrap .vcode-mobile-input {
	width:55%!important
}
.login-wrap button {
	width:100%;
	height:40px;
	line-height:40px;
	margin-bottom:15px;
	color:#fff;
	font-size:16px;
	border:none;
	background-color:#1881ec;
	border-radius:2px;
	cursor:pointer;
}
.login-wrap .vcode-mobile-btn {
	width:40%;
	height:40px;
	line-height:40px;
	font-size:12px;
	margin-left:10px;
	border-radius:3px;
	background-color:#fff;
	color:#1881ec;
	border:1px solid #1881ec
}
.login-wrap .vcode-mobile-btn:hover {
	background-color:#f2f2f2
}
.login-wrap .head {
	height:15%
}
.login-wrap>.logo {
	width:146px;
	height:32px;
	margin:29px auto 5px;
	background:url(../images/login/logo.png) center center no-repeat
}
.login-wrap .title {
	font-size:14px;
	text-align:center;
	width:100%;
	color:grey;
	height:35px;
	line-height:35px
}
.login-wrap .title span {
	display:none
}
.login-wrap .title .title-default {
	display:block
}
.login-wrap .vcode .vcode-input-wrap {
	display:block;
	float:left;
	width:40%;
	margin-bottom:0
}
.login-wrap .vcode .vcode-img-wrap {
	display:inline-block;
	float:right
}
.login-wrap .vcode .vcode-img-wrap a {
	line-height:40px;
	text-align:right;
	font-size:12px;
	color:#0c7df5
}
.login-wrap .vcode .vcode-img-wrap img {
	height:40px;
	cursor:pointer;
	float:left
}
.login-wrap .vcode .vcode-img-wrap span {
	display:block;
	float:right;
	height:40px;
	margin-left:2px;
	line-height:40px
}
.login-wrap .content-wrap {
	padding:0 10px;
	height:100%
}
.login-wrap .content-wrap .box {
	height:100%;
	border-radius:5px;
	background-color:#fff;
	padding:0 10px
}
.login-wrap .content-wrap .box.login-box {
	position:relative
}
.login-wrap .content-wrap .box.login-box a {
	color:#0072c3
}
.login-wrap .content-wrap .box.login-box .avator {
	text-align:center;
	margin-bottom:15px
}
.login-wrap .content-wrap .box.login-box .avator img {
	border-radius:30px;
	margin-top:12px
}
.login-wrap .content-wrap .box.login-box .avator div {
	color:#888
}
.login-wrap .content-wrap #login_container {
	padding:0 20px
}
.login-wrap .btn-white {
	color:#1881ec;
	background-color:#fff;
	border:1px solid #1881ec;
	line-height:37px
}
.login-wrap .content-wrap .forget {
	width:100%;
	text-align:right;
	margin-bottom:15px;
	display:none
}
.login-wrap .content-wrap .forget a {
	color:#0072c3
}
.login-wrap .content-wrap .other-ways {
	margin-top:10px
}
.login-wrap .content-wrap .other-ways .name {
	width:340px;
	height:40px;
	line-height:40px;
	position:relative
}
.login-wrap .content-wrap .other-ways .name .title-wrap {
	position:absolute;
	z-index:8;
	background-color:#fff;
	margin:0 auto;
	padding:0 5px;
	width:auto;
	left:50%;
	margin-left:-49px;
	font-size:12px;
	color:#666
}
.login-wrap .content-wrap .other-ways .name .line {
	height:1px;
	display:block;
	position:absolute;
	width:100%;
	top:50%;
	border-top:1px solid #ededed
}
[class*=sprite-index-] {
	background-image:url(../images/sprites.auto.png?v=3358ea71c3);
	background-repeat:no-repeat
}
[class*=sprite-index-icon-] {
	display:inline-block;
	vertical-align:middle
}
.login-wrap .content-wrap .other-ways .btn-wrap-wx a i {
	opacity:.5
}
.login-wrap .content-wrap .other-ways .btn-wrap-wx a:hover i {
	opacity:1
}
.login-wrap .content-wrap .other-ways .btn-wrap-wx .weixin i {
	background-position:-60px -176px;
	width:110px;
	height:50px
}
.login-wrap .content-wrap .other-ways .btn-wrap-wx .weibo i {
	background-position:-60px 0;
	width:110px;
	height:50px
}
.login-wrap .content-wrap .other-ways .btn-wrap-wx .qq i {
	background-position:-60px -88px;
	width:110px;
	height:50px
}
.login-wrap .content-wrap .error-tips {
	position:relative;
	top:-3px;
	width:100%;
	height:20px;
	line-height:20px;
	color:#fd4135;
	font-size:12px
}
.login-wrap .content-wrap .keep {
	display:none;
	clear:both;
	margin-bottom:15px
}
.login-wrap .content-wrap .keep .checkbox {
	position:relative;
	display:block
}
.login-wrap .content-wrap .keep .checkbox label {
	min-height:20px;
	padding-left:20px;
	margin-bottom:0;
	font-weight:400;
	cursor:pointer;
	font-size:12px;
	color:#999
}
.login-wrap .content-wrap .keep .checkbox input[type=checkbox] {
	position:absolute;
	margin-top:4px\9;
	margin-left:-20px;
	margin-top:5px
}
.login-wrap .content-wrap .keep .checkbox a {
	float:right;
	color:#999;
	font-size:12px;
	line-height:22px;
	margin-bottom:10px
}
.login-wrap .content-wrap .mailtips {
	margin-top:15px;
	background:url(../images/login/mail.png?v=f698092b6e) top center no-repeat;
	padding-top:80px;
	text-align:center
}
.login-wrap .content-wrap .mailtips p {
	font-size:16px;
	margin-top:10px
}
.login-wrap .content-wrap .mailtips .tips {
	color:#fd4135;
	font-size:14px
}
.login-wrap .content-wrap .reset {
	text-align:center
}
.login-wrap .content-wrap .reset p {
	margin-top:10px;
	font-size:16px
}
.login-wrap .content-wrap .reset a.blue {
	color:#0c7df5
}
.login-wrap .content-wrap .reset p.settime {
	color:#0072c3
}
.login-wrap .content-wrap .reset .success-tips {
	height:40px;
	line-height:40px;
	font-size:20px;
	color:#05a75c;
	text-align:center
}
.login-wrap .content-wrap .reset .success-tips span {
	display:inline;
	margin-top:10px;
	margin:10px auto 0;
	padding:10px 0 10px 25px;
	background:url(../images/login/succeed.png) center left no-repeat
}
.login-wrap .content-wrap .faile-tips {
	width:100%;
	height:40px;
	line-height:40px;
	font-size:20px;
	color:#e64d48;
	text-align:left;
	font-size:14px;
	clear:both;
	text-align:center
}
.login-wrap .content-wrap .faile-tips span {
	display:inline;
	margin-top:10px;
	margin:10px auto 0;
	padding:10px 0 10px 25px;
	background:url(../images/login/faile.png) center left no-repeat
}
.complete-wrap {
	width:360px;
	height:460px;
	margin:0 auto
}
.complete-wrap.login .keep,.complete-wrap.login .pwd-input,.complete-wrap.login .title-login {
	display:block!important
}
.complete-wrap.login .title-default {
	display:none!important
}
.complete-wrap.login .other-ways {
	visibility:hidden
}
.complete-wrap.register.mobile .vcode-mobile-btn,.complete-wrap.register.mobile .vcode-mobile-input {
	display:inline-block;
	float:left
}
.complete-wrap.register .pwd-setting,.complete-wrap.register .title-register {
	display:block!important
}
.complete-wrap.register .title-default {
	display:none!important
}
.complete-wrap.register .other-ways {
	visibility:hidden
}
.complete-wrap .mobile-wrap.ischeck .vcode,.complete-wrap .mobile-wrap.ischeck button,.complete-wrap .mobile-wrap.ischeck input {
	display:inline-block
}
.complete-wrap input[type=password],.complete-wrap input[type=text] {
	width:100%;
	height:40px;
	line-height:40px;
	border:1px solid #e6e6e6;
	margin-bottom:15px;
	padding:0 10px
}
.complete-wrap input[type=password]:focus,.complete-wrap input[type=text]:focus {
	border:1px solid #0072c3
}
.complete-wrap input[type=password].verification,.complete-wrap input[type=text].verification {
	width:50%;
	float:left
}
.complete-wrap input[type=password] {
	display:none
}
.complete-wrap .vcode-mobile-input {
	width:70%!important;
	display:none
}
.complete-wrap button {
	width:100%;
	height:40px;
	line-height:40px;
	margin-bottom:15px;
	color:#fff;
	font-size:16px
}
.complete-wrap .vcode-mobile-btn {
	display:none;
	width:24%;
	height:35px;
	line-height:35px;
	font-size:12px;
	margin-left:12px;
	border-radius:3px;
	background-color:#ddd;
	color:#333
}
.complete-wrap .vcode-mobile-btn:hover {
	background-color:#c8c6c6
}
.complete-wrap .head {
	height:15%
}
.complete-wrap .logo {
	width:142px;
	height:32px;
	margin:10px auto 5px;
	background:url(../images/login/logo.png) center center no-repeat
}
.complete-wrap .title {
	font-size:16px;
	text-align:center;
	width:100%;
	color:grey;
	height:35px;
	line-height:35px
}
.complete-wrap .title span {
	display:none
}
.complete-wrap .title .title-default {
	display:block
}
.complete-wrap .vcode {
	display:none
}
.complete-wrap .vcode .vcode-input-wrap {
	display:inline-block;
	width:35%;
	margin-bottom:0
}
.complete-wrap .vcode .vcode-img-wrap {
	display:inline-block;
	float:right
}
.complete-wrap .vcode .vcode-img-wrap img {
	height:40px
}
.complete-wrap .vcode .vcode-img-wrap span {
	cursor:pointer
}
.complete-wrap .content-wrap {
	padding:10px;
	height:83%
}
.complete-wrap .content-wrap .box {
	height:100%;
	padding:10px
}
.complete-wrap .content-wrap .box.login-box {
	position:relative
}
.complete-wrap .content-wrap .forget {
	width:100%;
	text-align:right;
	margin-bottom:15px;
	display:none
}
.complete-wrap .content-wrap .forget a {
	color:#0072c3
}
.complete-wrap .content-wrap .other-ways {
	margin-top:100px;
	padding:0 10px
}
.complete-wrap .content-wrap .other-ways>div {
	height:40px;
	line-height:40px;
	text-align:center
}
.login-wrap .content-wrap .other-ways>div {
	text-align:left
}
.login-wrap .content-wrap .other-ways .btn-wrap {
	margin-bottom:20px;
	overflow:hidden
}
.login-wrap .content-wrap .other-ways .btn-wrap>div {
	float:left
}
.login-wrap .content-wrap .other-ways .btn-wrap>div a {
	display:block;
	height:23px;
	line-height:25px;
	width:125px;
	padding-left:24px;
	color:#666;
	font-size:14px
}
.login-wrap .content-wrap .other-ways .btn-wrap>div a:hover {
	text-decoration:none
}
.login-wrap .content-wrap .other-ways .btn-wrap>div .weibo {
	background:url(../images/weibo_new.png) 0 center no-repeat
}
.login-wrap .content-wrap .other-ways .btn-wrap>div .qq {
	background:url(../images/qq_new.png) 0 center no-repeat
}
.error-tips {
	display:none;
	position:relative;
	top:-10px;
	background:url(../images/error.png) left center no-repeat;
	padding-left:25px;
	width:100%;
	height:20px;
	line-height:20px;
	color:#fd4135
}
.complete-wrap .content-wrap .keep {
	display:none
}
.complete-wrap .content-wrap .keep .checkbox {
	position:relative;
	display:block
}
.complete-wrap .content-wrap .keep .checkbox label {
	min-height:20px;
	padding-left:20px;
	margin-bottom:0;
	font-weight:400;
	cursor:pointer
}
.complete-wrap .content-wrap .keep .checkbox input[type=checkbox] {
	position:absolute;
	margin-top:4px\9;
	margin-left:-20px
}
.complete-wrap .content-wrap .keep .checkbox a {
	float:right
}
.complete-wrap .content-wrap .mailtips {
	margin-top:15px;
	background:url(../images/login/mail.png?v=f698092b6e) top center no-repeat;
	padding-top:80px;
	text-align:center
}
.complete-wrap .content-wrap .mailtips p {
	font-size:16px;
	margin-top:10px
}
.complete-wrap .content-wrap .mailtips .tips {
	color:#fd4135;
	font-size:14px
}
.complete-wrap .content-wrap .reset {
	text-align:center
}
.complete-wrap .content-wrap .reset p {
	margin-top:10px;
	font-size:16px
}
.complete-wrap .content-wrap .reset p.settime {
	color:#0072c3
}
.complete-wrap .content-wrap .reset .success-tips {
	position:relative;
	left:25%;
	width:auto;
	padding-left:30px;
	background:url(../images/login/succeed.png?v=b631c06e6e) center left no-repeat;
	height:40px;
	line-height:40px;
	font-size:20px;
	color:#05a75c;
	text-align:left
}
.complete-wrap .content-wrap .faile-tips {
	position:relative;
	left:15%;
	width:auto;
	padding-left:40px;
	background:url(../images/login/faile.png?v=10620a6f6f) center left no-repeat;
	height:40px;
	line-height:40px;
	font-size:20px;
	color:#e64d48;
	text-align:left;
	font-size:14px
}
.page-sidebar dl .active {
	background-color:#fff;
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	border-left:4px solid #0072c3;
	color:#0072c3;
	font-weight:700;
	margin-right:-1px;
	text-indent:36px
}
.page-sidebar .sidebar-disabled a,.page-sidebar dl .active a {
	color:#0072c3
}
.complete-wrap button {
	background-color:#00cb6f
}
.cancel-modify a {
	text-decoration:none;
	color:#666
}
.account-popwrap input {
	width:100%;
	height:45px;
	line-height:45px
}
.account-popwrap .icon-tips,.account-popwrap i {
	display:block;
	width:32px;
	height:32px;
	float:left;
	margin-right:15px
}
.account-popwrap .icon-tips-warning {
	background:url(../images/login/warning.png) center left no-repeat
}
.account-popwrap .icon-tips-succeed {
	background:url(../images/login/succeed.png?v=b631c06e6e) center left no-repeat
}
.account-popwrap .icon-tips-query {
	background:url(../images/query.png) center left no-repeat
}
.login-wrap .forget-wrap {
	height:25px;
	position:relative;
	clear:both
}
.login-wrap .forget-wrap .checkbox {
	position:absolute;
	right:0;
	font-size:12px
}
.login-wrap .forget-wrap a {
	color:#999
}
.login-wrap .forget-wrap a:hover {
	color:#0c7df5
}
.turn-back a {
	color:#999;
	font-size:12px
}
.turn-back a:hover {
	color:#0c7df5
}
.turn-otherways a {
	color:#0c7df5;
	font-size:14px
}
.login-wrap .content-wrap .reset p {
	color:#666
}
.login-wrap .content-wrap .mailtips p {
	color:#666;
	line-height:25px
}
.login-wrap .content-wrap .mailtips a {
	font-size:14px;
	color:#0c7df5
}
.login-wrap .header-wrap {
	margin-top:22px;
	position:relative;
	height:40px;
	line-height:39px;
	border-bottom:1px solid #e6e6e6;
	margin-bottom:20px
}
.login-wrap .header-wrap>.title.wechat>span {
	margin-left:10px
}
.login-wrap .header-wrap>.title.wechat>i {
	float:left;
	margin-left:10px;
	display:block;
	width:40px;
	height:40px;
	background:url(../images/wechatlogo.jpg?v=660b0ee17b) no-repeat;
	background-size:34px
}
.login-wrap .header-wrap>.title>span {
	display:inline-block;
	float:left;
	width:auto;
	height:40px;
	margin-left:20px;
	font-weight:700;
	line-height:40px;
	border-bottom:2px solid #0c7df5;
	margin-bottom:-1px;
	font-size:18px;
	letter-spacing:1px;
	color:#888
}
.login-wrap .header-wrap>.title>a {
	float:right;
	font-size:14px;
	margin-right:20px;
	line-height:39px;
	color:#0c7df5
}
.login-wrap .header-wrap .rightpng {
	position:absolute;
	top:-22px;
	right:0
}
.login-wrap .header-wrap .rightpng .toaccount {
	width:60px;
	height:60px;
	display:inline-block;
	background:url(../images/toaccount.png) no-repeat
}
.login-wrap .header-wrap .rightpng .toaccount:hover {
	background:url(../images/toaccounth.png) no-repeat
}
.login-wrap .header-wrap .rightpng .toqrcode {
	width:60px;
	height:60px;
	display:inline-block;
	background:url(../images/toqrcode.png) no-repeat
}
.login-wrap .header-wrap .rightpng .toqrcode:hover {
	background:url(../images/toqrcodeh.png) no-repeat
}
.login-wrap .content-wrap .box .scanbg {
	padding:0 90px;
	text-align:center
}
.login-wrap .content-wrap .box .scanbg i {
	float:left;
	width:30px;
	height:30px;
	background:url(../images/loginscan.png) center no-repeat;
	background-size:30px;
	margin:5px 0
}
.login-wrap .content-wrap .box .scanbg .scantext {
	font-size:14px;
	margin-left:45px;
	text-align:left;
	height:30px
}
.login-wrap .content-wrap .box .scanbg .scantext .scana {
	color:#0c7df5
}
.login-wrap .content-wrap .box .freeregister {
	float:right;
	font-size:14px
}
.login-wrap .content-wrap .box .bindaccountbottom {
	position:absolute;
	bottom:0;
	margin-left:-20px;
	width:380px;
	height:70px;
	padding:26px 0 0 61px;
	background-color:#f6f6f6;
	font-size:14px;
	color:#666
}
.login-wrap .content-wrap .box .bindaccountbottom .bottomtext {
	float:left
}
.login-wrap .content-wrap .box .bindaccountbottom a {
	float:left;
	width:90px;
	height:28px;
	line-height:28px;
	margin:-5px 0 0 8px;
	border-radius:16px;
	color:#0c7df5;
	text-align:center;
	border:1px solid #0c7df5;
	text-decoration:none
}
.content-wrap .info {
	width:200px;
	margin:0 auto;
	color:#666;
	font-size:13px;
	text-align:center;
	margin:10px auto 20px auto;
}
.wechat_img_login {
	width:202px;
	height:202px;
	display:block;
	margin:0 auto;
	border:1px solid #E2E2E2;
}
.wechat_refresh {
	padding-top:20px;
	color:#1981EC!important;
	display:block;
}
.modal-backdrop {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:9998;
	background-color:#000;
	opacity:0.75;
}
.study_plan {
	display:block;
	width:160px;
	height:120px;
	float:left;
	margin:10px 10px 20px 0px;
	border:1px solid #eee;
	padding:10px;
	text-align:center;
}
.php-user-center .user-right {
	min-height:560px;
}
.body-main {
	min-height:750px;
}
.banner {
	min-height:432px;
	_height:432px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-attachment:fixed;
	box-sizing:content-box;
	position:relative;
}
.container {
	width:1380px;
	min-height:432px;
	_height:432px;
	box-sizing:border-box;
	margin-left:auto;
	margin-right:auto;
	padding-top:80px;
	text-align:center;
	position:relative;
	z-index:1;
}
.container .path {
	position:absolute;
	left:12px;
	top:24px;
	font-size:14px;
	line-height:24px;
	color:rgba(255,255,255,0.4);
}
.container .path a {
	color:rgba(255,255,255,0.4);
}
.container .share {
	position:absolute;
	top:24px;
	right:12px;
}
.container .cat_name {
	font-size:16px;
	line-height:16px;
	color:#ffffff;
	margin-bottom:24px;
	text-shadow:0px 4px 8px rgba(7,17,27,0.4);
}
.container .name {
	font-size:48px;
	line-height:48px;
	color:#fff;
	letter-spacing:2px;
	margin-bottom:36px;
	text-align:center;
	max-width:960px;
	margin-left:auto;
	margin-right:auto;
	font-weight:200;
	line-height:1.2;
}
.container .video-btn {
	width:240px;
	height:135px;
	margin-left:auto;
	margin-right:auto;
	box-shadow:0px 4px 8px rgba(7,17,27,0.4);
	cursor:pointer;
	background-image:url(/static/images/video-play.png);
	background-repeat:no-repeat;
}
.container .sc-info {
	position:relative;
	bottom:-50px;
	left:24px;
	right:24px;
	padding-right:36px;
	box-sizing:border-box;
	width:1152px;
	height:100px;
	background-color:#fff;
	border-radius:12px;
	box-shadow:0px 12px 24px rgba(7,17,27,0.1);
}
.container .info-wrap {
	float:left;
	position:relative;
	width:122px;
	padding-top:24px;
	font-weight:200;
}
.container .taocan-item {
	cursor:pointer;
}
.container .taocan-item label {
	cursor:pointer;
}
.container .taocan i {
	position:absolute;
	top:24px;
	left:10px;
	color:#5FB878;
}
.container .taocan dd,.container .taocan dt {
	color:#5FB878!important;
}
.container .info-wrap dt {
	font-size:12px;
	color:#4D555D;
	line-height:16px;
}
.container .info-wrap dd {
	font-size:24px;
	color:#4D555D;
	line-height:36px;
	vertical-align:bottom;
}
.container .sc-info-line {
	float:left;
	width:2px;
	height:36px;
	margin-top:32px;
	background-color:#D9DDE1;
}
.container .info-wrap .triangle {
	display:none;
	position:absolute;
	bottom:0px;
	left:57px;
	width:0;
	height:0;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-bottom:5px solid #2B333B;
	z-index:1;
}
.container .info-wrap .triangle .tip {
	position:absolute;
	top:5px;
	left:-89px;
	padding:8px;
	width:178px;
	text-align:center;
	box-sizing:border-box;
	font-size:12px;
	line-height:16px;
	color:#fff;
	text-align:left;
	background:#2B333B;
	box-shadow:0 2px 4px 0 rgba(7,17,27,0.2);
	border-radius:4px;
}
.container .info-wrap dd span {
	font-size:12px;
	color:#002500;
}
.container .buy-trigger {
	float:right;
	padding:0 20px;
	margin-left:24px;
	margin-top:26px;
	min-width:160px;
	height:48px;
	line-height:48px;
	box-sizing:border-box;
	font-size:16px;
	font-weight:200;
	color:#fff;
	text-align:center;
	letter-spacing:4px;
	border-radius:2px;
	background-color:#f01414;
	cursor:pointer;
	-weibkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;
}
.container .price {
	float:right;
	font-weight:200;
	color:#f01414;
	text-align:right;
	line-height:100px;
}
.container .price .pricebox {
	display:inline-block;
	vertical-align:middle;
	line-height:24px;
}
.container .price .pricespan {
	font-size:24px;
	font-weight:200;
	color:#f01414;
}
.container .hb-tips .hb-tips-icon {
	background-image:url(/static/images/huabei.png);
	height:16px;
	width:16px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	margin-right:4px;
	display:inline-block;
	vertical-align:middle;
}
.container .price span {
	font-size:12px;
	font-weight:500;
	color:rgba(240,20,20,0.8);
}
.container .hb-tips .hb-tips-txt {
	font-size:12px;
	color:#93999F;
	line-height:16px;
	vertical-align:middle;
}
.appendtemplate .succ-show-box {
	padding-top:72px;
	width:100%;
	background:url(/static/images/show-bg.png);
	text-align:center;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-attachment:fixed;
	box-sizing:content-box;
	position:relative;
	overflow:hidden;
	margin-top:170px;
}
.appendtemplate .succ-show-box .succ-box {
	width:1350px;
	margin:0 auto;
}
.appendtemplate .succ-show-box .succ-box .succ-big-title {
	font-size:32px;
	line-height:48px;
	color:#f01414;
}
.appendtemplate .succ-show-box .succ-box .img-box {
	position:relative;
	bottom:-50px;
	width:620px;
	height:687px;
	margin-right:40px;
	overflow:hidden;
}
.appendtemplate .succ-show-box .succ-box .img-box .fadeIn {
	animation-duration:4000ms;
	-webkit-animation-duration:4000ms;
}
.appendtemplate .succ-show-box .succ-box .img-box img {
	visibility:visible;
}
.fadeIn {
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn;
}
.appendtemplate .succ-show-box .plan-detail {
	width:566px;
	margin:50px auto 0px;
	padding-bottom:80px;
	text-align:left;
	color:#fff;
}
.appendtemplate .succ-show-box .plan-detail .succ-title {
	font-size:24px;
	line-height:48px;
	color:#fff;
}
.appendtemplate .succ-show-box .plan-detail .succ-text {
	margin-bottom:20px;
	font-size:14px;
	line-height:28px;
	color:#fff;
	font-weight:200;
}
.appendtemplate .succ-show-box .plan-detail li {
	width:45%;
	padding:35px 0px 25px;
	margin-right:22px;
	box-sizing:border-box;
	border-bottom:1px solid #767d82;
}
.appendtemplate .succ-show-box .plan-detail li .small-title {
	font-size:16px;
	line-height:30px;
	margin-bottom:10px;
	font-weight:700;
	color:#fff;
}
.appendtemplate .succ-show-box .plan-detail li p {
	font-size:12px;
	line-height:20px;
	color:rgba(255,255,255,0.6);
}
.appendtemplate .learn-service-wraps {
	width:100%;
	height:610px;
	background:#fff;
	text-align:center;
}
.appendtemplate .learn-service-wraps .learn-service-box {
	width:1380px;
	padding:72px 24px 120px;
	text-align:center;
	margin:0 auto;
}
.appendtemplate .learn-service-wraps .learn-service-box .left-box {
	width:516px;
}
.appendtemplate .learn-service-wraps .learn-service-box .big-title {
	margin-bottom:4px;
	font-size:32px;
	color:#07111B;
	text-align:center;
	line-height:48px;
}
.appendtemplate .learn-service-wraps .learn-service-box .left-box .text {
	padding-bottom:8px;
}
.appendtemplate .learn-service-wraps .learn-service-box .text {
	font-size:14px;
	color:#4D555D;
	line-height:28px;
	font-weight:200;
}
.appendtemplate .learn-service-wraps .learn-service-box .left-box .service-list .item {
	margin-right:8px;
	margin-top:16px;
	padding-top:24px;
	width:250px;
	height:149px;
	background:#F3F5F7;
	border-radius:8px;
	text-align:center;
	box-sizing:border-box;
}
.appendtemplate .learn-service-wraps .learn-service-box .left-box .service-list .item p {
	font-size:16px;
	color:#07111B;
	line-height:24px;
}
.appendtemplate .learn-service-wraps .learn-service-box .left-box .service-list .item .img1-1 {
	background-position:0px 0px;
}
.appendtemplate .learn-service-wraps .learn-service-box .left-box .service-list .item .img1-2 {
	background-position:0px -48px;
}
.appendtemplate .learn-service-wraps .learn-service-box .left-box .service-list .item .img1-3 {
	background-position:0px -96px;
}
.appendtemplate .learn-service-wraps .learn-service-box .left-box .service-list .item .img1-4 {
	background-position:0px -144px;
}
.appendtemplate .learn-service-wraps .learn-service-box .left-box .service-list .item .img-box {
	width:48px;
	height:48px;
	margin:0 auto 4px;
	background-image:url(/static/images/service-left.png);
}
.appendtemplate .learn-service-wraps .learn-service-box .right-box {
	width:516px;
}
.appendtemplate .l {
	float:left;
}
.appendtemplate .r {
	float:right;
}
.appendtemplate .learn-service-wraps .learn-service-box .text {
	font-size:14px;
	color:#4D555D;
	line-height:28px;
	font-weight:200;
}
.appendtemplate .learn-service-wraps .learn-service-box .right-box .text {
	padding-bottom:12px;
}
.appendtemplate .learn-service-wraps .learn-service-box .right-box .service-list .item {
	margin-right:9px;
	margin-top:12px;
	padding-top:16px;
	width:120px;
	height:96px;
	background:#F3F5F7;
	border-radius:8px;
	text-align:center;
	box-sizing:border-box;
}
.appendtemplate .learn-service-wraps .learn-service-box .right-box .service-list .item .img-box {
	width:32px;
	height:32px;
	margin:0 auto 8px;
	background-image:url(/static/images/service-right.png);
}
.appendtemplate .learn-service-wraps .learn-service-box .right-box .service-list .item .img2-1 {
	background-position:0px 0px;
}
.appendtemplate .learn-service-wraps .learn-service-box .right-box .service-list .item .img2-2 {
	background-position:-32px 0px;
}
.appendtemplate .learn-service-wraps .learn-service-box .right-box .service-list .item .img2-3 {
	background-position:-64px 0px;
}
.appendtemplate .learn-service-wraps .learn-service-box .right-box .service-list .item .img2-4 {
	background-position:-96px 0px;
}
.appendtemplate .learn-service-wraps .learn-service-box .right-box .service-list .item .img2-5 {
	background-position:0px -32px;
}
.appendtemplate .learn-service-wraps .learn-service-box .right-box .service-list .item .img2-6 {
	background-position:-32px -32px;
}
.appendtemplate .learn-service-wraps .learn-service-box .right-box .service-list .item .img2-7 {
	background-position:-64px -32px;
}
.appendtemplate .learn-service-wraps .learn-service-box .right-box .service-list .item .img2-8 {
	background-position:-96px -32px;
}
.appendtemplate .learn-service-wraps .learn-service-box .right-box .service-list .item .img2-9 {
	background-position:0px -64px;
}
.appendtemplate .learn-service-wraps .learn-service-box .right-box .service-list .item .img2-10 {
	background-position:-32px -64px;
}
.appendtemplate .learn-service-wraps .learn-service-box .right-box .service-list .item .img2-11 {
	background-position:-64px -64px;
}
.appendtemplate .learn-service-wraps .learn-service-box .right-box .service-list .item .img2-12 {
	background-position:-96px -64px;
}
.sc-fixed {
	position:fixed;
	width:100%;
	height:0px;
	padding:0 24px;
	overflow:hidden;
	top:0;
	box-sizing:border-box;
	background-color:#fff;
	box-shadow:0 4px 8px rgba(7,17,27,0.2);
	transition:.1s all linear;
	text-align:center;
	z-index:99;
}
.sc-fixed.active {
	height:60px;
}
.sc-fixed .fixed-course-name {
	position:absolute;
	line-height:60px;
	color:#07111b;
	font-size:16px;
	font-weight:600;
	left:24px;
	top:0;
}
.sc-fixed .sc-fixed-nav {
	display:inline-block;
	height:60px;
	margin-left:-3px;
}
.sc-fixed .sc-fixed-nav > a {
	float:left;
	font-size:16px;
	color:#4d555d;
	line-height:60px;
	box-sizing:border-box;
	margin-left:-3px;
	margin-right:32px;
	margin-left:32px;
	height:60px;
	position:relative;
}
.sc-fixed .sc-fixed-nav > a.active {
	color:#f01414;
	border-bottom:2px solid #f01414;
}
.sc-fixed .sc-fixed-nav > a:first-child {
	margin-left:0;
}
.sc-fixed .sc-fixed-nav .two-level {
	float:left;
}
.sc-fixed .sc-fixed-nav .two-level-nav {
	position:relative;
	float:left;
	margin-right:24px;
	line-height:60px;
	font-size:12px;
	color:#93999f;
	transition:.3s all linear;
}
.sc-fixed .sc-fixed-nav .two-level-nav.active {
	padding-left:16px;
	color:#4d555d;
}
.sc-fixed .sc-fixed-nav .two-level-nav i {
	opacity:0;
	transition:.3s all linear;
	top:0;
	left:0;
	position:absolute;
	font-size:16px;
	color:#4d555d;
	line-height:60px;
	margin-right:2px;
}
[class^="imv2-"],[class*=" imv2-"] {
	font-family:'imv2' !important;
	speak:none;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
.sc-fixed .sc-fixed-nav .two-level-nav.active i {
	display:block;
	opacity:1;
}
.sc-fixed .sc-fixed-nav > a span {
	position:absolute;
	font-size:12px;
	left:66px;
	top:16px;
	line-height:12px;
}
.sc-fixed .right-box {
	position:absolute;
	top:0px;
	right:24px;
}
.sc-fixed .buy-trigger {
	float:right;
	position:relative;
	top:10px;
	padding:0px 20px;
	font-size:14px;
	font-weight:200;
	color:#fff;
	line-height:40px;
	text-align:center;
	letter-spacing:4px;
	min-width:160px;
	height:40px;
	border-radius:2px;
	background-color:#f01414;
	cursor:pointer;
	-weibkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;
	box-sizing:border-box;
}
.sc-fixed .price {
	float:right;
	margin-right:24px;
	font-size:24px;
	font-weight:200;
	line-height:60px;
	color:#f01414;
}
.page-nav {
	position:absolute;
	left:50%;
	margin-left:-230px;
	margin-top:-80px;
	height:48px;
	text-align:center;
	z-index:3;
}
.page-nav a {
	display:inline-block;
	font-size:16px;
	color:#4d555d;
	line-height:48px;
	box-sizing:border-box;
	margin-right:64px;
	position:relative;
}
.page-nav a.active {
	color:#f01414;
	border-bottom:2px solid #f01414;
}
.page-nav a:hover {
	color:#f01414;
}
.page-nav a span {
	position:absolute;
	font-size:12px;
	left:66px;
	top:10px;
	line-height:12px;
	color:#93999f;
}
.page-nav a:last-child {
	margin-right:0;
}
.n-tab li a .msg-num,.n-tab li a .not-num,.n-tab li.active a .msg-num {
	font-size:12px
}
.n-tab {
	position:relative;
	z-index:1
}
.setup-popl {
	padding:0 36px;
	background-color:#fff;
	position:absolute;
	width:598px;
	left:50%;
	top:204px;
	margin-left:-335px;
	display:none;
	z-index:1001
}
.setup-popl .setup-popl-top {
	height:24px;
	padding:22px 0
}
.setup-popl .title {
	float:left;
	font-size:16px;
	font-weight:600;
	color:#07111b
}
.setup-popl .close {
	float:right;
	color:#93999f;
	margin-top:6px;
	cursor:pointer;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s
}
.setup-popl .save {
	float:right;
	margin:36px 0;
	width:80px;
	height:40px;
	line-height:40px;
	text-align:center;
	color:#fff;
	background-color:#f01414;
	cursor:pointer
}
.setup-popl .save:hover {
	background-color:#f04646
}
.setup-popl .close:hover {
	-webkit-transform:scale(1.5) rotate(10deg);
	-moz-transform:scale(1.5) rotate(10deg);
	transform:scale(1.5) rotate(10deg)
}
.setup-popl .setup-content {
	height:165px;
	overflow-y:auto
}
.setup-popl .setup-content dl {
	position:relative;
	width:568px
}
.setup-popl .setup-content .dt-tit {
	display:inline-block;
	padding-right:15px;
	background-color:#fff;
	color:#07111b;
	margin-right:15px;
	position:relative;
	z-index:1
}
.setup-popl .setup-content .dt-line {
	position:absolute;
	width:100%;
	height:1px;
	background-color:#d9dde1;
	line-height:1px;
	top:10px;
	left:0
}
.setup-popl .setup-content dd {
	padding-top:20px
}
.setup-popl .setup-content .dd-item {
	float:left;
	width:45%;
	padding-right:5%;
	margin-bottom:20px
}
.setup-popl .setup-content .switch {
	position:relative;
	float:left;
	width:40px;
	height:20px;
	margin:0 18px
}
.setup-popl .setup-content .switch .pinkline {
	position:absolute;
	width:100%;
	height:6px;
	border-radius:15px;
	top:8px;
	right:0;
	background-color:#d9dde1
}
.setup-popl .setup-content .switch .pinkround {
	position:absolute;
	width:16px;
	height:16px;
	border-radius:50%;
	background-color:#fff;
	border:2px solid #b7bbbf;
	top:0;
	left:0;
	cursor:pointer;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s
}
.setup-popl .setup-content .switch.on .pinkline {
	background-color:#fcd0d0
}
.setup-popl .setup-content .switch.on .pinkround {
	border-color:#f01414;
	left:20px
}
.setup-popl .setup-content .switchname {
	float:left;
	height:20px;
	line-height:20px;
	color:#71777d
}
.setup-coverLayer {
	position:fixed;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:.6;
	z-index:1000;
	top:0;
	left:0;
	bottom:0;
	right:0;
	display:none
}
#main {
	background-color:#fff
}
.noticesPage {
	width:1380px;
	margin-left:auto;
	margin-right:auto;
	margin-top:25px;
	min-height:680px;
}
.n-tab {
	padding-left:30px
}
.n-tab li {
	float:left;
	height:60px;
	line-height:60px;
	border-bottom:2px solid transparent;
	margin-right:58px;
	position:relative;
	margin-bottom:-1px
}
.n-tab li a {
	color:#4d555d;
	font-size:16px
}
.n-tab li a:hover,.n-tab li.active a {
	color:#f01414
}
.n-tab li .msg_remind {
	display:none;
	position:absolute;
	width:6px;
	height:6px;
	background-color:#f01414;
	right:-6px;
	top:20px;
	border-radius:50%
}
.n-tab li.active {
	border-color:#f01414
}
* {
	margin:0;
	padding:0
}
.content {
	margin-bottom:42px
}
.title-bar {
	width:1380px;
	height:50px;
	background:#f3f5f7;
	font-family:"微软雅黑";
	font-size:14px;
	line-height:50px;
	color:#93999f;
	border-top:1px solid #b7bbbf
}
.title-bar .tip-test {
	color:#93999f;
	float:left;
	margin-left:20px
}
.title-bar .tag-read-btn,.title-bar .tip-setting {
	float:right;
	margin-right:20px;
	color:#4d555d
}
.title-bar .tag-read-btn:hover,.title-bar .tip-setting:hover {
	color:#07111b
}
.title-bar .tag-read-btn {
	margin-right:40px
}
.notice-list {
	width:100%;
	min-height:650px
}
.notice-list .no-notice {
	width:100%;
	text-align:center;
	font:18px/300px "微软雅黑";
	color:#93999f
}
.notice-list .notice-box {
	padding:20px 10px
}
.notice-list .notice {
	position:relative;
	width:100%;
	box-sizing:border-box;
	border-bottom:1px solid #d9dde1;
	overflow:hidden
}
.notice-list .notice:hover .del-box {
	display:block
}
.notice-list .notice .notice-type {
	width:46px;
	height:30px;
	border:1px solid #f01414;
	background:#fde7e5;
	color:#f01414;
	line-height:30px;
	text-align:center;
	margin-right:20px;
	font-size:14px;
	float:left
}
.notice-list .notice .already-read {
	border:1px solid #d9dde1;
	background:#fff;
	color:#93999f
}
.notice-list .notice .notice-show-box {
	width:1060px;
	float:left;
	font-family:"微软雅黑"
}
.notice-list .notice .notice-show-box .notice-con {
	color:#4d555d;
	font-size:16px;
	font-family:"微软雅黑"
}
.notice-list .notice .notice-show-box .notice-con a {
	color:#4d555d;
	font-weight:700;
	font-family:"微软雅黑";
	padding:0 5px
}
.notice-list .notice .notice-show-box .notice-con a:hover {
	color:#07111b
}
.notice-list .notice .notice-show-box .pass {
	color:#93999f
}
.notice-list .notice .notice-show-box .pass a {
	color:#93999f;
	padding:0 5px
}
.notice-list .notice .notice-show-box .pass a:hover {
	color:#4d555d
}
.notice-list .notice .notice-show-box .notice-date {
	font-weight:400;
	font-size:14px;
	color:#93999f;
	line-height:30px
}
.notice-list .notice .del-box {
	display:none;
	height:55px;
	position:absolute;
	right:10px;
	top:5px;
	width:30px;
	overflow:visible
}
.notice-list .notice .del-notice {
	color:#93999f;
	font-size:18px;
	display:inline-block;
	line-height:60px;
	text-align:center
}
.notice-list .notice .icon-del:hover {
	color:#4d555d
}
.notice-list .page {
	margin:40px auto 0
}
.dic-tips {
	margin-top:100px;
	font-size:16px;
}
.dic_first_div {
	width:50%;
	height:150px;
	margin-left:300px;
	position:relative;
	-webkit-box-shadow:1px 0 10px 1px rgba(0,0,0,.3);
	-moz-box-shadow:1px 0 10px 1px rgba(0,0,0,.3);
	box-shadow:1px 0 10px 1px rgba(0,0,0,.3);
	display:none;
}
.dic_first_div i {
	position:absolute;
	font-size:30px;
	color:#fbfbfb;
	text-shadow:0px -1px 1px rgba(0,0,0,.4);
	webkit-text-shadow:0px -1px 1px rgba(0,0,0,.4);
	-moz-text-shadow:0px -1px 1px rgba(0,0,0,.4);
	right:0;
	top:-14px;
}
.dic_sen {
	height:100%;
	background-color:#fbfbfb;
	padding:12px;
	box-sizing:border-box;
}
.dic_four_a {
	color:#666!important;
	font-size:17px;
	display:block;
	width:80px;
	height:36px;
	float:left;
	line-height:36px;
	border:1px solid #666;
	text-align:center;
	border-radius:5px;
	margin:10px 5px;
	background:#fff;
}
.dic_four_a:hover {
	color:#01AAED!important;
	border-color:#01AAED!important;
}
#map DL {
	width:100%;
	float:left;
	clear:both;
	color:#666;
}
#map DT {
	PADDING:10px;
	BACKGROUND:#f8f8f8;
	FONT:bold 14px verdana;
	COLOR:#135b96;
	TEXT-ALIGN:left;
	margin:10px auto;
}
#map DT SPAN {
	clear:both;
	border-left:4px solid #17a2e7;
	font-weight:700;
	padding-left:10px;
	font-family:\5fae\8f6f\96c5\9ed1,arial;
	font-size:16px;
}
#map A {
	COLOR:#1a1a1c!important;
}
#map DD {
	FLOAT:left;
	padding:0 16px;
	LINE-HEIGHT:20px;
	TEXT-ALIGN:center;
	margin:6px auto;
}
#map DD:not(:last-child) {
	}#map .dic_lists_a {
	float:left;
	margin:10px 0 0px 10px;
	background-color:#f6f6f6;
	border-radius:5px;
	padding:6px 16px;
	color:#64854c!important;
}
#map .dic_lists_a:hover {
	background:#51c332;
	color:#fff!important;
}
#map .dic_detail_span_des {
	float:left;
	display:inline-block;
	font-size:14px;
	color:#666!important;
	line-height:28px;
	margin:0px 20px 10px 0;
}
#map i {
	vertical-align:middle;
}
.layui-tab-brief>.layui-tab-more li.layui-this:after,.layui-tab-brief>.layui-tab-title .layui-this:after {
	border-bottom:none;
}
.layui-nav .layui-this:after,.layui-nav-bar,.layui-nav-tree .layui-nav-itemed:after {
	border-bottom:none;
}
.user_phone_code .layui-input {
	width:100px;
	float:left;
}
.user_phone_code_button {
	float:left;
	width:115px;
	height:38px;
	line-height:38px;
	border-radius:3px;
	background:#22ac38;
	margin-left:8px;
	font-size:15px;
	color:#fff;
	text-align:center;
}
.user_phone_code_button:hover {
	cursor:pointer;
	background:#27cb41
}
.layui-laypage .layui-laypage-curr .layui-laypage-em {
	background-color:#393D49;
}
.order_alipay_layer {
	display:none;
	z-index:901;
	opacity:1;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	overflow:auto;
	background:rgba(7,17,27,0.6);
}
.order_alipay_second_layer {
	z-index:901;
	visibility:visible;
	left:42%;
	top:35%;
	box-shadow:8px 0 16px 0 rgba(7,17,27,.2);
	border-radius:4px;
	height:auto;
	position:absolute;
	background:#fff;
}
.order_alipay_third_layer {
	padding:36px 0 32px;
	background:#fff;
	box-shadow:0 12px 24px 0 rgba(7,17,27,.2);
	border-radius:12px;
	width:320px;
	text-align:center;
}
.order_alipay_four_layer {
	width:96px;
	height:96px;
	background:#f3f5f6;
	border-radius:50%;
	margin:0 auto 12px;
}
.order_alipay_four_layer i {
	font-size:64px;
	color:#b2b8bd;
	line-height:96px;
}
.order_alipay_third_layer h3 {
	font-size:16px;
	font-weight:700;
	color:#1c1f21;
	line-height:24px;
}
.order_alipay_third_layer p {
	margin:4px auto 16px;
	font-size:12px;
	color:#9199a1;
	line-height:18px;
}
.order_alipay_five_layer {
	padding:8px 52px;
	cursor:pointer;
	background:#383d42;
	border-radius:24px;
	font-size:14px;
	color:#fff;
	line-height:20px;
}
.order_alipay_sex_layer {
	margin-top:16px;
	cursor:pointer;
	font-size:14px;
	color:#9199a1;
	line-height:24px;
}
.order_alipay_sex_layer i {
	font-size:16px;
	color:#9199a1;
	line-height:24px;
	margin-right:3px;
}
.order_alipay_sevnt_layer {
	display:inline-block;
}
.order_alipay_five_layer:hover {
	background-color:#545c63;
}
.order_alipay_sex_layer:hover {
	color:#545c63;
}
.course-subsection p .layui-badge:hover {
	cursor:pointer;
	opacity:0.8;
}
.pt-30 {
	padding-top:30px;
}
.course-top li {
	margin:21px 9px;
	border-radius:8px;
}
.l-li li {
	float:left;
}
.box-s {
	box-shadow:0 4px 8px 0 rgba(7,17,27,.1);
}
.path-banner {
	height:200px;
	padding-bottom:30px;
	background:url(img/skill-bg.png);
}
.path-banner .step-big-title {
	font-size:32px;
	line-height:48px;
	color:#9447eb;
	font-weight:700;
	margin-bottom:24px;
	text-align:center;
}
.path-banner .step-desc {
	width:800px;
	text-align:center;
	font-size:14px;
	line-height:22px;
	color:#fff;
	max-width:640px;
	margin:0 auto 32px;
}
.path-container {
	margin-top:20px;
	padding:10px;
	min-height:500px;
}
.path-container .l-li li {
	list-style:none;
}
.path-container .l-li li img {
	width:261px;
}
.path-container  .myplan_rows {
	display:block;
	float:left;
	width:29%;
	line-height:28px;
	padding-left:7px;
	border:1px solid #eee;
	height:60px;
	margin:0 0 20px 20px;
	border-radius:8px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	background:#f1f1f1;
}
.course-top:hover {
	text-decoration:none;
}
.course-top img {
	width:266px;
	height:133px;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
}
.course-top h2 {
	width:200px;
	padding:5px 0 10px 10px;
	font-size:18px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	color:#565656;
}
.course-top .course-footer {
	color:#9b9da2;
	padding:5px 10px;
	overflow:hidden;
}
.course-top .recommended img {
	width:565px;
	height:234px;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
}
.layui-text a:not(.layui-btn):hover {
	text-decoration:none;
}
.course-time-lists {
	float:left;
	width:100%;
	padding-left:0px;
}
.l {
	float:left;
}
.r {
	float:right;
}
#body-container {
	position:relative;
	box-sizing:border-box;
	padding-top:0;
	min-height:100%;
	background:#F7F8FA;
}
.layout-cont {
	margin:0 auto;
	width:1240px;
}
.l-board .rank-banner {
	height:282px;
	background:url(/static/images/banner-1.png) no-repeat center top;
}
.l-board .rank-banner span {
	display:block;
	width:562px;
	height:46px;
	background:#FFF;
	border-radius:23px;
	margin:0 auto;
	line-height:46px;
	text-align:center;
	font-size:24px;
	color:#004EFF
}
.l-board .tab-c {
	width:450px;
	height:62px;
	margin:25px auto 0;
	font-size:30px;
	color:#666;
	background:#EAEAEA;
	line-height:62px;
	text-align:center;
	border-radius:5px 5px 0 0
}
.l-board .tab-c a {
	display:block;
	float:left;
	width:148px;
	height:100%
}
.l-board .tab-c a.bl {
	border-left:1px solid #F7F8FA
}
.l-board .tab-c a.active {
	background:#FFF;
	border-radius:5px 5px 0 0;
	font-weight:700;
	color:#333;
	box-shadow:2px 16px 16px -2px rgba(234,234,234,.85),-2px 16px 16px -2px rgba(234,234,234,.85)
}
.l-board .tab-c a i {
	display:inline-block;
	width:31px;
	height:62px;
	background:url(/static/images/trophy.png) no-repeat center;
	margin-right:8px;
	vertical-align:middle
}
.l-board .tab-c a span {
	display:inline-block;
	height:62px;
	line-height:62px;
	vertical-align:top
}
.l-board .cont {
	background:#FFF;
	border-radius:5px;
	box-shadow:0 3px 7px 0 rgba(135,148,161,.06);
	padding:30px 35px;
	position:relative;
	z-index:1
}
.l-board .i-bInfo {
	width:100%;
	height:70px;
	line-height:70px;
	background:#F7F8FA;
	border-radius:5px;
	margin-bottom:22px
}
.l-board .i-bInfo .i-img {
	display:block;
	float:left;
	width:37px;
	height:37px;
	border-radius:50%;
	margin:16px 18px 0 12px
}
.l-board .i-bInfo span {
	font-size:20px;
	color:#666
}
.l-board .i-bInfo span small {
	font-size:20px;
	color:#F11533
}
.l-board .i-bInfo .quick_study {
	display:block;
	float:right;
	width:174px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:18px;
	color:#333;
	background:#FFD500;
	border-radius:5px;
	margin:15px 12px 15px 0
}
.l-board .i-bInfo .quick_study:hover {
	background:#ffe266
}
.l-board .top-3 {
	width:100%
}
.l-board .top-3 .tops {
	width:374px;
	height:212px;
	float:left;
	margin:27px 24px 32px 0;
	border-radius:5px;
	position:relative
}
.l-board .top-3 .tops:first-child {
	background:-webkit-linear-gradient(111deg,#FF5741,#FFB245);
	background:-moz-linear-gradient(111deg,#FF5741,#FFB245);
	background:-o-linear-gradient(111deg,#FF5741,#FFB245);
	background:linear-gradient(111deg,#FF5741,#FFB245)
}
.l-board .top-3 .tops:nth-child(2) {
	background:-webkit-linear-gradient(111deg,#510efd,#0ee9fd);
	background:-moz-linear-gradient(111deg,#510efd,#0ee9fd);
	background:-o-linear-gradient(111deg,#510efd,#0ee9fd);
	background:linear-gradient(111deg,#510efd,#0ee9fd)
}
.l-board .top-3 .tops:last-child {
	margin-right:0;
	background:-webkit-linear-gradient(111deg,#b75aff,#f38dff);
	background:-moz-linear-gradient(111deg,#b75aff,#f38dff);
	background:-o-linear-gradient(111deg,#b75aff,#f38dff);
	background:linear-gradient(111deg,#b75aff,#f38dff)
}
.l-board .top-3 .tops:before {
	font-size:77px;
	font-weight:700;
	font-family:"Microsoft YaHei";
	color:#FFF;
	opacity:.1;
	text-align:center;
	position:absolute;
	top:0;
	left:18px
}
.l-board .top-3 .tops:nth-child(1):before {
	content:"NO.1"
}
.l-board .top-3 .tops:nth-child(2):before {
	content:"NO.2"
}
.l-board .top-3 .tops:nth-child(3):before {
	content:"NO.3"
}
.l-board .top-3 .tops>i {
	width:100%;
	height:100%;
	overflow:hidden;
	position:absolute;
	right:0;
	top:0
}
.l-board .top-3 .tops>i:after,.l-board .top-3 .tops>i:before {
	content:"";
	width:220px;
	height:220px;
	background:rgba(255,255,255,.2);
	border-radius:50%;
	position:absolute
}
.l-board .top-3 .tops>i:before {
	right:-110px;
	bottom:-110px
}
.l-board .top-3 .tops>i:after {
	right:-65px;
	bottom:70px
}
.l-board .top-3 .tops a .uImg {
	display:block;
	width:122px;
	height:122px;
	border-radius:50%;
	border:5px solid #FFF;
	position:absolute;
	top:-27px;
	right:40px
}
.l-board .top-3 .tops .vip {
	display:block;
	width:23px;
	height:25px;
	position:absolute;
	top:67px;
	right:47px;
	background-image:url(/static/images/rank-icon.png);
}
.l-board .top-3 .tops .vip0 {
	background-position:-135px -33px
}
.l-board .top-3 .tops .vip1 {
	background-position:-183px -33px
}
.l-board .top-3 .tops .vip2 {
	background-position:-230px -33px
}
.l-board .top-3 .tops .novip {
	background-position:-86px -33px
}
.l-board .top-3 .tops .before {
	font-size:26px;
	font-weight:700;
	color:#FFF;
	text-align:center;
	position:absolute;
	top:28px;
	left:28px
}
.l-board .top-3 .tops .before strong {
	font-size:40px;
	font-weight:700
}
.l-board .top-3 .tops>span {
	display:block;
	width:100%;
	font-size:26px;
	font-weight:700;
	color:#FFF;
	padding:72px 0 0 28px
}
.l-board .top-3 .tops>span i {
	width:55px;
	height:28px;
	background-image:url(/static/images/rank-icon.png);
	display:inline-block;
	vertical-align:-7px
}
.l-board .top-3 .tops:nth-child(1)>span i {
	background-position:-89px 0
}
.l-board .top-3 .tops:nth-child(2)>span i {
	background-position:-151px 0
}
.l-board .top-3 .tops:nth-child(3)>span i {
	background-position:-214px 0
}
.l-board .top-3 .tops>span strong {
	display:inline-block;
	margin-right:7px;
	vertical-align:middle
}
.l-board .top-3 .tops>span img {
	width:55px;
	height:28px;
	vertical-align:middle;
	opacity:.3
}
.l-board .top-3 .tops .u-name {
	font-size:22px;
	color:#FFF;
	padding:18px 0 10px 28px
}
.l-board .top-3 .tops .u-time {
	margin-left:28px;
	font-size:16px;
	height:30px;
	line-height:30px;
	text-align:center;
	background:#FFF;
	border-radius:15px;
	display:inline-block;
	padding:0 10px;
}
.l-board .top-3 .tops:nth-child(1) .u-time {
	color:#FF5741
}
.l-board .top-3 .tops:nth-child(2) .u-time {
	color:#492AFD
}
.l-board .top-3 .tops:nth-child(3) .u-time {
	color:#970CF6
}
.l-board .list-c {
	padding:0 95px;
	overflow:hidden
}
.l-board .list-c .list {
	width:100%;
	height:49px;
	line-height:34px;
	padding-bottom:15px;
	margin-top:15px;
	border-bottom:1px solid #F5F5F5;
	clear:both
}
.l-board .list-c .list-th,.l-board .list-c .list:last-child {
	border-bottom:0
}
.l-board .list-c .list>div {
	float:left;
	font-size:20px;
	color:#424242;
	text-align:center
}
.l-board .list-c .list-th>div {
	font-size:22px;
	font-weight:700
}
.l-board .list-c .list .list1 {
	width:50px
}
.l-board .list-c .list .list2 {
	width:420px;
	margin-left:80px;
	padding-right:180px
}
.l-board .list-c .list .list3 {
	width:240px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.l-board .list-c .list .list4 {
	width:50px;
	float:right
}
.l-board .list-c .list .list1 .list-num {
	width:34px;
	height:34px;
	line-height:34px;
	margin:0 auto;
	border-radius:50%;
	background:#EFEFEF;
	color:#999
}
.l-board .list-c .list.first .list-num,.l-board .list-c .list.second .list-num,.l-board .list-c .list.third .list-num {
	background-image:url(/static/images/rank-icon.png);
	background-color:transparent;
	width:23px;
	height:33px;
	border-radius:0;
	margin:0 13px;
}
.l-board .list-c .list.first .list-num {
	background-position:0 -3px
}
.l-board .list-c .list.second .list-num {
	background-position:-28px -3px
}
.l-board .list-c .list.third .list-num {
	background-position:-56px -3px
}
.l-board .list-c .list .list2 .u-Img {
	display:block;
	float:left;
	width:32px;
	height:32px;
	border-radius:50%;
	margin-right:20px
}
.l-board .list-c .list .list2 .u-Name {
	float:left;
	max-width:185px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-size:20px;
	color:#666;
	text-align:left
}
.l-board .list-c .list .list3 .u-Time {
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.l-board .list-c .list .list3 strong {
	font-size:24px;
	color:#F2465E
}
.l-board .list-c .list4>a {
	display:inline-block;
	width:19px;
	height:21px;
	text-align:center;
	position:relative;
	background-image:url(/static/images/rank-icon.png);
}
.l-board .list-c .list4>a:before {
	width:112px;
	height:27px;
	font-size:14px;
	text-align:center;
	line-height:22px;
	background:url(/static/images/hover-bg.png) no-repeat center;
	color:#666;
	position:absolute;
	top:-30px;
	left:-46px;
	display:none
}
.l-board .list-c .list4>a:hover:before {
	display:block
}
.l-board .list-c .list .vip0 {
	background-position:-162px -33px
}
.l-board .list-c .list .vip1 {
	background-position:-209px -33px
}
.l-board .list-c .list .vip2 {
	background-position:-256px -33px
}
.l-board .list-c .list .novip {
	background-position:-113px -33px
}
.l-board .list-c .list .vip0:before {
	content:"全站终身VIP"
}
.l-board .list-c .list .vip1:before {
	content:"全站通VIP"
}
.l-board .list-c .list .vip2:before {
	content:"分类VIP会员"
}
.l-board .list-c .list .novip:before {
	content:"普通用户"
}
.l-board .tj-c .section-img .imgshow .imgshow-t .h2 {
	font-size:22px;
	font-weight:400;
	color:#333
}
.l-board .d-bInfo {
	width:100%;
	background:#F7F8FA;
	border-radius:5px;
	margin-bottom:22px;
}
.l-board .d-bInfo dl {
	float:left;
	margin-top:20px;
	margin-left:30px;
}
.l-board .d-bInfo dt {
	float:left;
	width:36px;
	margin-right:15px;
}
.l-board .d-bInfo dt img {
	width:36px;
	height:36px;
	border-radius:50%;
}
.l-board .d-bInfo dd {
	float:left;
}
.l-board .d-bInfo dd h5 {
	font-size:20px;
	color:#666;
	font-weight:normal;
	line-height:33px;
	margin-bottom:15px;
}
.l-board .d-bInfo dd h5 strong {
	color:#333;
	font-weight:normal;
	margin-right:24px;
}
.l-board .d-bInfo dd h5 em {
	display:inline-block;
	background-image:url(/static/images/rank-icon.png);
	width:23px;
	height:33px;
	margin-left:15px;
	border-radius:0;
	vertical-align:bottom;
}
.l-board .d-bInfo dd h5 em.d-one {
	background-position:0 -3px;
}
.l-board .d-bInfo dd h5 em.d-two {
	background-position:-28px -3px;
}
.l-board .d-bInfo dd h5 em.d-three {
	background-position:-56px -3px;
}
.l-board .d-bInfo dd p {
	font-size:20px;
	color:#666;
}
.l-board .d-bInfo dd small {
	color:#F11533;
	font-size:100%;
}
.l-board .d-bInfo .quick_study {
	float:right;
	width:174px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:18px;
	color:#333;
	background:#FFD500;
	border-radius:5px;
	margin:40px 30px 39px 0;
}
.l-board .d-anner {
	text-align:center;
}
.l-board .d-anner .d-bannerTime {
	display:inline-block;
	height:46px;
	background:#FFF;
	border-radius:23px;
	padding:0 20px;
	margin:0 auto;
	line-height:46px;
	text-align:center;
	font-size:24px;
	color:#004EFF;
	margin-top:168px;
}
.l-board .d-anner .d-time {
	display:inline-block;
	height:40px;
	line-height:40px;
	text-align:center;
	color:#004EFF;
}
.l-board .d-anner .d-time em {
	font-weight:normal;
}
.section-img {
	padding:50px 0
}
.section-img.grey-bg {
	background:#f7f8fa
}
.section-img .imgshow-t {
	height:22px;
	margin-bottom:25px
}
.section-img .imgshow-t .more-btn {
	font-size:14px;
	color:#666;
	transition:color .2s
}
.section-img .imgshow-t .more-btn:hover {
	color:#ff701d
}
.section-img .imgshow-t .h2 span {
	font-size:22px;
	color:#333;
	font-weight:400;
	letter-spacing:2px
}
.section-img .imgshow-t .h2 span .recommend {
	border-radius:2px;
	background:#ff701d;
	text-align:center;
	line-height:22px;
	width:40px;
	height:22px;
	color:#fff;
	font-size:14px;
	margin-right:5px;
	display:inline-block;
	letter-spacing:0;
	vertical-align:2px
}
.section-img .imgshow-t .refresh-btn {
	width:80px;
	height:25px;
	border-radius:5px;
	border:1px #ddd solid;
	transition:all .2s;
	line-height:22px;
	background:#fff;
	color:#666;
	text-align:center;
	cursor:pointer
}
.section-img .imgshow-t .refresh-btn i {
	display:inline-block;
	width:13px;
	height:15px;
	margin-right:4px;
	background:url(/static/images/index-icon.v4.png) -163px -92px;
	vertical-align:-2px;
	transition:-webkit-transform .3s;
	transition:transform .3s;
	transition:transform .3s,-webkit-transform .3s
}
.section-img .imgshow-t .refresh-btn:hover {
	background:#ffd500;
	border-color:#ffd500;
	color:#333
}
.section-img .imgshow-t .refresh-btn:hover i {
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg)
}
.section-img .imgshow-t .h2 em {
	height:22px;
	line-height:22px;
	margin-left:10px;
	padding:0 8px;
	font-weight:400;
	display:inline-block;
	vertical-align:top;
	color:#666;
	position:relative;
	font-size:16px
}
.section-img .imgshow-t .h2 em i {
	color:#f11533;
	padding:0 5px
}
.section-img .imgshow-m {
	width:103%
}
.section-img .imgshow-m .list {
	width:295px;
	transition:all .2s;
	float:left;
	margin:0 20px 20px 0
}
.section-img .imgshow-m .list .list-img {
	position:relative
}
.section-img .imgshow-m .list .list-img img {
	display:block;
	width:100%;
	height:180px
}
.section-img .imgshow-m .list .list-img .play-cover {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.35);
	opacity:0;
	transition:all .25s
}
.section-img .imgshow-m .list .list-img .play-cover:before {
	content:"";
	left:50%;
	top:50%;
	margin:-30px 0 0 -30px;
	width:60px;
	height:60px;
	transition:all .25s;
	background:url(/static/images/hk_new_index_icons3.png) 0 -115px;
	position:absolute;
	-webkit-transform:scale(1.5);
	transform:scale(1.5)
}
.section-img .imgshow-m .list .show-img {
	display:block;
	border-radius:5px;
	overflow:hidden;
	box-shadow:0 0 0 1px #ddd
}
.section-img .imgshow-m .list .list-img:hover .play-cover {
	opacity:1
}
.section-img .imgshow-m .list .list-img:hover .play-cover:before {
	-webkit-transform:scale(1);
	transform:scale(1)
}
.section-img .imgshow-m .list .img-name {
	padding:0 9px;
	line-height:44px
}
.section-img .imgshow-m .list .img-name .name-link {
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	width:100%;
	font-size:16px;
	color:#333
}
.section-img .imgshow-m .list .img-name .name-link:hover {
	color:#f70
}
.section-img .imgshow-m .list .img-data {
	padding:0 9px 14px;
	line-height:18px
}
.section-img .imgshow-m .list .img-data .class-type {
	background:#f39700;
	border-radius:2px;
	color:#fff;
	font-size:12px;
	padding:0 5px;
	height:19px
}
.section-img .imgshow-m .list .img-data .class-type.type-words {
	background:#ffa900
}
.section-img .imgshow-m .list .img-data .class-type.type-poster {
	background:#ff7c00
}
.section-img .imgshow-m .list .img-data .class-type.type-sysn {
	background:#40b0ff
}
.section-img .imgshow-m .list .img-data .class-type.type-software {
	background:#6ebd6b
}
.section-img .imgshow-m .list .img-data .class-type.type-c4d {
	background:#367dd5
}
.section-img .imgshow-m .list .img-data .class-type.type-synthesis {
	background:#00a99d
}
.section-img .imgshow-m .list .img-data .class-type.type-cpjx {
	background:#b062a3
}
.section-img .imgshow-m .list .img-data .class-type.type-syhq {
	background:#494166
}
.section-img .imgshow-m .list .img-data .class-type.type-occupation {
	background:#00528e
}
.section-img .imgshow-m .list .img-data .class-type.type-lesson {
	background:#779210
}
.section-img .imgshow-m .list .img-data .class-type.type-dynamic {
	background:#d49688
}
.section-img .imgshow-m .list .img-data .class-type.type-printing {
	background:#a68369
}
.section-img .imgshow-m .list .img-data .class-type.type-portrait {
	background:#ccb374
}
.section-img .imgshow-m .list .img-data .class-type.type-store {
	background:#617f74
}
.section-img .imgshow-m .list .img-data .class-type.type-task {
	background:#f2c763
}
.section-img .imgshow-m .list .img-data .class-type.type-illustration {
	background:#ea5541
}
.section-img .imgshow-m .list .img-data .class-type.type-packing {
	background:#e5869a
}
.section-img .imgshow-m .list .img-data .class-type.type-indoor {
	background:#74c4c4
}
.section-img .imgshow-m .list .img-data .class-type.type-foreign {
	background:#fbb03b
}
.section-img .imgshow-m .list .img-data .level {
	color:#999;
	padding-left:15px
}
.section-img .imgshow-m .list .img-data .learn-num {
	color:#999
}
.section-img .imgshow-m .list .img-data .cred {
	color:#f2572e
}
.section-img .more-btn {
	margin-top:10px;
	text-align:center
}
.section-img .more-btn .refresh-btn {
	border-radius:5px;
	transition:all .2s;
	line-height:22px;
	background:#fff;
	color:#666;
	text-align:center;
	cursor:pointer;
	display:inline-block;
	width:160px;
	height:40px;
	border:1px #ddd solid;
	line-height:38px
}
.section-img .more-btn .refresh-btn i {
	display:inline-block;
	width:15px;
	height:18px;
	margin-right:10px;
	background:url(/assets/revision/images/home/index-icon.v4.png) -162px -49px;
	vertical-align:-4px;
	transition:-webkit-transform .3s;
	transition:transform .3s;
	transition:transform .3s,-webkit-transform .3s
}
.section-img .more-btn .refresh-btn:hover {
	background:#ffd500;
	border-color:#ffd500;
	color:#333
}
.section-img .more-btn .refresh-btn:hover i {
	background-position:-162px -70px;
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg)
}
.section-img .more-btn a {
	display:inline-block;
	height:42px;
	border:1px #ddd solid;
	border-radius:5px;
	line-height:40px;
	padding:0 27px;
	transition:all .2s
}
.section-img .more-btn a:hover {
	color:#333;
	background:#ffd500;
	border-color:#ffd500
}
.section-img .imgshow-m .list .time-length {
	display:block;
	padding:0 6px;
	height:15px;
	line-height:15px;
	background:rgba(0,0,0,.25);
	font-size:12px;
	color:#fff;
	border-radius:4px;
	position:absolute;
	right:10px;
	bottom:10px;
	transition:all .25s ease-in
}
.section-img .imgshow-m .show-img:hover .time-length {
	display:none
}
.section-img .series .imgshow-m .list {
	width:400px
}
.section-img .series .imgshow-m .list .list-img img {
	height:204px
}
.section-img .series .imgshow-m .list .fine {
	position:absolute;
	left:0;
	top:0;
	width:30px;
	height:26px;
	line-height:24px;
	text-align:center;
	background:linear-gradient(to right,#fc593d,#fc7c3d);
	font-size:16px;
	color:#fff;
	border-bottom-right-radius:10px
}
.section-img .teacher .imgshow-m .list {
	width:400px
}
.section-img .teacher .imgshow-m .list .list-img img {
	height:228px
}
.section-img .teacher .imgshow-m .list .fine {
	position:absolute;
	right:0;
	top:0;
	width:78px;
	height:26px;
	line-height:24px;
	text-align:center;
	background:linear-gradient(to right,#fc593d,#fc7c3d);
	font-size:16px;
	color:#fff;
	border-bottom-left-radius:10px
}
.section-img .teacher .imgshow-m .list .img-data .class-type {
	background:#fc583d
}
.section-img .teacher .imgshow-m .list .name-link {
	width:76%
}
.web-module {
	margin-top:30px
}
.section-img .imgshow-t .h2 em i {
	margin-left:15px
}
.section-img .imgshow-t .h2 em i:nth-child(1) {
	margin-left:0
}
.section-img .imgshow-t .hr-link {
	width:56px;
	height:25px;
	line-height:22px;
	border-radius:5px;
	border:1px #ddd solid;
	text-align:center;
	margin-left:15px;
	transition:all .2s
}
.section-img .imgshow-t .hr-link:hover {
	color:#333;
	border-color:#ffd500;
	background:#ffd500
}
@media only screen and (max-width:1440px) {
	.l-board .top-3 .tops {
	width:294px;
	height:180px;
	margin-right:24px
}
.l-board .top-3 .tops:before {
	font-size:60px
}
.l-board .top-3 .tops .before {
	left:21px
}
.l-board .top-3 .tops>i:after {
	right:-100px
}
.l-board .top-3 .tops a .uImg {
	width:98px;
	height:98px;
	right:25px
}
.l-board .top-3 .tops .vip {
	top:42px;
	right:25px
}
.l-board .top-3 .tops>span {
	padding:66px 0 0 20px
}
.l-board .top-3 .tops .u-name {
	padding-top:10px;
	padding-left:20px
}
.l-board .top-3 .tops .u-time {
	margin-left:20px
}
.l-board .list-c .list {
	padding-right:40px
}
.l-board .list-c .list .list2 {
	width:250px;
	padding-right:50px
}
.l-board .list-c .list .list2 .u-Name {
	max-width:148px
}
.layout-cont {
	width:1000px;
}
.section-img .imgshow-m .list {
	width:243px;
	margin:0 10px 10px 0;
}
}.rank-clearfix {
	clear:both;
	display:block;
}
.u-flyer {
	display:block;
	width:50px;
	height:50px;
	border-radius:50px;
	position:fixed;
	z-index:9999;
}
#msg {
	position:fixed;
	top:300px;
	right:35px;
	z-index:10000;
	width:1px;
	height:52px;
	line-height:52px;
	font-size:20px;
	text-align:center;
	color:#fff;
	background:#009688;
	display:none;
}
.cart-top {
	background:url(/static/images/cart-top-bg.jpg) no-repeat;
	background-size:100% 210px;
	margin-bottom:20px;
	min-height: calc(100vh - 245px);
}
.cart-top .cart-content {
	width:1152px;
	padding:0 36px 32px;
	background-color:#fff;
	margin-left:20px;
	margin-right:auto;
	box-shadow:0 8px 16px 0 rgba(7,17,27,.1);
	border-radius:8px;
	box-sizing:border-box;
}
.cart-top .cart-content .title-box p {
	float:left;
	padding-bottom:24px;
	color:#666;
}
.path-container {
	min-height:200px;
}
.cart-top h1 {
	font-size:32px;
	line-height:115px;
	margin-left:40px;
	color:#07111b;
	font-weight:200;
}
.cart-top .cart-content .title-box {
	padding-top:36px;
	padding-bottom:24px;
}
.cart-top .cart-content .detail-box .detail-box-ul li {
	padding:24px;
	box-sizing:border-box;
	background:#f3f5f7;
	margin-bottom:20px;
	line-height:90px;
}
.cart-top .cart-content .detail-box li .text-info-box {
	float:left;
	width:462px;
	height:90px;
	margin-right:96px;
}
.cart-top .cart-content .detail-box .detail-box-ul li p {
	float:left;
	width:286px;
	font-size:16px;
	color:#f01414;
}
.cart-top .cart-content .detail-box .detail-box-ul li img {
	float:left;
	/*width:160px;*/
	height:90px;
	margin-right:24px;
}
.cart-top .cart-content .price-box {
	margin-top:36px;
	text-align:right;
	position:relative;
}
.cart-top .cart-content .price-box p {
	line-height:40px;
}
.cart-top .cart-content .price-text .text {
	margin-right:75px;
}
.cart-top .cart-content .price-num span {
	margin-left:40px;
	font-weight:700;
	color:#f01414;
	font-size:24px;
}
.cart-top em {
	font-style:normal;
}
.cart-top .cart-content .detail-box .detail-box-ul li .price {
	font-size:15px;
	width:100px;
	float:left
}
.cart-top .cart-content .detail-box .detail-box-ul li .del {
	font-size:25px;
	width:90px;
	float:right;
	text-align:center;
	color:#999;
}
.cart-top .cart-content .detail-box .detail-box-ul li .del:hover {
	cursor:pointer
}
.bottom_detail_comments_lists {
	padding:5px;
	background:#fff;
	-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,0.05);
	box-shadow:0 2px 4px 0 rgba(0,0,0,0.05);
	overflow:hidden;
	color:#999aaa;
}
.bottom_detail_comments_lists .bottom_detail_comments_item_left a {
	font-size:16px;
	color:#4f4f4f;
}
.bottom_detail_comments_lists .bottom_detail_comments_item {
	position:relative;
	border-top:1px solid #f7f7fc;
	padding:10px 15px;
	background-color:#fff;
	height:50px;
}
.bottom_detail_comments_lists .bottom_detail_comments_item:first-child {
	border:none!important;
}
.bottom_detail_comments_lists .bottom_detail_comments_item_header,.bottom_detail_comments_lists .bottom_detail_comments_item_bottom {
	height:25px;
	line-height:25px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.bottom_detail_comments_lists .bottom_detail_comments_item_left {
	width:70%;
}
.bottom_detail_comments_lists .bottom_detail_comments_item_right {
	width:30%;
}
.bottom_detail_comments_lists i {
	vertical-align:middle;
	padding-right:3px;
}
.bottom_detail_comments_lists .course-color,.bottom_detail_comments_lists em {
	padding:2px 4px;
	font-size:90%;
	color:#c7254e;
	background-color:#f9f2f4;
	border-radius:4px;
	font-style:normal;
}
.php-ul-li li {
	float:left;
	line-height:28px;
	height:28px;
	padding-left:10px;
}
.php-ul-li li a {
	font-size:12px;
	color:#c8cdd2;
}
.php-ul-li li a:hover {
	color:#fff;
}
.footer_top_margin {
	padding-top:20px;
}
.footer_phpcn {
	padding-top:25px;
	font-size:11px;
	color:#787d82;
}
.footer_phpcn a {
	margin-left:30px;
}
.footer_phpcn a img {
	width:50px;
}
.footer_phpcn_record {
	padding-top:20px;
	font-size:11px;
	color:#787d82;
}
.footer_phpcn_say {
	padding-left:30px;
}
.footer_phpcn_say a {
	color:#9c9c9c;
}
.footer_phpcn_say a:hover {
	color:#fff;
}
.footer_phpcn_say a:first-child {
	padding-right:10px;
}
.frendlink {
	background:#fff;
	margin-top:20px;
	padding:0 0 10px 0;
	margin-bottom:20px;
	border-radius:8px;
	box-shadow:0 4px 8px rgba(28,31,33,.1);
}
.frendlink span {
	font-size:14px;
	color:#888;
}
.frendlink ul li {
	display:inline;
	margin-right:10px;
	line-height:2;
}
.frendlink ul li a {
	color:#666;
}
.frendlink .frendlink_second {
	padding:6px 10px;
}
.php-margin-top .layui-col-md2,.php-margin-top .layui-col-md10 {
	float:left;
}
.php-margin-top .layui-col-md2 {
	width:16.66666667%;
}
.php-margin-top .layui-col-md10 {
	width:83.33333333%;
}
.cart-pay-bottom-tips-qq {
	position:absolute;
	font-size:12px;
	right:0;
	top:-40px;
	color:#999;
}
.layui-nav .layui-nav-item a {
	color:#333;
	font-size: 15px;
}
.layui-header-this {
	background:none;
}
.layui-nav .layui-header-this>a {
	color:#F40B0B;
}
.layui-nav .layui-nav-item a:hover,.layui-nav .layui-this a {
	color:#F40B0B;
}
.topimages {
	width:100%;
	height:70px;
	position:relative;
	min-width:1380px;
	max-width:2560px;
	cursor:pointer;
	overflow:hidden;
	background-size:cover;
}
.topimages img {
	height:70px;
	background-size:cover;
	position:absolute;
	left:37%;
	transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
}
.topimages i {
	position:absolute;
	font-size:30px;
	right:15px;
	color:#fff;
	opacity:.8;
	z-index:100;
	top:20px;
}
.topimages i:hover {
	opacity:1;
}
.topimages .time {
	position:absolute;
	left:43%;
	top:0;
	margin:20px 0 20px 0;
	font-size:18px;
	z-index:100;
	color:#fff;
	font-weight:bold;
}
.topimages .time p {
	border-radius:20px;
	line-height:40px;
}
.topimages .time p span {
	font-weight:500;
	color:#fff;
	font-size:26px;
	line-height:26px;
	padding:4px 7px;
	margin:0 5px;
	background:#af2613d9;
	font-family:DINCond-M;
	border-radius:8px;
}
.layui-nav-bar {
	display:none!important;
	border-bottom:none!important;
}
.selected-ico {
	display:none;
	position:absolute;
	bottom:0;
	right:0;
	width:30px;
	height:30px;
}
.selected-ico i {
	position:absolute;
	right:-1px;
	font-size:18px;
	bottom:0px;
	color:#fff;
}
.selected-ico .selected-trans {
	width:0;
	height:0;
	border-bottom:30px solid #ff4242;
	border-left:30px solid transparent;
}
.cart-pay-type li.active .selected-ico,.cart-pay-type li:hover .selected-ico {
	display:block;
}
.cart-pay-type li {
	float:left;
	margin-right:24px;
	position:relative;
	border-radius:6px;
	overflow:hidden;
	width:252px;
	height:106px;
	background-color:#f3f5f7!important;
	border:2px solid #f3f5f7;
	cursor:pointer;
	background-image:url(/static/images/pay.png)!important;
	box-sizing:border-box;
}
.cart-pay-type li.weipay {
	background-position:60px -413px!important;
	background-repeat:no-repeat!important;
}
.cart-pay-type li.alipay {
	background-position:63px -294px!important;
	background-repeat:no-repeat!important;
}
.cart-pay-type li.hb_fq {
	background-image:url(/static/images/hb_fq.png)!important;
	background-repeat:no-repeat!important;
	background-position:center center!important;
}
.cart-pay-type li.jd_fq {
	background-image:url(/static/images/jd_fq.png)!important;
	background-repeat:no-repeat!important;
	background-position:center center!important;
}
.cart-pay-type li:hover,.cart-pay-type li.active {
	border-color:#ff4242;
}
.no-right {
	margin-right:0!important;
}
.fq_tips {
	position:absolute;
	top:0;
	right:0;
	line-height:23px;
	background:#ff4242;
	color:#fff;
	padding:0 5px;
	font-size:12px;
}
.fq_selected {
	display:none;
	position:relative;
	padding-top:36px;
	margin-top:20px;
	width:100%;
	height:186px;
	background:#f3f5f7;
	border-radius:8px;
	box-sizing:border-box;
}
.fq_selected:before {
	content:" ";
	display:block;
	width:0;
	height:0;
	position:absolute;
	top:-10px;
	border-bottom:12px solid #f3f5f7;
	border-left:12px solid transparent;
	border-right:12px solid transparent;
}
.fq_selected ul li {
	display:block;
	width:24.8%;
	text-align:center;
	float:left;
	border-right:1px solid #afafaf;
}
.fq_selected ul li:last-child {
	border:none;
}
.fq_selected ul li .fq_selected_price {
	position:relative;
	margin-bottom:4px;
	font-size:20px;
	color:#ff4242;
	line-height:22px;
	font-weight:bold;
}
.fq_selected ul li .fq_selected_price span {
	position:relative;
	display:inline-block;
	top:-3px;
	margin-right:12px;
	padding:0 3px;
	height:22px;
	font-size:14px;
	color:#fff;
	line-height:22px;
	background:#ff4242;
	border-radius:4px;
}
.fq_selected ul li .fq_selected_type {
	margin-bottom:16px;
	font-size:12px;
	color:#93999f;
}
.fq_selected ul li button {
	display:inline-block;
	width:146px;
	height:36px;
	font-size:14px;
	color:#ff4242;
	line-height:36px;
	border:1px solid #ff4242;
	border-radius:18px;
	box-sizing:border-box;
}
.fq_selected.huabei:before {
	right:390px;
}
.fq_selected.jingdong:before {
	right:115px;
}
.fq_selected ul li button:hover {
	color:#fff;
	background:#ff4242;
	cursor:pointer;
}
.fq_selected .fq-bottom-tips {
	position:absolute;
	bottom:8px;
	right:15px;
	font-size:12px;
	color:#a3a7ab;
	text-align:right;
}
.layui-nav-child{padding: 0;border: none;}
.header .layui-nav .layui-nav-item .layui-nav-child{
	width: auto;
	line-height: 40px;
}
.header .layui-nav .layui-nav-item .layui-nav-child dd{width: 100%;}
.header .layui-nav .layui-nav-item .layui-nav-child dd a{
	width: 100%;
	box-sizing: border-box;
	font-size: 14px;
}
.header .layui-nav .layui-nav-item .layui-nav-child dd a:hover{font-weight: bold;}
.pHeaderMess{
	line-height: 21px;
	text-align: center;
	position: absolute;
	top:6px;
	right: 3px;
	color:#fff;
	font-size:12px;
	background: red;
	width:21px;
	height: 21px;
	border-radius: 50%;
}
.layui-nav .layui-nav-item a{padding: 0 15px;}
.moreA{display: flex !important;}
.moreA+dl{top:50px !important;}
.courseIhover::after{
	content: '';
	width: 80%;
	height: 3px;
	display: block;
	margin: 0 auto;
	border-bottom: 3px solid red;
}
.HeaderKIcon{position: absolute;top: 11px;right: -5px;z-index: 9;}
.courseIndexImages{border-top-right-radius: 10px;}
.courseIlive{vertical-align: baseline;}
.courseIndexNewsIcon{position: absolute;right: 0;top:0;width: 50px;height: 25px;line-height: 25px;text-align: center;background: #ED3833;color:#fff;border-bottom-left-radius: 5px;}
.courseIndexReCommentIcon{position: absolute;right: 0;top:0;width: 50px;height: 25px;line-height: 25px;text-align: center;background: #F9C747;color:#fff;border-bottom-left-radius: 5px;}
.courseIndexLiveIcon{position: absolute;left: 0;top:0;width: 50px;height: 25px;line-height: 25px;text-align: center;background:#F85867;color:#fff;border-bottom-right-radius: 5px;font-size: 12px;}
.courseIndexVideoIcon{position: absolute;left: 0;top:0;width: 50px;height: 25px;line-height: 25px;text-align: center;background:#727274;color:#fff;border-bottom-right-radius: 5px;font-size: 12px;}
.resumeClass{border: 2px solid #5FB878}
.resumeClass .layui-layer-title{background-color: #5FB878;color: #fff;}
.resumeClass .layui-layer-setwin .layui-layer-close1{background: url(/static/images/close1.png) no-repeat center;background-size: cover;}
.askResumeCon{margin:10px 20px;display:block;width:80px;min-height:115px;position: relative;}
.askResumeConleft:hover + .askResumeConChild{display: block;}
.askResumeConChild:hover{display: block;}
.askResumeCon img{overflow: hidden;border: 1px solid #ccc;border-radius:50%;}
.askResumeConChild{position: absolute;width: 166px;height: 100px;border: 1px solid #009a61;padding: 6px;border-radius: 5px;top: 90px;display: none;z-index: 999;height:auto;background: #fff;}
.askResumeConChild span{display: block;line-height: 20px;font-size: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.askResumeConTipsR{
	position: absolute;
    width: 0;
    height: 0;
    border-width: 8px;
    border-color: transparent;
    border-style: dashed;
    *overflow: hidden;
    border-bottom-style: solid;
    border-bottom-color: #009a61;
    top: -16px;
    left: 30px;
}
ol li{
	margin-left: 25px;
    font-size: 16px;
    list-style: auto;
}
.site-home .layui-main{margin-top: 90px;}
.layui-laypage span{margin:0;}