@charset "utf-8";
/* Style Reset */
* {
	margin: 0;
	padding: 0
}
ul, ol, li, dl, dt, dd {
	list-style: none;
}
a {
	text-decoration: none;
	outline: 0px;
	color: #333
}
img {
	border: 0;
	max-width: 100%;
}
i{ font-style:normal}
.ccsl {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
}
.clear {
	clear: both;
}

body {
	/*width: 100%;
	max-width: 512px;
	margin: 0 auto;*/
	background: #fff;
	font-size: 16px;
	font-family:Verdana, Geneva, sans-serif;
	line-height: 24px;
	color: #333;
}

.h8 {
	width: 100%;
	height: 8px;
	overflow: hidden
}
.h10 {
	width: 100%;
	height: 10px;
	overflow: hidden
}
.h54 {
	width: 100%;
	height: 100px;
	overflow: hidden
}



.footerBox {
	width: 100%;
	max-width: 512px;
	margin: 0 auto;
}
.footerBox .footer {
	position: fixed;
	width: 100%;
	max-width: 512px;
	bottom: 0;
	/*height: 54px;*/
	z-index: 999;
 
	background-color:#FFF;
	height: 100px;
}
.footerBox .footer ul {
	overflow: hidden;
	border-top: 1px solid #E7E7E7;
	box-sizing: border-box;
	background: #fff
}
.footerBox .footer ul li {
	width: 20%;
	float: left;
	height: 54px;
	overflow: hidden
}
.footerBox .footer ul li a {
	display: block;
	overflow: hidden
}
.footerBox .footer ul li img {
	height: 26px;
	display: block;
	margin: 0 auto;
	margin-top: 3px
}
.footerBox .footer ul li p {
	text-align: center;
	height: 24px;
	line-height: 24px;
	color: #969696;
	letter-spacing: 1px;
}
.footerBox .footer ul li.on p {
	color: #0E4ACD
}

.footerBox .footer .beian{text-align:left; padding:5px 0 0 24px; margin-top:10px;font-size:12px; color:#999;border-top:1px dashed #ccc}
.footerBox .footer .beian a{color:#999;}



.typebox {
	overflow: hidden
}
.typebox ul {
	overflow: hidden;
	padding: 15px 0
}
.typebox ul li {
	float: left;
	width: 25%;
}
.typebox ul li img {
	display: block;
	margin: 0 auto;
	height: 50px;
}
.typebox ul li p {
	text-align: center;
	line-height: 30px;
	font-size: 13px;
	letter-spacing: 1px
}
.allbox {
	background: #F1F1F1;
	width: 100%;
	height: 10px
}
.courseBox {
	padding: 0 15px;
	overflow: hidden;
	background: #fff
}


.courseBox .titnote {
	display: flex;
	height: 30px;
	overflow: hidden
}
.courseBox .titnote img {
	display: block;
	height: 20px;
	margin: 5px 0;
}
.courseBox .titnote p {
	flex: 1;
	height: 30px;
	line-height: 30px;
	font-size: 15px;
	padding-left: 5px;
	color: #000;
	letter-spacing: 1px
}


.courseBox .titbox {
	display: flex;
	height: 50px;
	overflow: hidden
}
.courseBox .titbox img {
	display: block;
	height: 20px;
	margin: 15px 0;
}
.courseBox .titbox p {
	flex: 1;
	height: 50px;
	line-height: 50px;
	font-size: 15px;
	padding-left: 5px;
	color: #000;
	letter-spacing: 1px
}
.courseBox ul.ul_1 {
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px
}
.courseBox ul.ul_1 li {
	float: left;
	width: 49%;
}
.courseBox ul.ul_1 li:nth-child(2n) {
	margin-left: 2%
}
.courseBox ul.ul_1 li img {
	display: block;
	border-radius:2%;
	width:100%;
	height:100%;
	
	/*width: 236px;
	height:120px;*/
}
.courseBox ul.ul_1 li div.blog{
	width:98%; 
	height:130px; 
	margin:4px 0; 
	border:1px solid #ccc; 
	border-radius:10px; 
	padding:5px; 
	line-height:24px;
	overflow: hidden;
	text-overflow: ellipsis; 
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}
.courseBox ul.ul_1 li .tit {
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis; 
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.courseBox ul.ul_1 .price {
	color: #F34B06;
	height: 24px;
	line-height: 24px;
	font-size: 16px
}
.courseBox ul.ul_1 .price span {
	float: right;
	font-size: 12px;
	color: #bbb;
	padding-right: 5px
}


 
.header {
	width: 100%;
	max-width: 512px;
	margin: 0 auto;
}
.header .box {
	height: 46px;
	position: fixed;
	width: 100%;
	max-width: 512px;
	top: 0;
	z-index: 9999;
	border-bottom: 1px solid #eee;
	background: #fff
}
.header .box .L {
	position: absolute;
	left: 0;
	top: 0;
	height: 46px;
	padding-left: 15px;
}
.header .box .L img {
	display: block;
	height: 22px;
	padding-top: 14px;
}
.header .box .C {
	width: 100%;
	height: 46px;
	line-height: 46px;
	text-align: center
}
.header .box .C p {
	text-align: center;
	font-size: 16px;
	color: #333;
	letter-spacing: 1px
}

.header .box .R {
	height: 46px;
	float:right;
	line-height: 46px;
	text-align: center;
	width:10%;
	padding-right:10px;
}



.hbox {
	width: 100%;
	height: 46px;
	overflow: hidden
}
/*.videoBox {
	padding: 15px 0;
	overflow: hidden
}
.videoBox .video_1 {
	padding: 0 15px
}
.videoBox .video_1 img {
	display: block;
	width: 100%;
}
.videoBox .titbox {
	padding: 15px 15px 5px;
	overflow: hidden
}
.videoBox .titbox p {
	font-size: 15px;
	color: #000;
	letter-spacing: 1px;
}
.videoBox .titbox span {
	color: #999;
	font-size: 12px;
	letter-spacing: 1px;
	padding-top: 3px;
	display: block
}
.videoBox ul {
	overflow: hidden;
	padding: 10px 15px
}
.videoBox ul li {
	width: 100%;
	height: 90px;
	box-shadow: #eee 0px 0px 10px 2px;
	border-radius: 10px;
	margin-bottom: 10px;
	padding-top: 20px;
	overflow: hidden
}
.videoBox ul li .L {
	float: left;
	padding: 0 15px;
}
.videoBox ul li .L .date1 {
	height: 30px;
	line-height: 30px;
}
.videoBox ul li .L .date1 img {
	display: block;
	float: left;
	width: 14px;
	margin-top: 8px;
}
.videoBox ul li .L .date1 p {
	float: left;
	padding-left: 5px
}
.videoBox ul li .L .date2 {
	font-size: 16px;
	color: #000;
	padding-left: 20px;
	padding-top: 8px;
	letter-spacing: 1px;
	font-weight: bold
}
.videoBox ul li .C {
	float: left;
	padding-right: 15px
}
.videoBox ul li .C img {
	display: block;
	height: 70px
}
.videoBox ul li .R {
	flex: 1;
}
.videoBox ul li .R .tit {
	color: #000;
	font-size: 14px;
	letter-spacing: 1px
}
.videoBox ul li .R .sub {
	padding-top: 15px;
}
.videoBox ul li .R .sub img {
	display: block;
	float: left;
	width: 35px;
	height: 35px;
	border-radius: 100%
}
.videoBox ul li .R .sub p {
	float: left;
	height: 35px;
	line-height: 35px;
	padding-left: 10px
}
.videoBox ul li .R .sub a.a1 {
	float: right;
	display: block;
	border: 1px solid #0E4ACD;
	width: 70px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	color: #0E4ACD;
	border-radius: 5px;
	font-size: 12px;
	letter-spacing: 1px;
	margin-top: 5px;
	margin-right: 15px
}
.videoBox ul li .R .sub a.a2 {
	float: right;
	display: block;
	background: #666;
	border: 1px solid #666;
	width: 70px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	color: #fff;
	border-radius: 5px;
	font-size: 12px;
	letter-spacing: 1px;
	margin-top: 5px;
	margin-right: 15px
}*/
.courseBox ul.ul_3 {
	overflow: hidden;
	padding: 15px 0
}
.courseBox ul.ul_3 li {
	overflow: hidden;
	border-bottom: 1px solid #eee;
	padding: 10px 15px
}
.courseBox ul.ul_3 li:first-child {
	padding-top: 0
}
.courseBox ul.ul_3 li:last-child {
	border-bottom: none
}
.courseBox ul.ul_3 li .L {
	float: left;
	height: 80px;
	margin-right: 15px
}
.courseBox ul.ul_3 li .L img {
	display: block;
	height: 80px;
}
.courseBox ul.ul_3 li .R {
	flex: 1
}
.courseBox ul.ul_3 li .R .tit {
	font-size: 14px;
	padding-top: 5px;
}
.courseBox ul.ul_3 li .R .sub {
	color: #bbb;
}
.courseBox ul.ul_3 li .R .xx {
	overflow: hidden;
	height: 30px;
	line-height: 30px;
}
.courseBox ul.ul_3 li .R .xx span {
	display: block;
	float: left;
	width: 70%;
	height: 10px;
	margin-top: 10px;
	background: #E9ECF6;
	border-radius: 10px;
}
.courseBox ul.ul_3 li .R .xx p {
	float: right;
	font-size: 12px;
}
.subscribebox {
	padding: 0 15px;
	overflow: hidden
}
.subscribebox .item {
	overflow: hidden;
	height: 60px;
	display: flex;
	padding: 10px 0;
	border-bottom: 1px solid #eee
}
.subscribebox .item .L {
	float: left;
	width: 60px;
	height: 60px;
}
.subscribebox .item .L img {
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 100%
}
.subscribebox .item .C {
	flex: 1;
	padding: 0 10px;
}
.subscribebox .item .C p {
	letter-spacing: 1px;
 
	padding-top: 5px;
	color: #000
}
.subscribebox .item .C span {
	color: #666;
	letter-spacing: 1px;
}
.subscribebox .item .R {
	float: right;
	height: 60px;
	line-height: 60px;
	font-size: 12px;
	color: #666;
}
.myHeader {
	width: 100%;
	max-width: 512px;
	background: url(../images/mybg.jpg) no-repeat;
	background-size: 100% 100%
}
.myHeader .editor-header{ padding:10px 5px;}
.myHeader .editor-apply a{
	border: 1px solid #fff;
	border-radius: 25px;
	color: #fff;
	text-align: center;
	padding:1px 6px 1px 6px;
	background: #3D8AF0; 
	font-size:14px;
	margin-right:10px;
}
.myHeader .editor-apply a.disabled{
	color: #fff;
	background: #808080; 
}

.myHeader .my_1 {
	display: flex;
	padding: 20px 0 30px;
	width: 100%;
	height: 76px;
	line-height: 76px;
	color: #fff;
}
.myHeader .my_1 .tx {
	float: left;
	display: block;
	margin-right: 10px;
	width: 70px;
	height: 70px;
	border: 3px solid #fff;
	border-radius: 100%;
	margin-left: 20px;
}
.myHeader .my_1 .tou {
	flex: 1;
	display: block;
	font-size: 18px;
	letter-spacing: 1px;
}
.myHeader .my_1 .tou a{ color:#FFF;}
.myHeader .my_1 .tou div{line-height:26px;margin-top:15px;}
.myHeader .my_1 .tou div def{ font-size:14px;}


.myHeader .my_1 .more {
	display: block;
	float: right;
	margin-right: 20px;
	height: 24px;
	margin-top: 26px
}
.myHeader .my_2 {
	padding: 0 35px 20px;
	overflow: hidden
}
.myHeader .my_2 a {
	border: 1px solid #fff;
	border-radius: 25px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #fff;
	letter-spacing: 1px;
	display: block;
	width: 40%
}
.myHeader .my_2 a.L {
	float: left;
}
.myHeader .my_2 a.R {
	float: right;
}
.mybox_1 {
	overflow: hidden;
	padding: 13px 15px 0;
	background-color:#FFF;
}
.mybox_1 .box {
	display: flex;
	box-shadow: #eee 0px 0px 10px 2px;
	border-radius: 10px;
	margin-bottom: 10px;
	padding: 10px 0;
	overflow: hidden
}
.mybox_1 .box .L {
	float: left;
	width: 50px;
	margin-right: 10px;
	margin-left: 10px
}
.mybox_1 .box .L img {
	display: block;
	width: 50px;
	height: 50px;
}
.mybox_1 .box .C {
	flex: 1
}
.mybox_1 .box .C p {
	color: #000;
	letter-spacing: 1px;
	font-size: 15px
}
.mybox_1 .box .C span {
	letter-spacing: 1px;
	font-size: 12px;
	color: #666;
	display: block
}
.mybox_1 .box .R {
	float: right;
	padding-right: 15px
}
.mybox_1 .box .R a {
	display: block;
	border: 1px solid #3F81F1;
	color: #3F81F1;
	padding:0 5px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	letter-spacing: 1px;
	border-radius: 5px;
	margin-top: 11px
}

/*签到*/
.mybox_1 .box .C  ul li{
	width:34px;
	line-height:34px;
	background-color:#4784F9;
	border-radius:50%;	
	color:#fff;
	float:left;
	margin:1%;
	text-align:center;
}

.mybox_1 .box .C  ul li.no{
	background-color:#808080;
}


.mybox_2 {
	overflow: hidden;
	padding: 10px 15px;
	background-color:#FFF;
}
.mybox_2 ul {
	box-shadow: #eee 0px 0px 10px 2px;
	border-radius: 10px;
	margin-bottom: 10px;
	padding: 10px 0;
	overflow: hidden
}
.mybox_2 ul li {
	width: 33.3%;
	float: left
}
.mybox_2 ul li p {
	text-align: center;
	color: #000;
	font-size: 16px;
	letter-spacing: 1px
}
.mybox_2 ul li span {
	text-align: center;
	color: #666;
	display: block;
	font-size: 13px;
	letter-spacing: 1px;
}
.mybox_3 {
	overflow: hidden;
	padding: 10px 15px
}
.mybox_3 ul {
	box-shadow: #eee 0px 0px 10px 2px;
	border-radius: 10px;
	margin-bottom: 10px;
	padding: 10px 0;
	overflow: hidden
}
.mybox_3 ul li {
	float: left;
	width: 25%;
	padding: 5px 0
}
.mybox_3 ul li img {
	display: block;
	width: 28px;
	margin: 0 auto
}
.mybox_3 ul li p {
	text-align: center;
	letter-spacing: 1px;
	line-height: 26px
}

 
.chartsBox {
	overflow: hidden
}
.chartsBox .charts_1 {
	width: 170px;
	margin: 0 auto;
	padding: 30px 0;
	height: 50px;
	line-height: 50px;
	overflow: hidden
}
.chartsBox .charts_1 .L {
	float: left;
	color: #666;
	letter-spacing: 1px;
}
.chartsBox .charts_1 .L span {
	color: #4486FF;
	font-weight: bold;
	padding: 0 3px;
	font-size: 16px;
}
.chartsBox .charts_1 .R {
	float: left;
	color: #666;
	letter-spacing: 1px;
}
.chartsBox .charts_1 img {
	float: left;
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	margin: 0 5px
}
.chartsBox ul {
	border-top: 1px solid #eee;
	padding: 0 15px;
}
.chartsBox ul li {
	border-bottom: 1px solid #eee;
	height: 50px;
	line-height: 50px;
	overflow: hidden
}
.chartsBox ul li .num {
	width: 42px;
	float: left;
	text-align: center;
	font-size: 14px
}
.chartsBox ul li .num img {
	display: block;
	height: 34px;
	margin: 8px auto;
}
.chartsBox ul li .num p {
	text-align: center;
	font-size: 14px
}
.chartsBox ul li .tx {
	float: left;
	width: 50px
}
.chartsBox ul li .tx img {
	display: block;
	width: 34px;
	border-radius: 100%;
	margin: 8px auto
}
.chartsBox ul li .tit {
	float: left;
	padding-left: 5px
}
.chartsBox ul li .R {
	float: right;
	color: #666;
}
.chartsBox ul li .R span {
	font-size: 16px;
	color: #F83B32;
	padding-right: 3px
}
.helpBox {
	/*padding: 18px 15px;
	overflow: hidden*/
}
.helpBox ul {
	/*overflow: hidden*/
}
.helpBox ul li {
	overflow:hidden;
	padding:5px 0;
	line-height: 40px;
	background: #fff;
	margin-bottom:10px;
	text-overflow: ellipsis; 
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.helpBox ul li .icon {
	float: left;
	display: block;
	height: 30px;
	margin: 5px
}

.helpBox ul li .go {
	display: block;
	float: right;
	height: 18px;
	margin-top: 14px;
	margin-right: 10px
}
.helpBox ul li a{color:#666;}
.setBox {
	overflow: hidden
}
.setBox ul {
	overflow: hidden;
	background: #fff;
	padding: 10px
}
.setBox ul li {
	height: 46px;
	line-height: 46px;
	border-bottom: 1px solid #eee;
	font-size: 14px;
}
.setBox ul li:last-child {
	border: 0
}
.setBox ul li p {
	float: left;
}
.setBox ul li span {
	float: right;
	display: block;
}
.setBox ul li span.blue {
	color: #3F82ED
}
.setBox ul li img {
	display: block;
	float: right;
	height: 18px;
	margin-top: 14px;
}
.setBox .btn {
	overflow: hidden;
	height: 45px;
	background: #fff;
	margin-top: 25px
}
.setBox .btn a {
	display: block;
	text-align: center;
	line-height: 45px;
	height: 45px;
	font-size: 14px;
	letter-spacing: 1px;
	color: #3F82ED
}
.meansBox {
	overflow: hidden
}
.meansBox ul.ul_1 {
	background: #fff;
	overflow: hidden;
	margin-bottom: 10px;
}
.meansBox ul.ul_1 li {
	width: 32%;
	float: left;
	padding:.4rem .1rem;
	text-align: center;
}

 
.meansBox ul.ul_1 .current p a{
	font-weight:700;
	font-size:.8rem;
	color:#FFA500;
	text-decoration:underline;
}

.meansBox ul.ul_1 li p {
	text-align: center;
	height: 30px;
	line-height: 30px;
	color: #666;
	letter-spacing: 1px;
}
.meansBox ul.ul_2 {
	overflow: hidden;
}
.meansBox ul.ul_2 li {
	margin-bottom: 2px;
	padding: 5px;
	background: #fff;
	padding: 10px;
	overflow: hidden
}
.meansBox ul.ul_2 li .L {
	float: left;
	width: 110px;
	height: 80px;
	margin-right: 10px
}
.meansBox ul.ul_2 li .L img {
	display: block;
	width: 110px;
	height: 80px;
	border-radius:10px;
}
.meansBox ul.ul_2 li .R {
	flex: 1;
}
.meansBox ul.ul_2 li .R .tit {
	font-size: 1rem;
	letter-spacing: 1px;
	line-height: 1.5rem;
	color: #333;
	font-weight:600;
	padding:5px 0;
}
.meansBox ul.ul_2 li .R .tit top{ 
	border:1px solid #C90; 
	margin:0 5px; 
	font-weight:400; 
	padding:2px; 
	font-size:10px; 
	color:#C90; 
	border-radius:3px;
}

.meansBox ul.ul_2 li .R .tit2 top{ 
	border:1px solid #C90; 
	margin:0 5px; 
	padding:2px; 
	font-size:10px; 
	color:#C90; 
	border-radius:3px;
}

.meansBox ul.ul_2 li .R .tou img{
	width:2.5rem;
	height:2.5rem;
	border-radius:50%;
	vertical-align:middle;
	border:1px solid #efefef;
}
 
.meansBox ul.ul_2 li .R .tou span {
	display: inline-block;
	margin:.5rem;
	color: #999;
}
 
/*.meansBox ul.ul_2 li .R .sub {
	margin-top:8px;
	overflow: hidden;
	text-overflow: ellipsis; 
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color: #666;
	letter-spacing: 1px;
	text-indent:8px;
}
 */
 
.meansBox ul.ul_2 li .R .sub{display:inline-block; width:100%; margin-top:5px;}
.meansBox ul.ul_2 li .R .sub .txt{
	padding:0 10px 0 10px;
	text-overflow: ellipsis; 
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	color: #666;
	letter-spacing: 1px;
	text-indent:10px;
	overflow:hidden;
}
.meansBox ul.ul_2 li .R .sub .img{margin-top:10px;float:right;text-align:center;}
.meansBox ul.ul_2 li .R .sub .img img{border-radius:10%; max-height:80px; max-width:110px;}


 
.meansBox ul.ul_2 li .R .date {
	color: #666;
	font-size: 12px;
	float: left;
}
.meansBox ul.ul_2 li .R .date dd{
	display: inline-block;
	margin:.2rem .8rem 0rem 0;
}

.meansBox ul.ul_2 li .R .date span {
	display: inline-block;
	background: #EC482D;
	color: #fff;
	border-radius: 5px;
	height: 16px;
	margin:0 12px 0 5px;
	line-height: 16px;
	text-align: center;
	padding:0 5px;
}


.icon {
	width: 26px;
	height: 24px;
	display: block;
	border: none;
	float: left;
	background-size: 20px;
	background-repeat: no-repeat;
}

.icon-eye {
	background: url(../images/eye.jpg) no-repeat;
}
.r{float:right;}

.b{ border:1px solid #F00;}
.b1{ border:1px solid #00F;}





/*header菜单*/
.ab-header {max-width:512px;text-align: center;z-index: 998;-moz-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;transition: .3s;height:46px; line-height:46px; border-bottom:1px solid #F0F0F0; background-color:#FFF;}
.ab-header.slideUp {top: -63px;}
.ab-header .container h1{text-align: center;font-size: 16px;color: #333;line-height:46px;font-weight:500;letter-spacing: 1px;}
.ab-navbar .goback{width:40px; float:left; }

.nav-list{padding:50px 15px;position: fixed;right:-280px;top:0;bottom: 0;width: 250px;margin-left:0;background: #ffffff;z-index: 99999;transition: all .3s ease;}
.nav-list.show{right: 0px;}
.nav-list > li{float: none;display: block;margin:8px 0;background-color: #f7f7f7;}
.nav-list > li > a{height: 40px;line-height: 40px; font-size:16px;}
.nav-list > li.current a{background-color:initial;}
.canvas-close {display:block;position: absolute;right: 15px;top: 18px;width:30px;height:30px;z-index: 99999;color: #000;transition: all .3s ease;}
.canvas-close i{font-size:25px;transition: all .3s ease;}

/*.nav-list{ display:none;} */
/*灰色背景*/
.ab-overlay{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.7);z-index: 9998;-moz-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;transition: .3s;}
.nav-right{font-size: 18px; width:50px;}
.nav-right li{ width:20px; float:left;}
.nav-list li.current a{color:#007bff;}

.search-box{position:fixed;left:0;right:0;top:-0;z-index:9998;background:#fff;transition:top 0.3s cubic-bezier(.4,0,.2,1);display: none; max-width:512px;height: 46px;line-height: 46px; margin:0 auto;border-bottom:1px solid #f0f0f0;}
.search-box.show{top:0;display: block;}
.search-box .container{max-width:512px;position: relative;}
.search-close{position:absolute;right:-70px;top:8px;color:#007bff}
.search-close .iconfont{font-size:24px;padding: 15px;}
.search-input{text-align: center;float:left;border:none;width:80%;height:30px;padding:4px 12px;border-right:none;font-size:14px;border-radius:2px 0 0 2px;outline:none}
.search-box-form a{margin-left:20px;color:#999}
.search-box-form a:hover{color:#0d7ffa}
 
 
/*header菜单*/
@media only screen and (max-width: 900px){
	.nav-list{padding:50px 15px;position: fixed;right:-280px;top:0;bottom: 0;width: 250px;margin-left:0;background: #ffffff;z-index: 99999;transition: all .3s ease;}
	.nav-list.show{right: 0px;}
	.nav-list > li{float: none;display: block;margin:8px 0;background-color: #f7f7f7;}
	.nav-list > li > a{height: 40px;line-height: 40px;}
	.nav-list > li.current a{background-color:initial;}
	.canvas-close {display:block;position: absolute;right: 15px;top: 18px;width:30px;height:30px;z-index: 99999;color: #000;transition: all .3s ease;}
	.canvas-close i{font-size:25px;transition: all .3s ease;}
  
	 /*灰色背景*/
	.ab-overlay{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.7);z-index: 9998;-moz-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;transition: .3s;}
	.nav-right{font-size: 18px; width:50px;}
	.nav-right li{ width:20px; float:left;}
	
	.search-box{max-width:512px;}
	.search-input{width:80%}
	.search-box{padding:0 30px 0 0;}
	.search-box .search-input, .search-box .search-btn{height: 35px;}
	.search-close{font-size: 24px;top:-1px;right: -30px;}
}

/*中部搜索*/
.mybox_search {
	overflow: hidden;
	padding: 10px 15px;
	background-color:#FFF;
}
.mybox_search ul {
	box-shadow: #eee 0px 0px 10px 2px;
	border-radius: 10px;
	margin-bottom: 10px;
	padding: 10px 0;
	overflow: hidden
}
.mybox_search ul li {
	width: 100%;
}
#scbar_btn{border: none;background: none;height: 22px;}
.hc_hc_input {-webkit-appearance: none;appearance: none;border: none;color: #1f2329;flex: 1 1;font-size: 16px;height: 24px;line-height: 24px;margin: 0 10px;outline: none;overflow: hidden;padding: 0; width:80%; text-align:center;}
.hc_hc_input::-webkit-input-placeholder {color: #8f959e}
/*end中部搜索*/




/*滑动广告*/
.m-slider {
    overflow-x: hidden;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.slider-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    position: relative;
    z-index: 1;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.slider-item {
    width: 100%;
    height: 100%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: #f6f6f6;
}

.slider-item img {
    width: 100%;
    height: auto;
    display: block;
    border: none;
}

.slider-pagination {
    text-align: right;
    position: absolute;
    width: 100%;
    z-index: 2;
    right: 0;
    bottom: 10px;
    pointer-events: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.slider-pagination > .slider-pagination-item {
    margin: 0 .25rem;
    width: 5px;
    height: 5px;
    display: inline-block;
    background-color: rgba(255,255,255,1);
    border-radius:100px;
}

.slider-pagination > .slider-pagination-item.slider-pagination-item-active {
    background-color: #f4d10a;
    width: 14px;

}




/*用户文章列表*/
.userList ul {width:100%;}
.userList ul li { background: #fff;margin-bottom: 10px}
.userList ul li .mid{ margin:0 10px 10px 10px; padding-top:5px;}
.userList ul li .mid header{border-bottom:1px solid #ccc; padding:5px 0;}
.userList ul li .mid .tit{font-weight:500; letter-spacing:1px; line-height:40px;} 
.userList ul li .mid .operate{display:inline-block;}
.userList ul li .mid .operate dd{float:left; margin-right:10px; color:#999;} 


/*分页*/
.pageinfo{clear:both; height:50px; line-height:50px; text-align:center; background-color:#FFF !important;}
.pageinfo a{margin:0 10px;}
.pageinfo a:hover{ text-decoration:underline;}
.pageinfo a.active{ color:#F00;}


/*关注*/
.follow a{
	width: 2.5rem;
	text-align: center;
	flex-shrink: 0;
	display: inline-block;
	line-height: .8rem;
	border-radius: .85rem;
	background: #0E4ACD;
	font-size: 12px;
	padding:7px 5px 5px 5px;
	color: #fff;
	margin-right:10px;
}
.follow a.disabled{background: #808080; color:#FFF;} 


.Input_Box textarea::placeholder{ color:#bbb;letter-spacing:1px; font-size:.8rem;}
.Input_Box textarea {
	caret-color: #FDC115;
	font-size:16px;
	color:#333;
	line-height:30px;
	font-family:Verdana, Geneva, sans-serif;
}

 
 

.banner{margin:5px auto;text-align:center; background-color:#FFF;}
.banner img{width:98%;}

.wp10{ width:10px !important;}
.bw70{ width:76% !important;}
.bw80{ width:80% !important;}
.f30{font-size:30px !important; color:#999;}
.f20{font-size:20px !important;}
.f14{font-size:14px !important;}
.f12{font-size:12px !important;}
.red{ color:#F00 !important;}
.hui{ color:#999 !important;}
.hui6{ color:#666 !important;}
.hui3{ color:#333 !important;}
.blue{ color:#00F !important;}
.blue2{ color:#5A7AEA !important;}
.green{ color:green !important;}
.white{ color:#fff !important;}
.blueq{ color:#0099FF !important;}
.huang{ color:#FFA500 !important;;}
.fl{ float: left; }
.fr{ float: right !important; }
.clear{clear:both;}
.hand{ cursor:pointer;}
.mainbg{background:#F0F0F0;}
.vmiddle{vertical-align:middle;}
.show{ display: block !important;}
.none{ display: none !important;}

/*标签颜色*/
.bg01{ background-color:#FF0000; color:#FFF !important; padding:2px; border-radius:5px; font-size:14px;margin:0 3px;}
.bg02{ background-color:#F59A3D; color:#FFF !important; padding:2px; border-radius:5px; font-size:14px;margin:0 3px;}
.bg03{ background-color:#9F5F9F; color:#FFF !important; padding:2px; border-radius:5px; font-size:14px;margin:0 3px;}

.bg04{ background-color:#8FBC8F; color:#FFF !important; padding:2px; border-radius:5px; font-size:14px;margin:0 3px;}
.bg05{ background-color:#DB7093; color:#FFF !important; padding:2px; border-radius:5px; font-size:14px;margin:0 3px;}
.bg06{ background-color:#32CD32; color:#FFF !important; padding:2px; border-radius:5px; font-size:14px;margin:0 3px;}
.bg07{ background-color:#8E832f; color:#FFF !important; padding:2px; border-radius:5px; font-size:14px;margin:0 3px;}
.bg08{ background-color:#E47833; color:#FFF !important; padding:2px; border-radius:5px; font-size:14px;margin:0 3px;}
.bg09{ background-color:#5A7AEA; color:#FFF !important; padding:2px; border-radius:5px; font-size:14px;margin:0 3px;}
.bg10{ background-color:#871F78; color:#FFF !important; padding:2px; border-radius:5px; font-size:14px;margin:0 3px;}

.bg11{ background-color:#4A766E; color:#FFF !important; padding:2px; border-radius:5px; font-size:14px;margin:0 3px;}
.bg12{ background-color:#32CD99; color:#FFF !important; padding:2px; border-radius:5px; font-size:14px;margin:0 3px;}
.bg13{ background-color:#CFB53B; color:#FFF !important; padding:2px; border-radius:5px; font-size:14px;margin:0 3px;}
.bg14{ background-color:#5959AB; color:#FFF !important; padding:2px; border-radius:5px; font-size:14px;margin:0 3px;}
.bg15{ background-color:#3232CD; color:#FFF !important; padding:2px; border-radius:5px; font-size:14px;margin:0 3px;}
.bg16{ background-color:#D9D919; color:#FFF !important; padding:2px; border-radius:5px; font-size:14px;margin:0 3px;}
.bg17{ background-color:#97694F; color:#FFF !important; padding:2px; border-radius:5px; font-size:14px;margin:0 3px;}
.bg18{ background-color:#6B8E23; color:#FFF !important; padding:2px; border-radius:5px; font-size:14px;margin:0 3px;}
.bg19{ background-color:#7093DB; color:#FFF !important; padding:2px; border-radius:5px; font-size:14px;margin:0 3px;}
.bg20{ background-color:#238E68; color:#FFF !important; padding:2px; border-radius:5px; font-size:14px;margin:0 3px;}

.bg21{ background-color:#9370DB; color:#FFF !important; padding:2px; border-radius:5px; font-size:14px;margin:0 3px;}
.bg22{ background-color:#6B4226; color:#FFF !important; padding:2px; border-radius:5px; font-size:14px;margin:0 3px;}
.bg23{ background-color:#545454; color:#FFF !important; padding:2px; border-radius:5px; font-size:14px;margin:0 3px;}
.bg24{ background-color:#426F42; color:#FFF !important; padding:2px; border-radius:5px; font-size:14px;margin:0 3px;}
.bg25{ background-color:#8E6B23; color:#FFF !important; padding:2px; border-radius:5px; font-size:14px;margin:0 3px;}
.bg26{ background-color:#70DB93; color:#FFF !important; padding:2px; border-radius:5px; font-size:14px;margin:0 3px;}
.bg27{ background-color:#7F00FF; color:#FFF !important; padding:2px; border-radius:5px; font-size:14px;margin:0 3px;}
.bg28{ background-color:#D19275; color:#FFF !important; padding:2px; border-radius:5px; font-size:14px;margin:0 3px;}
.bg29{ background-color:#3299CC; color:#FFF !important; padding:2px; border-radius:5px; font-size:14px;margin:0 3px;}
.bg30{ background-color:#CCCCCC; color:#FFF !important; padding:2px; border-radius:5px; font-size:14px;margin:0 3px;}