@charset "utf-8";
@import url("icon/iconfont.css");
@import url("weui.min.css?t=1");
/* 全局样式
------------------------------------------------------------------*/
html,body{ height:100%;  max-width:640px;margin:0 auto;}
body,h1,h2,h3,p,dl,dd,ol,ul,th,td,form,fieldset,input,button,textarea,img{ margin:0; padding:0; box-sizing:border-box; }
body{ font-size:14px; font-family:"Microsoft Yahei"; background:#f5f5f5; }
ol,ul{ list-style:none; }
.left{ float:left; }
.right{ float:right; }
.weui-footer__link{ font-size:13px; line-height:30px; }
.weui-footer__text{ font-size:12px; line-height:26px; }
.weui-cell_link{ font-size:13px; }

/*页面头部
-------------------------------------------------------------------*/
.header{ display:block; height:40px; background:#2BCC92; border-bottom:1px solid #ececec; }
    .header .logo{ display:block; float:left; margin:5px auto auto 10px; height:36px; }
    .header .logo img{ height:34px; }
    .header .right{ position:absolute; top:0; right:0; display:inline-block; margin-right:15px; }
    .header .right a{ display:inline-block; margin:8px 0 0 2px; text-align:center; width:28px; height:28px; line-height:28px; }
    .header .right a:active{ background:#ececec; }
    .header .right a i{ color:#FFF; font-size:20px; }
    .header h3{ display:block; text-align:center; line-height:44px; color:#FFF; font-size:16px; font-weight:400; }
    .header .back{ position:absolute; margin:0; padding:0; display:inline-block; top:8px; left:10px; height:28px; line-height:28px; }
    .header .back i{ display:block; float:left; color:#FFF; font-size:20px; width:20px; line-height:28px; }
    .header .back span{ color:#09bb07; font-size:17px; line-height:20px; }

/*搜索框样式*/
.search-box{ position:relative; display:block; margin:0 60px 0 50px; padding:5px 0; height:34px; }
    .search-box .input-box{ position:relative; display:block; height:32px; border:1px solid #ececec; border-radius:3px; }
    .search-box .input-box input{ display:block; margin:0; padding:0 5px; width:88%; height:32px; line-height:32px; font-size:14px; background:#fff; border:none; }
    .search-box .input-box a{ position:absolute; top:0; right:0; display:block; width:12%; height:32px; text-align:center; background:#fff; }
    .search-box .input-box a:active{ background:#ececec; }
    .search-box .input-box a i{ color:#333; font-size:18px; line-height:32px; }
	
	/*图标导航样式*/
.nav-list{ position:relative; margin:5% auto 3% auto; width:100%; }
	.nav-list ul{ margin:0; padding:0; zoom:1; }
	.nav-list ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.nav-list ul li{ display:block; position:relative; list-style:none; float:left; margin:0; padding:0; width:25%; text-align:center; }
	.nav-list ul li a{ display:block; position:relative; margin:5% auto; text-align:center; width:68%; line-height:35px; }
	.nav-list ul li a img{ display:block; margin:auto; max-width:100%; }
	.nav-list ul li a.pressed img{ opacity:0.5; }
	.nav-list ul li a span{ display:block; margin:auto; width:98%; font-size:13px; font-weight:bold; color:#262626; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }

    .nav-wrap {
	height:36px;
	background-color: #fff;
	border-bottom: solid 1px  #CCCCCC;
    overflow:hidden;

}

.nav-box {
	height:36px;
	overflow: hidden
}

.nav-box li {
	float: left;
	font-size:16px;
	text-align: center
}

.nav-box a {
	color: #0088D1;
	height:36px;
	line-height: 36px;
	padding: 0 10px;
	display: inline-block
}

.nav-box .selected a {
	color: #0088D1;
	border-bottom: solid 2px #0088D1
}

	.freeship {
	padding-bottom: 0
}
.picks-box{ position:relative; margin:5% auto 3% auto; width:100%; }
.picks-bisect { height:100px; overflow:hidden; width:100%}
.picks-bisect .picks-item{ width:44%;margin-left:1%; float: left;}
.picks-bisect .picks-item img{width:100%}
.picks-bisect .even{  float: right;margin-right:1%;}

/*页面内容


/* 首页课程分类 */
.grid_wrap {
	padding: 10px;
	background: #FFF;
	position: relative;
}

.grid_wrap.grid_wrap_3 .grid_item {
	width: 32.3%;
}

.grid_wrap:after {
	content: "";
	display: block;
	clear: both;
}

.grid_wrap:before {
	content: " ";
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	color: #d9d9d9;
	bottom: -1px;
	border-bottom: 1px solid #d9d9d9;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleY(0.5);
	-ms-transform: scaleY(0.5);
	transform: scaleY(0.5);
}

.grid_wrap .grid_item {
	float: left;
	display: block;
	width: 19%;
	padding: 5px .5%;
	text-align: center;
}

.grid_wrap .grid_item img {
	border-radius: 5px;
	height: 42px;
}

.grid_wrap .grid_item .grid_hd {
	margin: 0;
}

.grid_wrap .grid_item .grid_bd {
	height: 20px;
	overflow: hidden;
	color: #515156;
}
.grid_wrap .grid_item .grid_bd p{
	font-size: .8rem;
}

.bor_no:before {
	border-bottom: none !important;
}

/* 记录为空样式 */
.my_empty {
	position: relative;
	left: 0;
	width: 100%;
	height: 300px;
	background: #FFF;
}

.empty_bd {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -60px;
	padding-top: 70px;
	width: 100%;
	heigth: 50px;
	text-align: center;
}

.empty_bd:before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -40px;
	width: 80px;
	height: 60px;
	background: url(../images/ico_empty.png) no-repeat;
	background-size: 100%;
}

.empty_bd h3 {
	line-height: 1.8em;
	font-size: 15px;
	color: #7e7e84;
}

.empty_bd p {
	line-height: 24px;
	font-size: 12px;
	color: #8e8e93;
}

.empty_bd a {
	color: #8e8e93;
}
.my_course_empty:before {
	background-position: 0 0;
}

/* 我的课程、优惠券选项卡切换 */
.tab_wrap {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 0px;
	background: #FFF;
}

.tab_wrap:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0;
	border-bottom: 1px solid #EAEAED;
	-webkit-transform: scaleY(0.5);
	-ms-transform: scaleY(0.5);
	transform: scaleY(0.5);
	z-index: 0;
}

.tab_wrap.tab_fixed_top {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10
}

.tab_wrap .tab_item {
	position: relative;
	-webkit-flex: 1;
	flex: 1;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	text-align: center;
	background: #fff;
}

.tab_wrap .tab_item a {
	position: relative;
	display: inline-block;
	padding: 15px 10px;
	min-width: 2em;
	line-height: 1em;
	font-size: 13px;
	color: #696969;
	-webkit-tap-highlight-color: transparent;
}

.tab_wrap .tab_item.tab_item_on a {
	color: #1d1d1d;
	font-weight: bold;
}

.tab_wrap .tab_item.tab_item_on a:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0;
	border-bottom: 5px solid #d7b262;
	-webkit-transform: scaleY(0.5);
	-ms-transform: scaleY(0.5);
	transform: scaleY(0.5);
	z-index: 2;
}



-------------------------------------------------------------------*/
/*图标菜单*/
.nav-list{ background:#fff; }
    .nav-list a .weui-grid__icon{ width:32px; height:42px; }
    .nav-list a .weui-grid__icon i{ color:#09bb07; font-size:32px; }
    .nav-list .weui-grid__label{ font-size:13px; }
.icon-list .weui-cell__hd i{ margin-right:10px; color:#09bb07; font-size:14px; }
    .icon-list .weui-cell__bd{ font-size:14px; }
    .icon-list .weui-cell__ft{ font-size:13px; }
.item-list .weui-cell__hd i{ margin-right:10px; color:#09bb07; font-size:14px; }
    .item-list .weui-cell__bd{ color:#333; font-size:13px; }
    .item-list .weui-cell__bd s{ color:#999; }
    .item-list .weui-cell__ft{ font-size:12px; }
/*文字列表*/
.txt-list{ position:relative; margin:0; padding:0; }
	.txt-list ul .nodata{ margin:0; padding:0; display:block; color:#999; font-size:14px; text-align:center; line-height:80px; background:#fff; }
	.txt-list ul li{ position:relative; margin:0; padding:0; background:#fff; }
    .txt-list ul li:active{ background:#ececec; }
	.txt-list ul li>a{ display:block; position:relative; margin-left:15px; padding:15px 15px 15px 0; font-size:13px; color:#333; line-height:1.1em; border-top:1px solid #ececec; }
    .txt-list ul li>a .wenzhang_logo{     margin-right: 10px;float:left; width:18px;height:18px;display:block; background:url(../images/icons/wenzhang.png);background-size: 100% 100%;background-repeat:no-repeat;}
	.txt-list ul li:first-child>a{ border-top:none; }
	.txt-list ul li>a:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.txt-list ul li>a>img{ float:left; margin-right:15px; width:70px; height:70px; }
	.txt-list ul li>a>h2{ display:block; margin:0; padding:0; color:#333; font-size:13px; font-weight:400; line-height:18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	.txt-list ul li>a .intro{ padding-top:6px; color:#999; font-size:12px; line-height:1.8em; height:3.6em; text-overflow:ellipsis; overflow:hidden; }
    .txt-list ul li>a .note{ padding-top:6px; }
	.txt-list ul li>a .note p{ color:#999; font-size:12px; line-height:1.8em; height:1.8em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	.txt-list ul li>a .note p .date{ display:inline-block; margin-right:5px; color:#cecece; font-style:normal; }
	.txt-list ul li>a .note p .hot{ display:block; float:right; padding:0 2px; color:#cecece; font-style:normal; }
    .txt-list ul li>a .note p .price{ display:inline-block; margin-right:2px; color:#f00; font-size:14px; font-weight:400; font-style:normal; }
	.txt-list ul li>a>.text{ display:block; line-height:18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	.txt-list ul li>a>.date{ display:block; float:right; margin:0 0.2em; padding:0; color:#cecece; font-size:12px; font-style:normal; line-height:18px; }
	.txt-list ul li>a>.number{ display:block; float:left; margin:0 5px 0 0; padding:0; width:18px; height:18px; line-height:18px; color:#fff; font-size:12px; font-style:normal; text-align:center; background:#09bb07; border-radius:18px; vertical-align:middle; }

/*图文列表*/
.img-list{ position:relative; margin:0; padding:0; }
	.img-list ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    .img-list ul .nodata{ margin:0; padding:0; display:block; color:#999; font-size:14px; text-align:center; line-height:80px; background:#fff; }
	.img-list ul li{ position:relative; float:left; width:100%; }
    .img-list ul li:active{ background:#ececec; }
	.img-list ul li .wrap{ position:relative; margin:0 0 -1px -1px; background:#fff; border:1px solid #ececec; border-right:none; }
    .img-list ul li:nth-child(1) .wrap,
    .img-list ul li:nth-child(2) .wrap{ border-top:none; }
	.img-list ul li .wrap .number{ position:absolute; display:inline-block; top:20px; left:15px; padding:0 7px; height:1.8em; line-height:1.8em; color:#fff; font-size:12px; text-align:center; border-radius:0 3px 3px 0; background:#09bb07; opacity:0.8; z-index:1; }
	.img-list ul li:nth-child(1) .wrap .number{ background:#f00; }
	.img-list ul li:nth-child(2) .wrap .number{ background:#f90; }
	.img-list ul li .wrap a{ display:block; position:relative; padding:15px; text-align:center; }
	.img-list ul li .wrap a img{ display:block; margin:auto; width:100%; }
	.img-list ul li .wrap a .note{ text-align:left; color:#999; }
	.img-list ul li .wrap a .note h2{ display:block; padding:10px 0 5px 0; color:#333; font-size:13px; font-weight:400; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	.img-list ul li .wrap a .note p{ padding:0 0 10px 0; color:#cecece; font-size:12px; line-height:1.3em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	.img-list ul li .wrap a .note p .price{ display:inline-block; margin-right:2px; color:#f00; font-size:14px; font-weight:400; font-style:normal; }
	.img-list ul li .wrap a .note p .hot{ display:block; float:right; font-style:normal; }

/*图片列表*/
.photo-list{ margin:15px 15px 0; padding:0; }
    .photo-list:after{ clear:both; content:"."; display:block; height:0; visibility:hidden; }
    .photo-list ul{ margin:0 0 0 -15px; }
    .photo-list ul .nodata{ margin:0 0 15px 0; padding:0; display:block; color:#999; font-size:14px; text-align:center; line-height:80px; background:#fff; }
    .photo-list li{ float:left; width:33.333%; list-style:none; }
    .photo-list li a{ display:block; margin:0 0 15px 15px; }
    .photo-list li a:active{ background:#ececec; }
    .photo-list li a img{ display:block; height:auto; width:100%; }
    .photo-list li a:active img{ opacity:0.8; }
    .photo-list li a h2{ display:block; color:#333; font-size:13px; font-weight:normal; line-height:30px; height:30px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
    .photo-list li a p{ color:#cecece; font-size:12px; line-height:1.2em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
    
/*内容样式*/
.goods-head{ margin:15px; padding:0; }
    .goods-head h2{ margin:0 0 10px; color:#333; font-size:16px; font-weight:400; line-height:1.3em; }
    .goods-head p{ color:#999; font-size:14px; line-height:24px; }
    .goods-head p .price{ margin-right:3px; color:#f00; font-size:17px; font-weight:600; }
.goods-btn-box{ position:relative; height:45px; }
    .goods-btn-box .wrap-box{ position:fixed; left:0; bottom:0; width:100%; border:1px solid #ececec; background:#fff; z-index:2; }
    .goods-btn-box a{ display:block; margin-top:-1px; float:right; width:50%; height:45px; line-height:45px; color:#fff; font-size:15px; text-align:center; }
    .goods-btn-box a.red{ background:#ff6000; }
    .goods-btn-box a.green{ background:#ffb002; }
    .goods-btn-box a i{ margin-right:3px; color:#fff; font-size:15px; }
    .goods-btn-box a:active{ opacity:0.8; }

/*栏目样式*/
.dialog-wrap{ position:fixed; top:0; left:0; right:0; bottom:0; background:#fff; z-index:1000; display:none; }
.dialog-box{ position:relative; width:100%; height:100%; overflow:auto; }
.navbar{ padding:10px 15px 15px 15px; }
.navbar li{ padding-top:10px; }
	.navbar li h3{ display:block; color:#09bb07; font-size:14px; font-weight:normal; line-height:42px; height:42px; }
	.navbar li h3 a{ color:#09bb07; }
	.navbar li p{ padding:5px 0; font-size:13px; line-height:20px; }
	.navbar li p a{ display:inline-block; margin-right:10px; padding:5px 10px; color:#333; border:1px solid #ececec; }
    .navbar li p a:active{ background:#ececec; }
    .navbar li p a.selected{ color:#fff; border-color:#09bb07; background:#09bb07; }
/*规格样式*/
.spec-wrap{ margin:0; padding:0; background:#fff; max-height:80%; overflow:auto; }
    .spec-wrap .close{ position:absolute; top:15px; right:15px; display:block; width:22px; height:22px; cursor:pointer; }
    .spec-wrap .close i{ color:#555; font-size:22px; line-height:1em; }
    .spec-wrap .spec-box{ margin:52px 15px 15px 15px; padding:0; }
    .spec-wrap .spec-box dl,
    .spec-wrap .spec-box .btn-box{ display:block; padding:10px 0; clear:both; color:#333; line-height:30px; border-bottom:1px solid #ececec; }
    .spec-wrap .spec-box dl:after,
    .spec-wrap .spec-box .btn-box:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    .spec-wrap .spec-box dl dt,
    .spec-wrap .spec-box .btn-box dt{ display:block; font-size:14px; line-height:30px; height:30px; }
    .spec-wrap .spec-box dl dd,
    .spec-wrap .spec-box .btn-box dd{ display:block; margin:0 0 0 -10px; }
    .spec-wrap .spec-box dl:first-child{ margin-top:-52px; }
    .spec-wrap .spec-box dl dd a{ display:inline-block; margin:10px 0 0 10px; color:#333; font-size:12px; background:#f3f3f3; border-radius:5px; }
    .spec-wrap .spec-box dl dd a.selected{ color:#fff; background:#f60; }
    .spec-wrap .spec-box dl dd a span{ padding:5px 10px; line-height:20px; }
    .spec-wrap .spec-box .btn-box dt{ float:left; }
    .spec-wrap .spec-box .btn-box dt span{ margin-left:10px; color:#999; font-size:13px; }
    .spec-wrap .spec-box .btn-box dt span b{ margin:0 2px; font-weight:normal; }
    .spec-wrap .spec-box .btn-box dd{ float:right; margin:0; padding:0; }
    .spec-wrap .spec-box .btn-box dd a{ display:inline-block; float:left; margin:0; padding:5px 10px; color:#666; font-size:15px; font-weight:bold; line-height:20px; text-align:center; background:#f3f3f3; border-radius:0; }
    .spec-wrap .spec-box .btn-box dd .input{ display:block; float:left; margin:0; padding:5px; width:50px; color:#333; font-size:14px; line-height:20px; text-align:center; border:none; background:#fff; }
    .spec-wrap .weui-actionsheet__cell{ display:block; color:#fff; font-size:15px; width:100%; line-height:1.5em; border:none; background:#ff6000; }
    .spec-wrap .weui-actionsheet__cell:active{ background:#f90; }
    .spec-wrap .weui-actionsheet__cell.over{ background:#ccc; }
/*详情页样式*/
.meta{ margin:15px; padding-bottom:15px; border-bottom:1px solid #ececec; }
	.meta .meta-tit{ color:#333; font-size:17px; font-weight:700; margin:0 0 5px; }
	.meta .meta-info{ font-size:12px; color:#cecece; line-height:1.8em; }
	.meta .meta-info span{ margin-right:5px; }
    .meta .meta-info span i{ margin-right:3px; font-size:13px; }
.entry{ margin:0 15px; padding:0; font-size:15px; line-height:24px; word-wrap:break-word; }
	.entry img{ max-width:100%!important; height:auto!important; }
	.entry h2,.entry h3,.entry h4{ padding-bottom:5px; border-bottom:1px solid #ddd; color:#222; }
	.entry h2{ font-size:17px; }
	.entry h3,.entry h4{ font-size:14px; }
	.entry strong{  }
	.entry ul,.entry ol{ margin:16px; }
	.entry li{ margin-left:26px; }
	.entry ul li{ list-style:disc outside none; }
	.entry ol li{ list-style:decimal outside none; }
	.entry p{ display:inherit; margin:15px 0; color:#333; font-size:14px; line-height:24px; word-wrap:break-word; }
	.entry a{ text-decoration:underline; }
	.entry code, .comment code{ background-color:#eee; border-radius:2px 2px 2px 2px; color:#777;font-family:'courier new'; margin:0 4px;padding:1px 4px;}
	.entry table{ border-left:1px solid #eee; border-top:1px solid #eee; }
	.entry table th{ background-color:#F9F9F9; text-align:center; }
	.entry table td, .entry table th{ border-bottom:1px solid #eee; border-right:1px solid #eee; padding:7px 10px; }

/*评论样式*/
.comment-box{ position:relative; margin:0; padding:0; }
.comment-add{ margin:15px 0 15px 15px; }
    .comment-add .input-box{ position:relative; margin:0 15px 15px 0; font-size:12px; }
    .comment-add .input-box .input{ display:block; margin:0; padding:5px 10px; width:100%; height:auto; border:1px solid #ddd; border-radius:0.2125em; font-family:"Microsoft Yahei",helvetica,arial; color:#262626; font-size:14px; line-height:1.3em; }
    .comment-add .input-box .code{ display:inline-block; width:65px; }
    .comment-add .input-box .weui-btn{ float:right; font-size:13px; }
    
.comment-list{ position:relative; margin:0; padding:0; }
	.comment-list .nodata{ margin-left:15px; color:#999; font-size:13px; text-align:center; line-height:80px; border-top:1px solid #ececec; }
	.comment-list li{ margin:15px; padding:0; 
	border-bottom:1px solid #ececec; }
	.comment-list li:first-child{ border-top:0px solid #ececec; }
	.comment-list li .avatar{ position:relative; float:left; width:40px; height:40px; background:#fafafa; border-radius:40px; overflow:hidden; }
	.comment-list li .avatar img{ width:100%; height:100%; }
    .comment-list li .avatar i{ color:#09bb07; font-size:40px; line-height:50px; }
    .comment-list li .inner{ margin-left:50px; }
	.comment-list li .inner .meta{ margin:0; padding:0 0 5px; color:#cecece; font-size:12px; border:none; }
	.comment-list li .inner .meta .blue{ color:#09bb07; }
	.comment-list li .inner .meta .time{ float:right; }
    .comment-list li .inner p{ margin:0; padding:0; color:#333; font-size:13px; line-height:1.5em; }
    
	.comment-list li .answer{ clear:both; margin:10px 0 0 50px; padding:10px; background:#f6f6f6; border:1px solid #e6e6e6; border-radius:5px; }
	.comment-list li .answer .meta{ margin:0 0 5px 0; padding:0; color:#999; font-size:12px; border:none; }
	.comment-list li .answer .meta .blue{ color:#1e7bb3; }
	.comment-list li .answer .meta .time{ float:right; }
    .comment-list li .answer p{ margin:0; padding:0; color:#333; font-size:13px; line-height:1.5em; }
    
.comment-more{ margin:15px; }
    .comment-more .weui-btn{ color:#555; font-size:13px; background:#fff; border:1px solid #e5e5e5; }

/*分页页码*/
.page-list{ position:relative; margin:10px 0; padding:0; clear:both; background:#fff; }
	.page-list:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.page-list a,
    .page-list span{ margin:0.5em 0;  padding:0.5em 0; display:; float:left; width:24.5%; line-height:1.2em; border-left:1px solid #ececec; font-size:13px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
    .page-list a:active{ background:#ececec; }
	.page-list span{ color:#999; }
	.page-list a{ color:#333; }
	.page-list span:nth-child(1),.page-list span:nth-child(2),.page-list a:nth-child(2){ display:block; float:left;}
	.page-list span:nth-last-child(1),.page-list a:nth-last-child(1){ display:block; float:left; border-left-color:#ececec; }
	.page-list .current{ display:block; float:left; }

/*视频容器*/
.video-box{ position:relative; margin:0 15px; }
    .video-box video{ margin:0; padding:0; }

/*会员样式*/
.form-logo{ margin:0 auto; padding-top:50px; text-align:center; }
    .form-logo img{ width:180px; height:44px; opacity:0.8; }
.oauth-box{ display:block; margin:0 auto 5px -10px; padding:0 15px; text-align:center; }
    .oauth-box a{ display:inline-block; margin:0 0 10px 10px; width:38px; height:38px; border-radius:38px; overflow:hidden; }
    .oauth-box a img{ width:100%; height:100%; }
.head-box{ margin:0px; padding:25px 10px; background:#fff; }
    .head-box .img-box{ float:left; width:60px; height:60px; border-radius:60px; background:#f8f8f8; overflow:hidden; }
	.head-box .img-box img{ width:100%; height:100%; }
    .head-box .img-box i{ color:#09bb07; font-size:60px; line-height:80px; }
	.head-box .tit-box{ display:block; margin:0 auto 0 75px; }
    .upgrade{ background:green; color:#fff;font-size: 10px;    padding: 2px 5px;  border-radius: 10px;margin-left: 8px;}
	.head-box .tit-box h3{ display:block; margin-bottom:5px; color:#333; font-size:17px; line-height:20px; text-shadow:none; }
	.head-box .tit-box p{ margin-top: 6px;display:block; color:#666; font-size:13px; line-height:18px; text-shadow:none; }
.form-box .weui-btn{ font-size:16px; }
    .form-box .weui-label,
    .form-box .weui-cell__bd,
    .form-box .weui-cell__bd p{ color:#333; font-size:13px; }
    .form-box .weui-cell__bd p i{ margin-left:5px; color:#999; font-size:12px; font-style:normal; }
    .form-box .select{ display:inline-block; width:30%; color:#555; font-size:14px; line-height:28px; height:28px; border:none; border-bottom:1px solid #ececec; background:#fff; }
    .form-box .vcode .weui-vcode-btn{ padding:0 1em; height:38px; line-height:38px; font-size:14px; border:1px solid #e5e5e5; }
    .form-box .vcode .weui-vcode-btn.gray{ color:#999; }
.form-preview{ font-size:15px; }
    .form-preview .weui-form-preview__btn{ font-size:15px; }
/*提示样式*/
.msg-box .weui-btn{ font-size:16px; }

/*订单样式
-------------------------------------------------------------------*/
.cart-list{ margin:0; padding:0; background:#fff; }
	.cart-list li{ position:relative; margin:0 0 0 15px; padding:15px 15px 15px 0; border-top:1px solid #ececec; }
	.cart-list li:after{ clear:both; content:"."; display:block; height:0; visibility:hidden; }
    .cart-list li:first-child{ border-top:none; }
	.cart-list li label.select{ position:absolute; display:block; top:15px; left:0; }
	.cart-list li .img-box{ display:block; float:left; margin:0 10px 0 20px; width:70px; }
	.cart-list li .img-box img{ width:70px; }
	.cart-list li>h2{ display:block; margin:0; padding:0; color:#333; font-size:13px; font-weight:normal; height:20px; line-height:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	.cart-list li p.stxt{ padding-top:5px; color:#999; font-size:12px; line-height:1.3em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	.cart-list li .note{ display:block; margin-left:80px; padding-top:8px; }
	.cart-list li .note .price{ display:inline-block; color:#F00; font-size:15px; font-style:normal; line-height:23px; }
	.cart-list li .note span{ display:block; float:right; color:#8c8c8c; font-size:12px; line-height:23px; }
    
	.cart-list li .note .btn-list{ display:block; float:right; }
	.cart-list li .note .btn-list input{ display:block; float:left; margin:0 0 0 -1px; padding:0; width:30px; height:25px; line-height:25px; text-align:center; border:1px solid #ddd; color:#555; font-size:13px; font-weight:bold; background:#fff; }
	.cart-list li .note .btn-list a{ display:block; float:left; margin:0 0 0 -1px; padding:0 8px; border:1px solid #ddd; color:#555; font-size:13px; line-height:23px; }
	.cart-list li .note .btn-list a.del { margin-left:5px; border:0; line-height:23px; color:#777; font-weight:normal; }
    .cart-list.inset li .img-box{ margin-left:0; }
    .cart-list li .note .right{ display:block; float:right; color:#666; font-size:14px; }
.cart-foot{ display:block; height:52px; background:#fff; border-top:1px solid #ececec; }
    .cart-foot .all{ display:block; float:left; margin-left:15px; width:60px; color:#333; font-size:14px; line-height:52px; }
    .cart-foot .all i{ font-size:15px; line-height:54px; }
    .cart-foot .total{ display:block; float:right; padding:0 10px; }
    .cart-foot .total p{ display:block; color:#999; font-size:13px; line-height:52px; }
    .cart-foot .total p b{ color:#f00; font-size:15px; }
    .cart-foot .btn{ display:block; float:right; margin-top:-1px; padding:0 15px; background:#f60; height:53px; line-height:53px; color:#fff; font-size:15px; }

.detail-list{}
    .detail-list ul .nodata{ position:relative; margin:10px 0 0 0; color:#999; font-size:13px; text-align:center; line-height:80px; background:#fff; }
    .detail-list ul .nodata:after{ content:" "; position:absolute; left:0; right:0; bottom:0; height:1px; color:#e5e5e5; border-bottom:1px solid #e5e5e5; transform-origin:0 100%; transform:scaleY(.5); }
    .detail-list ul .nodata:before{ content:" "; position:absolute; left:0; right:0; top:0; height:1px; color:#e5e5e5; border-top:1px solid #e5e5e5; transform-origin:0 0; transform:scaleY(.5); }
    .detail-list li{ position:relative; margin:10px 0 0 0; background:#fff; }
    .detail-list li:after{ content:" "; position:absolute; left:0; right:0; bottom:0; height:1px; color:#e5e5e5; border-bottom:1px solid #e5e5e5; transform-origin:0 100%; transform:scaleY(.5); }
    .detail-list li:before{ content:" "; position:absolute; left:0; right:0; top:0; height:1px; color:#e5e5e5; border-top:1px solid #e5e5e5; transform-origin:0 0; transform:scaleY(.5); }
    .detail-list li .detail-hd{ position:relative; padding:14px 15px 10px; color:#999; font-size:13px; }
    .detail-list li .detail-hd:after{ content:" "; position:absolute; left:15px; right:0; bottom:0; height:1px; color:#e5e5e5; border-bottom:1px solid #e5e5e5; transform-origin:0 100%; transform:scaleY(.5); }
    .detail-list li .detail-hd .fr{ float:right; color:#09bb07; }
    
    .detail-list li .detail-bd{}
    .detail-list li .detail-bd .list-box{ position:relative; display:block; padding:15px; }
    .detail-list li .detail-bd .list-box:after{ content:" "; position:absolute; left:15px; right:0; bottom:0; height:1px; color:#e5e5e5; border-bottom:1px solid #e5e5e5; transform-origin:0 100%; transform:scaleY(.5); }
    .detail-list li .detail-bd .list-box:last-child:after{ border:none; }
    .detail-list li .detail-bd .list-box .img-box{ position:relative; display:block; float:left; margin:0 10px 0 0; width:70px; height:70px; background:ececec; overflow:hidden; }
    .detail-list li .detail-bd .list-box .img-box img{ width:100%; height:100%; }
    .detail-list li .detail-bd .list-box .img-box i{ color:#999; font-size:70px; line-height:80px; }
    .detail-list li .detail-bd .list-box .txt-box:after{ clear:both; content:"."; display:block; height:0; visibility:hidden; }
    .detail-list li .detail-bd .list-box .txt-box>h2{ display:block; margin:0 0 5px 0; padding:0; color:#333; font-size:13px; font-weight:normal; height:20px; line-height:20px; white-space:normal; text-overflow:ellipsis; overflow:hidden; }
    .detail-list li .detail-bd .list-box .txt-box p{ color:#999; font-size:13px; line-height:22px; }
    .detail-list li .detail-bd .list-box .txt-box .note{}
    .detail-list li .detail-bd .list-box .txt-box .note span{}
    .detail-list li .detail-bd .list-box .txt-box .note .fr{ float:right; }
    .detail-list li .detail-bd .list-box .txt-box .note .price{ color:#f00; font-size:14px; }
	
	..txt-box ul{width:95%;padding:0;
        margin:0;list-style:none;}
	.datalist{background-color:#ebebeb; border-right: 1px solid #ebebeb;
        border-bottom: 1px solid #ebebeb;box-sizing: border-box;}	
	.datalist .title{  
	width:30%;float:left;}
	.datalist .cont{ width:70%;float:left;}
	.datalist li{ height:30px;
		 float: left;   margin:0;  padding:5px;background-color:#fafafa;   
        border-top: 1px solid #ebebeb;
        border-left: 1px solid #ebebeb;
        box-sizing: border-box;         
    } 
	.datalist .clearfix::after{
        content:"";
        display: block;
        clear: both;
    }
    
    .detail-list li .detail-ft{ position:relative; display:block; padding:15px; }
    .detail-list li .detail-ft:before{ content:" "; position:absolute; left:0; right:0; top:0; height:1px; color:#e5e5e5; border-top:1px solid #e5e5e5; transform-origin:0 0; transform:scaleY(.5); }
    .detail-list li .detail-ft p{ display:block; padding:5px 0; color:#999; font-size:13px; line-height:20px; }
    .detail-list li .detail-ft .fr{ float:right; }
    .detail-list li .detail-ft .ft-btn{ clear:both; padding:0; display:block; }
    .detail-list li .detail-ft .ft-btn:after{ clear:both; content:"."; display:block; height:0; visibility:hidden; }
    .detail-list li .detail-ft .ft-btn .check-box{ position:relative; display:block; margin-top:7px; float:left; color:#333; font-size:13px; line-height:16px; }
    .detail-list li .detail-ft .ft-btn .check-box input{ display:inline-block; margin:0 3px 0 0; padding:0; width:16px; height:16px; vertical-align:top; }
    .detail-list li .detail-ft .ft-btn .btn-box{ float:right; }
    .detail-list li .detail-ft .ft-btn .btn-box a{ display:inline-block; margin:0 0 0 5px; padding:8px 15px; color:#09bb07; font-size:13px; line-height:1em; border:1px solid #e5e5e5; }
    .detail-list li .detail-ft .ft-btn .btn-box a:active{ background:#ebebeb; }
    .detail-list li .detail-ft .ft-btn .btn-box a i{ color:#09bb07; font-size:13px; }

/*页面底部
-------------------------------------------------------------------*/
.foot-nav .weui-tabbar{ position:fixed; background:#fff; }
.foot-nav .weui-tabbar i.weui-tabbar__icon{ font-size:22px; }
.foot-nav .weui-tabbar .item-box{ display:inline-block; position:relative; }
.foot-nav .weui-tabbar .item-box .weui-badge{ position:absolute; top:-2px; right:-13px; }
.foot-nav .weui-tabbar .item-box .weui-badge_dot{ position:absolute; top:0; right:-6px; }
.footer{ padding:15px 0; }

.form-box .addcell{ padding:10px; margin:0 auto; font-size: 16px; background-color:#fff;border-radius:10px;width:90%;margin-top:10px;}
.form-box .addcell .celldiv{width:100%;}
.form-box .addcell .red{color:red;}
.form-box .addcell .fl{float:left;}
.form-box .addcell .fr{float:right;}
.form-box .addcell .bl{font-weight:bold;}
.form-box .addcell .tip{font-weight: normal;    background: transparent;
 line-height: 24px; width: 90%;
       display: inline;    font-size: 12px;   color: #757575;}
.form-box .addcell .tip span{margin-left: 1rem; }
.form-box .addcell .green{color:green;}
.form-box .addcell .input_div{padding: 5px;
    border: 1px solid #757575;
    border-radius: 3px;margin-top: 30px; }
.form-box .addcell .input_div input{width: 100%;outline: none; 
    border: 0px;}
.form-box .addcell .cellimg{}	
	.form-box .addcell .cellimg img{width:30%;height:90px;}
	
	
	
/******推广页******/

.tglist{}
.tglist .list_div{width: 97%;color: #000;
    height: 150px;
    background-color: #fff;
    display: block;
    margin: 0 auto;
    margin-top: 10px;    border-radius: 5px;    min-height: 80px;}
	.tglist .list_div a{color: #000;}
.tglist .list_div .list_cont{padding: 0.5rem;height: 5.5rem;    position: relative;}
.tglist .list_div .list_cont .img_left{    width: 4rem;
    height: 4rem;
    border-radius: 5px;
    float: left;
}
.tglist .list_div .list_cont .cont_right{    margin-left: 0.5rem;;
    float: left;}
.tglist .list_div .list_cont .cont_go{  
    vertical-align: middle;    position: absolute;
    
    color: #8b8b8b;
    top: 0.8rem;
    right: 0.1rem;}
.tglist .list_div .list_cont .cont_right .tg_fangshi{color:#8b8b8b;padding: 1px 3px 1px 3px;
    border: 1px solid #8b8b8b;line-height: 30px;
    border-radius: 3px;}
.tglist .list_div .list_cont .cont_right .tg_zgsy{color:#8b8b8b;font-size:0.5rem;}
.tglist .list_div .list_bt{
text-align: right;
    width: 95%;
    color: #8b8b8b;
    border-top: 1px dashed #dddddd;
margin: 0 auto; padding-top:0.5rem;}
.div_dialog_cont{width:100%;text-align:left;}
.div_dialog_cont span{margin-left:35px;line-height: 25px;}
.div_dialog_cont .cont_title{font-weight:bold;color:#000;}

#div_head{padding: 10px;color:#8b8b8b;
    height: 100px;    position: fixed;
    width: 100%;
    top: 40px;
    background-color: #fff;
    display: block;
    margin: 0 auto;
       border-top: 5px solid #e1e1e1;border-bottom: 5px solid #e1e1e1;}
#div_head .img_left{    width: 80px;
    height: 80px;    border-radius: 5px;    float: left;}
#div_head .cont_right{    margin-left: 13px;
    float: left;}
#div_head .cont_right .tg_name{color: #000;}
#div_head .tg_fangshi{color:#8b8b8b;margin-right:5px;
      }
	
	#div_cont{padding:10px;    margin-top: 160px;}
.myaccount{}
.myaccount .detail-li{width:95%;border-radius:5px; background-color:#fff; margin:0 auto;margin-top:10px;}
.myaccount .txt-box .leftimg{width:50px; height:50px;border-radius:5px; float:left;}
.myaccount .txt-box .dy_name{font-size:16px;padding: 5px 10px;color:#000;}
.myaccount .txt-box .dy_zy{font-size:12px;color:#8b8b8b;padding: 5px 10px;}
.myaccount .txt-box .dy_cont_go{    float: right;    font-size: 26px;
    color: #8b8b8b;    line-height: 0px;}
.myaccount .dy_addtime{float:right;color:#8b8b8b;font-size:12px;}
.myaccount .dy_fs{ color:#8b8b8b;font-size:12px;}
.myaccount .detail-ft{padding:5px;}

.form-box .add_account{border-bottom: 1px solid #bebebe;width:95%;padding: 15px 0px 15px 0px;margin:0 auto;}
.form-box .add_account .weui-label{font-size:16px;}
.form-box .add_account .input_div{font-size:16px;}
.form-box .add_account .input_div textarea{font-size:16px;border:0px;width:100%;}
.form-box .add_account #txtzhtype{font-size:16px;}
.form-box .add_account .input_div {
    padding: 5px;
    border: 1px solid #bebebe;
border-radius: 3px; }

.form-box .add_zhanghao .title{border-bottom:1px solid #bebebe;height: 30px;
    padding: 10px 5px;margin:10px 15px;}
	.form-box .add_zhanghao .title span{font-size:18px;}
.form-box .add_zhanghao{     padding-bottom: 10px;
   width: 95%;
    background-color: #fff;
    border-radius: 5px; margin:0 auto;margin-top:10px;}
.form-box .add_zhanghao .weui-label{font-size:16px;}
.form-box .add_zhanghao .input_div{font-size:16px;border-bottom: 1px solid #bebebe;}
.form-box .add_zhanghao #txtzhtype{font-size:16px;}
.form-box .add_zhanghao .weui-cell-first{    margin-top: 10px;}
.form-box .add_word{    width: 95%;
    margin: 0 auto;
    text-align: center;
    font-size: 28px;
    border: 1px dashed red;
    color: red;
    margin-top: 10px;}
	.form-box .add_zhanghao .delete{float: right;}
/****关键词列表页***/	
.txt-list .spread_list{width:100%;height:50px;padding: 10px;}
 .txt-list .spread_li{   width: 98%;
    margin: 0 auto;background: #fff;
    display: block;    position: relative;
    margin-bottom: 10px;
 border-radius: 5px;}
 .txt-list .spread_list .sp_check{    display: block;    float: left;    width: 20px;
    line-height: 50px;}
.txt-list .spread_list .spread_logo{width:45px;height:45px;border-radius: 5px;float:left;}
.txt-list .spread_list .sp_word{font-size:16px;color:#222;}
.txt-list .spread_list span{margin-left:10px;}
.txt-list .spread_list .sp_staust{color:#0eae0e;border:1px solid #0eae0e;    font-size: 12px;
    padding: 1px 15px;
    border-radius: 3px;}
.txt-list .spread_li .end_time{border-top:1px dashed #bebebe; text-align:right;}
 .txt-list .spread_li .end_time span{   font-size: 12px;
    padding: 1px 10px;
 color: #888;}
 .txt-list .spread_li .my_fb{height: 50px;color:#333;
    position: absolute;font-size: 16px;
    top: 10px;
    right: 10px;
 text-align: right;}
 .txt-list .spread_li .my_fb span{font-size: 12px;
    color: #888;}
/****发布列表 ****/	
.fb-_list{margin: 0 auto;
    width: 98%;}
.fb-_list .fb_head{height: 50px;
padding: 10px;border-bottom: 1px solid #888;}
 .fb-_list .fl{float:left;}
 .fb-_list .rl{float:right;}
 .fb-_list .fb_span{font-size:16px;color:#222;}
 .fb-_list .sy_span{font-size:12px;color:#888;}
 
 .fb_list{font-size:16px;}
  .fb_list .fb_link{font-size:12px;color:#888;}
 .fb_list .fb_list_fd{font-size: 12px;
 color: #888; padding: 10px 0;       border-top: 0.5px dashed #ddd;
    margin-top: 5px;}
  .fb_list .fb_list_fd .fb_status{
	  color: #0eae0e;
    border: 1px solid #0eae0e;
    font-size: 12px;
    padding: 1px 15px;
    border-radius: 3px;
  }
     .fb_list .fb_info{ float: right;}
  .fb_list .fb_list_fd .time{float:right;}
  .fb_list .meta{    border: 0;padding-bottom:0;}
 .fb_bottom{height:50px;}
 .fb_bottom .add_fb{ 
    width: 200px;
    background-color: #1aad19;
    text-align: center;
    padding: 10px 20px;
    border-radius: 20px;
    color: #fff;
    height: 20px;margin:0 auto;
    margin-top: 5px;}
.fb_add .fb_add_input {border: 1px solid #aaa;
    border-radius: 5px;
    padding: 5px;
    background-color: #f2f2f2;}	
.fb_add .fb_time input{border: 0;width: 90%;}
.fb_add .fb_time .sp_fb_time{}
.fb_add .fb_add_time li span{
	font-size: 12px;
    color: #888;
}
.fb_add .fb_add_time ol {
  counter-reset: li;  
}
.fb_add .fb_add_time ol li {
   
}
.fb_add .fb_add_time ol li::before{
   
}
 .fb_add .fb_add_time .div_xuhao{   margin-left: 25px;}
.fb_add .fb_add_time .xuhao{width:20px;height:20px;background-color:green;border-radius:50%;display: block;
    float: left;margin-top: 5px;}
.fb_add .fb_add_time .xuhao p{height:20px;line-height:20px;color:#fff;text-align:center;}	

.txt-list .spread_list .sp_staust_nopass{color:#e62035;border-color:#e62035;}	
.txt-list .spread_list .sp_staust_tijiao{color:#ff9600;border-color:#ff9600;	}
.comment-list .fb_list .sp_staust_nopass{color:#e62035;border-color:#e62035;}
.comment-list .fb_list .sp_staust_tijiao{color:#ff9600;border-color:#ff9600;	}
.spread .no_data i{    width: 60%;
     height:300px;
    background: url(../images/nodata.png);
    background-repeat: no-repeat;display:block;margin: 0 auto;
	background-size: 100%;
    margin-top: 100px;}	
.txt-list .no_data_gushi i{    width: 60%;
     height:300px;
    background: url(../images/nodata_gushi.png);
    background-repeat: no-repeat;display:block;margin: 0 auto;
	background-size: 100%;
    margin-top: 100px;}	
.txt-list .no_data_tgm i{    width: 60%;
     height:300px;
    background: url(../images/nodata_tgm.png);
    background-repeat: no-repeat;display:block;margin: 0 auto;
	background-size: 100%;
    margin-top: 100px;}	
.spread_fabu .no_data i{    width: 60%;
     height:300px;
    background: url(../images/nodata_fabu.png);
    background-repeat: no-repeat;display:block;margin: 0 auto;
	background-size: 100%;
    margin-top: 100px;}
.header_link{margin-top: 10px;}	
.header_link .caidan{  height: 40px;}
.header_link .caidan a{    width: 50%;
    display: block;
    float: left;color:#000;
    text-align: center;
    font-size: 18px;}
.header_link .hot a{width: 33.3%;}	

.header_link .caidan span{    width: 50%;
    display: block;
    float: left; height: 1px;
    text-align: center;padding:0;margin:0;border:0;
    }
.header_link .hot span{    width:  33.3%;}
.header_link .caidan .fl{float:left;}
.header_link .caidan .rl{float:right;}
.header_link .caidan span i{        display: none;    }
.header_link .caidan span.on i{       border-bottom: 3px solid #c91623;
    width: 20%;
    margin: 0 auto;display:block;   }
.header_link .caidan a.on{font-weight:bold;}
.header_link span{border: 1px solid #888;color:#666;
    padding: 3px 10px;
    border-radius: 3px;
        margin: 10px 5px;}	
.header_link  .span_on{border-color:#c91623;color:#c91623;background-color:#f8d6da;}	
	
.comment-list .spread_list{height:80px;    position: relative;}
.comment-list .spread_list .spread_logo{margin-top: 10px;}
.comment-list .spread_list .fb_link{width:60%; margin-left: 10px; font-size:12px;
color:#888;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.nomore{    text-align: center;display:none;}
.foot-nav{height:10%;}	
.my_fabu_list .my_fb_rl{right:30px;}

.sy_top{height:200px; width:100%;background-color:#000;color:#fff;}
.sy_top .sy_top_head{padding:10px;}
.sy_top .sy_top_head .zhzl{font-weight: bold;}
.sy_top .sy_top_head .tixian{float:right; border:1px solid #fff;border-radius:20px;padding: 0px 10px;}

/******收益明细页面*******/
.sy_list_head .list_div{width:98%;background-color:#fff;border-radius:6px;
margin:0 auto;margin-top:6px;height:150px;}
.sy_list_head .list_div .title{padding: 5px 20px;font-weight:bold;font-size:16px;display: block;}
.sy_list_head .list_div .sy_show{float:left; width:50%;}
.sy_list_head .list_div .fl span{margin-left:20px;}
.sy_list_head .list_div .sy_show .sy_num{font-size:16px;font-weight:bold;}
.sy_list_head .list_div .sy_show  .xzsy{color:#f56c6c;}
.sy_list_head .list_div .sy_show  .ljsy{color:#c91623;}
.sy_list_head .list_div .sy_show  .wdz{color:#f9ae3d;}
.sy_list_head .list_div .sy_show  .ydz{color:#07c160;}

.sy_list_div {width: 98%;
    background-color: #fff;
    margin: 0 auto;border-radius: 6px;
    margin-top: 10px;
     }
.sy_list_div .sy_table{    width: 100%;
    padding: 15px 5px;font-size:12px;color:#333;} 
	
.sy_list_div table tr:nth-child(odd){background-color:#fff;}
.sy_list_div table tr:nth-child(even){background-color:#f8f8f8;}  
.sy_list_div .sy_table th{ border-bottom: 1px solid #eee;   text-align:left;padding-left:5px;    background-color: #f8f8f8}
.sy_list_div .sy_table td{ border-bottom: 1px solid #eee;   text-align:left;padding-left:5px;}
.sy_list_div .sy_table tr{ height: 40px;}
.sy_list_div .sy_table thead{height: 40px;background-color: #f8f8f8;}
 
.sy_list_div .sy_table .gjc{white-space: nowrap;overflow: hidden;
 text-overflow: ellipsis;    width: 90px;color: #4abef8;
    display: block;}
	.sy_list_div .sy_table .yxrq_red{white-space: nowrap;overflow: hidden;
 text-overflow: ellipsis; color: red;
    display: block;}
	.sy_list_div .sy_table .yxrq{white-space: nowrap;overflow: hidden;
 text-overflow: ellipsis; color: #4abef8;
    display: block;}
.sy_list_div .sy_table .sy{color: #4abef8;}

.sy_top .show{padding: 20px;}
.sy_top .show .sy_show{float:left; width:50%;}
.sy_top .show .fl span{margin-left:20px;}
.sy_top .show .sy_show .sy_num{font-size:16px;font-weight:bold;}
.sy_top .show .sy_show  .xzsy{color:#f56c6c;}
.sy_top .show .sy_show  .ljsy{color:#c91623;}
.sy_top .show .sy_show  .wdz{color:#f9ae3d;}
.sy_top .show .sy_show  .ydz{color:#07c160;}

.div_dialog_sy{    height: 150px;}
.div_dialog_sy .fl{     float: left;   line-height: 25px;}
.div_dialog_sy .rl{    float: right;
    line-height: 25px; 
    }

.div_dialog_sy .fl_dy{  width: 35%;  float: left; color: #222;   line-height: 28px;text-align:right;}
.div_dialog_sy .rl_dy{    float: right;
    line-height: 28px;
    width: 65%;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}
input,textarea,select:focus { outline: none; }

.header .icon-add{background:url(../images/icons/add.png);background-size:100% 100%;    display: block;
    width: 25px;
    height: 25px;}
	
	
/**duanju**/	
.txt-list .video_list{width:100%;height:120px;padding: 10px;}
 .txt-list .video_list_li{   width: 98%;
    margin: 0 auto;background: #fff;
    display: block;    position: relative;
    margin-bottom: 10px;
 border-radius: 5px;}
.txt-list .video_list .spread_logo{width:60px;height:120px;border-radius: 5px;float:left;}
.txt-list .video_list .sp_word{font-size:16px;color:#222;font-weight: bold;}
.txt-list .video_list span{margin-left:10px;}
.txt-list .video_list .sp_staust{color:#0eae0e;border:1px solid #0eae0e;    font-size: 12px;
    padding: 1px 15px;
    border-radius: 3px;}
.txt-list .video_list .sp_intro{display:-webkit-box;overflow:hidden;white-space:normal!important;
text-overflow:ellipsis;word-wrap:break-word;width: 60%;
    margin-left: 70px;color: #888;min-height: 45px;
-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.txt-list .video_list_li .end_time{border-top:1px dashed #bebebe; text-align:right;}
 .txt-list .video_list_li .end_time span{   font-size: 12px;
    padding: 1px 10px;
 color: #888;}
 .txt-list .video_list_li .my_fb{height: 120px;color:#333;
    position: absolute;font-size: 16px;
    top: 50px;
    right: 10px;
 text-align: right;}
 .txt-list .video_list_li .my_fb span{font-size: 12px;
    color: #888;}

.meta .btncopy{width: 80px;color:#fff;background-color:#fd6965;
    text-align: center;
    padding: 3px 1px;float:left;margin-right: 20px;
    border-radius: 10px;}
	
	
.gushi_class {    padding: 20px;	min-height: 500px;}
.gushi_class ul li{float: left;margin-bottom: 15px;
        font-size: 20px;margin-right: 10px;}	
.gushi_class ul li a{     border: 1px solid #333;
    padding: 3px 10px;
    border-radius: 20px; color:#333;}	


.header .gushi_search{padding: 5px 20px;
background-color: #fff;	}
.header .gushi_search .search_input	{width: 80%;
    border: 0;
    font-size: 18px;}
	
.header .gushi_search .search_btn	{    width: 18%;background-color: #f8f8f8;
    border: 1px solid #ddd;
    padding: 3px;}	
	
	.header_link .gushi_search{padding: 5px 20px;
background-color: #fff;	}
.header_link .gushi_search .search_input	{width: 80%;
    border: 0;
    font-size: 18px;}
	
.header_link .gushi_search .search_btn	{    width: 18%;background-color: #f8f8f8;
    border: 1px solid #ddd;
    padding: 3px;}

.header_bottom .gushi_search{padding: 5px 20px;
background-color: #fff;	}
.header_bottom .gushi_search .search_input	{width: 80%;
    border: 0;
     font-size:1rem;}
	
.header_bottom .gushi_search .search_btn	{    width: 18%;background-color: #f8f8f8;
    border: 1px solid #ddd;
    padding: 3px;}	
	
.video_show	.video_show_bg{margin-top:0px;    position: relative;
		    min-height: 700px;    background-position-y: -350px;}
.video_show	.video_show_bg .video_show_cont{ position: absolute;   min-height: 500px;
       background-color: #fff;    top: 200px;    border-top-right-radius: 20px;
    border-top-left-radius: 20px;    width: 100%;}
	
.video_show	.video_show_bg .video_show_cont .show_img{width:30%;float: left;}	
.video_show	.video_show_bg .video_show_cont .show_img img{width: 100px;     height: 150px;   border-radius: 5px;}			
.video_show	.video_show_bg .video_show_cont .video_show_meta{margin: 15px 15px 0 15px;
min-height:160px;}	
.video_show	.video_show_bg .video_show_cont .meta-tit{font-size:18px;font-weight:bold;
    color: #333;}
.video_show	.video_show_bg .video_show_cont .entry {padding:10px;}	
.video_show	.video_show_bg .video_show_cont .entry .v_head{    font-size: 20px;
    font-weight: bold;
    color: #2196F3;
}	
.video_show	.video_show_bg .video_show_cont .entry .v_head span{    
position: relative;
            width: 300px;
            height: 50px;
             
            padding: 4px
}
.video_show	.video_show_bg .video_show_cont .entry .v_head span:before {
	 content: "";
            position: absolute;
            left: 25%;
            bottom: -3px;
            width: 50%;
            height: 3px;
            background-color: #2196F3;
        }
.video_show	.video_show_bg .video_show_cont .entry .v_cont{padding: 20px;
}		

.tgm-dialog-wrap{ position:fixed; top:0; left:0; right:0; bottom:0;
background:rgba(0,0,0,.6); z-index:1000; display:none; }
	
.tgm-dialog-box	{    height: 230px; 
    background: #fff;
	    bottom: 0; border-top-right-radius:10px;
    border-top-left-radius: 10px;
    position: absolute;
    width: 100%;    z-index: 100000;
}
.tgm-dialog-box .tgm_header{text-align:center;    height: 30px;
    font-size: 18px;  padding: 15px 15px 0 15px;}
.tgm-dialog-box .tgm_header i{float:right; font-size: 18px;}	
	
	
.tgm-dialog-box	.tgm_form{font-size: 18px;padding: 15px;height:100px}
.tgm-dialog-box	.tgm_form .input_tgm{    float: left;
    margin-left: 10px;    border: 1px solid #bbb;width: 280px;
    border-radius: 5px;padding: 5px;margin-bottom: 10px;}
.tgm-dialog-box	.tgm_form .input_tgm input{width:270px;  border:0px;  font-size: 18px;}
.tgm-dialog-box	.tgm_form span{ float: left;margin-bottom: 10px;line-height:40px;}
.tgm-dialog-box	  .btn_tgm{    text-align: center;}
.tgm-dialog-box	  .btn_tgm input{     width: 90%;
    border: 0;color: #fff;
    padding: 10px;
    background-color: #2BCC92;
    font-size: 18px;
    border-radius: 30px;   }

/*****推广码列表*****/
.tgm-list .video_tmg_li{    width: 98%;
    height: 220px;background-color: #fff;
    margin: 5px;border-radius: 8px;position: relative;}

.tgm-list .video_tmg_li .tmg_logo{width:90px;height:150px;border-radius: 5px;float:left;}
.tgm-list .video_tmg_li .tgm_word{font-size:16px;color:#068cf7;font-weight: bold;}
.tgm-list .video_tmg_li  span{display: flow-root;
    padding-left: 10px;    color: #888;} 
.tgm-list .video_tmg_li .tgm_list{ padding:8px;}
.tgm-list .video_tmg_li .my_tmg{position: absolute;
    top: 5px;
    right: 5px;}
.tgm-list .video_tmg_li .tgm_bottom{width: 100%;
    float: left;color: #888;    
    border-top: 1px dashed #888;
        padding: 15px 0;font-size: 10px;
    margin: 5px;
    margin-top: 10px;}
.tgm-list .video_tmg_li .sy_div{background-color: #ecf5ff;
    margin-left: 100px;
    padding-left: 0;    border-radius: 5px;}
	.tgm-list .video_tmg_li .sy_div .tgm_amount{width: 100%;
    padding: 0;    color: #068cf7;
    text-align: center;padding: 5px 0px;}
.tgm-list .video_tmg_li .sy_div span{float:left;width:20%;}


.header_link .gjc_search{padding: 5px 20px;
background-color: #fff;	margin-top: 10px;}
.header_link .gjc_search .search_input	{width: 80%;
    border: 0;
    font-size: 18px;}
	
.header_link .gjc_search .search_btn	{    width: 18%;background-color: #f8f8f8;
    border: 1px solid #ddd;
    padding: 3px;}	

.tuandui .nickname{white-space:nowrap; color: #2196F3;
  text-overflow:ellipsis;     float: left;
  overflow:hidden; 
  width: 80px;display:block;}
.tuandui .sy_table th{    font-size: 0.8rem;
    font-weight: bold;}


/**红果短剧**/	
.txt-list .hongguo_list{width:100%;height:120px;padding: 10px;}
 .txt-list .hongguo_list_li{   width: 98%;
    margin: 0 auto;background: #fff;
    display: block;    position: relative;
    margin-bottom: 10px;
 border-radius: 5px;}
.txt-list .hongguo_list .spread_logo{width:5rem;height:7.5rem;border-radius: 5px;float:left;}
.txt-list .hongguo_list .sp_word{font-size: 0.8rem;
    color: #222;
    font-weight: bold;
        margin-top: 0rem;margin-left: 5.5rem;    width: 12rem;}
.txt-list .hongguo_list .meidan{font-size: 0.8rem;
    color: #222;  margin-left: 5.5rem;}
.txt-list .hongguo_list .sp_total_sy{ 
    color:#0eae0e; border-radius: 3px;background-color:#d7f4d7;
-webkit-line-clamp:2;-webkit-box-orient:vertical;border:1px solid #0eae0e;padding: 1px 15px;}
.txt-list .hongguo_list span{margin-left:10px;}
.txt-list .hongguo_list .sp_staust{color:#0eae0e;border:1px solid #0eae0e;    font-size: 12px;
    padding: 1px 15px;
    border-radius: 3px;}
.txt-list .hongguo_list .sp_intro{display:-webkit-box;overflow:hidden;white-space:normal!important;
text-overflow:ellipsis;word-wrap:break-word;width: 60%;
    margin-left: 70px;color: #888;min-height: 45px;
-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.txt-list .hongguo_list_li .end_time{border-top:1px dashed #bebebe; text-align:right;}
 .txt-list .hongguo_list_li .end_time span{   font-size: 12px;
    padding: 1px 10px;
 color: #888;}
 .txt-list .hongguo_list_li .my_fb{    color: #fff;
    position: absolute;
    font-size: 16px;
    top: 50px;
    right: 10px;
    text-align: right;
    background:  linear-gradient(to right,#2bf9b7,#2bcc92);;
    border-radius: 0.6rem;
    padding: 0.2rem 0.7rem;}
.hg_header_link{width: 95%;
    margin: 0 auto;    padding: 1rem 0;    height: 8rem;}
	
.hg_header_link	.hg_left{float:left;width:6.5rem;}
.hg_header_link	.hg_right {    margin-left: 6rem;}
.hg_header_link	.hg_right .title{font-size:1.3rem;font-weight:bold;line-height: 2.5rem;}	
.hg_header_link	.hg_right .pingtai{    font-size: 1.2rem;
    line-height: 1.5rem;
    color: #888;line-height: 2.1rem;}	
.hg_header_link	.hg_right .pingtai i{background:url(../images/hg_logo.png) no-repeat;
    width: 1.5rem;
    height: 1.5rem;
    display: block;
    background-size: 100%;
    float: left;    margin-top: 0.51rem;}
.hg_header_link	.hg_right .shouyi{font-size: 1.2rem;
    line-height: 1.5rem;
    color: #888;}
.hg_header_link	.hg_right .bookid{font-size: 0.8rem;
     
    color: #888;}
.laxin{background-color:#f6f5f9;width: 95%;border-radius: 0.4rem;
    margin: 0 auto;    padding: 1rem 0;    height: 2.5rem;color: #888;}
.laxin .lx_left{float:left;width:50%;    text-align: center;}
.laxin .lx_right{width:50%;    float: left;    text-align: center;}
.laxin .title{font-size:1.2rem; font-weight:bold;color:#000;}
.copy_link{background-color:#e3e3e3;width: 95%;border-radius: 0.4rem;
    margin: 0 auto;    padding: 1rem 0;    height: 1.5rem;color: #888;}
.copy_link .copy_left{float:left;font-size: 1.2rem;
    line-height: 1.5rem;font-weight:bold;color:#000;    margin-left: 1rem;}
.copy_link .copy_btn{    float: right;
    width: 5rem;
    height: 1.5rem;
    background-color: #f6f5f9;
    color: #000;
    margin-right: 1rem;
    text-align: center;
    padding: 0.1rem;border-radius: 0.3rem;font-weight: bold;cursor: pointer;}
	
	
	
/****红果关键词列表页***/	
.txt-list .hg_spread_list{width:100%;height:50px;padding: 10px;}
 .txt-list .hg_spread_li{   width: 98%;
    margin: 0 auto;background: #fff;
    display: block;    position: relative;
    margin-bottom: 10px;
 border-radius: 5px;
     box-shadow: 0px 0px 3px 1px #eee;}
 .txt-list .hg_spread_list .sp_check{    display: block;    float: left;    width: 20px;
    line-height: 50px;}
.txt-list .hg_spread_list .spread_logo{width:45px;height:45px;border-radius: 5px;float:left;}
.txt-list .hg_spread_list .sp_word{font-size:1.2rem;color:#222;font-weight:bold;}
.txt-list .hg_spread_list span{margin-left:5px;color: #888;
    font-size: 0.6rem;}
.txt-list .hg_spread_list .sp_staust{color:#0eae0e;border:1px solid #0eae0e;    font-size: 12px;
    padding: 1px 5px;
    border-radius: 3px;}
	.txt-list .hg_spread_list .sp_staust_tijiao{color:#888;border:1px solid #888;}
	.txt-list .hg_spread_list .sp_staust_nopass{color:#f56c6c;border:1px solid #f56c6c;}
.txt-list .hg_spread_li .end_time{border-top:1px dashed #bebebe; text-align:right;}
 .txt-list .hg_spread_li .end_time span{   font-size: 12px;
    padding: 1px 10px;
 color: #888;}
 .txt-list .hg_spread_li .btn_huitian{ color:#333;font-weight:bold;
    position: absolute;font-size: 16px;
    top: 1rem;
    right: 10px;
 text-align: right;
 color: #fff;
    
    text-align: right;
    background: linear-gradient(to right,#2bf9b7,#2bcc92);
    border-radius: 0.6rem;
    padding: 0.2rem 0.7rem;}
.txt-list .hg_spread_li .look_yy{color:#000;background:#f2f2f2;}
 .txt-list .hg_spread_li .my_fb span{font-size: 12px;
    color: #888;}

/*******星图任务中心页面****/
  .xt_renwu li{  margin-bottom: 0.8rem;background-color: #fff;    border-radius: 0.8rem;}
.xt_renwu{width: 98%;
    margin: 0 auto;}
.xt_renwu .title{	    font-size: 0.8rem;
    font-weight: bold;
padding-left: 0.5rem;}
.xt_renwu .ewm{}
.xt_renwu .ewm img{width:100%;}
.xt_renwu .btn_copy{    float: right;background-color: #FF9800;
    color: #fff;
    padding: 0.1rem 0.5rem;    font-size: 0.6rem;
    border-radius: 0.7rem;
     }

.xt_renwu .bottom{width: 95%;color: #888;    padding: 0.3rem 0;
margin: 0 auto;}
.no_data_xt_renwu{    text-align: center;}

.weui-tabbar__item.message_weidu .weui-tabbar__icon, 
.weui-tabbar__item.message_weidu .weui-tabbar__icon>i, 
.weui-tabbar__item.message_weidu .weui-tabbar__label {color:red;}

/*******小说列表text-overflow:ellipsis;overflow: hidden;-o-text-overflow:ellipsis;white-space:nowrap;****/
.txt-list .hongguo_list .xiaoshuo_title{  
display: block;
 width: 13rem;}


#goodcover {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index: 1001;
	-moz-opacity: 0.8;
	opacity: 0.50;
	filter: alpha(opacity=80);
}
.goodcover {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index: 1001;
	-moz-opacity: 0.8;
	opacity: 0.50;
	filter: alpha(opacity=80);
}
#code {
	width: 100%;
	height: 95%;
	background-color: #fff;
	padding: 10px 0;
	position: fixed;
	bottom:0;
	display: none;	 
	z-index: 1002;
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;    background: #f5f5f5;
}
.book_cont {
	width: 95%;
	 
	background-color: #fff;
	 
	position: fixed;
	 
	display: none;	 
	z-index: 1002;
	   background: #f5f5f5;
	    left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
 
  top: 50%;
  transform: translateY(-50%);
}
.close1 {
	width: 95%;
	height: 1.5rem;
}
#closebt {
	float: right;
}
#closebt img {
	width: 1rem; 
}
::-webkit-input-placeholder {/*webkit内核浏览器*/
color: #aaa;}
:-moz-placeholder {/* Firefox 18-*/
color: #aaa;}
::-moz-placeholder {/* Firefox 19+*/
color: #aaa;
}
:-ms-input-placeholder{color: #aaa;}


/****公告*****/
.gonggao{width:95%;margin:0 auto;}
.gonggao li>a{    display: block;
    position: relative;
    margin-left: 15px;
    padding: 15px 15px 15px 0;
    font-size: 13px;
    color: #333;
    line-height: 1.1em;}
.gonggao li{    height: 10rem;    margin-bottom: 1rem;
    border-radius: 0.5rem;       background-color: #fff;}
.gonggao li>a .gg_head{height:2rem;    line-height: 1.8rem;}
.gonggao li>a .gg_logo{     margin-right: 10px;float:left; width:1.5rem;
height:1.5rem;display:block; background:url(../images/gg_logo.png);background-size: 100% 100%;background-repeat:no-repeat;}
.gonggao li>a .addtime{float:right;color:#aaa;    line-height: 2rem;}	

.gonggao li>a .gg_body{       line-height: 1.5rem; text-align: left;height:4rem;position:relative;
    font-weight: bold;}
.gonggao li>a .gg_body span{     font-size: 0.8rem;position: absolute; top: 50%; 
transform: translateY(-50%);    width: 100%;
    left: 0; }
.gonggao li>a .gg_line{width: 95%;
    margin: 0 auto;border-top: 1px solid #ececec;
}
.gonggao li>a .gg_bottom{
    width: 95%;color:#aaa;
    margin: 0 auto;
padding: 1rem 0;}
.gonggao li>a .gg_bottom i{float:right;}

/*****首页公告******/
.gonggao_index{     border-radius: 0.5rem;background-color:#f5f5f5;height: 3rem;}
.gonggao_index .gg_head{float: left;
    width: 2.5rem;
    margin: 0.7rem 0.4rem;}
.gonggao_index .gg_head span{    padding: 0.2rem 0.3rem;
    background: #fe6033;
    color: #fff;
    border-radius: 0.6rem;
    font-size: 0.8rem;}
.gonggao_index .gg_title{float:left; font-weight:bold;  
    font-size: 0.8rem;
  margin: 0.7rem 0;}
.gonggao_index .gg_title a{color:#000;}
.gonggao_index .gg_title span{
	display: block;
	white-space:nowrap;/*强制单行显示*/
text-overflow:ellipsis;/*超出部分省略号表示*/
overflow:hidden;/*超出部分隐藏*/
width:100%;/*设置显示的最大宽度*/}
.gonggao_index .gg_all{float:right;    margin: 0.7rem 0;font-size: 0.8rem;}
.gonggao_index .gg_all a{color:#888;}


/*******星图短剧页面****/
.header_bottom .hg_menu{width:49%;float:left;
 	}
.header_bottom .fq_menu{width:49%;float:left;
 	}
	.header_bottom .dy_menu{width:100%;float:left;
 	}
	.header_bottom .dy_menu img{width:100%; 
 	}
.header_bottom .hg_menu img{width:100%;
 	}
.header_bottom .fq_menu img{width:100%; 
 	}
  .xt_duanju li{  margin-bottom: 0.8rem;background-color: #fff; width:33%;float:left;    border-radius: 0.8rem;}
.xt_duanju{width: 98%;
    margin: 0 auto; background-color:#fff;}
.xt_duanju .title{	    font-size: 0.8rem;
    font-weight: bold;
padding-left: 0.2rem;    height: 1.2rem;width:7rem;margin: 0 auto;}
.xt_duanju .title span{	display:inline-block;width:7rem;word-wrap:break-word;   
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;}
.xt_duanju .fengmian{text-align:center;position:relative;}
.xt_duanju .fengmian .hot{    position: absolute;
    top: 0;
    left: 0rem;
    width: 2.1rem;
    height: 2.1rem;}
.xt_duanju .fengmian .img{    width: 7rem;
    height: 10rem;    border-radius: 0.3rem;}
.xt_duanju .btn_copy{    float: right;background-color: #FF9800;
    color: #fff;
    padding: 0.1rem 0.5rem;    font-size: 0.6rem;
    border-radius: 0.7rem;
     }

.xt_duanju .bottom{width: 95%;color: #888;   padding-left: 0.2rem;width:7rem;margin: 0 auto;}
.no_data_xt_renwu{    text-align: center;}

.xt_duanju_show{width: 95%;
    margin: 0 auto;    padding: 1rem 0;    height: 11rem;}
.xt_duanju_show	.xt_duanju_left #download{position:absolute;width:9rem;
background-color: rgba(0, 0, 0, 0.4); display:none;
color:#fff;bottom:0.4rem;text-align:center;border-radius:0.5rem;
}	
.xt_duanju_show	.xt_duanju_left{float:left;width:8rem;position:relative;}
.xt_duanju_show	.xt_duanju_left img{width:8rem; border-radius:0.5rem;height:11rem;}
.xt_duanju_show	.xt_duanju_right {    margin-left: 9rem;}
.xt_duanju_show	.xt_duanju_right .title{font-size:1.2rem;font-weight:bold;line-height: 2.8	rem;
font-weight:bold;}	
.xt_duanju_show	.xt_duanju_right .btn_tougao{  float: right;
    background-color: #fe3470;
    padding: 0.1rem 0.8rem;
    border-radius: 0.8rem;
    color: #fff;margin-right: 1rem;}
.xt_duanju_show	.xt_duanju_right .pingtai{    font-size: 1.2rem;
    line-height: 1.7rem;
    color: #888; }	
.lookmore{ float:right;    color: #aaa;font-weight: normal;}
.xt_duanju_show	.xt_duanju_right .linklist{     }
.xt_duanju_show	.xt_duanju_right .linklist li{ background-color:#d6d6d6;    width: 11rem;
    text-align: center;
    padding: 0.1rem 0.1rem;
    border-radius: 0.5rem;
    margin-bottom: 0.3rem;    }
.xt_duanju_show	.xt_duanju_right .linklist a{      background: url(../images/dy_logo.png) no-repeat;
    display: inline-block;
    padding-left: 1.3rem;
    text-decoration: none;
    background-size: 1rem;
    line-height: 1rem;color:#000;  }
	.xt_duanju_show	.xt_duanju_right .pingtai .bili{color:red; font-size:1rem;font-weight:bold;}
.xt_duanju_show	.xt_duanju_right .tougao{    font-size: 1rem;
    line-height: 2rem;    word-break: break-all;
    color: #888; }	 
.xiaoshuo_cont p{word-break:break-word;width:95%;}
.dj_show_fenyong{width:95%; background:url(../images/xt_dj_show_fenyong.png) no-repeat;
height:7.8rem;margin:0 auto;background-size:100% 100%;position:relative;}
.dj_show_fenyong .bili{position:absolute;    top:2rem;
       width: 50%;
    text-align: center;
    font-size: 1rem;
    font-weight: bold;}
.dj_show_fenyong .sc_link{position:absolute; top:4.5rem;right:1rem;}
.dj_show_fenyong .sc_link .btn_copy{background-color: #d6d6d6;
    border-radius: 0.3rem;
    padding: 0.3rem 0.8rem;    float: right;color:#000;margin-left: 0.3rem;
    font-weight: bold;
    font-size: 0.8rem;
}}

.wangpan{background-color:#242222;width: 95%;border-radius: 0.4rem;
    margin: 0 auto;    padding:0;    height: 7.5rem;}
.wangpan .wp_title{color: #fff;font-size:1rem;padding:0.5rem; height: 1.5rem;}
.wangpan .wp_body{ background-color: #302d2d;color: #888;height: 4.5rem;}
.wangpan .wp_body span{display: flow-root;padding: 0 0.5rem;
     word-break: break-all;}
.wangpan .btn_copy{  font-weight:bold;color:#000;background-color: #fff;    width: 4rem;
    text-align: center;    float: right;
    border-radius: 0.3rem;margin:0 1rem;}
.renwu_img{width:96%;margin:0 auto;    margin-top: 0.5rem;}
.renwu_img img{width:100%;}
.renwu_bz{width:96%;margin:0 auto;margin-top: 0.5rem;padding-left:1rem;    line-height: 1.7rem;}
.red{color:red;}

/******新首页*****/
.menu_index {width:95%;margin:0 auto;margin-top: 1rem;overflow: hidden;}
.menu_index ul{ width:100%;}

.menu_index li{ width:23%; float:left;margin-right: 2.6%;}
.menu_index li a img{ width:100%; }
.menu_list {width:95%;margin:0 auto;margin-top: 1rem;overflow: hidden;}

.menu_list ul{ width:100%;}
.menu_list li{ width:50%; float:left;margin-right: 0;}
.menu_list li a img{ width:98%; }

/******星图活动页*****/
.hd_top{width:100%;}
.hd_top img{width:100%;}
.huodong_menu ul{width:100%;    height: 4rem;
    margin-top: 1rem;}
.huodong_menu ul li{    float: left;
    width: 33%;    text-align: center;}
.huodong_menu ul li a{width:6rem;height:3rem;margin:0 auto;display: block;
    }
.huodong_menu ul .xt_dj a{ background:url(../images/xingtu/xt_dj.png?t=1) no-repeat;background-size: 100% 200%;}
.huodong_menu ul .xt_tw a{ background:url(../images/xingtu/xt_tw.png?t=1) no-repeat;background-size: 100% 200%;}
.huodong_menu ul .xt_ff_dj a{ background:url(../images/xingtu/xt_ff_dj.png?t=1) no-repeat;background-size: 100% 200%;}
.huodong_menu ul .on a{background-position:0 100%;}

/*********下载页面***********/
.down_header{top: 0;height: 40px;
    width: 100%;position: fixed;}
.down_header .back {
    position: absolute;    margin: 0;    padding: 0;    display: inline-block;
    top: 8px;    left: 10px;    height: 28px;    line-height: 28px;
}
.down_header .back i {
    display: block;    float: left;    color: #FFF;    font-size: 20px;
    width: 20px;    line-height: 28px;
}
.down_header .right {
    position: absolute;    top: 0;    right: 0;
    display: inline-block;    margin-right: 15px;
}
.down_header .right a i {
    color: #FFF;
    font-size: 20px;
}
.down_header .right a {
    display: inline-block;    margin: 8px 0 0 2px;    text-align: center;
width: 28px;    height: 28px;    line-height: 28px;}
.down{
	width:100%;margin:0;padding:0;
}
.down img{width:100%;height:auto;display:block;padding:0;border:0;
	}
.down_btn_list{margin-top:1rem;}
.down_btn_list .down_btn img{width:100%;height:auto;
	}
.down_btn_list .down_btn{width:85%;margin:0 auto;margin-top:1rem;}
.down_bottom{width: 90%;
    margin: 0 auto;font-size: 0.6rem;margin-top:1rem;}

/*******显示加载中....*****/
.mask{
	width: 100%;
	height: 100%;
	background-color: rgba(242,242,242, 0.5);
	position: fixed;
	left: 0;
	top: 0;
	text-align: center;
	display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
  	align-items: center;
    -webkit-justify-content: center;
  	justify-content: center;
}
.mask>div{
	border: 1px solid #D0D0D0;
	font-size: 12px;
	padding: 5px 15px;
	max-width: 150px;
	color: #494A5F;
	background: url(../images/loading.gif) no-repeat 5px 5px;
	padding-left: 25px;
	background-color: #FFFFFF;
	word-wrap: break-word;
	margin: 0 auto;
}

.scroll-off{
	position:fixed;
	overflow-y:hidden
}


/******教程页*****/
.jiaocheng_top{width:100%;}
.jiaocheng_top img{width:100%;height: auto;
    display: block;
    padding: 0;
    border: 0;}
.jiaocheng_menu{	width:90%;}
.jiaocheng_menu ul{width:100%;    height: 4rem;
   }
.jiaocheng_menu ul li{    float: left;
    width: 25%;    text-align: center;}
.jiaocheng_menu ul li a{width:3rem;height:4rem;margin:0 auto;display: block;
    }
.jiaocheng_menu ul .jc_tw a{ background:url(../images/jiaocheng/jc_tw.png?t=1) no-repeat;background-size: 100% 200%;}
.jiaocheng_menu ul .jc_dj a{ background:url(../images/jiaocheng/jc_dj.png?t=1) no-repeat;background-size: 100% 200%;}
.jiaocheng_menu ul .jc_xbbk a{ background:url(../images/jiaocheng/jc_xbbk.png?t=1) no-repeat;background-size: 100% 200%;}
.jiaocheng_menu ul .jc_rmjq a{ background:url(../images/jiaocheng/jc_rmjq.png?t=1) no-repeat;background-size: 100% 200%;}
.jiaocheng_menu ul .on a{background-position:0 100%;}
.jiaocheng_list li{width:50%;float:left;}
.jiaocheng_list .jc_li{
    background-color: #fff;
    border-radius: 0.8rem;
    padding: 0.5rem;
    width: 80%;
    margin: 0 auto; margin-top: 0.8rem;}
.jiaocheng_list{width: 98%;
    margin: 0 auto; background-color:#fff;}
.jiaocheng_list .jc_li .fengmian img{width:100%; }
.jiaocheng_list .jc_li  .bottom{height: 1rem;}
.jiaocheng_list .jc_li  .bottom span{color:#888;font-size:0.6rem;}
.jiaocheng_list .jc_li  .bottom span i{background: url(../images/jiaocheng/click.png?t=1) no-repeat;
    width: 0.8rem;    height: 0.8rem;    float: left;    display: block;
       background-size: 100% 100%;margin-right: 0.2rem;}
.jiaocheng_list .jc_li  .bottom .golink{float:right;}
.jiaocheng_list .jc_li .title{display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
width: 100%;}
.jiaocheng_list .jc_li .golink{background-color: #ec6941;
    color: #fff;
    font-size: 0.5rem;
    padding: 0rem 0.2rem;
border-radius: 0.8rem;}