*{ margin:0; padding:0; border:0;}
body{ background:#000; font-size:14px; color:rgb(201,198,198); transition:0.2s;}
li{ list-style-type:none; cursor:pointer; transition:0.2s;}
.cb{ clear:both;}
.bolder{ font-weight:bolder;}



.logo {
	float: left;
	width: 50%
}

.logo img {
	float: left;
	transition: opacity .5s
}

.gg {
	float: right;
	width: 50%;
	overflow: hidden
}

.gg img {
	float: right;
	transition: opacity .5s
}



.nav li {
	float: left;
	text-align: center;
	display: block;
	width: 75px;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	transition: color .5s,background-color .5s;
	overflow: hidden;
	border: 2px solid rgb(94, 94, 94);
}

.nav li:hover {
	color: #fff;
	background: #de2600
}



.toptips li {
	float: left;
	position: relative;
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	overflow: hidden
}

.toptips li b {
	width: 16px;
	height: 16px;
	font-weight: 700;
	background: #de2600;
	color: #fff;
	padding: 2px 8px;
	margin-left: 4px;
	font-size: 13px;
	border-radius: 2px
}




.navi {
	font-size: 0;
	padding: 5px;
	
}

.appico {
	width: calc(6% - 1px);
	margin: 5px;
	height: auto;
	box-sizing: border-box;
	display: inline-block;
	position: relative
}

.appico p {
	width: 100%;
	height: 25px;
	line-height: 25px;
	text-align: center;
	font-size: 14px;
	margin: 0;
	overflow: hidden
}

.naicon {
	border-radius: 5px;
	overflow: hidden;
	font-size: 0;
	margin: 12px
}

.appico img {
	width: 100%
}

.appico:hover .btn-raised {
	-webkit-box-shadow: 0 0 12px 4px rgba(0,0,0,.24),0 0 2px -2px rgba(0,0,0,.4),0 1px 12px 0 rgba(0,0,0,.22);
	box-shadow: 0 0 12px 4px rgba(0,0,0,.24),0 0 2px -2px rgba(0,0,0,.4),0 1px 12px 0 rgba(0,0,0,.22)
}





@media screen and (max-width:640px) {
	.logo img {
		width: 100%
	}

	.gg img {
		width: 100%
	}

	.nav li {
		width: 23.5%;

		border: 2px solid rgb(94, 94, 94);
	}

	.toptips li {
		width: 100%;
		font-size: 12px;
		height: auto;
		line-height: 30px
	}
	
	
	 #lailu a:nth-child(9){
	      display: none;
	  }
	   #lailu a:nth-child(10){
	      display: none;
	  }

	


}


.main,.head,.foot{ width:calc(100% - 50px); max-width:1460px; margin:auto;}

.foot .content{
    width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    padding: 80px 0;
    
}
.foot .content a{
	color: rgb(201,198,198);
}



.foot p {
    margin: 0;
    font-size: 14px;
    color: rgb(179,178,178);
}

.foot p a {
    font-size: 14px;
}

/**文字**/
.wzlist{ overflow:hidden; margin:5px 10px; min-height:43px;}
.wzlist ul a{ display:inline-block; max-width:120px; float:left; margin:4px; font-weight:500; text-align:center; color:#FFF; background:#ff9900; padding:8px 12px; font-size:14px; border-radius:8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.wzlist ul a:hover{ opacity:0.95;}

/**APP**/
.applist{ overflow:hidden; margin:5px 10px; min-height:110px;}
.applist ul a{ display:inline-block; width:8.333333333333333%; float:left; text-align:center; padding:5px 0; font-size:14px; line-height:26px; border-radius:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:.2s; position:relative;}
.applist ul a.cu{ font-weight:900;}
.applist ul a img{ display:block; width:66px; height:66px; margin:4px auto; border-radius:12px;}
.applist ul a i{ position:absolute; top:5px; left:50%; margin-left:22px;}
.applist ul a:hover{ background:#FFF}

/**项目**/
.card{ overflow:hidden; padding-bottom:15px; margin:5px 10px;}
.card .title{ height:30px; width:100%; line-height:30px;  text-align:center; margin:0 auto 10px; text-indent:0; font-size:21px; font-weight:bolder; background-size:30px 30px;  background-repeat:no-repeat;}
.card .list{ padding:20px;  border-radius:12px; border:5px solid rgb(94, 94, 94);}
.card .list li{ width:10%; height:34px;line-height: 34px; float:left; border-radius:7px; position:relative; overflow:hidden;text-align: center;font-size:15px;}
.card .list  a{color: rgb(201,198,198);}
.card .list  li:hover{ background-color:#de2600; color:#FFF;}

.vip:after{ content:"\f06c"; color:#04e835; font-size:15px; position:relative; left:-1px;}


/**预览**/
.preview_bg{ display:none; width:100%; height:100%; z-index:9999; position:fixed; left:0; bottom:0; background:rgba(0,0,0,0.6)}
.preview{ display:none; width:100%; height:100%; z-index:10000; position:fixed; left:0; bottom:0;}
.preview .preview_but{ width:325px; height:45px; margin:15px auto; overflow:hidden;}
.preview .preview_but span{ float:left; display:inline-block; width:45px; font-weight:900; text-align:center; line-height:45px; color:#FFF; font-size:16px; cursor:pointer; solid #444; border-radius:23px;}
.preview .preview_but span i{ line-height:45px;}
.preview .preview_but .preview_name{ width:190px; background:#F90;}
.preview .preview_but .preview_name i{ float:left; margin-left:20px;}
.preview .preview_but .preview_name p{ display:inline-block; margin-left:-30px; color:#FFF; font-size:14px;}
.preview .preview_but .preview_collect{ background:#FFF; color:#999;}
.preview .preview_but .preview_change{ background:#FFF; color:#222;}
.preview .preview_but .preview_close{ font-size:30px;}
.preview .preview_box{ background:#FFF; height:100%;}
.preview .preview_box iframe{ width:100%; height:100%; border:none; background:#222;}
.preview .preview_collect[data-collected="1"] i{color:#fe0505;}

/**收藏**/
.collect-view{ position:fixed; top:0; right:-170px; width:170px; height:100%; z-index:999; background:#fff; -webkit-box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.3);-moz-box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.3); box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.3);}
.collect-view .button{ width:40px; height:auto; position:absolute; top:55%; margin-top:-100px; left:-40px; overflow:hidden;}
.collect-view .button span{ width:40px; height:40px; display:block; text-align:center; background:#333; color:#FFF; cursor:pointer; border-bottom:1px solid #FFF; transition:0.2s;}
.collect-view .button span:first-child{ border-radius:10px 0 0 0}
.collect-view .button span:last-child{ border-bottom:none; border-radius:0 0 0 10px;}
.collect-view .button span:hover{ background:#222;}
.collect-view .button span i{ line-height:40px;}
.button_active{ background-color:#1aab83 !important;}
.collect-view .box .head{ border-bottom:1px solid #eee; padding:10px; line-height:40px;}
.collect-view .box .head .title{ margin-left:10px; font-size:18px; font-weight:bold;}
.collect-view .box .head .btn{ display:inline-block; width:40px; height:40px; font-size:20px; text-align:center; font-weight:bold; border-radius:6px; cursor:pointer; float:right;}
.collect-view .box .head .btn i{ line-height:40px;}
.collect-view .box .head .btn:hover { background:#f1f1f1;}
.collect-view .box .head .btn:active {opacity:0.6;}
.collect-view .box .body{ padding:5px 10px;}
.collect-view .box .body li{ background:#FFF; width:100%; height:40px; float:left; border-radius:7px; position:relative; overflow:hidden;}
.collect-view .box .body li div{ height:40px; line-height:40px;}
.collect-view .box .body li div img{ width:20px; height:20px; float:left; margin:10px 5px 10px 7px; border-radius:50%;}
.collect-view .box .body li span{ height:40px; width:28px; background:#FFF; position:absolute; top:0; right:0; z-index:1; text-align:center; transition:.2S;}
.collect-view .box .body li span i{ line-height:40px; color:#999;}
.collect-view .box .body li span:hover i{ color:#F00;}
.collect-view .box .body li:hover{ background-color:#F5F5F5; color:#F00;}

/**关灯**/
.black .app li{ color:#FFF;}
.black .card .title{ color:#F0F0F0}
.black .card .list,.black .bottom{ background:#002626; border-color:#044;}
.black .card .list li{ background:#002626; color:#ccc;}
.black .card .list li:hover div{ background:#023636; color:#FFF;}
.black .card .list li:hover span{ background-color:#023636;}
.black .card .list ul::-webkit-scrollbar{ background:#002626;}

/*.card:nth-child(9),.card:nth-child(10),.card:nth-child(11),.card:nth-child(12),.card:nth-child(15),.card:nth-child(16){ display:none;}*/

/**自适应**/
@media screen and (max-width:1600px){
    .card .list li{ width:12.5%;}
}
@media screen and (max-width:1560px){
    .card:nth-of-type(n+8) .list ul li{ width:50%;}
}
@media screen and (max-width:1460px){
    .card .list li{ width:12.5%;}
  .applist ul a{ width:9.090909090909091%;}
}
@media screen and (max-width:1300px){
    .card .list li{ width:12.5%;}
  .applist ul a{ width:10%;}
  .applist ul a img{ width:64px; height:64px;}
  .appico {
		width: calc(10% - 10px)
	}
}
@media screen and (max-width:1100px){
    .card .list li{ width:12.5%;}
    .card:nth-of-type(n+8) .list ul li{ width:100%;}
  .applist ul a{ width:12.5%;}
  .applist ul a img{ width:60px; height:60px;}
   .appico {
		width: calc(10% - 10px)
	}
}
@media screen and (max-width:1020px){
    .main{ width:calc(100% - 50px);}
    .head{ width:calc(100% - 50px);}
    .card .list li{ width:16.66666666666667%;}
  .apply_webs{ display:none;}
}
@media screen and (max-width:950px){
    .card .list li{ width:20%;}
  .applist ul a{ width:14.2857%;}

  .appico {
		width: calc(25% - 10px)
	}

}
@media screen and (max-width:800px){
    .card .list li{ width:25%;font-size:14px}
  .top a,.foot div{ width:100%;}
  .applist ul a img{ width:56px; height:56px;}
}
@media screen and (max-width:680px){
    .main{ width:calc(100% - 100px);}
    .head{ width:calc(100% - 100px);}
    .card:nth-of-type(n+8){ width:calc(50% - 20px);}
  .applist ul a{ width:16.666666%;}
  .applist ul a img{ width:52px; height:52px;}
  .wzlist{ margin:5px;}
  .wzlist ul a{ width:calc(25% - 20px); max-width:initial; padding:8px 6px;} 
  .foot{width:calc(100% - 20px);}
}
@media screen and (max-width:620px){
    .card .list li{ width:24.5%;}
  .hidden{ display:none;}
}
@media screen and (max-width:520px){
  .card:nth-of-type(n+8) .list ul{ height:auto;}
    .main{ width:calc(100% - 30px);}
     .head{ width:calc(100% - 30px);}
  .bottom div{ display:none;}
  .applist{ min-height:100px;}
  .applist ul a{ width:20%;}
  .applist ul a img{ width:52px; height:52px;}
  .wzlist ul a{ width:calc(33.33333333% - 20px);} 
}
@media screen and (max-width:520px){
    .main{ width:calc(100% - 10px);}
    .head{ width:calc(100% - 10px);}
    .card{ margin:3px;}
    .card .list,.borderradius{ padding:13px 0;}
    .card .list ul{ padding:0 10px;}
    .card:nth-of-type(n+8){ width:calc(100% - 6px); float:none;}
    .card:nth-of-type(n+8) .list ul{ height:auto; max-height:300px;}
    .card:nth-of-type(n+8) .list ul li{ width:33.33333333333333333333%;}
}
@media screen and (max-width:400px){
    .card .list{ padding:13px 0;}
    .card .list ul{ padding:0 5px;}
    .preview .preview_but{ width:300px;}
    .preview .preview_but .preview_name{ width:165px;}
}
@media screen and (max-width:375px){
    .card .list ul{ padding:0 5px 0 10px;}
    .card:nth-of-type(n+1) .list ul li{ width:50%;}
}

/**最新添加**/
.apply_webs{ height:auto; padding:20px 15px; background:#FFF; border-radius:12px; margin:10px;} 
.apply_webs ul li{ float:left; display:inline-block; padding:5px 8px; color:#555; border-radius:6px; line-height:20px;}
.apply_webs ul li:hover{ color:#F00; background:#F0F0F0;}
.apply_webs_tips{ text-align:left; line-height:36px; text-indent:10px; font-size:15px;}
.apply_webs_tips span{ color:#999; font-weight:normal; }
    
  
/**底部**/
.bottom{ height:auto; padding:20px 15px 20px 35px; background:#FFF; border-radius:12px; margin:10px;}
.bottom li{ line-height:30px; list-style-type:disc;}
.bottom li:hover{ color:#F00;}

.bottom div{ width:220px; height:30px; margin:10px auto 0;}
.bottom div a{ display:inline-block; float:left; width:100px; height:30px; line-height:30px; border-radius:15px; margin:0 5px; transition:0.2s; text-align:center; color:#FFF; background:#ffb000;}
.bottom div a:hover{ background:#333;}


.borderradius {
    border-radius: 12px;
    border: 5px solid rgb(94, 94, 94);
}

.toptips a{ color:yellow; }




.col6  {
    position: relative;
    min-height: 1px;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.row6 {
        display: flex;
    flex-wrap: wrap;
}

.hidden{
    display: none;
}

@media screen and (max-width:750px){
.col6 {
    width: 100%!important;
}
.col6 img {
    height:60px!important;
}
.hidden{
    display: inline-block!important;
}
}