@charset "utf-8";
	body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td {
	margin:0;
	padding:0;
	font-size:14px
}
body,button,input,select,textarea {
	font-size:14px;
	font-family:Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%
}
.siteinfo-visit .layui-btn-danger{
        background-color:#f2784b;
}
small {
	font-size:12px
}
ul,ol {
	list-style:none
}
a {
	text-decoration:none
}
a:hover {
	text-decoration:underline
}
sup {
	vertical-align:text-top
}
sub {
	vertical-align:text-bottom
}
legend {
	color:#393D49
}
fieldset,img {
	border:0
}
button,input,select,textarea {
	font-size:100%
}
table {
	border-collapse:collapse;
	border-spacing:0
}
.layui-nav .layui-this::after,.layui-nav-bar,.layui-nav-tree .layui-nav-itemed::after {
	background-color:#393D49
}
.layui-tab-brief>.layui-tab-title .layui-this
{
	color: #5b6b82;
    font-weight: bold;
    font-size: 15px;
}
.layui-tab-brief>.layui-tab-title .layui-this a
{
	color: #5b6b82;
    font-weight: bold;
    font-size: 15px;
}
.layui-tab-title a
{
	color: #5b6b82;
    font-size: 15px;
}
.layui-tab-title li{
 	color: #5b6b82;
    font-size: 15px;   
}
.pay-rank-item-title .layui-badge-rim{
    color: #f2784b;
}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after
{
	border-bottom: 2px solid #393D49;
}
.layui-btn-primary {
	border:1px solid #F2F2F2;
	color:#a5a5a5 !important
}
.pay-rank-item-intro
{
    color: #5b6b82;
}
.new-add .layui-elem-quote {
	background-color:#fff;
	border-left:none;
    color: #5b6b82;
    font-size: 15px;
    font-weight: bold;
	padding: 15px 10px 15px 15px !important;
}
.layui-breadcrumb{
    border-radius: 5px;
}
.layui-card-body {
    position: relative;
    padding: 10px 15px 15px 15px;
    line-height: 24px;
}
.cateDir{
	border-radius: 5px;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05);    
}
.cateDir .layui-elem-quote {
	background-color:#fff;
	border-left:none;
    color: #5b6b82;
    font-size: 15px;
    font-weight: bold;
	padding: 15px 10px 20px 15px !important;
}
.layui-elem-quote {
	background-color:#fff;
	border-left:none;
    color: #5b6b82;
    font-size: 15px;
    font-weight: bold;
	margin-bottom: -10px;
	padding: 15px;
    border-radius:5px;
}
.layui-badge-rim{
	border: 0;
	color: #393D49;
	padding-left:5px;
	padding-right:3px;
	background-color: #f8f8f8;
	font-weight: bold;
}
.layui-btn-warm{
    background-color: #3DC7BE;
}
.outbox .layui-badge-rim{
	color: #393D49;
}
.bestbox-body .layui-badge-rim{
	color: #f2784b;
}
.layui-badge{
	height: 18px;
    line-height: 18px;
	background-color: #393D49;
}
.mainbox-right .layui-badge{
    height: 20px !important;
    width: 20px !important;
    line-height: 20px !important;
    background-color: #393D49;
    padding: 0px;
    font-size: 14px;
    border-radius: 3px;
}
.mainbox-left .layui-badge{
    height: 20px !important;
    line-height: 20px !important;
    background-color: #393D49;
    padding: 0px;
    font-size: 14px;
    border-radius: 3px;
}
.mainbox-left .artinfo .layui-badge{

    width: 40px !important;

}
.mainbox-left #siteinfo-pay-list .layui-badge-rim{
    color: #f2784b;
}
.mainbox-left #article-pay-list .layui-badge-rim{
    color: #f2784b;
}
.new-add .layui-badge{

    line-height: 22px !important;
    background-color: #f8f8f8 !important;
    padding-left: 5px;
    padding-right: 3px;
    font-size: 12px;
    color: #3DC7BE !important;
    font-weight: bold;
}

.layui-table tbody tr:hover,.layui-table thead tr,.layui-table-click,.layui-table-header,.layui-table-hover,.layui-table-mend,.layui-table-patch,.layui-table-tool,.layui-table[lay-even] tr:nth-child(2n) {
	background-color:#f4f9ff
}
.layui-fixbar li{
	background:#fff;
	color:#393D49
}
.time {
	color:#8fa1b3;
	float: right;
}
cite,i,em {
	font-style:normal
}
.friendlink{
    border-radius: 5px;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05);
}
.friendlink .layui-card-header{
    color: #5b6b82;
    font-size: 15px;
    font-weight: bold;
}
.friendlink .linkbox-list a{
    color:#5b6b82;
}
.friendlink .layui-icon-link{
    font-size: 13px;
}
.index-article .layui-icon-rmb{
    font-size: 14px;
}
.wrapper {
	margin:0 auto;
	width:1200px;
}
.wrapper .index-article{
    margin-bottom: 5px;
}

.wrapper .inbox{
    margin-bottom: 5px;
}

.wrapper .outbox{
    margin-bottom: 5px;
}
.clearfix:after {
	clear:both;
	content:'.';
	display:block;
	font-size:0;
	height:1;
	visibility:hidden
}
*html .clearfix {
	zoom:1
}
*:first-child+html .clearfix {
	zoom:1
}
body {
	background:#f1f5f8;
}
a {
	color:#1f2f3e;
	text-decoration:none
}
a:hover {
	color:#393D49;
	text-decoration:none
}
.blank10 {
	clear:both;
	display:block;
	font-size:10px;
	height:10px;
	line-height:10px;
	width:100%
}
.more {
	color:#999;
	font-size:12px;
	position:relative;
	right:31px
}
.gre {
	color:#080
}
.org {
	color:#f60
}
.chart {
	background:#fff;
	padding:20px;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
}

.layui-table img {
	max-width:none !important
}
.attr {
	width:200px;
	position:absolute;
	right:10px;
	top:14px
}
.attr li {
	float:left;
	padding:10px 5px
}
.layui-icon-diamond {
	color:#393D49 !important
}
.layui-icon-fire {
	color:#393D49 !important
}
.layui-bg-blue {
	background-color:#393D49 !important
}
.siteinfo-top{height: 270px;min-width: 1200px;background-image: linear-gradient(#1b334b, #174b75);}
	.siteinfo-cover-img{float:left;text-align:center;}
	.siteinfo-cover-src{display:block;height:180px;overflow: hidden;}
	.siteinfo-title .title{font-size: 28px;color:#fff;}
	.siteinfo-title .site-info-in{
	    margin-left: 10px;
    border: 1px solid #3DC7BE;
    color: #3DC7BE;
    border-radius: 3px;
    padding: 0px 8px 0px 8px;
    font-size: 14px !important;
    display: inline-block;
    margin-top: 10px;
    position: absolute;}
	.siteinfo-intro{margin-top: 20px;color:#c7d8e4;font-size: 15px;line-height: 33px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	.siteinfo-tags{margin-top:10px}
	.copyright p{
		line-height:30px;
	  }
	  .search-box
	  {
		  min-width: 1200px;
		  background: #1b334b !important;
	  }
	  
	  .header{
		  min-width: 1200px;
	  }
	.header-nav {
	width:100%;
	height:60px;
	background:#1b334b;
}
.header-nav .layui-nav {
	float:left;
	background:none;
	width:1000px;
	height:60px;
	position:relative;
	padding-left:0px;
}
.header-nav .layui-nav-item a:hover {
	background:#102133;
	color:rgba(255,255,255,.7);
	text-decoration:none
}
.topbox {
	min-width:1200px;
	height:30px;
	line-height:30px;
	border-bottom:1px dashed #000;
	background:#fff
}
.public{
	width: 120px;
	height: 51px;
	background: #2fa23d;
	border: 1px solid #2fa23d;
	color: #fff;
	display: inline-block;
	line-height: 51px;
	text-align: center;
	border-radius: 3px;
	
}
.index-main {
	border-radius:5px;
	overflow:hidden;
	margin-top: 10px;
}
.flag {
	background:#393D49;
	color:#fff;
	padding:10px;
	margin-right:5px;
	border-radius:500px 0px 0px 500px
}
.step ul {
	overflow:hidden
}
.step ul li {
	width:210px;
	height:60px;
	line-height:60px;
	background:#f6f6f6;
	padding-left:20px;
	float:left
}
.layui-btn-normal {
	background:#1b334b;
}
.login-text {
	float:left;
	font-family:"微软雅黑"
}
.user-avatar {
	width:40px;
	height:40px;
	display:inline-block;
	background:url(./user_avatar.jpg) no-repeat;
	border-radius:50%;
	float:left
}
.login-text a {
	color:#a39898;
	text-decoration:none
}
.login-status {
	height:120px;
	line-height:64px
}
.top-ulogin {
	position:absolute;
	right:0px;
	top:21px
}
.top-ulogin a {
	display:block;
	float:left;
	color:rgba(255,255,255,.7);
	font-size:13px;
	padding:0px !important;
	margin-right:1px;
	text-align:center;
	text-decoration:none;
	width:33px
}
.top-ulogin .qq {
	background:url(../images/sprite.png) no-repeat -56px -295px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	height:16px;
	width:15px
}
.top-uinfo {
	margin-top:10px
}
.layui-nav-bar {
	display:none
}
.layui-nav-bar {
	background-color:none !important
}
.top-uinfo a {
	margin:0 5px
}
.top,.best{
    color: #fff;
    border: 1px solid #3DC7BE;
    border-radius: 3px;
    margin: 0 2px;
    font-size: 13px;
    display: inline-block;
    padding: 0px 10px;
    float: right;
    height: 23px;
    line-height: 23px;
    background: #3DC7BE;
    font-weight: normal;
}
.recommend {
    color: #fff;
    border: 1px solid #3598dc;
    border-radius: 3px;
    margin: 0 2px;
    font-size: 13px;
    display: inline-block;
    padding: 0px 10px;
    float: right;
    height: 23px;
    line-height: 23px;
    background: #3598dc;
    font-weight: normal;
}
.fasttrial {
    color: #fff;
    border: 1px solid #f2784b;
    border-radius: 3px;
    margin: 0 2px;
    font-size: 13px;
    display: inline-block;
    padding: 0px 10px;
    float: right;
    height: 23px;
    line-height: 23px;
    background: #f2784b;
    font-weight: normal;
}

.index-article {
	overflow:hidden
}
.index-article .more {
	color:#8fa1b3;
	position:inherit;
	float: right;
	padding: 0px 10px;
	font-size: 10px;
	font-weight: normal;
    background: #fafbfd;
    border: 1px solid #f5f5f5;
    border-radius: 10px;
    height: 20px;
    line-height: 20px;
}
.coolbox-list .more {
	color:#8fa1b3;
	position:inherit;
	float: right;
	padding: 0px 10px;
	font-size: 10px;
	font-weight: normal;
    background: #fafbfd;
    border: 1px solid #f5f5f5;
    border-radius: 10px;
    height: 20px;
    line-height: 20px;
}
.index-article .layui-inline ul {
	height:340px
}
.index-article .layui-inline {
	width:360px;
	float:left;
	margin:0px 5px;
	line-height:33px;
	background:#fff;
	border-radius: 5px;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
	padding: 15px 15px 32px 15px;
}
.index-article .layui-inline ul li {
	line-height:25px;
	position:relative;
	color: rgb(151, 148, 148));
	list-style-type: none;
}
.homebox .index-article .layui-inline{
    padding: 15px 15px 15px 15px;
}
.homebox .index-article .item{
    padding-top: 30px;
    padding-left: 2px;
}
.index-article .layui-inline .item a {
	width:274px;
	height:27px;
	display:inline-block;
	overflow:hidden;
	position:relative;
}
.sobox {
	height:80px;
	padding-top:10px
}
.logo {
	float:left;
	height:59px;
	width:190px;
	margin-top:12px
}
.logo h1 {
	display:none
}
.search {
	position:relative
}
.search_form1 {
	width:923px;
	margin:0 auto;
	position:absolute;
	top:-642px;
	left:240px
}
.search-title {
	width:100px;
	float:left;
	height:48px;
	position:relative;
	top:0px;
	border:1px solid #FFF;
	border-radius: 5px 0 0 5px;
}
.search-other li,.search-title h4 {
	text-align:center;
	height:48px;
	line-height:46px;
	color:#1f2f3e;
	background:#f1f5f8;
}
.search-other li {
	border-bottom:1px solid #eee
}
.search-other li:hover {
	background:#f2784b;
	
}
.search-other {
	width:100px;
	overflow:hidden;
	display:none;
	position:absolute;
	top:51px;
	left:-1px;
	background:#fff;
	border:1px solid #eee;
	z-index:1
}
.search-title:hover .search-other {
	cursor:pointer
}
.search-other:active {
	display:none
}
.search-main {
	width:100%
}
.search-keywords {
	width:640px;
	height:48px;
	float:left;
	margin-left: -1px;
}
.keywords {
	width:500px;
	height:100%;
	outline:none;
	padding-left:5px;
	border:1px solid #fcfcfc
}

input::-webkit-input-placeholder{
    color:#5b6b82;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#5b6b82;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#5b6b82;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#5b6b82;
}

.submit {
	cursor:pointer;
	width:120px;
	height:51px;
    background: #f2784b;
    border: 0px solid #f2784b;
    border-bottom: 4px solid #f2784b;
    color: #F4F4F4;
    border-radius: 0 5px 5px 0;
    margin-left: -5px;
    font-size: 16px;
}
.submit:hover {
	background:#f9865c;

}
.search-head {
	width:728px;
	margin-left:102px;
	overflow:hidden
}
.search-head li {
	float:left;
	height:25px;
	line-height:25px;
	text-align:center;
	height:100%;
	margin-right:5px
}
.search-head li a {
	margin:0 auto;
	color:#fff;
	width:50px;
	height:100%;
	border-radius:3px;
	padding:11px 15px;
	line-height:38px
}
.search-head li a:hover {
	background:#f2784b;
	color:#fff
}
.sofrm {
	display:block;
	padding-top:14px;
	position:relative;
	width:520px
}
.sipt {
	background:#fff;
	border:solid 1px #ccc;
	border-right:0;
	display:block;
	font-size:14px;
	float:left;
	height:19px;
	padding:6px 6px 6px 90px;
	width:350px
}
.sbtn {
	background:#393D49;
	border:0;
	color:#fff;
	cursor:pointer;
	height:32px;
	width:71px
}
.sbtn:hover {
	background:url(../images/sprite.png) no-repeat 0 -103px;
	border:0;
	color:#fff;
	cursor:pointer;
	height:32px;
	width:71px
}
#selopt {
	background:url(../images/select.gif) no-repeat;
	height:30px;
	width:90px;
	position:absolute;
	left:2px;
	top:17px
}
#cursel {
	cursor:pointer;
	display:block;
	height:28px;
	line-height:28px;
	overflow:hidden;
	text-indent:12px;
	width:90px
}
#options {
	border:solid 1px #ccc;
	border-top:0;
	display:none;
	list-style:none;
	position:absolute;
	left:-2px;
	width:80px;
	z-index:1000
}
#options li {
	background:#fff;
	clear:both;
	cursor:pointer
}
#options li a {
	color:#555;
	display:block;
	height:25px;
	line-height:25px;
	text-decoration:none;
	text-align:center
}
#options li a:hover {
	background:#393D49;
	color:#fff;
	display:block;
	text-decoration:none
}
.current {
	background:#97c853;
	color:#fff;
	display:block;
	text-decoration:none
}
.navbox {
	width:100%;
	min-width:1200px;
	background:#393D49;
	color:#a41515
}
.navfixed {
	position:fixed;
	top:0px;
	z-index:10
}
.navbar {
	width:1200px;
	margin:0 auto;
	height:50px
}
.navbar li {
	float:left;
	height:50px;
	line-height:50px;
	text-align:center;
	width:120px
}
.navbar li a {
	display:block;
	text-decoration:none;
	color:#fff
}
.navbar li a:hover {
	color:#fff;
	background:#393D49
}
.navbar .navline {
	background:#ccc;
	display:block;
	height:20px;
	margin-top:10px;
	width:1px
}
.navbar .navcur {
	background:#393D49
}
.navbar .navcur a,.navbar .navcur a:hover {
	color:#fff;
	font-weight:bold
}
.navbar .navcur span {
	display:inline-block;
	*display:inline;
	*zoom:1;
	height:16px;
	width:18px
}
.tools {
	width:100%;
	height:auto;
	overflow:hidden;
	margin-bottom:10px;
	border:1px solid #F3F3F3
}
.tools a {
	width:100px;
	height:40px;
	line-height:40px;
	margin:10px;
	border:1px solid #F3F3F3;
	color:#8E8E8E;
	float:left;
	text-align:center;
	border-radius:7px;
	display:inline-block;
	background:#F3F3F3
}
.tools a:hover {
	background:#393D49;
	color:#fff;
	text-decoration:none
}
.collect {
	position:relative;
	right:-241px;
	top:0px
}
.right-txt {
	width:159px;
	padding-top:6px;
	font-size:12px;
	float:left;
	overflow:hidden;
	height:20px
}
.right-txt .txtScroll-top {
	width:125px;
	overflow:hidden;
	position:relative
}
.right-txt .txtScroll-top .hd {
	overflow:hidden;
	height:100%;
	background:#f4f4f4
}
.right-txt .txtScroll-top .hd ul {
	float:right;
	overflow:hidden;
	zoom:1;
	margin-top:10px
}
.right-txt .txtScroll-top .hd ul li.on {
	background-position:0 0
}
.right-txt .txtScroll-top .infoList li {
	height:24px;
	line-height:24px
}
.right-txt .txtScroll-top .infoList li .date {
	float:right;
	color:#999
}
.new-add ul li {
	height:30px;
	overflow:hidden;
	margin-bottom: 10px;
	background: #fafbfd !important;
    border: 1px solid #f5f5f5;
    font-size: 13px;
    border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
}
#audit-icon {
	position:absolute;
	top:0px;
	z-index:100;
	right:0px
}
#best-icon {
	position:absolute;
	top:0px;
	z-index:100;
	right:0px
}
.homebox-right {
	float:right;
	width:930px
}
.homebox-left {
	float:left;
	width:255px
}
.homebox-left .cateDir ul li {
	overflow:hidden;
	padding-bottom:10px;
    border-bottom: 1px solid #f1f5f8;
}
.homebox-left .cateDir ul li a {
	float:left;
	font-size:13px;
	height:28px;
	text-align:center;
	width:70px;
    background: #fafbfd !important;
    border: 1px solid #f5f5f5;
	margin:5px -4px 5px 12px;
	line-height:28px;
	border-radius:5px;
	color:#1f2f3e !important;
}
.homebox-left .cateDir ul li a:hover {
	text-decoration:none;
	background:#393D49;
	color:#fff
}
.homebox-left .layui-elem-quote {
	padding:8px
}
.bestbox {
	background:#fff;
	border-radius: 5px;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
     margin-bottom: -5px;
}
.bestbox .layui-icon-rmb{
    font-size: 14px;
}
.bestbox .layui-icon-flag{
    font-size: 15px;
}
.bestbox-title {
	background:#f7f9fa;
	border-bottom:solid 1px #d8d8d8;
	font-size:14px;
	height:38px
}
.bestbox-title span {
	background:#fff;
	border-right:solid 1px #d8d8d8;
	display:block;
	font-weight:bold;
	height:39px;
	line-height:39px;
	text-align:center;
	width:100px
}
.bestbox-body {
	padding:15px
}
.bestbox-list {
	padding-left:0px
}
.bestbox-list li {
	margin-right:10px;
	float:left;
	font-size:13px;
	height:24px;
	line-height:24px;
	padding:4px 0px;
	overflow:hidden;
	white-space:nowrap;
	width:109px;
	background: #fafbfd !important;
    border: 1px solid #f5f5f5;
    border-radius: 5px;
    padding-left: 5px;
    margin-bottom: 10px;
}
.slideTxtBox-a {
	width:100%;
	background:#fff
}
.slideTxtBox-a .slideTxtBox {
	border:1px solid #c3ccd6;
	text-align:left
}
.slideTxtBox-a .slideTxtBox .hd {
	height:30px;
	line-height:30px;
	padding:0 10px 0 10px;
	border-bottom:1px solid #ddd;
	position:relative
}
.slideTxtBox-a .slideTxtBox .hd ul {
	float:left;
	position:absolute;
	left:-1px;
	top:-1px;
	height:32px
}
.slideTxtBox-a .slideTxtBox .hd ul li {
	float:left;
	padding:0 16px;
	cursor:pointer
}
.slideTxtBox-a .slideTxtBox .hd ul li.on {
	height:30px;
	background:#fff;
	border:1px solid #ddd;
	border-bottom:none;
	border-top:2px solid #000
}
.slideTxtBox-a .slideTxtBox .bd ul {
	padding:10px;
	zoom:1
}
.slideTxtBox-a .slideTxtBox .bd li {
	height:24px;
	line-height:24px;
	overflow:hidden
}
.slideTxtBox-a .slideTxtBox .bd li .date {
	float:right;
	color:#999
}
.slideTxtBox-a .slideTxtBox .arrow {
	position:absolute;
	right:10px;
	top:0
}
.slideTxtBox-a .slideTxtBox .arrow a {
	display:block;
	width:5px;
	height:9px;
	float:right;
	margin-right:5px;
	margin-top:10px;
	overflow:hidden;
	cursor:pointer;
	background:url("../images/arrow.png") 0 0 no-repeat
}
.slideTxtBox-a .slideTxtBox .arrow .next {
	background-position:0 -50px
}
.slideTxtBox-a .slideTxtBox .arrow .prevStop {
	background-position:-60px 0
}
.slideTxtBox-a .slideTxtBox .arrow .nextStop {
	background-position:-60px -50px
}
.coolbox {
	background:#fff;
	border-radius: 5px;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
}
.coolbox .layui-elem-quote{
    padding-bottom: 22px;
}
.coolbox-title {
	display:block;
	font:bold 14px normal;
	padding-top:15px
}
.coolbox-title span {
	background:#393D49;
	color:#fff;
	padding:8px 15px
}
.coolbox-body {
	padding:0 15px;
    padding-bottom: 5px;
}
.coolbox-list {
	padding-left:0px;
	position:relative
}
.coolbox-list li {
	font-size:14px;
	height:36px;
	line-height:36px;
	white-space:nowrap;
	margin-bottom:10px
}
.coolbox-list #coolbox-a:hover {
	background:#f9f9f9;
}
.coolbox-list li strong {
	display:block;
	float:left;
	font-weight:normal;
	color:#fff;
	text-align:center;
	margin-right:10px;
	border-radius:20px
}
.coolbox-list li strong a {
	color:#FFF;
	background: #6e809a !important;
	width: 48px;
	border-radius: 3px;
	height: 20px;
	line-height: 20px;
}
.coolbox-list li span {
	display:block;
	float:left;
	overflow:hidden;
	width:768px;
	white-space:nowrap
}
.coolbox-list li span a {
	display: block;
	margin-left: 8px;
}
.coolbox-list li em {
	float:right;
    margin-top: 8px;
}
.coolbox-list .sline {
	border-bottom:2px solid #eee;
	display:block;
	height:1px;
	margin:0px 20px;
	width:auto;
}
.index-smallapp{
    margin-top:-10px;
    margin-bottom: 15px;
}
.index-smallapp .layui-card{

	border-radius: 5px;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05);    
}
.index-smallapp .item a{
    color: #5b6b82;
}
#coolbox-a {
	display:inline-block;
	width: 16%;
	height:36px;
	margin-right:5px;

}
#coolbox-a a img {
	margin-right:5px;
	position:relative;
	top:-1px;
	background: #f1f5f8;
}
.hcatebox {
	background:#fff;
	border-radius: 5px;	
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
	margin-bottom: 5px;
}
.hcatebox-one {
	float:left;
	border-right:dotted 1px #d8d8d8;
	margin:0 5px;
	width:228px
}
.hcatebox-one dt {
	font:bold 14px normal;
	padding:10px
}
.hcatebox-one dt a {
	color:#393D49
}
.hcatebox-one dd {
	padding-left:10px
}
.hcatebox-one dd a {
	float:left;
	font-size:14px;
	height:28px;
	text-align:center;
	width:55px;
	background:#f6f8fa;
	margin:5px;
	line-height:28px;
	border-radius:40px;
	color:#747474
}
.hcatebox-one dd a:hover {
	text-decoration:none;
	background:#393D49;
	color:#fff
}
.quick {
	display:block;
	height:50px
}
.quick a {
	background:#393D49;
	color:#fff;
	display:block;
	float:left;
	font:bold 18px/50px "Microsoft YaHei";
	height:50px;
	margin:1px;
	text-align:center;
	text-decoration:none;
	width:123px
}
.quick a:hover {
	background:#EAB34F
}
.main-top {
	background:#F2F2F2;
	text-align:center;
	height:30px;
	line-height:30px
}
.recommended {
	overflow:hidden;
	border:1px solid #E1E3E4;
	padding-top:3px
}
.index-top {
	overflow:hidden;
	width:100%
}
.index-top li {
	width:100px;
	height:130px;
	padding:5px;
	margin:5px;
	border:1px solid #eee;
	line-height:28px;
	text-align:center;
	overflow:hidden;
	margin-left:10px;
	margin-right:10px;
	background:#f6f8fa;
	float:left;
	box-shadow:1px 4px 2px -2px #D5D5D5
}
.index-top li:hover {
	border:1px solid #000
}
.index-top li a {
	width:100%;
	height:100%;
	display:inline-block;
	text-decoration:none;
	font-family:"微软雅黑"
}
.newsbox {
	background:#fff;
	border:1px solid #c3ccd6;
	overflow:hidden
}
.newsbox:hover {
	border:1px solid #000
}
.newsbox-title,.webbox-title,.topsite-title,.pay-site h3,.inbox-title,.linkbox-title,.newbox-title,.subcate h3,.listbox h2,.bestart h3,#listbox h2,.art-hot h3,.weblink-best h3 {
	background:#fff;
	display:block;
	font:bold 16px normal;
	padding-left:10px;
	color:#393D49
}
.pay-site{
	background: #fff;
    overflow: hidden;
}
.newsbox-list {
	padding:5px;
	height:60px
}
.newsbox-list li {
	font-size:13px;
	overflow:hidden;
	padding:5px;
	white-space:nowrap;
	width:100px;
	float:left;
	background:#fff;
	border-radius:3px;
	margin:4px;
	color:#808182;
	text-align:center
}
.fablue {
	color:#393D49
}
.newbox {
	background:#fff;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
}
.newbox-list {
	padding:5px;
	padding-left:0px;
	overflow:hidden
}
.newbox-list li {
	width:220px;
	color:#848484;
	font-size:13px;
	overflow:hidden;
	padding:5px;
	padding-left:12px;
	white-space:nowrap;
	margin-bottom:10px;
	border-bottom:1px dashed #e4e4e4
}
.newbox-list li p {
	width:100%;
	text-align:center;
	overflow:hidden;
	margin-top:5px
}
.newbox-list li a {
	width:68%;
	overflow:hidden;
	display:inline-block;
	margin-left:10px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.baidu-left {
	display:inline-block;
	width:72px;
	height:35px;
	background:#393D49;
	color:#fff;
	line-height:35px;
	text-align:center;
	overflow:hidden;
	border-radius:10px 0px 0px 0px
}
.baidu-right {
	padding-left:10px;
	display:inline-block;
	width:130px;
	height:35px;
	line-height:35px;
	overflow:hidden;
	background:#eee;
	color:#393D49;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis
}
.baidu-right:hover {
	background:#393D49;
	color:#fff
}
.exbox {
	background:#fff;
	border:solid 1px #d8d8d8
}
.exbox-title {
	border-bottom:solid 1px #eaeaea;
	display:block;
	font:bold 14px normal;
	height:39px;
	line-height:39px;
	padding-left:10px
}
.exbox-body {
	padding:10px
}
.exbox-list {
	padding-left:10px
}
.exbox-list li {
	background:url(../images/arrow.gif) no-repeat left;
	font-size:13px;
	overflow:hidden;
	padding:5px;
	padding-left:10px;
	white-space:nowrap;
	width:210px
}
.inbox {
	background:#fff;
	overflow:hidden;
	border-radius: 5px;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
}
.inbox .incolor{
    color: #3DC7BE;
    padding-left:5px;
}

.inbox-list li {
	float:left;
	border:1px solid #f5f5f5;
	overflow:hidden;
	font-size:13px;
	margin-right:15px;
	border-radius:5px;
	margin:5px;
	width:23.5%;
	background:#fafbfd;
}
.inbox-list-top {
	overflow:hidden;
	width:232px;
	height:40px;
	text-align:center;
	line-height:40px;
	border-bottom:1px solid #71C1EF;
	margin-bottom:10px
}
.inbox-list-top a {
	font-size:18px;
	color:#393D49
}
.inbox-list-bottom {
	width:225px;
	height:35px;
	padding:5px
}
.inbox-list-bottom  span {
	float:left;
	overflow:hidden;
	display:inline-block;
	background:#eee;
	color:#747474;
	width:66px;
	height:50px;
	border-radius:3px;
	text-align:center;
	line-height:20px;
	margin-right:2px;
	padding-top:10px
}
.intro {
	float:left;
	width:140px;
	height:47px;
	border:1px solid #eee;
	overflow:hidden;
	padding:5px;
	line-height:17px;
	background:#eee;
	color:#676767
}
.inbox-list {
	padding:10px;
}
.outbox {
	background:#fff;
	overflow:hidden;
	border-radius: 5px;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
}
.outbox .outcolor{
    color: #f2784b;
    padding-left:5px;
}
.outbox-list {
	padding:10px 0px
}
.outbox li {
	float:left;
	border:1px solid #f5f5f5;
	overflow:hidden;
	font-size:13px;
	margin-right:15px;
	padding-bottom:5px;
	padding-top:5px;
	border-radius:3px;
	margin:5px;
	width:23.5%;
	background:#fafbfd;
}
.outbox a {
	width:210px;
	height:18px;
	line-height:23px;
	overflow:hidden;
}
.audit {
	background:#fff;
	overflow:hidden;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
	height:238px
}
.audit ul li {
	float:left;
	border:1px solid #FBFBFB;
	overflow:hidden;
	font-size:13px;
	margin-right:15px;
	padding-bottom:5px;
	border-radius:3px;
	margin:5px;
	width:242px;
	background:#fff
}
.audit ul li a {
	display:inline-block;
	width:194px;
	overflow:hidden;
	height:22px;
	float:right
}
.crumb {
	font-size:13px;
	padding-bottom:10px
}
.crumb a {
	margin:0 3px
}
.mainbox {
	width:1200px;
	margin:0 auto
}
.mainbox-left {
	float:left;
	width:925px
}
.mainbox-left .layui-breadcrumb a{
    color: #8fa1b3 !important;
}
.layui-breadcrumb a{
    color: #8fa1b3 !important;
}
.mainbox-left .layui-breadcrumb span{
    color: #8fa1b3 !important;
}
.mainbox-left .layui-breadcrumb cite{
    color: #8fa1b3 !important;
}
.mainbox-left .layui-form-label{
    color: #5b6b82;
}
.mainbox-left .layui-btn-primary{
    border: 1px solid #bcc7d8;
    color: #5b6b82 !important;
}
.mainbox-left .layui-col-md1{
    width: 25px !important;
    margin-top: 2px;
    margin-right: 3px;
}
.mainbox-left .layui-card{
    border-radius: 5px;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);    
}
.mainbox-left .layui-icon-fire {
    color: #8fa1b3 !important;
    margin-right: 3px;
}

.mainbox-left em a{
    color: #8fa1b3;
}
.mainbox-right .webbox-title{
    height: 42px;
    line-height: 42px;
    padding: 0 15px;
    border-bottom: 1px solid #f6f6f6;
    color: #5b6b82;
    font-size: 15px;
    font-weight: bold;
    border-radius: 5px;
}
.mainbox-left .layui-icon-link{
        color: #8fa1b3;
        font-size: 12px;
        margin-left:5px;
        margin-right: 5px;
}

.mainbox-right {
	float:right;
	width:260px;

}
.mainbox-right .bestart h3{
    color: #5b6b82;
    font-size: 15px;
    font-weight: bold;
    padding: 15px !important;
}
.mainbox-right .artlist_b{
    padding: 0 10px 10px 15px;
}
.mainbox-right .art-hot h3{
    color: #5b6b82;
    font-size: 15px;
    font-weight: bold;
    padding: 15px !important;
}
.mainbox-right .art-hot-b{
    padding: 0 10px 10px 15px;
}
.mainbox-right .layui-card{
    border-radius: 5px;
}
.mainbox-left .listbox h2{
    color: #5b6b82;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 15px 15px 10px!important;
}
.mainbox-left .subcate {
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
	margin-top:10px
}
.mainbox-left .layui-card-header{
    
    padding: 5px 15px;
    font-size: 15px;
    color:#5b6b82;
    font-weight: bold;
}
.mainbox-left .layui-card-header .layui-icon-about
{
    font-weight: normal;
}
.mainbox-right .layui-card-header{
    
    color: #5b6b82;
    font-size: 15px;
    font-weight: bold;
}
.mainbox-right .layui-card-header a{
    
    color: #5b6b82;
}
.mainbox-right .layui-card-header .layui-btn-primary{
    
    color: #8fa1b3 !important;
    margin-right: 5px;
    padding-left: 7px;
    padding-right: 6px;
    font-weight: normal;
    margin-bottom: 2px;
}
.mainbox-right .layui-badge-rim{
    color: #f2784b;
}
.mainbox-right .layui-word-aux{
    color: #8fa1b3 !important;
}
.mainbox-right .layui-bg-blue {
    background: #3598dc !important;
}
.mainbox-right .layui-bg-red {
    background: #f2784b !important;
}
.mainbox-right .layui-bg-green {
    background: #3DC7BE !important;
}
.mainbox-right .layui-bg-gray {
    background: #f1f5f8 !important;
    color: #5b6b82 !important;
}
.mainbox-left .layui-bg-blue {
    background: #3598dc !important;
}
.mainbox-left .layui-bg-red {
    background: #f2784b !important;
}
.mainbox-left .layui-bg-green {
    background: #3DC7BE !important;
}
.mainbox-left .layui-bg-gray {
    background: #f1f5f8 !important;
    color: #5b6b82 !important;
}
.mainbox-left .layui-elem-quote{
    
    padding: 15px;
}
.index-article .layui-elem-quote{
    
    padding: 0;
}
.index-article .item{
    padding-top:15px;
    padding-left:10px;
}
.scatbox {
	background:#fff;
	border-radius: 5px;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
}
.mainbox-left .listbox{
    padding: 15px;
}
.mainbox .artlist{
    padding: 0;
}
.scatbox-title {
	border-bottom:solid 1px #eaeaea;
	display:block;
	font:bold 14px normal;
	height:35px;
	line-height:35px;
	padding-left:10px
}
.website-cate .active
{
	background:#174b75;
	color:#fff !important;
	border-radius: 3px;
	
}
.layui-carousel {
    position: relative;
    left: 0;
    top: 0;
    background: #f1f0f0;
}
.layui-carousel>[carousel-item] {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
}
.subcate .scatbox-list {
	margin-bottom: 5px;
	border-radius: 5px;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
	margin-left: 0px;
}
.scatbox-list {
	background:#fff;
	overflow:hidden;
	border-radius: 5px;
	margin-left: 5px;
}
.scatbox-list li {
	float:left;
	font-size:14px;
	margin-right:14px;
	overflow:hidden;
	height:50px;
	line-height:50px
}
.scatbox-list li a {
	text-decoration:none;
	padding:7px 10px;
	margin-left:5px
}
.scatbox-list li a:hover {
	background:#8fa1b3;
	color:#fff;
	border-radius:3px;
}
.listbox {
	background:#fff;
	overflow:hidden;
	padding:0 10px 10px 10px;
	border-radius: 5px;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
	margin-top:-5px;
}
.listbox .layui-elem-quote{
    padding:0 0 25px 0;
    font-size: 15px;
    color: #5b6b82;
    
}
.weblink .layui-elem-quote{
    padding:15px !important;
    font-size: 15px !important;
    color: #5b6b82 !important;
    
}
.listbox-title {
	border-bottom:solid 1px #eaeaea;
	display:block;
	font:bold 14px normal;
	height:43px;
	line-height:39px;
	padding-left:10px
}
.sitelist {
	padding:20px 0 0 0 !important;
}
.sitelist li {
	display:block;
	height:130px;
	padding:15px 0;
	position:relative;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 20px;
}
.sitelist li .thumb {
	float:left;
	position:absolute;
	top: 0px;
    width: 200px;
    height: 135px;
    border-radius: 5px;
    border: 1px solid #e8eef3;
    box-shadow: 0px 0px 4px 0 rgba(0,0,0,0.05);
    object-fit: cover;
    object-position: top;
}
.sitelist li .info {
	margin-left:220px;  
	position:absolute;
	width:675px;
	top:0px;
	border-radius: 5px;
}
.sitelist li .info h3 {
	display:block;
	font-size:18px;
	width:675px;
    height: 26px;
    line-height: 26px;
    font-weight: bold;
    padding-bottom: 8px;
}
.sitelist li .info h3 a {
	white-space:nowrap;
	text-overflow:ellipsis;
	max-width: 510px;
    overflow: hidden;
    display: inline-block;
    color:#333;
}
.sitelist li .info h3 img {
	margin-left:2px
}
.sitelist li .info .sitelist-intro {
	display:block;
	font-size:14px;
	height:80px;
	line-height:25px;
	overflow:hidden;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: #5b6b82;
}

.sitelist li .info cite {
	position:absolute;
	right:0px;

}
.sitelist li .info cite a{
	width:102px;
	height:20px;
	font-size:15px;
	overflow:hidden;
	font-size:12px;
	padding:8px 30px;
	color:#8fa1b3;
	background: #f1f5f8;
	border-radius: 15px;
}
.sitelist .cate{
    display: block;
    width: 200px;
    text-align: center;
    background: #8fa1b3;
    color: #fff;
    padding: 2px 0;
    position: relative;
    bottom: -101px;
    right: -1px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    opacity: 0.8;
}
.sitelist li .info cite a:hover {
	cursor:pointer;
	background:#8fa1b3;
	color:#fff;

}
.sitelist li .info cite a:hover .layui-icon-link{
	cursor:pointer;
	background:#8fa1b3;
	color:#fff;

}
.sitelist li .info cite span i {
	color:#fff
}
.sitelist-bottom{color: #8fa1b3;margin-top: 5px;}
.sitelist-bottom .layui-icon-link{
    font-size: 12px;
    font-weight: normal;
}
.gray-bg {
	background:#f9f9f9
}
.site-info-in {
	margin-left:10px;
	display:inline-block;
	border:1px solid #3DC7BE;
	color:#3DC7BE;
	border-radius:3px;
	padding:0px 8px 0px 8px;
	font-size:14px !important;
}
.site-info-in:hover {
	background:#393D49;
	color:#fff
}
.siteinfo {
	padding:10px;
}
.desc{overflow:hidden}
.desc p{font-size:15px;}
.desc img{max-width:100%;}
.site-tool{margin-top:20px}
.site-tool .site-tool-icon{color:#393D49;padding-top: 20px;padding-bottom: 9px;}
.site-tool .site-tool-icon i{font-size:31px}
.site-tool a{width:114px;height:97px;text-align:center;border:1px solid #eee;display:inline-block;background: #fff;color: #797979; border-radius: 5px;
    margin-right: 3px;}
.site-tool a:hover{border:1px solid #393D49;}
.achart {
	width:450px;
	height:200px;
	text-align:center
}
.achart p {
	position:relative;
	color:#686868;
	top:72px
}
.achart p img {
	display:none;
	width:100%;
	height:200px
}
.wtitle {
	font-size:26px;
	padding-bottom:20px;
	padding-top:8px
}
.wtitle a {
	color:#4b4b4e;
	text-decoration:none
}
.wtitle font {
	font:normal 12px normal
}
.wdata {
	background:#fcfcfc;
	border-top:dotted 1px #dadada;
	border-bottom:dotted 1px #dadada;
	font:12px/20px Arial;
	height:45px;
	list-style:none;
	padding:8px 0
}
.wdata li {
	color:#999;
	display:block;
	float:left;
	text-align:center;
	width:90px
}
.wdata li em {
	color:#666666;
	display:block;
	padding-top:3px
}
.line {
	border-right:dotted 1px #ddd
}
.params {
	padding-top:15px;
	position:relative
}
.wthumb {
	float:left;
	padding:1px;
	width:250px !important;
    border-radius: 6%;
    box-shadow: 0px 0px 4px 0 rgba(0,0,0,0.05);
    object-fit: cover;
    object-position: top;
}
.siteitem {
	font-size:13px;
	width:920px;
	float:right;
	padding:10px 0px;
}
.siteitem li {
	padding-bottom:8px
}
.siteitem li a {
	color:#393D49
}
.siteitem li span {
	padding:3px
}
.site-article {
    border-radius: 5px;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
	margin-top:20px;
	margin-bottom: 5px;
    background: #f1f5f8;
	overflow:hidden
}
.site-article .left {
	width:458px;
	float:left;
	overflow:hidden;
	background: #fff;
	border-radius: 5px;
}
.site-article .left h2 a {
	float:right;
	margin-right:10px
}
.site-article .right {
	width:458px;
	float:right;
	overflow:hidden;
	background: #fff;
	    border-radius: 5px;
}
.site-article .right h2 a {
	float:right;
	margin-right:10px
}
.site-article ul {
	padding:10px 15px;
}
.site-article ul li {
	height:30px;
	line-height:30px
}
.site-article ul li a {
	width:330px;
	height:25px;
	overflow:hidden;
	display:inline-block
}


.site-article .layui-elem-quote {
	padding:15px;
}
.site-article .layui-word-aux {
    float: right;
}
.mainbox-left .layui-word-aux {
    float: right;
    color: #8fa1b3 !important;
}
.relsite {
	background:#fff;
	padding:10px;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
}
.relsite-title {
	border-bottom:solid 1px #eaeaea;
	display:block;
	font:bold 14px normal;
	height:39px;
	line-height:39px;
	padding-left:10px
}
.relsite-list {
	padding-top:5px
}
.relsite-list li {
	width:46%;
	float:left;
	padding:10px
}
.relsite-list li p {
	display:block;
	font-weight:normal;
	height:20px;
	overflow:hidden;
	white-space:nowrap;
	width:120px
}
.relsite-list li a {
	text-decoration:none;
	width:203px;
	height:23px;
	overflow:hidden;
	position:relative;
	top:8px
}
.relsite-list li a:hover {
	color:#393D49;
	text-decoration:underline
}
.artlist {
	width:100%;
	padding:10px;
	float:left;
	overflow:hidden
}
.artlist li {
	padding:8px;
	height:160px;
    border-bottom: 1px solid #efefef;
	overflow:hidden;
	margin-top: 5px;
	width: 880px;
}
.artlist li h3 {
	font-size:21px;
	margin-bottom:10px;
	color:rgb(0,0,0);
	font-weight:700
}
.artlist li p {
	line-height:25px;
	height:94px;
	color:#5b6b82;
	font-size: 15px;
}
.artlist li cite {
	color:#999;
	display:block;
	margin-top:8px;
	padding:3px
}
.article-slide {
	width:600px;
	float:left;
	color:#666
}
.article-slide img{width:100%}
.article-top-right {
    width: 580px;
    height: 280px;
    float: left;
    margin-left: 10px;
    padding: 0px 5px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
}
.article-top-right ul {
	padding:10px;
	overflow:hidden;
	margin-top: 4px;
}
.article-top-right ul li {
	height:29px
}
.article-top-right ul li a {
	width:420px;
	display:inline-block;
	overflow:hidden;
	height:22px
}
.article-top-right ul li span {
	float:right
}
.article-top-right .layui-word-aux	{
    color: #8fa1b3 !important;
}
.article-cover {
    width: 252px;
    float: right;
    box-shadow: 0px 0px 4px 0 rgba(0,0,0,0.05);
}
.article-right {
	width:613px;
	float:left
}
.article-right h3 a {
	width:100%;
	height:29px;
	overflow:hidden;
	display:block;
	color:#1f2f3e;
	font-size: 18px;
}
.article-right h3 a:visted {

	color:#5c345f;
}
.art-bottom {
	width:100%
}
.art-bottom .time {
	color:#8fa1b3;
}
.art-bottom .fasttrial{
    float: none;
}
.art-bottom .recommend{
    float: none;
}

.art-bottom .top{
    float: none;
}
.art-bottom .cate-cname1 {
	border:1px solid #f2784b;
	border-radius:13px;
	padding:4px 8px 4px 8px;
	color:#f2784b;
	margin-right:10px;
	font-size: 12px;
}
.art-bottom .cate-cname0 {
	border:1px solid #3598dc;
	border-radius:13px;
	padding:4px 8px 4px 8px;
	color:#3598dc;
	margin-right:10px;
	font-size: 12px;
}
.art-bottom .cate-cname5 {
	border:1px solid #3DC7BE;
	border-radius:13px;
	padding:4px 8px 4px 8px;
	color:#3DC7BE;
	margin-right:10px;
	font-size: 12px;
}
.art-bottom .cate-cname3 {
	border:1px solid #F2C545;
	border-radius:13px;
	padding:4px 8px 4px 8px;
	color:#F2C545;
	margin-right:10px;
	font-size: 12px;
}
.art-bottom .cate-cname4 {
	border:1px solid #A94CAF;
	border-radius:13px;
	padding:4px 8px 4px 8px;
	color:#A94CAF;
	margin-right:10px;
	font-size: 12px;
}
.art-bottom .cate-cname6 {
	border:1px solid #F54EA2;
	border-radius:13px;
	padding:4px 8px 4px 8px;
	color:#F54EA2;
	margin-right:10px;
	font-size: 12px;
}
.art-bottom .cate-cname2 {
	border:1px solid #73B66B;
	border-radius:13px;
	padding:4px 8px 4px 8px;
	color:#73B66B;
	margin-right:10px;
	font-size: 12px;
}
#pagebox {
	width:1200px;
	margin:0 auto
}
#pagebox-left {
	width:220px;
	float:left;
	background:#fff;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
	height:auto;
	overflow:hidden
}
#pagebox-left ul li a {
	padding:20px
}
#pagebox-left ul li .active {
	color:#393D49
}
#pagebox-left ul li {
	height:35px;
	line-height:35px;
	padding:11px;
	border-bottom:1px dashed #e6e6e6;
	text-align:center
}
#pagebox-right {
	width:885px;
	padding:40px;
	float:right;
	border:1px dashed #f2f2f2;
	height:auto;
	overflow:hidden;
	background:#fff;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
}
#pagebox-right .content {
	line-height:35px;
	overflow:hidden;
	margin:10px auto;
}
#pagebox-left ul li a:hover {
	color:#393D49
}
#pagebox h1,#pagebox h2,#pagebox h3,#pagebox h4,#pagebox h5,#pagebox h6 {
	padding-left:15px;
	border-left:3px solid #000
}
.count {
	width:100%;
	overflow:hidden;
	height:30px;
	background:#fff;
	padding:10px 0px;
	border-radius: 5px;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05);
}
.count-title {
	float:left;
	width:100px;
	text-align:center;
	color:#5b6b82;
	padding:5px;
	font-weight: bold;
}
.tj-list {
	float:left;
	overflow:hidden
}
.tj-list li {
	height:30px;
	line-height:30px;
	margin-left:10px;
	float:left;
	color:#5b6b82;
}
.tj-list li a {
	width:52px;
	text-align:center;
	font-size:16px;
	color:#1f2f3e;
	margin:0 auto
}
.count-pay-money {
	height:30px;
	float:right;
	padding:0px 15px;
	color:#fb7608
}
.count-pay-money .layui-btn-danger{
    background-color: #f2784b;
}
.count-pay-money .layui-btn-normal{
    background-color: #1b334b;
}
.artlist_b {
	padding:10px;
}
.artlist_b li span {
	background:#393D49;
	color:#fff;
    margin-right: 8px;
    border-radius: 3px;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
}
.layui-carousel-arrow,.layui-carousel-ind ul{
    background-color: #d1d9de;
}
.art-hot-b li {
	height:30px;
	line-height:30px;
	overflow:hidden;
	margin-bottom:5px;
}
.art-hot-b li span {
	background:#393D49;
	color:#fff;
	margin-right: 5px;
    border-radius: 3px;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
}
.art-hot-b {
	padding:10px;

}
.artinfo {
	background:#fff;
	padding:20px;
	border-radius: 5px;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
	overflow:hidden;
	margin-bottom: 15px;
}
.artinfo-title {
	color:#f60;
	font-size:26px;
	padding:15px 0;
	text-align:center
}
.artinfo-attr {
	border-top:solid 1px #e8e8e8;
	padding:5px;
	text-align:center
}
.artinfo-content {
	font-size:16px;
	line-height:35px;
	padding:10px
}
.artinfo .content{
	overflow:hidden;
	white-space:none !important;
	padding: 10px;
	font-size: 16px;
    color: #333 ;
    line-height: 28px;
}
.artinfo #strong{
    
	padding: 10px;
}
.artinfo .content img {
    max-width: 865px;
    height: auto !important;
    width: auto !important;
	border-radius: 5px;
    border: 1px solid #f5f5f5;
    box-shadow: 0px 0px 4px 0 rgba(0,0,0,0.05);
    margin: 10px auto !important;
    display: block;
}
.artinfo-prev {
	}.artinfo-prev li {
	background:url(../images/arrow.gif) no-repeat left;
	font-size:13px;
	padding:5px;
	padding-left:10px
}
.atitle {
	font-size:26px;
	text-align:left;
	padding:10px;
	position:relative;
    font-weight: bold;
    color: #1f2f3e;
}
.aattr {
	text-align:left;
	padding:10px;
	color:#999
}
.aattr .view {
	float:right
}
.aattr .copyfrom {
    color: #174b75;
    margin-right:10px;
}
.artlist_b li {
	height:30px;
	overflow:hidden;
	line-height:30px;
	margin-bottom:5px
}
.prevnext {
	font-size:16px;
	width: 100%;
	overflow: hidden;
}
.prevnext li {
	width:47%;
	float:left;
	overflow:hidden;
	padding:10px;
	color: #5b6b82;
	text-overflow: ellipsis;
    white-space: nowrap;
}

.content p {
	font-family:Helvetica Neue,Helvetica,PingFang SC,微软雅黑,Tahoma,Arial,sans-serif !important;
	font-size:16px !important;
	color:#1f2f3e !important;
	line-height:28px;
	margin-bottom: 20px;
}
.weblink {
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
	background:#fff;
	border-radius: 5px;
}
.weblink .layui-table th{
    color: #5b6b82;
}
.linkinfo {
	background:#fff;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
	padding:10px
}
.linkname {
	border-bottom:dashed 1px #e8e8e8;
	color:#f60;
	font-size:24px;
	padding-bottom:15px;
	padding-top:5px
}
.linkitem {
	font-size:13px;
	margin-left:238px
}
.linkitem li {
	padding-bottom:10px
}
.otherinfo {
	}.otherinfo-title {
	background:#f9f9f9;
	color:#333;
	font-size:14px;
	font-weight:bold;
	padding:5px
}
.otherinfo-body {
	font-size:14px;
	line-height:35px;
	padding:10px
}
.showpage {
	display:block;
	font-size:13px;
	text-align:left;
	padding:10px;
	float:right
}
.total_page,.jump_page {
	background:#393D49;
	border:solid 1px #000;
	color:#fff;
	display:block;
	float:left;
	margin-right:5px;
	padding: 10px 20px;
	border-radius: 3px;
}
.next_page,.last_page{padding: 10px 20px;}
.first_page,.last_page,.prev_page,.next_page,.pages {
	background:#f1f5f8;
	border:1px solid #F0F0F0;
	color:#5b6b82;
	display:block;
	float:left;
	margin-right:5px;
	padding:11px 20px;
	text-decoration:none;
	border-radius:3px
}
.showpage a:hover {
	text-decoration:none;
	background:#5b6b82;
	color:#fff;
	border:1px solid #5b6b82;
}
.current {
	background:#5b6b82;
	color:#fff;
	border:1px solid #5b6b82;
	display:block;
	float:left;
	margin-right:5px;
	padding:11px 20px;
	border-radius:3px
}
.artbox {
	background:#fff;
	border:solid 1px #d8d8d8
}
.artbox-title {
	border-bottom:solid 1px #eaeaea;
	display:block;
	font:bold 14px normal;
	height:39px;
	line-height:39px;
	padding-left:10px
}
.artbox-list {
	padding-left:10px
}
.artbox-list li {
	background:url(../images/arrow.gif) no-repeat left;
	font-size:13px;
	overflow:hidden;
	padding:5px;
	padding-left:10px;
	white-space:nowrap;
	width:210px
}
.artbox-list li span {
	color:#ccc;
	float:right;
	font-size:10px
}
.webbox {
	background:#fff;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
    border-radius: 5px;
    margin-top: -10px;
}
.webbox-list {
	padding-bottom:5px
}
.webbox-list li {
	padding:15px;
    border-bottom: 1px solid #f2f2f2;
}
.webbox-list li h3 {
	font:bold 14px Arial
}
.webbox-list li p {
    height: 55px;
    line-height: 22px;
    margin: 7px 0 10px 0;
    overflow: hidden !important;
    background: #fafbfd;
    color: #5b6b82;
    font-size: 13px;
    padding: 7px 10px 15px 10px;
    margin-left: -5px;
}
.webbox-list a{
	width: 196px;
    display: inline-block;
}
.webbox-list cite a{
    color: #8fa1b3;
}
.webbox-list .layui-icon-link {
    color: #8fa1b3;
    font-size: 12px;
    margin-right: 5px;
}
.timelink {
	float:right
}
.timelink a {
	background:#F7F7F7;
	color:#888888;
	font-size:12px;
	font-weight:normal;
	padding:14px
}
a.timelink_bg {
	background:#393D49;
	color:#fff;
	padding:14px
}
.arcbox {
	background:#fff;
	padding:10px;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
}
.arcbox-list {
	font-size:13px
}
.arcbox-list li {
	padding:15px 0
}
.arcbox-list li strong {
	background:#393D49;
	color:#fff;
	padding:12px
}
.arcbox-list li a {
	color:#555;
	padding:0 10px;
	text-decoration:none
}
.allcate {
	background:#fff;
	border:solid 1px #d8d8d8;
	padding:10px
}
.catebox {
	margin:5px
}
.catebox h3 {
	font-size:14px
}
.catebox h3 a {
	color:#4784cd;
	text-decoration:none
}
.catebox h3 em {
	color:#888;
	font:10px normal
}
.catebox ul {
	display:block;
	margin-top:2px
}
.catebox ul li {
	float:left
}
.catebox ul li a {
	width:50px;
	height:50px;
	line-height:50px;
	margin:5px;
	text-align:center;
	border:1px solid #F3F3F3;
	background:#F3F3F3;
	border-radius:50%;
	display:block;
	color:#444;
	font-size:13px;
	text-decoration:none
}
.catebox ul li a:hover {
	background:#0CA8ED;
	border:1px solid #7FD8FF;
	color:#fff
}
.topsite {
	background:#fff;
	float:left;
	padding:1px;
	width:590px;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
	margin-bottom:10px
}
.topsite-title {
	border-bottom:solid 1px #eaeaea;
	display:block;
	font:bold 14px normal;
	height:39px;
	line-height:39px;
	padding-left:10px
}
.topsite-list {
	padding:10px
}
.topsite-list li {
	font-size:13px;
	margin-bottom:10px;
	overflow:hidden;
	white-space:nowrap;
	width:310px;
	line-height:40px
}
.topsite-list li span {
	background:#393D49;
	border-radius:4px;
	color:#F7F7F7;
	font-size:19px;
	margin-right:10px;
	width:30px;
	height:30px;
	display:inline-block;
	text-align:center;
	line-height:30px
}
.views {
	color:#393D49
}
.subbox {
	background:#fff;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
}
.subbox-title {
	background:#f9f9f9;
	border-bottom:solid 1px #e8e8e8;
	font:bold 14px "Microsoft YaHei";
	padding:8px
}
.subbox-form {
	margin:30px 0 10px 250px
}
.stepbox {
	margin:0 auto;
	padding:10px
}
.stepbox p {
	padding:15px
}
.textbox {
	background:#ffe;
	border:dashed 1px #000;
	color:#080;
	line-height:23px;
	margin-bottom:10px;
	padding:10px
}
.formbox {
	}.formbox li {
	display:block;
	padding:8px
}
.formbox li strong {
	display:block;
	float:left;
	font-weight:normal;
	height:25px;
	line-height:25px;
	text-align:right;
	width:90px
}
.formbox li p {
	float:left;
	padding-top:0
}
.fipt {
	background:#fff url(../images/ipt.png);
	border:solid 1px #e8e8e8;
	font-size:12px;
	padding:6px
}
.fbtn {
	background:#393D49;
	border:0;
	color:#fff;
	cursor:pointer;
	height:30px;
	width:60px
}
.resbox {
	background:#f8fef4;
	border:dashed 1px #000;
	font-size:13px;
	line-height:25px;
	margin:10px;
	padding:10px 15px
}
.urlbox {
	margin:10px
}
.urlbox-title {
	float:left;
	font-weight:bold;
	padding-top:3px;
	padding-right:30px
}
.urlbox-list {
	}.urlbox-list li {
	float:left;
	padding:5px 0;
	padding-right:30px
}
.youkeadverta {
	width:250px;
	background:#f3f3f3;
	overflow:hidden
}
.youkeadverta img {
	width:250px;
	height:70px;
	transition:all 0.6s
}
.youkeadverta img:hover {
	transform:scale(1.1)
}
.youkeadvertb {
	width:248px;
	background:#f3f3f3
}
.youkeadvertb img {
	width:248px;
	height:104px
}
.search-head .blue-bg
{
	background:#f2784b;
	color:#fff    
}
.blue-bg {
	background:#393D49;
	color:#fff
}
.sidebar {
	position:fixed;
	top:0;
	left:0;
	width:50px;
	height:100%;
	z-index:400
}
.sidebar .sidebarContent {
	position:relative;
	width:100%;
	height:100%;
	left:-50px;
	top:0;
	background:#fbfbfb
}
.sidebar .applist {
	position:absolute;
	top:45%;
	left:0;
	width:100%
}
.sidebar .applist .app {
	position:relative;
	height:68px;
	margin-bottom:10px
}
.sidebar .applist .app-extend .app-hover {
	border-top:solid 1px #E6E6E6;
	border-bottom:solid 1px #E6E6E6
}
.sidebar .applist .app .icon {
	display:block;
	position:relative;
	height:20px;
	line-height:12px;
	padding-top:48px;
	text-align:center;
	color:#666
}
.sidebar .applist .app .icon:hover {
	text-decoration:none
}
.sidebar .applist .app .icon img {
	position:absolute;
	top:8px;
	left:6px;
	height:36px;
	width:36px;
	-webkit-transition:opacity .1s linear;
	-moz-transition:opacity .1s linear;
	-ms-transition:opacity .1s linear;
	-o-transition:opacity .1s linear;
	transition:opacity .1s linear;
	opacity:0.6;
	filter:alpha(opacity=60)
}
.sidebar .applist .app .icon .tips {
	position:absolute;
	top:4px;
	right:4px;
	height:10px;
	width:10px;
	background-color:#F42;
	border-radius:50%;
	color:#FFF;
	text-align:center
}
.sidebar .applist .app .content {
	display:none;
	position:absolute;
	top:9px;
	left:50px;
	width:210px;
	height:68px;
	border:solid 1px #e6e6e6;
	border-left:none;
	background:#f7f7f7
}
.sidebar .applist .app .list .item {
	height:68px;
	position:relative;
	border-bottom:1px dashed #E6E6E6;
	margin-bottom:-1px
}
.sidebar .applist .app-hover .icon {
	background:#f7f7f7
}
.sidebar .applist .app-mini.app-hover .icon {
	background-color:transparent
}
.sidebar .applist .app-hover .icon img {
	opacity:1;
	filter:alpha(opacity=100)
}
.sidebar .applist .app-hover .content,.sidebar .applist .app-hover .list {
	display:block
}
.sidebar .applist .app .item .text {
	width:140px;
	overflow:hidden;
	white-space:nowrap
}
.sidebar .applist .app .item .text .title {
	display:block;
	height:34px;
	line-height:46px;
	color:#666;
	padding-left:10px;
	font-size:14px
}
.sidebar .applist .app .item .text .title:hover {
	color:#e60012
}
.sidebar .applist .app .item .text .desc {
	display:block;
	height:34px;
	line-height:22px;
	color:#999;
	padding-left:10px
}
.sidebar .applist .app .item .text .desc .light {
	color:#e60012
}
.sidebar .applist .app .item .text .desc:hover {
	text-decoration:none
}
.sidebar .applist .app .item .image {
	position:absolute;
	top:0;
	left:0
}
.sidebar .applist .app .item .image img {
	height:68px;
	width:68px;
	opacity:.8;
	filter:alpha(opacity=80)
}
.sidebar .applist .app .item .image img:hover {
	opacity:1;
	filter:alpha(opacity=100)
}
.sidebar .applist .app .floatimg {
	height:54px;
	width:195px;
	left:-195px;
	top:-9px;
	position:absolute;
	z-index:10
}
.sidebar .applist .app-imageswitch .content {
	height:150px;
	overflow:hidden
}
.sidebar .applist .app-imageswitch .title {
	display:block;
	height:36px;
	padding-left:10px;
	padding-right:10px;
	font-size:12px;
	color:#666666;
	line-height:36px
}
.sidebar .applist .app-imageswitch .title a {
	text-decoration:none
}
.sidebar .applist .app-imageswitch .title a:hover .big {
	color:#3BA354
}
.sidebar .applist .app-imageswitch .title .big {
	display:inline-block;
	font-size:14px;
	color:black;
	margin-right:5px;
	font-family:"Microsoft YaHei"
}
.sidebar .applist .app-imageswitch .title img {
	height:14px;
	width:14px;
	margin-top:-4px;
	margin-right:5px
}
.sidebar .applist .app-imageswitch .pin-pic {
	position:relative
}
.sidebar .applist .app-imageswitch .slide-switch {
	position:relative
}
.sidebar .applist .app-imageswitch .slide-switch .slide-nav {
	display:none
}
.sidebar .applist .app-imageswitch .slide-switch .slide-content {
	overflow:hidden;
	position:relative
}
.sidebar .applist .app-imageswitch .slide-column-wrap {
	position:relative
}
.sidebar .applist .app-imageswitch .piclist {
	float:left
}
.sidebar .applist .app-imageswitch .slide-switch .slide-column-pageup,.sidebar .applist .app-imageswitch .slide-switch .slide-column-pagedown {
	position:absolute;
	display:none;
	top:50%;
	z-index:5
}
.sidebar .applist .app-imageswitch .slide-switch .slide-column-pageup {
	left:0px
}
.sidebar .applist .app-imageswitch .slide-switch .slide-column-pagedown {
	right:0px
}
.sidebar .applist .app-imageswitch .slide-switch-hover .slide-column-pageup,.sidebar .applist .app-imageswitch .slide-switch-hover .slide-column-pagedown {
	display:block
}
.sidebar .applist .app-imageswitch .slide-switch .slide-column-pageup span,.sidebar .applist .app-imageswitch .slide-switch .slide-column-pagedown span {
	left:0;
	top:0;
	position:absolute;
	line-height:200px;
	overflow:hidden;
	z-index:1
}
.sidebar .applist .app-imageswitch .slide-switch .slide-column-pagedown span {
	}.sidebar .applist .app-imageswitch .slide-switch .slide-column-pageup .bg,.sidebar .applist .app-imageswitch .slide-switch .slide-column-pagedown .bg {
	left:0;
	top:0;
	position:absolute;
	background-color:#393D49;
	opacity:0;
	filter:alpha(opacity=0)
}
.sidebar .applist .app-imageswitch .slide-switch .slide-column-pageup:hover .bg,.sidebar .applist .app-imageswitch .slide-switch .slide-column-pagedown:hover .bg {
	opacity:0.3;
	filter:alpha(opacity=30)
}
.sidebar .applist .app-imageswitch .mask {
	position:absolute;
	height:0;
	top:0;
	left:0;
	background-color:black
}
.sidebar .applist .app-imageswitch a:hover .mask {
	opacity:0.1;
	filter:alpha(opacity=10)
}
.sidebar .applist .app-imageswitch .pic-title {
	display:block;
	position:absolute;
	bottom:-47px;
	left:0px;
	color:white;
	z-index:1;
	text-align:center;
	overflow:hidden
}
.sidebar .applist .app-imageswitch .pic-title .bg {
	display:block;
	position:absolute;
	z-index:-1;
	text-align:center;
	bottom:0px;
	left:0px;
	background:rgba(0,0,0,.3)
}
.sidebar .applist .app-imageswitch .pic-title {
	padding-left:14px;
	font-size:14px
}
.sidebar .applist .app-imageswitch .pic-title a {
	text-decoration:none
}
.sidebar .applist .app-imageswitch .pic-title span {
	float:left;
	line-height:30px;
	margin-left:17px
}
.sidebar .applist .app-imageswitch .pic-title .play {
	position:absolute;
	left:7px;
	bottom:6.5px;
	height:17px;
	width:17px
}
.sidebar .applist .app-imageswitch .switch-content {
	float:left;
	width:190px;
	height:110px;
	overflow:hidden;
	position:relative;
	padding:10px;
	padding-top:0px
}
.sidebar .applist .app-imageswitch .switch-content img {
	height:110px;
	width:190px
}
.sidebar .applist .app-imageswitch .switch-content .pin-pic {
	top:-110px;
	left:155px;
	height:20px;
	width:35px
}
.sidebar .applist .app-imageswitch .switch-content .slide-switch {
	width:190px;
	height:110px
}
.sidebar .applist .app-imageswitch .switch-content .slide-switch .slide-content {
	width:190px;
	height:110px
}
.sidebar .applist .app-imageswitch .switch-content .slide-column-wrap {
	width:570px;
	height:110px
}
.sidebar .applist .app-imageswitch .piclist {
	width:190px;
	height:110px;
	position:relative
}
.sidebar .applist .app-imageswitch .switch-content .slide-switch .slide-column-pageup,.sidebar .applist .app-imageswitch .switch-content .slide-switch .slide-column-pagedown {
	width:20px;
	height:38px;
	margin-top:-19px
}
.sidebar .applist .app-imageswitch .switch-content .slide-switch .slide-column-pageup span,.sidebar .applist .app-imageswitch .switch-content .slide-switch .slide-column-pagedown span {
	width:20px;
	height:38px;
	background-size:20px 38px;
	background-repeat:no-repeat
}
.sidebar .applist .app-imageswitch .switch-content .slide-switch .slide-column-pageup .bg,.sidebar .applist .app-imageswitch .switch-content .slide-switch .slide-column-pagedown .bg {
	width:20px;
	height:38px
}
.sidebar .applist .app-imageswitch .switch-content .g-pic a {
	position:relative;
	height:110px
}
.sidebar .applist .app-imageswitch .switch-content .pic-title span {
	line-height:30px
}
.sidebar .applist .app-imageswitch .switch-content .pic-title {
	width:190px;
	height:30px
}
.sidebar .applist .app-imageswitch .switch-content .pic-title .bg {
	width:190px;
	height:30px
}
.sidebar .btn {
	position:absolute;
	height:50px;
	width:50px;
	bottom:9%;
	left:0;
	background:url(../images/icon.png) no-repeat
}
.sidebar .btn-close {
	background-position:0 0
}
.sidebar .btn-close:hover {
	background-position:-60px 0
}
.sidebar .btn-open {
	background-position:0 -60px
}
.sidebar .btn-open:hover {
	background-position:-60px -60px
}
.clearfix:after {
	content:"";
	display:block;
	clear:both
}
.clearfix {
	zoom:1
}
.banner {
	width:248px;
	height:135px;
	position:relative;
	overflow:hidden;
	border:1px solid #d8d8d8
}
.banner-btn {
	display:none
}
.banner-btn a {
	display:block;
	line-height:40px;
	position:absolute;
	top:50px;
	width:25px;
	height:40px;
	background-color:#393D49;
	opacity:0.3;
	filter:alpha(opacity=30) color:rgb(255,255,255);
	overflow:hidden;
	z-index:4
}
.prevBtn {
	left:0px
}
.nextBtn {
	right:0px
}
.banner-img {
	font-size:0;
	*word-spacing:-1px;
	letter-spacing:-3px;
	position:relative
}
.banner-img li {
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	letter-spacing:normal;
	word-spacing:normal;
	font-size:12px;
	float:left;
	overflow:hidden
}
.banner-img li img {
	width:248px;
	transition:all 0.5s;
	height:136px
}
.banner-img li img:hover {
	transform:scale(1.1)
}
.banner .nextBtn,.banner .prevBtn {
	position:absolute;
	left:0%;
	top:50%;
	margin-top:-25px;
	display:block;
	width:32px;
	height:40px;
	background:url(../images/slider-arrow.png) -110px 5px no-repeat;
	filter:alpha(opacity=50);
	opacity:0.5
}
.banner .nextBtn {
	left:auto;
	right:3%;
	background-position:8px 5px
}
.banner .nextBtn i {
	background-position:-200px -24px
}
.banner .prevBtn i {
	background-position:-200px 0px
}
.banner-circle {
	position:absolute;
	left:50%;
	bottom:15px;
	height:13px;
	text-align:center;
	font-size:0;
	border-radius:10px;
	background:rgba(255,255,255,0.3);
	filter:alpha(opacity:30)
}
.banner-circle li {
	border-radius:10px;
	margin:2px;
	display:inline-block;
	display:-moz-inline-stack;
	vertical-align:middle;
	zoom:1
}
.banner-circle li a {
	display:block;
	padding-top:9px;
	width:9px;
	height:0;
	border-radius:50%;
	background:#B7B7B7;
	overflow:hidden
}
.banner-circle .selected a {
	background:#F40
}
.box1 .bd {
	height:150px
}
.box2 .bd {
	height:175px
}
.box2 .bd ul li {
	margin:4px
}
.cont1 {
	width:248px;
	height:30px;
	background:rgba(0,0,0,.5);
	position:absolute;
	left:0;
	top:105px
}
.cont1 span {
	color:#fff;
	line-height:30px;
	text-align:left
}
.cont2 {
	width:248px;
	height:30px;
	background:rgba(0,0,0,.5);
	position:absolute;
	left:248px;
	top:105px
}
.cont2 span {
	color:#fff;
	line-height:30px;
	text-align:left
}
.cont3 {
	width:248px;
	height:30px;
	background:rgba(0,0,0,.5);
	position:absolute;
	left:496px;
	top:105px
}
.cont3 span {
	color:#fff;
	line-height:30px;
	text-align:left
}
.cont4 {
	width:248px;
	height:30px;
	background:rgba(0,0,0,.5);
	position:absolute;
	left:744px;
	top:105px
}
.cont4 span {
	color:#fff;
	line-height:30px;
	text-align:left
}
.cont5 {
	width:248px;
	height:30px;
	background:rgba(0,0,0,.5);
	position:absolute;
	left:993px;
	top:105px
}
.cont5 span {
	color:#fff;
	line-height:30px;
	text-align:left
}
.cont6 {
	width:248px;
	height:30px;
	background:rgba(0,0,0,.5);
	position:absolute;
	left:1240px;
	top:105px
}
.cont6 span {
	color:#fff;
	line-height:30px;
	text-align:left
}
#toplist {
	width:70px;
	height:70px;
	background:#f9f9f9;
	color:#fff;
	position:fixed;
	right:0;
	top:330px
}
#dowebok: {
	animate-duration:2s;
	animate-delay:1s;
	animate-iteration-count:5
}
.youketop {
	width:52px;
	position:fixed;
	top:340px;
	right:22px;
	margin-left:600px
}
.toTop {
	width:52px;
	height:46px;
	background:#fff;
	cursor:pointer;
	text-align:center;
	border:1px solid #dbdbdb;
	color:#393D49
}
.toTop:hover {
	background:#393D49;
	color:#fff
}
.tq {
	float:left;
	width:500px;
	height:30px;
	overflow:hidden;
	padding-top:4px
}
.youkegame .slideBox {
	width:1198px;
	height:450px;
	overflow:hidden;
	position:relative;
	border:1px solid #c3ccd6;
	background:#fff
}
.youkegame .slideBox .hd {
	height:15px;
	overflow:hidden;
	position:absolute;
	right:5px;
	bottom:5px;
	z-index:1
}
.youkegame .slideBox .hd ul {
	overflow:hidden;
	zoom:1;
	float:left
}
.youkegame .slideBox .hd ul li {
	float:left;
	margin-right:2px;
	width:15px;
	height:15px;
	line-height:14px;
	text-align:center;
	background:#fff;
	cursor:pointer
}
.youkegame .slideBox .hd ul li.on {
	background:#f00;
	color:#fff
}
.youkegame .slideBox .bd {
	position:relative;
	height:100%;
	z-index:0
}
.youkegame .slideBox .bd ul li {
	width:1200px
}
.youkegame .slideBox .bd li {
	zoom:1;
	vertical-align:middle
}
.youkegame .slideBox .bd img {
	width:72px;
	height:72px;
	display:block
}
.youkegame .slideBox ul {
	width:1200px
}
.youkegame .slideBox .prev,.youkegame .slideBox .next {
	position:absolute;
	left:0%;
	top:50%;
	margin-top:-25px;
	display:block;
	width:32px;
	height:40px;
	background:url(../images/slider-arrow.png) -110px 5px no-repeat;
	filter:alpha(opacity=50);
	opacity:0.5
}
.youkegame .slideBox .next {
	left:auto;
	right:3%;
	background-position:8px 5px
}
.youkegame .slideBox .prev:hover,.youkegame .slideBox .next:hover {
	filter:alpha(opacity=100);
	opacity:1
}
.youkegame .slideBox .prevStop {
	display:none
}
.youkegame .slideBox .nextStop {
	display:none
}
.gamelist {
	width:auto !important;
	height:328px;
	margin:10px
}
.gamelist li {
	width:71px !important;
	height:70px;
	float:left;
	margin:15px 10px 22px 11px
}
.gamelist li h3 {
	width:70px;
	height:20px;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
	font-size:12px;
	color:#888
}
.youkegame {
	width:1200px;
	height:120px;
	overflow:hidden
}
.bd ul li .youkeimg {
	width:200px;
	height:130px;
	float:left
}
.bd ul li .youkeimg img {
	width:180px;
	height:85px;
	margin:10px 10px 0 9px
}
.bd ul li .youkeimg span {
	display:block;
	text-align:center;
	overflow:hidden;
	width:180px;
	margin:0 auto;
	color:#666;
	text-overflow:ellipsis;
	height:23px
}
ul.gamelist a {
	color:#888;
	text-decoration:none
}
ul.gamelist a:hover {
	text-decoration:underline
}
.ad2 {
	width:928px;
	overflow:hidden
}
.ad2 ul li {
	width:77px;
	height:30px;
	line-height:30px;
	float:left;
	text-align:center
}
.ad2 ul li.ad2colorblue {
	color:#393D49
}
.ad2 ul li.ad2colorred {
	color:#f00000
}
.ad2 ul li.ad2colorgreen {
	color:#64A600
}
.ad2 ul li.ad2colororange {
	color:#FF8000
}
.youketv {
	width:1198px;
	height:450px;
	overflow:hidden;
	border:1px solid #c3ccd6;
	background:#fff
}
.youketvfl {
	width:721px;
	height:391;
	float:left;
	position:relative
}
.youketvleft img {
	width:346px;
	height:238px;
	float:left
}
.youketvright {
	width:165px;
	height:110px;
	float:left;
	margin-right:15px;
	margin-bottom:18px
}
.youketvright img {
	width:165px;
	height:110px
}
.youketvbottom {
	width:166px;
	height:110px;
	float:left;
	margin-right:14px
}
.youketvbottom img {
	width:166px;
	height:110px
}
.tvselected {
	width:721px;
	float:left;
	overflow:hidden;
	margin-top:0px;
	height:134px
}
.tvselected h2 {
	font-size:14px;
	color:#888;
	line-height:25px
}
.youkeleft-tv {
	width:721px;
	height:257px;
	overflow:hidden
}
.tvselected .slideBox {
	overflow:hidden;
	position:relative
}
.tvselected .slideBox .tvbd {
	position:relative;
	height:100%;
	z-index:0
}
.tvselected .slideBox .tvbd li {
	zoom:1;
	vertical-align:middle
}
.tvselected .slideBox .tvbd img {
	display:block
}
.tvselected .slideBox .prev,.tvselected .slideBox .next {
	position:absolute;
	left:0%;
	top:50%;
	margin-top:-25px;
	display:block;
	width:32px;
	height:40px;
	background:url(../images/slider-arrow.png) -110px 5px no-repeat;
	filter:alpha(opacity=50);
	opacity:0.5
}
.tvselected .slideBox .next {
	left:auto;
	right:2%;
	background-position:8px 5px
}
.tvselected .slideBox .prev:hover,.tvselected .slideBox .next:hover {
	filter:alpha(opacity=80);
	opacity:0.5
}
.tvselected .slideBox .prevStop {
	display:none
}
.tvselected .slideBox .nextStop {
	display:none
}
.youketvfr {
	width:445px;
	height:391px;
	float:left
}
.youkeAD {
	height:109px;
	overflow:hidden;
	width:448px;
	margin-top:45px
}
.picScroll-left {
	width:448px;
	overflow:hidden;
	position:relative
}
.picScroll-left .bd {
	padding:10px;
	width:455px !important;
	left:-8px !important;
	position:relative !important
}
.picScroll-left .bd ul {
	overflow:hidden;
	zoom:1;
	width:1380px !important
}
.picScroll-left .bd ul li {
	margin:0 8px;
	float:left;
	_display:inline;
	overflow:hidden;
	text-align:center;
	width:220px !important;
	height:109px
}
.picScroll-left .bd ul li .pic {
	width:180px !important;
	margin:0px 0px 0 0px
}
.picScroll-left .bd ul li .pic a {
	display:block;
	width:100%;
	height:100%;
	cursor:pointer
}
.picScroll-left .bd ul li .pic a span {
	height:22px;
	width:211px;
	text-align:center;
	color:#fff;
	background:rgba(9,9,9,0.3);
	display:inline-block
}
.picScroll-left .bd ul li .pic a img {
	display:block;
	width:211px;
	height:109px
}
.picScroll-left .bd ul li .pic a:hover img {
	border-color:#999
}
.layui-tab-title{
    border-color: #f1f5f8;
}
.picScroll-left .bd ul li .title {
	height:22px;
	width:211px;
	margin:-22px;
	margin-left:0px;
	display:block;
	color:#fff
}
.tempWrap {
	overflow:hidden;
	position:relative;
	width:1200px !important
}
.slideyouke {
	width:450px;
	text-align:left
}
.slideyouke .youkehd {
	height:30px;
	line-height:30px;
	background:#f4f4f4;
	padding:0 20px;
	border-bottom:1px solid #ddd;
	position:relative
}
.slideyouke .youkehd ul {
	float:left;
	position:absolute;
	left:20px;
	top:-1px;
	height:32px
}
.slideyouke .youkehd ul li {
	float:left;
	padding:0 15px;
	cursor:pointer
}
.slideyouke .youkehd ul li.on {
	height:30px;
	background:#fff;
	border:1px solid #ddd;
	border-bottom:2px solid #fff
}
.inyouke {
	padding:0
}
.inyouke .youkeHd {
	height:30px;
	line-height:30px;
	border-bottom:1px solid #25a5e2;
	padding:0
}
.inyouke .youkeHd ul {
	overflow:hidden;
	zoom:1
}
.inyouke .youkeHd ul li {
	height:30px;
	width:90px;
	text-align:center;
	float:left;
	cursor:pointer
}
.inyouke .youkeHd ul li.on {
	background:#393D49;
	color:#fff
}
.inyouke .youkeBd ul {
	padding:15px 0 0 0;
	zoom:1;
	overflow:hidden
}
.inyouke .youkeBd li {
	line-height:32px;
	overflow:hidden;
	zoom:1
}
.inyouke .youkeBd li .date {
	float:right;
	color:#999
}
.outBox {
	width:1198px;
	height:422px;
	border:1px solid #ddd;
	text-align:left;
	background:#fff;
	position:relative
}
.outBox .hd {
	height:30px;
	line-height:30px;
	background:#f4f4f4;
	padding:0 20px;
	border-bottom:1px solid #ddd;
	position:relative
}
.outBox .hd ul {
	float:left;
	position:absolute;
	left:-1px;
	top:-1px;
	height:32px
}
.outBox .hd ul li {
	float:left;
	padding:0 20px;
	cursor:pointer
}
.outBox .hd ul li.on {
	height:30px;
	background:#fff;
	border:1px solid #ddd;
	border-bottom:2px solid #fff
}
.inbox {
	/*
	padding:15px 15px 0 15px
	*/
}
.inbox a {

	overflow:hidden;
	width:211px;
	height:22px;
	line-height:32px
}
.youkeranking {
	width:448px;
	height:191px;
	overflow:hidden
}
.youkeranking ul {
	padding:0px 0 0 10px !important
}
.youkeranking ul li {
	width:108px;
	height:32px;
	float:left
}
.youketvleft {
	width:346px;
	height:238px;
	float:left;
	margin-right:15px
}
.youkepa {
	width:346px;
	height:24px;
	position:absolute;
	top:214px;
	left:0px;
	color:white;
	z-index:1;
	text-align:center;
	overflow:hidden;
	background:rgba(0,0,0,.3);
	line-height:22px
}
.youkepb {
	width:165px;
	height:24px;
	position:relative;
	top:-24px;
	color:white;
	z-index:1;
	text-align:center;
	overflow:hidden;
	background:rgba(0,0,0,.3);
	line-height:22px
}
.youkepc {
	width:165px;
	height:24px;
	position:absolute;
	top:86px;
	left:541px;
	color:white;
	z-index:1;
	text-align:center;
	overflow:hidden;
	background:rgba(0,0,0,.3);
	line-height:22px
}
.youkepd {
	width:165px;
	height:24px;
	position:absolute;
	top:214px;
	left:361px;
	color:white;
	z-index:1;
	text-align:center;
	overflow:hidden;
	background:rgba(0,0,0,.3);
	line-height:22px
}
.youkepe {
	width:165px;
	height:24px;
	position:absolute;
	top:214px;
	left:541px;
	color:white;
	z-index:1;
	text-align:center;
	overflow:hidden;
	background:rgba(0,0,0,.3);
	line-height:22px
}
.youkepf {
	width:166px;
	height:24px;
	position:absolute;
	position:relative;
	bottom:23px;
	color:white;
	z-index:1;
	text-align:center;
	overflow:hidden;
	background:rgba(0,0,0,.3);
	line-height:22px
}
.youkepg {
	width:166px;
	height:24px;
	position:absolute;
	bottom:0px;
	left:180px;
	color:white;
	z-index:1;
	text-align:center;
	overflow:hidden;
	background:rgba(0,0,0,.3);
	line-height:22px
}
.youkeph {
	width:166px;
	height:24px;
	position:absolute;
	bottom:0px;
	left:360px;
	color:white;
	z-index:1;
	text-align:center;
	overflow:hidden;
	background:rgba(0,0,0,.3);
	line-height:22px
}
.youkepi {
	width:166px;
	height:24px;
	position:absolute;
	bottom:0px;
	left:540px;
	color:white;
	z-index:1;
	text-align:center;
	overflow:hidden;
	background:rgba(0,0,0,.3);
	line-height:22px
}
.youkea1 {
	width:45px;
	height:42px;
	position:absolute;
	left:7px;
	top:158px;
	text-align:center;
	color:#fff
}
.youkea1 i:hover {
	color:#393D49;
	cursor:pointer
}
.youkea2 {
	width:27px;
	height:27px;
	position:relative;
	left:5px;
	top:-80px;
	text-align:center;
	color:#fff
}
.youkea2 i:hover {
	color:#393D49;
	cursor:pointer
}
.youkea3 {
	width:27px;
	height:27px;
	position:absolute;
	left:546px;
	top:55px;
	text-align:center;
	color:#fff
}
.youkea3 i:hover {
	color:#393D49;
	cursor:pointer
}
.youkea4 {
	width:27px;
	height:27px;
	position:absolute;
	left:366px;
	top:183px;
	text-align:center;
	color:#fff
}
.youkea4 i:hover {
	color:#393D49;
	cursor:pointer
}
.youkea5 {
	width:27px;
	height:27px;
	position:absolute;
	left:546px;
	top:183px;
	text-align:center;
	color:#fff
}
.youkea5 i:hover {
	color:#393D49;
	cursor:pointer
}
.youkea6 {
	width:27px;
	height:27px;
	position:relative;
	left:68px;
	top:-92px;
	text-align:center;
	color:#fff
}
.youkea6 i:hover {
	color:#393D49;
	cursor:pointer
}
.youkea7 {
	width:27px;
	height:27px;
	position:absolute;
	left:186px;
	top:335px;
	text-align:center;
	color:#fff
}
.youkea7 i:hover {
	color:#393D49;
	cursor:pointer
}
.youkea8 {
	width:27px;
	height:27px;
	position:absolute;
	left:366px;
	top:335px;
	text-align:center;
	color:#fff
}
.youkea8 i:hover {
	color:#393D49;
	cursor:pointer
}
.youkea9 {
	width:27px;
	height:27px;
	position:absolute;
	left:546px;
	top:335px;
	text-align:center;
	color:#fff
}
.youkea9 i:hover {
	color:#393D49;
	cursor:pointer
}
.comment {
	width:890px;
	height:auto;
	overflow:hidden
}
.comment h3 {
	height:30px;
	line-height:30px
}
.comment h3 em {
	color:#393D49
}
.comment .comment-list li:hover {
	background:#fafafa
}
.page {
	float:right;
	overflow:hidden;
	margin-right:24px
}
.comment-list .empty {
	padding:20px;
	text-align:center;
	color:#8fa1b3 ;
}
.youke_content {
	border:1px solid #eee;
	padding: 6px 10px;
	width: 740px;   
}
.comment-gravatar {
	width:auto;
	overflow:hidden;
	margin:10px 0;
	padding:17px
}
.comment-gravatar img {
	width:52px;
	height:52px;
	float:left;
	border-radius:52px
}
.comment-title {
	width:780px;
	float:left;
	margin-left:20px
}
.comment-title a {
	color:#393D49
}
.comment-title time {
	color:#999
}
.comment-title em {
	color:#999
}
.comment-text {
	width:750px;
	float:right;
	margin-top:10px;
	margin-right:35px;
	padding:15px;
	background:#f8f8f8
}
.youkecomment {
	margin-top:10px;
	height:auto;
	overflow:hidden;
	color:#534f4f
}
.comment-form {
	width:928px;
	height:auto;
	overflow:hidden
}
.comment-form ul {
	float:left
}
.commentimg {
	width:29px;
	height:211px;
	float:left;
	padding-top:25px
}
.commentimg img {
	width:52px;
	height:52px;
	border-radius:52px;
	margin:28px 0 0 0
}
.reply {
	width:700px;
	height:auto;
	border:1px solid #f1f1f1;
	margin-left:150px;
	overflow:hidden;
	padding:10px
}
.comment-reply {
	width:700px;
	height:auto;
	overflow:hidden
}
.comment-reply span.gre {
	width:240px;
	color:#999;
	font-size:13px
}
.replycontent {
	height:auto;
	margin:10px 0
}
.replycontent em {
	color:#534f4f
}
.weblink-best {
	width:250px;
	height:258px;
	float:left;
	margin:0 0 0 10px
}
.contentss {
	width:80%;
	margin:20px auto
}
.hide_box {
	z-index:999;
	filter:alpha(opacity=50);
	background:#666;
	opacity:0.5;
	-moz-opacity:0.5;
	left:0;
	top:0;
	height:99%;
	width:100%;
	position:fixed;
	display:none
}
.shang_box {
	width:540px;
	height:540px;
	padding:10px;
	background-color:#fff;
	border-radius:10px;
	position:fixed;
	z-index:1000;
	left:50%;
	top:50%;
	margin-left:-280px;
	margin-top:-280px;
	border:1px dotted #dedede;
	display:none
}
.shang_box img {
	border:none;
	border-width:0
}
.dashang {
	display:block;
	width:100px;
	margin:5px auto;
	height:25px;
	line-height:25px;
	padding:10px;
	background-color:#E74851;
	color:#fff;
	text-align:center;
	text-decoration:none;
	border-radius:10px;
	font-weight:bold;
	font-size:16px;
	transition:all 0.3s
}
.dashang:hover {
	opacity:0.8;
	padding:15px;
	font-size:18px
}
.shang_close {
	float:right;
	display:inline-block
}
.shang_logo {
	display:block;
	text-align:center;
	margin:20px auto
}
.shang_tit {
	width:100%;
	height:75px;
	text-align:center;
	line-height:66px;
	color:#a3a3a3;
	font-size:16px;
	background:url(../images/cy-reward-title-bg.jpg);
	font-family:'Microsoft YaHei';
	margin-top:7px;
	margin-right:2px
}
.shang_tit p {
	color:#a3a3a3;
	text-align:center;
	font-size:16px
}
.shang_payimg {
	width:140px;
	padding:10px;
	border:6px solid #EA5F00;
	margin:0 auto;
	border-radius:3px;
	height:140px
}
.shang_payimg img {
	display:block;
	text-align:center;
	width:140px;
	height:140px
}
.pay_explain {
	text-align:center;
	margin:10px auto;
	font-size:12px;
	color:#545454
}
.radiobox {
	width:16px;
	height:16px;
	background:url(../images/radio2.jpg);
	display:block;
	float:left;
	margin-top:5px;
	margin-right:14px
}
.checked .radiobox {
	background:url(../images/radio1.jpg)
}
.shang_payselect {
	text-align:center;
	margin:0 auto;
	margin-top:40px;
	cursor:pointer;
	height:60px;
	width:280px
}
.shang_payselect .pay_item {
	display:inline-block;
	margin-right:10px;
	float:left
}
.shang_info {
	clear:both
}
.shang_info p,.shang_info a {
	color:#C3C3C3;
	text-align:center;
	font-size:12px;
	text-decoration:none;
	line-height:2em
}
.footer {
	width:100%;
	min-width:1200px;
    background: #174b75;
    height: 180px;
}
.footer-main {
    max-width: 1200px;
    margin: 0 auto;
    padding: 30px;
}
.footer-wx {
	width:150px;
	margin:0 auto
}
.footer-wx img {
	width:150px;
	height:150px
}
.footer-wx p {
	font-weight:bold;
	font-size:15px;
	background:#393D49;
	color:#fff;
	text-align:center;
	padding:10px
}
.footer-left {
	height:100%;
	float:left;
	width:300px
}
.footer-right {
	width:600px;
	float:left;
	margin-top:30px
}
.footer-nav {
	color:#ccc;
	padding:8px 0
}
.footer-nav a {
	margin:0 8px;
	color:#fff;
}
.footer-nav a:hover {
	color:#c7d8e4;
	text-decoration:underline
}
.footer-copy {
	line-height:23px;
	padding-top:5px;
	color:#c7d8e4;
}
.footer-copy a{
    	color:#fff;
}
.footer-content {
	text-align:center
}
.linkbox {
	width:100%
}
.layui-btn{
    border-radius: 3px;
}
.linkbox-title {
	border-bottom:solid 1px #eaeaea;
	display:block;
	font:bold 14px normal;
	height:35px;
	line-height:35px;
	padding-left:10px
}
.linkbox-list {
	}.linkbox-list a {
	padding:10px;
	color:#707070
}
.linkbox-list a:hover {
	color:#393D49
}
.linkbox-list li {
	float:left;
	font-size:13px;
	margin-right:15px;
	padding-bottom:5px
}
.linkbox-left {
	float:left;
	height:40px;
	line-height:40px;
	color:#707070
}
.youke-plugins .slideBox {
	width:196px;
	height:105px;
	overflow:hidden;
	position:relative;
	margin-left:6px;
	border:1px solid #f1f1f1
}
.youke-plugins .slideBox .hd {
	height:15px;
	overflow:hidden;
	position:absolute;
	right:5px;
	bottom:5px;
	z-index:1
}
.youke-plugins .slideBox .hd ul {
	overflow:hidden;
	zoom:1;
	float:left
}
.youke-plugins .slideBox .hd ul li {
	float:left;
	margin-right:2px;
	width:15px;
	height:15px;
	line-height:14px;
	text-align:center;
	background:#fff;
	cursor:pointer
}
.youke-plugins .slideBox .hd ul li.on {
	background:#f00;
	color:#fff
}
.youke-plugins .slideBox .bd {
	position:relative;
	height:100%;
	z-index:0
}
.youke-plugins .slideBox .bd li {
	zoom:1;
	vertical-align:middle
}
.youke-plugins .slideBox .bd img {
	width:196px;
	height:105px;
	display:block
}
.youke-plugins .slideBox .prev,.youke-plugins .slideBox .next {
	position:absolute;
	left:3%;
	top:55%;
	margin-top:-25px;
	display:block;
	width:32px;
	height:40px;
	background:url(../images/slider-arrow.png) -110px 5px no-repeat;
	filter:alpha(opacity=50);
	opacity:0.5
}
.youke-plugins .slideBox .next {
	left:auto;
	right:3%;
	background-position:8px 5px
}
.youke-plugins .slideBox .prev:hover,.youke-plugins .slideBox .next:hover {
	filter:alpha(opacity=100);
	opacity:1
}
.youke-plugins .slideBox .prevStop {
	display:none
}
.youke-plugins .slideBox .nextStop {
	display:none
}
.rides-cs {
	font-size:12px;
	background:#29a7e2;
	position:fixed;
	top:250px;
	right:0px;
	_position:absolute;
	z-index:1500;
	border-radius:6px 0px 0 6px
}
.rides-cs a {
	color:#00A0E9
}
.rides-cs a:hover {
	color:#ff8100;
	text-decoration:none
}
.rides-cs .floatL {
	width:36px;
	float:left;
	position:relative;
	z-index:1;
	margin-top:21px;
	height:181px
}
.rides-cs .floatL a {
	font-size:0;
	text-indent:-999em;
	display:block
}
.rides-cs .floatR {
	width:130px;
	float:left;
	padding:5px;
	overflow:hidden
}
.rides-cs .floatR .cn {
	background:#F7F7F7;
	border-radius:6px;
	margin-top:4px
}
.rides-cs .cn .titZx {
	font-size:14px;
	color:#333;
	font-weight:600;
	line-height:24px;
	padding:5px;
	text-align:center
}
.rides-cs .cn ul {
	padding:0px
}
.rides-cs .cn ul li {
	line-height:38px;
	height:38px;
	border-bottom:solid 1px #E6E4E4;
	overflow:hidden;
	text-align:center
}
.rides-cs .cn ul li span {
	color:#777
}
.rides-cs .cn ul li a {
	color:#777
}
.rides-cs .cn ul li img {
	vertical-align:middle
}
.rides-cs .btnOpen,.rides-cs .btnCtn {
	position:relative;
	z-index:9;
	top:25px;
	left:0;
	background-image:url(../images/shopnc.png);
	background-repeat:no-repeat;
	display:block;
	height:146px;
	padding:8px
}
.rides-cs .btnOpen {
	background-position:-410px 0
}
.rides-cs .btnCtn {
	background-position:-450px 0
}
.rides-cs ul li.top {
	border-bottom:solid #ACE5F9 1px
}
.rides-cs ul li.bot {
	border-bottom:none
}
.kefu_qq {
	width:289px;
	height:33px;
	line-height:33px;
	margin-top:2px;
	text-align:center;
	margin:0 auto;
	overflow:hidden
}
.kefu_qq li {
	width:100px;
	float:left
}
.bestart {
	background:#fff;
	overflow:hidden;
	border-radius: 5px;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
	margin-bottom: -5px;
}
.art-hot {
	background:#fff;
	overflow:hidden;
	border-radius: 5px;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
}
#mainbox-right {
	width:250px;
	float:right
}
.sell {
	border:1px solid #000;
	padding:5px 10px;
	color:#393D49
}
.newsite li {
	float:left;
	width:95px;
	text-align:center;
	overflow:hidden;
	margin-right:10px;
	margin-bottom:2px;
	background:#f6f8fa;
	border-radius:3px
}
#login-box {
	width:100%;
	height:100px;
	position:fixed;
	bottom:0px;
	z-index:10000;
	background:rgba(0,0,0,0.51);
	color:#fff
}
#login-box .login-box-center {
	width:1000px;
	margin:0 auto
}
#login-box .login-box-center .left {
	width:700px;
	float:left;
	height:100%;
	margin-top:20px;
	color:#393D49
}
#login-box .login-box-center .left h2 {
	font-size:35px
}
#login-box .login-box-center .left h4 {
	font-size:15px;
	padding-left:100px;
	color:#bfbfbf
}
#login-box .login-box-center .right {
	width:300px;
	float:left;
	margin-top:40px;
	font-size:20px;
	color:#fff
}
#login-box .login-box-center .right a {
	padding:5px 15px;
	background:#393D49;
	color:#eee
}
#login-box .login-box-center .right a:hover {
	background:#2c86ba;
	color:#eee
}
.webdir-pay,.webdir-top {
	width:458px;
	float:left;
	background:#fff;
	overflow:hidden;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
}
.webdir-pay ul,.webdir-top ul {
	padding:10px
}
.webdir-pay ul li,.webdir-top ul li {
	width:100%;
	padding:5px
}
.webdir-line {
	width:14px;
	height:10px;
	float:left
}
.sort .active {
	background:#393D49;
	color:#fff;
	padding:3px;
	border-radius:2px
}
.baidu-rank {
	width:58px;
	height:20px;
	line-height:17px;
	background:url(./baidu.png) no-repeat;
	position:relative
}
.baidu-rank span {
	right:15px;
	color:#fff;
	position:absolute;
	top:2px
}
.rank360 {
	width:58px;
	height:20px;
	line-height:17px;
	margin:0px 2px;
	background:url(./360.png) no-repeat;
	position:relative
}
.rank360 span {
	right:15px;
	color:#fff;
	position:absolute;
	top:2px
}
.sogou-rank {
	width:58px;
	height:20px;
	line-height:17px;
	margin:0px 2px;
	background:url(./sogou.png) no-repeat;
	position:relative
}
.sogou-rank span {
	right:15px;
	color:#fff;
	position:absolute;
	top:2px
}
.google-rank {
	width:58px;
	height:20px;
	line-height:17px;
	margin:0px 2px;
	float:right;
	background:url(./google.png) no-repeat;
	position:relative
}
.google-rank span {
	right:15px;
	color:#fff;
	position:absolute;
	top:2px
}
.autolink .autolink-msg {
	position:relative;
	background:#f6fef8;
	border:1px solid #efefef
}
.autolink .autolnk-title {
	width:100px;
	height:90px;
	line-height:41px;
	display:inline-block;
	background:#393D49;
	color:#fff;
	font-size:22px;
	text-align:center
}
.autolink .autolink-join {
	position:absolute;
	top:20px;
	right:20px
}
.autolink .msg-content {
	width:856px;
	font-size:15px;
	overflow:hidden;
	display:inline-block;
	line-height:23px;
	margin-left:14px;
	padding-top:13px;
	color:#393D49
}
.autolink {
	width:1200px;
	margin:0 auto
}
.autolink .header-link {
	width:auto;
	height:540px;
	margin:0 auto;
	overflow:hidden;
	padding:33px;
	background:#fff;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
	border-radius: 5px;
}
.autolink .header-link ul li {
	height:35px;
	line-height:35px;
	color:#1f2f3e;
}
.autolink .header-bottom {
	text-align:center;
	height:60px;
	margin-top:50px
}
.autolink .header-bottom span {
	padding:10px;
	margin:10px;
	background:#3598dc;
	color:#fff;
	border-radius:0px 100px 100px 0px
}
.autolink .header-link-center {
	width:auto;
	height:auto;
	margin:0 auto;
	margin-top:20px;
	overflow:hidden
}
.autolink .header-link-bottom ul li {
    padding: 8px 16px;
	color:#1f2f3e;
}
.autolink .header-link-center .header-link-left {
	width:560px;
	height:550px;
	float:left;
	margin-right:10px;
	background:#fff;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
	padding:10px;
	border-radius: 5px;
}
.autolink .header-link-center .header-link-left textarea {
	margin-left:30px
}
.autolink .header-link-center .header-link-right .layui-table{
    color: #5b6b82;
}
.autolink .header-link-center .header-link-left span {
	margin-left:30px
}
.autolink .header-link-center .header-link-left span {
	color:#f00
}
.autolink .header-link-center .header-link-left h3 {
	margin:15px;
	color: #5b6b82;
}
.autolink .header-link-center .header-link-right {
	width:590px;
	height:550px;
	float:left;
	background:#fff;
	padding:10px;
	border-radius: 5px;
}
.header-link-right .layui-btn-normal{
    background: #f2784b;
}
.mainbox-left .layui-btn-normal{
    background: #f2784b;
}
#mainbox-right .layui-btn-normal{
    background: #3598dc;
}
.sui-msg.msg-error {
	color:#f2784b;
}
.sui-msg.msg-error > .msg-con {
	border:1px solid #ffe3e0;
	background-color:#fff2f2;
	line-height: 24px;
}
.sui-msg.msg-stop {
	color:#ea4a36
}
.sui-msg > .msg-con {
    padding: 8px 10px 8px 10px;
    margin: 15px;
    border-radius: 5px;
}
.sui-msg.msg-warning > .msg-con {
	border:1px solid #fee8d7;
	background-color:#fef1e3
}
.rank-site {
	overflow:hidden;
	border:1px solid #000;
	padding:11px;
	background:#f2fcff;
	border-radius:5px
}
.rank-site li {
	width:48%;
	float:left;
	height:25px;
	margin-top:12px
}
.home-vip{
    border-radius: 5px;
}
.home-vip ul {
	overflow:hidden
}
.home-vip .layui-card-header {
	text-align:center;
	padding:20px;
	font-size:40px
}
.home-vip .layui-card-header span {
	font-size:18px;
	color:#8fa1b3;
}
.layui-card-header{
    border-bottom: 0px solid #f6f6f6 !important; 
}
.home-vip ul li {
	float:left;
	padding:62px;
	margin:24px;
	padding-bottom: 0;
	margin-bottom: 0;
}
.home-vip ul li .icon {
	width:100px;
	height:100px;
	line-height:100px;
	background:#393D49;
	color:#fff;
	border-radius:50%;
	text-align:center
}
.home-vip ul li h2 {
	color:#1f2f3e;
	margin-top:11px;
	text-align:center
}
.home-vip p {
	text-align:center;
	padding:20px;
	padding-top:30px;
	font-weight: normal;
}
.home-vip .price {
	color:#ff8936;
	padding:20px;
	font-size:30px
}
#msgbox {
	border:solid 1px #FBFBFB;
	margin:50px auto 100px auto;
	width:450px;
	box-shadow:0px 6px 14px #CDC8C8
}
#msgbox .title-msg {
	background:#393D49;
	color:#fff;
	font:bold 16px normal;
	padding:16px
}
#msgbox .content {
	background:#fff;
	color:#5A5858;
	font-size:17px;
	padding:40px
}
#msgbox .link {
	background:#fff;
	color:#E26902;
	line-height:20px;
	padding:3px;
	text-align:center
	height: 90px;
}
.site-article .layui-badge-dot {
	position:relative;
	top:-7px;
	margin-right:8px
}
.site-article .layui-badge-dot {
	position:relative;
	top:-7px;
	margin-right:8px;
}
.relsite-list .layui-icon {
	position:relative;
	top:0px;
}


.nav-small-plugin-main{width: 46px;position: fixed;right: 20px;z-index: 1000;bottom: 10px;}
.nav-small-plugin-main .add{ display: block;margin-left: 5px; cursor: pointer; }
.nav-small-plugin ul li{position: relative;width: 45px;min-height:45px;max-height: 60px;margin-bottom: 6px;border-radius: 3px;border: 1px solid #fff;background: #fff;cursor: pointer;}
.nav-small-plugin ul li a{ display: block;width: 100%;height: 100%; }
.nav-small-plugin ul li i{    width: 23px;height: 21px;font-size: 29px;position: relative;top: 6px;}
.nav-small-plugin ul li:hover{ border: 1px solid #393D49;color:#393D49}
.nav-small-plugin ul li:hover span{color:#fff}
.nav-small-plugin .icon{text-align:center;overflow:hidden}
.nav-small-plugin .text{font-size:12px;text-align:center;margin-top:5px;margin-bottom: 5px;}
.nav-small-plugin-add{text-align:center}

/* 公众号 */
.official-part .item{position:relative;text-align:center;width: 150px;height: 180px;line-height: 40px;padding-top: 19px;}
.official-part .item h3{text-align:center}
.official-part .item  p{width:150px;height:150px;color:#abb0bd;font-size:12px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.official-part .item  p img{width:100%;height:100%;}
.official-nav a{width:80px;padding:8px;margin:10px;text-align:center;border-radius:2px;display:inline-block;    border-radius: 5px;background: #eee;}
.official-nav .active{background:#393D49;color:#fff;}

.official-detail h1{font-size:25px;margin:10px 0px}
.official-detail .item{height:30px;}
.official-detail .official-detail-logo{
  text-align:center;
  margin-top:20px
}
.official-detail .official-detail-logo img{
 width:100px;
 height:100px;
}
.official-detail .green{color:#05b105;font-weight:bold;padding:5px 0px}
.official-detail-qcode{width:200px;height:200px;position:relative}
.official-detail-qcode img {width:100%;height:100%;}
.official-detail .sao{width:100px;height:28px;line-height: 28px;text-align:center;color:#fff;background:#ff7575;border-radius:20px;position:absolute;bottom:0px;right:46px;}
.official-category a{width:100%;display:block;text-align:center;height:30px;line-height:30px;padding:4px;border-radius:5px;background:#eee}
.official-category a:hover{background:#393D49;color:#fff !important}
.official-detail .new-list .new-item{display:block}
.official-detail .new-list .new-item img{width:100%;}
.official-detail .new-list .new-item-logo{width:80px;height:80px;}
.official-detail .new-list .new-item-logo img{width:100%;height:100%;}
.official-detail .layui-card-header{font-size:19px}

/* 小程序 */
.smallapp-part .item{position:relative;text-align:center;width: 150px;height: 180px;line-height: 40px;padding-top: 19px;}
.smallapp-part .item h3{text-align:center}
.smallapp-part .item  p{width:150px;height:150px;color:#abb0bd;font-size:12px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.smallapp-part .item  p img{width:100%;height:100%;}
.smallapp-nav a{width:80px;padding:8px;margin:10px;text-align:center;border-radius:2px;display:inline-block;    border-radius: 5px;background: #eee;}
.smallapp-nav .active{background:#393D49;color:#fff;}


.smallapp-detail h1{font-size:25px;margin:10px 0px}
.smallapp-detail .item{height:30px;}
.smallapp-detail .smallapp-detail-logo{
  text-align:center;
  margin-top:20px
}
.smallapp-detail .smallapp-detail-logo img{
 width:100px;
 height:100px;
}
.smallapp-detail .green{color:#05b105;font-weight:bold;padding:5px 0px}
.smallapp-detail-qcode{width:200px;height:200px;position:relative}
.smallapp-detail-qcode img {width:100%;height:100%;}
.smallapp-detail .sao{width:100px;height:28px;line-height: 28px;text-align:center;color:#fff;background:#ff7575;border-radius:20px;position:absolute;bottom:0px;right:46px;}
.smallapp-category a{width:100%;display:block;text-align:center;height:30px;line-height:30px;padding: 4px;border-radius:5px;background:#eee}
.smallapp-category a:hover{background:#393D49;color:#fff !important}
.smallapp-detail .new-list .new-item{display:block}
.smallapp-detail .new-list .new-item img{width:100%;}
.smallapp-detail .new-list .new-item-logo{width:80px;height:80px;}
.smallapp-detail .new-list .new-item-logo img{width:100%;height:100%;}
.smallapp-detail .layui-card-header{font-size:19px}