*{
    margin: 0;padding: 0;border: none;
    font-family:微软雅黑 ;
}
ul,li{
    list-style: none;
}
a {
    text-decoration:none;
}
a:hover {
	text-decoration:none;
    color: #fff;
}
body{
	font-family: 微软雅黑!important;
}

.flex-row{
     display: flex;
     flex-direction: row;
   }
   .flex-wrap{
	   flex-wrap: wrap;
   }
 .flex-column{
      display: flex;
      flex-direction: column;
  }
  .bold{
      font-weight: bold;
  }
  .flex-row-alin-center{
  	align-items: center;
  }
  .flex-row-alin-top{
  	align-items: flex-start;
  }
  .flex-row-alin-bottom{
  	align-items: flex-end;
  }
  .flex-row-fleft {
  	justify-content:flex-start
  }
  .flex-row-right {
  	justify-content:flex-end
  }
  
  .flex-flex-grow-1{
	  flex-grow:1
  }
  
  .flex-row-center  {
  	justify-content:center
  }
  .flex-row-between{
    justify-content:space-between
  }
 .flex-column-top{
     align-content: flex-start;
 }
 .flex-column-center{
     align-content: center;
 }
 
 .flex-column-bottom{
     align-content: flex-end;
 }
 .flex-column-between {
     align-content:  space-between;
 }
 

.more-new{
	width: 12px;
}
.header { 
	width: 100%;
	height: 55px;
	background: #e60012;
	position: fixed;
	top: 0;
	bottom: 0;
	z-index: 10;
	font-family: 微软雅黑 !important;
	font-weight: normal;
	border-bottom:1px solid #ccc ;
}
.head_wrap {
	height: 5.5rem;
	display: flex;
	flex-direction: row;
	width: 100%;
}
.logo{
	background: #000000;
	height:54px;
	width: 170px;
	float: left;
	line-height: 50px;
/* 	border-top: 2px solid #000000;
	border-left: 2px solid #000000;
	border-bottom: 2px solid #000000; */
}
.logo img{
	width:110px; 
	margin-left: 20px; 
	 padding: 5px;
}
.nav_list {
	margin: auto;
	height: 54px;
	display: flex;
	flex-direction: row;
	align-items: center;
	/* width: 60%; */
	justify-content: space-around;
	/* margin-left: 19%; */
	font-family: SimHei !important;
}
.nav_ac_list {
	display: none;
	font-size: 18px;
		font-weight: normal;
}

.nav_list>li{
	height: 53px;
	line-height: 53px;
	text-align: center;
	white-space: nowrap;
	padding: 0 20px;
	margin: 0;
}

.nav_active_border {
	border: 1px solid #fff;
	border-radius: 6px;
	
}
.nav_ac_last {
	display: flex;
	flex-direction: row
}
.nav_list a {
	display: block;
}
.nav_list a,.nav_list span {
	color: white;
	font-size: 1.6rem;	
}
@media only screen and (max-width: 1024px) {
	.nav_list a,.nav_list span {
		color: white;
		font-size:13px;	
		}
	}
.nav_m{
	height: 100%;
}	
.nav_ac a:focus {
	text-decoration: none;
	outline: none;
}
.nav_ac>a:hover {
color: #ffffff !important;
}
.first_li {
	margin-top: 10px;
}
.nav_ac_list a {
	padding: 0 1rem;
	font-size: 16px !important;
}

.nav_ac_list a:hover {
	font-size: 16px !important;
	padding: 0 1rem;
	display: block;
	background: #b5000e;
	color: #fff;
}
.login {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
}
.login img {
	margin-right: 1rem;
	width: 1.875rem;
	height: 1.687rem;
}
.login a {
	font-size: 1.4rem;
	display: inline-block;
}
.detail {
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.footer {
	width: 100%;
	height: auto;
	display: block;
	overflow: hidden;
	/* height:32rem; */
    /* padding-top: 2rem; */
	background: url(../img/bottom_bg.png) no-repeat;
	background-size: cover;
	color: white;
	position: relative;
}
.footer_content {
	display: flex;
	flex-direction: row;
	justify-content: space-around; 
	height: 260px; 
	
}
.footer_choice {
	width: 18%;
	cursor: pointer;
}
.footer_title {
	padding-top: 0.5rem;
	padding-left: 0.5rem;
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 5.5rem;
}
.footer_title h4 {
	font-family: SimHei;
	margin-left: 1rem;
	font-size: 1.8rem;
	white-space: nowrap;
}
.footer_title h4 a{
	font-family: SimHei;
	margin-left: 1rem;
	font-size: 1.8rem;
	white-space: nowrap;
}
.footer_detail a {
	padding-left: 0.5rem;
	font-weight: normal;
	font-family: "微软雅黑";
	font-size: 1rem;
	line-height: 1.8rem;
	color: #e1e2e4;
	display: block;
}
 
.footer_icon {
	height: 3rem;
	width: 3rem;
}
.footer_scan_code {
	margin-top: 6rem;
	width: 22.1rem;
	height: 14.9rem;
}

/*鼠标悬浮*/
.footer_detail:hover{
    background: #fff;
    height: 20rem;
    color: #333 !important;
}

.footer_detail:hover .footer_title {
	background: #6318d3;
	color: #fff;
}
.footer_detail:hover .footer_title a {    
    color: #fff !important;
}
  
 
.footer_detail:hover a{
	color: #333 !important;
}



.tel {
	display: inline-block;
	background: url(../img/footer_tel.png) no-repeat;
	text-indent: 1.5em;
}
.footer_bot {
	width: 100%;
	background:rgba(230,0,18,0.5);
	text-align: center;
	color: white;
	height: 3rem;
	line-height: 3rem;
	font-size: 1rem;
} 
.nav_ac {
	position: relative; 
	font-weight: bold;
}
.nav_ac_list {
	position: absolute;
	top: 44px;
	left: 0;
	width: 100%; 
}
.nav_ac_list>li{
	height: 50px;
	background: rgba(230,0,18,1);
	line-height: 50px;
	text-align: left !important;
}
/*需要vpn*/
.need_vpn{
	position: relative;
	width:100%;
}
.need_vpn1{
	position: relative;
	width:100%;
} 
.second_nav_list{
	display: none;
	position: absolute;
	left: 100%;
	top: 0; 
}



.second_nav_list>div{
	background:  rgba(230,0,18,1);
}
.second_nav_list1{
	display: none;
	position: absolute;
	left: 100%;
	top: 0;
}
.second_nav_list1>div{
	background: rgba(2,24,57,0.8);
}
.code_txt {
	margin-top: -7rem;
}

.need_vpn3{
	position: relative;
	width:100%;
}
.need_vpn3 a{ 
	 display: block;
}
.second_nav_list3{
	display: none;
	position: absolute;
	left: 100%;
	top: 0; 
}
.second_nav_list3>div{
	background:  rgba(230,0,18,1);
}



/*注册登录页面*/
.randl_cover{
    width: 100%;
    height: 1900px;
    background-color: black;opacity: 0.8;
    position: fixed;
    top:0;
    z-index: 1000;
}

@media screen and (min-width:1200px){
	.cover{
    position: fixed;
    top:0;
    left:30%;
    z-index: 1000;
    /*display: none;*/
}
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
	.cover{
    position: fixed;
    top:0;
    left:20%;
    z-index: 1000;
    /*display: none;*/
}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
	.cover{
    position: fixed;
    top:0;
    left:20%;
    z-index: 1000;
    /*display: none;*/
}
}
@media only screen and (min-width: 480px) and (max-width: 767px){ 
	.cover{
    position: fixed;
    top:0;
    left:20%;
    z-index: 1000;
    /*display: none;*/
}
}

@media only screen and (max-width: 479px) {
	.position_icon {
		position: absolute;
		right: 25%;
		bottom: 0;
	}
}
.randl {
    width: 566px;
    height: 380px;
    margin: 0 auto;
    background-color: white;
    border-radius: 2%;
    position: relative;
    opacity: 1;
    display: none;
}
.randl input{
    width: 468px;
    height: 45px;
    border-radius: 5px;
    background-color: #fafafa;
    color:#333;
    font-size:14px;
    border:1px solid #eaeaea;
    margin:-5px 0 -5px 48px;
    padding-left: 8px;
}
.randl>p{
    width: 60px;
    margin:0 auto;
    padding: 35px 0;
    font-size: 24px;
    color:#333;
}
.close{
    position: absolute;
    right:14px;
    top:12px;
}
#user_login .input,#user_regist .input{
    background-color: #0097ff;
    font-size: 20px;
    color:#fff;
    cursor: pointer;
}
.randl_fpsw{
    float:right;
    margin:6px 48px 52px 0;
}
.randl_fpsw>a{
    text-decoration:none;
    color:#0097ff;
    font-size: 12px;
    float:right;
    margin-right: 10px;
}
#remember{
    width: 12px;height: 12px;
    margin-left: 58px;
}
.rem_pwd{
    font-size: 12px;
    color:#999;
    display: inline-block;
    margin-left: 10px;
}
#show{
    display:none;
}
.little_regist{
    color:#0097ff;
    font-size: 12px;
    margin-left: 400px;
}
.randl .input{
    background-color: #0097ff;
}
#userName{
    width: 120px;
    height: 30px;
    font-size: 12px;
    color:#fff;
    display: none;
}
.banner,.banner img {
	width: 100%;
}
.little_regist {
	cursor: pointer;
}
.banner{
    padding-top: 20px;
}

/*扫码*/
.none {
	display: none;
}
.index_bc {
	width:100%;
	height: 100vh;
	background: rgba(0,0,0,0.8);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1001;
	
}
.code_content {
	position: absolute;
	top: 30%;
	left: 40%;
	z-index: 1002;
}
.code_close {
	width: 2rem;
	height: 2rem;
	margin-bottom: 24rem;
	cursor: pointer;
}

.browser_code1 {
	display: flex;
	flex-direction: row;
	justify-content: center
}
.code_list_b {
	width: 15rem;
	height: 15rem;
	margin-right: 2rem;
}
.browser_code1 p{
	width: 15rem;
	color: #FFFFFF;
	text-align: center;
	font-size: 1.8rem;
	font-weight: 600;
}
/*固定的二维码*/
.img_code {
	position: fixed;
	top: 60px;
	left: 10px;
}
.fdlii{
    float: left;
    clear: both;
}

.fixed_code {
	width: 100px;
	height: 100px;
}
.code2 {
	display: flex;
	flex-direction: row;
}
.fixed_code2 {
	width: 10rem;
	height: 10rem;
	margin-right: 1rem;
}
.code2 p{
	width: 10rem;
	text-align: center;
	font-weight: 600;
}

.banner_detail {
	cursor: pointer;
}
.footer_content-box{
	padding: 30px 0;
	height: 260px;
	border-top: 1px solid #424242;
}
/*公司名称*/
.footer_company {
	display: flex;
	flex-direction:row ;
	justify-content:center;
	height:80px ;
	align-items: center;
	color: #e0e2e7;
	font-size: 2.2rem;
	font-weight: bold;
	padding:  0; 
	background: #021839;
	border-bottom: 1px solid #1b1414;
}
.logo-fot{
	width:180px;    
	padding:5px 5px 0;
	text-align: center; 
}
.logo-fot img{
	width:150px;  
}
.footer_company p{
	margin: 12px 10px 0!important;
	font-size: 2.2rem!important;
}
.footer-nav{
	text-align: center;
	background:rgba(230,0,18,0.5);
	color: #FFFFff;
	padding: 5px 0 0;
}
.footer-nav a{
	color: #FFFFff;
	padding: 3px;
}

.footer-nav a:hover{
	color: #e60012;
	background: #FFFFFF;
	
}

 

.code_pic {
	width: 280px;
	height: 280px;
}
.txt_wallet_info {
	color: white;
	width: 350px;
	margin-left: -2em;
}
.txt_weChat_info {
	color: white;
	width: 350px;
	margin-left:12%;
}
.index_18_search_wrap { 
	width:200px; 
	height:54px;
	float: right;
	background-color: #000000;
}
.index_18_search_img {
	width: 45px;
	height: 35px;
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 10px;
	border-radius:0 40px 40px 0;
	background: red;
	line-height: 32px;
	text-align: center;
}
.index_18_search_img img{
	width:25px;
}
.index_18_search_input {
	background: none;
	border: none;
	width:180px;
	height: 35px;
	margin: 10px 10px;
	color: white;
	outline: none;
	text-indent: 1em;
	line-height: 35px;
	border:2px solid red ;
	border-radius: 30px;
	font-size: 14px; 
}
.index_18_search_input::-webkit-input-placeholder{
        color: white;
}

.form_list {
	position: relative;
	width: 200px;
	height: 26px;
	
	line-height: 26px;
}
.index_18_search_list {
	width: 200px;
	color: white;
	font-size: 12px;
}
.index_18_search_list a {
	color: white;
	font-size: 12px;
	cursor: pointer;
}
.index_18_search_list_li {
	float: left;
	margin-right: 5px;
}
.img_code_txt {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #2CA6FF;
}
.img_code_txt_en {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #2CA6FF;
}
/* .index_code_t { 
	/* display: flex;
	flex-direction: row;
    z-index: 999;
}
.index_imgR {
	width: 80px;
	height: 80px;
	margin: 0 10px;
}
*/
.loading{ 
	z-index: 999;
	height: 100%;
	width: 100%;
	top: 0;
	background: #000000;
	text-align: center; 
	display: flex;
	position: fixed;
	flex-direction: column;
	align-items:center;
	animation-delay:4s;
	animation-name: example-loading;
	animation-duration:1s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	
} 
.cat{ 
	margin:auto; 
	height: 370px;
	width: 370px; 
	position: relative; 
	line-height: 370px;
	text-align: center; 
	/* animation: name duration timing-function delay iteration-count direction;  名称 时间 速度 延迟 次数 是否循环 */
	
}
.two-logo{
	display: none;
	margin:auto;  
	width: 100%;
	 text-align: center;
	position: relative; 
	line-height: 370px;
	text-align: center; 
}
.two-logo img{ 
	background: #FFFFFF;
	border-radius: 5px;
	 box-shadow: 1px 1px 1px 2px #555555;
	 padding: 5px;
	
	}
.two-logo .left{ 
	animation-name: example-left;
	animation-duration:1s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}
.two-logo .right{ 
	animation-name: example-right;
	animation-duration:1s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}
.show{
	display: block;
}
.hide{
	display: none;
}
.catimg{
	height: 293px;
	width: 293px;
}


.cat .catimg{
	animation-delay: 1s;
	animation-name: example-catimg;
	animation-duration:1s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}
.cat .zhegai{
	position: absolute;
	z-index: 999;
	background: #000000;
	height: 370px;
	width: 370px;
	border-radius: 293px;
	animation-name: example-catzz;
	animation-duration:1s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
   
}


@keyframes example-catzz {
  from {
	  transform: scale(1); 
	  }
  to {
	  transform: scale(0); 
	  }
}

@keyframes example-catimg {
 from {
	 transform: scale(1);
	 opacity: 1;
 }
 to {
	 transform: scale(1.5);
     opacity: 0;
 }
} 
@keyframes example-loading {
  from {transform: scale(1);}
  to {transform: scale(0);}
}
@keyframes example-left{
	from{transform:translateX(-950%)}
	to{transform:translateX(-10%)}
}
@keyframes example-right{
	from{transform:translateX(950%)}
	to{transform:translateX(10%)}
}

.lianxwm-kefu{
	position: fixed;
	top: 50%;
	right: 0;
}