@font-face {
  font-family:"HONOR"; 
  src: url(../fonts/HONORSansCN-Regular.ttf) format('truetype');
}

.HONOR{
	 font-family:"HONOR";  
}

html,body{
	color:#000;
	max-width: 100%;
	overflow-x: hidden;
}

html,body,h1, h2, h3, h4, h5{  
  font-family:"Microsoft YaHei",微软雅黑,Helvetica Neue, Helvetica, Arial, sans-serif!important; 
}
/**********重置一些原样式**************/
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1340px;
}
.fixed-top{
    z-index: 9999999999999999999;
}
.pages,.content{
    min-height: 200px; 
}
input:focus,
textarea:focus,
button:focus{
	outline: none; 
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
	margin-bottom: 0;
}

.row { 
    margin-right: 5px;
    margin-left: 5px;
}
.row0{
	margin-right: -5px;
    margin-left: -5px;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
	padding-right: 5px;
    padding-left: 5px;
}

.col-20{
	-ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

/**********重置一些原结束**************/

/*********自定义一些基本设置**************/

input:-webkit-autofill {
 box-shadow: 0 0 0 1000px #fff inset;
 -webkit-text-fill-color: #333;
}
.pt-mt-0{
	padding:0!important;
	margin:0!important;
}  

.d-flex-center{
	justify-content:center;    
	align-items:center;
}
.text-center-dflex{
	justify-content:center;   
}
.fweight{ 
	font-weight: bold;
	font-family: 'HONOR';
}
.fw300{
	font-weight: 300;
}
.coloron{
	color:#dbbc87!important;
}
.colora6{
	color:#A6A6A6!important;
}
.color000{
	color:#000!important;
}


.colorfff{
	color:#fff!important;
}

.color666{
	color:#6f6f6f!important;
}
.colorddd{
	color:#ddd!important;
}
.colorccc{
	color:#ccc!important;
}

.color888{
	color:#888!important;
}

.color39{
	color:#393939!important;
}

.colorc1{
	 color:#c1c1c1!important;
}

.color2a{
	color:#2a2a2a!important;
}
.coloron{
	color:#dbbc87!important;
}
.bg000 {
	background: #000!important;
}

.bg1f{
	background: #1F1F1F!important;
}
.bg15{
	background: #151515!important;
}
.bgf8{
	background: #f8f8f8!important;
}
.bgf7{
	background: #f7f7f7!important;
}

.bgblue{
	background:#449ce7!important;
} 
.bgblue2{
	background: #F7F8FD!important;
}

.bg0{
	background: #000!important;
}

.bgddd{
	background: #ddd!important;
}

.bgfff{
	background: #fff!important;
}
.bgf5{
	background: #f5f5f5!important;
}
.bgf3{
	background: #F3F3F3!important;
}

.bg39{
	background: #393939!important;
}
.bg44{
	background: #444444!important;
}
.bg16{
	background: #161616!important;
}

.max1200{
	max-width: 1200px;
}

/**********自定义一些基本设置结束**************/
.cnbtn{
		display: inline-block;
		background: #3C74C4;
		border-radius: 20px;
		border:1px solid #3C74C4;
		padding-right: 6px;
		color:#fff!important;
		position: relative;
		text-align: right;
		width:50px;
		height:20px;
		font-size: 12px;
	}
.cnbtn .yuan{
		 background: #fff;		
		 border-radius: 50%;
		 width:15px;
		 height: 15px;
		 display: inline-block;
		 position: absolute;
		 left:1px;
		 top:1px;
		 transition: all 0.1s;
	}
.cnbtn:hover .yuan{
	 background:#FFDE59;
}
.cnoff{
	width:43px;
	 background: #FD5305;
	 border-color:#FD5305;
} 

.logo-sm-height{
	height: 40px;
}

.navbar-light .navbar-nav .nav-link{
	color:#333;
}
 
.nav-item{
	position: relative;
	margin:0 2px;
}
.nav-item:hover{
	color:#fff;
	 background:#ff7e46;
	  border-radius: 2px;
}
.nav-item:hover .nav-link{
	 color:#fff!important;
}
.active{
	color:#fff;
	 background:#ff7e46; 
	 border-radius: 2px;
}
.active .nav-link{
	color:#fff!important;
}
.submenu{
	 position: absolute;
	 top:auto;
	 left:-50px;
	 background: #fff;
	 width:190px;
	 text-align: center;
	 display: none;
}

.submenu li{
	color: #666;
    width: 100%;
    padding: 10px 0;
    background: none;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
}
.submenu li a{
	color:#666;
}
.submenu li:hover{
	background: #f8f8f8;
}
.submenu li:hover a{
	color:#000;
}
.nav-item:hover .submenu{
	display: block;
}



.nybanner{
	height: 300px;
}



.serverlist .ico{
	background: #43b9f6;
}
.serverlist:nth-child(2) .ico{
	background: #6686ff;
}
.serverlist:nth-child(3) .ico{
	background: #9878ff;
}


.card:hover,.card:hover a{
	background: #FF7E46;
	color:#fff;
}


.more{
	 border:1px solid #ddd;
	 padding:10px 30px;
	 font-size: 14px;
	 color:#666;
}
.more:hover{
	background: #FF7E46;
	color:#fff; 
}


 @media(max-width: 768px){
 	 .swiper-slide .d-flex{
 	 	display: block!important;
 	 }

 	 .submenu{
 	 	position: relative;
 	 	width:100%;
 	 	left:0;
 	 }
 	 .submenu li{
 	 	width:50%;
 	 	float:left;
 	 }
 	 .nav-item:hover{
 	 	background: #fff;
 	 	color:#333;
 	 }
 	 .nav-item:hover .nav-link{
 	 	color:#333!important;
 	 }
 	 .nav-item{
 	 	border-bottom: 1px solid #ddd;
 	 	padding:5px 0;
 	 }

 	 .nybanner{
 	 	height: 100px
 	 }
 }