@charset "utf-8";  
  *{visibility:unset!important;}
  /*头部*/
.header-box{z-index: 6;}
 .header-box::before,.head::before{
    background: #000 linear-gradient(to left, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
    content: ""; height: 5px;position: absolute; top: 0;width: 100%;  margin-left: -6%;width: 106%;}


.head{width: 100%; padding:0.5% 3%; position: fixed; background: unset; z-index: 21;    -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
    -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
    transition: background .5s ease-in-out, padding .5s ease-in-out;    background: rgba(0,0,0,.1);}
.fixednav{background:#373D41;}
.fixednav .head,.fixednav{background:#373D41;    -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
    -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
    transition: background .5s ease-in-out, padding .5s ease-in-out;}


.head .logo a{color: #FFF;font-size: 22px;}
.head .logo font{ font-size: 16px;}
 nav .hero{display:none;}
.head nav ul{margin-top: 6px;}
.head nav ul li{float:left;margin:0 2.5%;padding-bottom:9px;padding-top: 5px;}

.head nav ul li a{color:#fff;text-align: center;font-size: 18px;}    

.head nav ul li:after{
    content: '';
    bottom: 0;
    position: absolute;
    display: block;
    width: 0;
    height: 2px;
    background:#00c1de;
    transition: all 1s;
}
/*.head nav ul li:hover:after {*/
/*    width: 100%;background: #00c1de;*/
/*     transition: all 1s;*/
/*}*/


 nav ul li{position:relative;}
 nav ul li .sub{display:none;transition:1s;position:absolute;transition: all 1s;height:0px;}
 nav ul li:hover .sub{display:block;background:pink;width:100%;height:50px;transition: all 1s;}


.head .top-login a{margin:0 10px;color:#fff;}


.head .icon-search {
	cursor: pointer;
	color: #fff !important;
	margin-right:10px !important;
	font-size: 20px;
}

.head .login-btn a{position: relative;}
   

  #notifiy-num{              
font-size: 12px;
    color: #fff;
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    padding: 0 6px;
    background: #f4523b;
    position: absolute;
    right: -5px;
    top: -20px;
  }  

.head .top-login .login-btn a{
	/*margin: 0 10px;*/
	/*color: #fff !important;*/
	/*background-color: #2f3d4e !important;*/
	/*display: inline-block;*/
	/*font-weight: normal;*/
	/*text-align: center;*/
	/*vertical-align: middle;*/
	/*user-select: none;*/
	/*border: 1px solid transparent;*/
	/*padding: 6px 18px;*/
	/*font-size: 14px;*/
	/*line-height: 1.5;*/
	/*border-radius: 4px;*/
	/*-webkit-transition: background-color .3s ease-in-out;*/
	/*-moz-transition: background-color .3s ease-in-out;*/
	/*transition: background-color .3s ease-in-out;*/
	/*cursor: pointer;*/
}

.fixednav .head .top-login .reg-btn a{
	margin: 0 10px;
	color: #2f3d4e!important;
	background-color: #eee !important;
	display: inline-block;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	user-select: none;
	border: 1px solid transparent;
	padding: 6px 18px;
	font-size: 14px;
	line-height: 1.5;
	border-radius: 4px;
	-webkit-transition: background-color .3s ease-in-out;
	-moz-transition: background-color .3s ease-in-out;
	transition: background-color .3s ease-in-out;
	cursor: pointer;
}

.head .top-login .reg-btn .top-tx,.fixednav .head .top-login .reg-btn .top-tx{display: block; width: 40px; height: 40px;border-radius: 100%; padding:0;}
.head .top-login .reg-btn .top-tx img,.fixednav .head .top-login .reg-btn .top-tx img{width: 100%; height: 100%;border-radius: 100%;}

/*end 头部*/






/*搜索*/
.search{
		display: none;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1010;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		padding: 15px 15px;
		background: rgba(0,0,0,.6);
		opacity: 1;
		transition: opacity .15s linear;
	}
	

	
	
	.search-box{
		max-width: 800px;
		margin: 80px auto;
		background: transparent;
		display: none;
		z-index: 9999;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		padding: 0 10px;
		max-height: 60px;
		/* 移动端270px */
	    /* 动画名称 */
		animation-name: move;
		/* 持续时间 */
		animation-duration: 2s;
		/* 动画速度曲线 */
		animation-timing-function: ease;
		animation-fill-mode: backwards;
	}
	


	      @keyframes move {
	                0% {
	                    transform: translateY(-100px);
	                }
	                50% {
	                    transform: translateY(50px);
	                }
	                100% {
	                    transform: translateY(0);
	                }
	            }
		   
	.search-box form{
		background: #fff;
		height: 60px;
		position: relative !important;
		align-items: center;
		margin-bottom: 20px !important;
	}
	.search-box form i{
		margin-left: 15px;
	}
	.search-box form .search-input{
		max-width: 100%;
		width: 100%;
		height: 40px;
		position: relative !important;
		background: transparent;
		border: 0;
		  border-bottom-color: currentcolor;
		  border-bottom-style: none;
		  border-bottom-width: 0px;
		border-bottom: 1px solid var(--bjse) !important;
		margin-left: 5px;
		margin-right: 20px;
		transition: .2s ease-in-out;
		  transition-property: all;
		transition-property: color,background-color,border;
		padding: 0 10px;
	}
	.search-box form button{
		white-space: nowrap;
		font-size: 15px;
		letter-spacing: 5px;
		margin-right: 10px;
		
	}
	
	.search-tags{
		background-color: #fff;
	}
	
	.search-tags ul li {
		display: inline-block;
		line-height: 28px;
		margin-top: 5px;
		margin-right: 2px;
	}
	
	.search-tags ul li a {
		display: block;
		margin: 5px 0;
		background: var(--bjse);
		padding: 3px 9px;
		border-radius: 3px;
		color: #606266;
	}
	.search-tags ul li a:hover{
		background-color: var(--zse);
		color: var(--bse);
	}
/*end 搜索*/




/*card    */
.nav-warpc{display:flex;flex-wrap:wrap;margin-left:-1.5%;margin-top: -1%;}
 .card{width: 18.5%;padding:1%;box-shadow: 0 5px 20px rgb(0 0 0 / 6%);margin: 1.5% 0% 0% 1.5%;position:relative;overflow:hidden;}
 .card-pic{overflow: hidden;position:relative;}
 .card .card-pic img{width: 100%;height: 195px;object-fit: cover;webkit-transition: all 0.3s;-o-transition: all 0.3s; transition: all 0.3s;}
 .card .yl{bottom: 0%;right: 0%;background: rgba(255, 255, 255, 0.94); position: absolute;padding: 1.5%;display: flex;}
 .card .yl span:nth-of-type(1){font-size: 20px;}
 
.nav-warpc .card .card-pic:hover>img{-webkit-transform: scale(1.2);-ms-transform: scale(1.2); transform: scale(1.2);}
.card-body { padding: 1.25rem 0;}
.card-title{margin-bottom: 0;display: block!important;border-bottom: 1px solid #eee;padding-bottom: 10px; }
.card-text{color: #909399;padding-top: 8px;margin-top: 9px;}
.card-btn{display: flex;justify-content: space-between;}
.card-btn a:nth-of-type(1) .mf{color: #67C23A;}
.card-btn a:nth-of-type(1) .jg{color: #F56C6C;}
.card-btn a:nth-of-type(2){font-size: .875rem;line-height: 1.5;color: #909399;}
.card-btn a:nth-of-type(3){ padding: 6px 12px;font-size: 13px;background: #409EFF!important;color:#fff!important;margin-top: -6px;}
.card .down-btn, .items-sig-bd > li > div .down-btn {
    position: absolute;
    bottom: -100px;
    left: 21%;
    width: 58%;
    line-height: 42px;
    font-size: 15px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, .05);
    color: #fff;
    z-index: 3;
    display: block;
    background-image: -webkit-gradient(linear, left top, right top, from(#fe7532), to(#e5232a));
    background-image: -webkit-linear-gradient(left, #fe7532, #e5232a);
    background-image: linear-gradient(to right, #fe7532, #e5232a);
    text-align: center;
    cursor: pointer;
}
.card:hover .down-btn, .items-sig-bd > li > div:hover .down-btn {
    bottom: 210px !important;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}


.card:hover .down-btn:hover, .items-sig-bd > li > div:hover .down-btn:hover {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    background-image: -webkit-gradient(linear, left top, right top, from(#f56925), to(#d6030b));
    background-image: -webkit-linear-gradient(left, #f56925, #d6030b);
    background-image: linear-gradient(to right, #f56925, #d6030b);
}

.card .cate-text, .items-sig-bd > li .cate-text {
    position: absolute;
    top: -38px;
    left: 20px;
    width: 200px;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    font-size: 14px;
    color: #666;
    z-index: 3;
    color: #fff;
    display: block;
}

.card .cate-text a, .items-sig-bd > li .cate-text a {
    color: #fff;
    position: relative;
    transition: 300ms ease all;
    line-height: 26px;
    font-size: 12px;
    padding:3% 2%;
    background: #409eff;
}

.card .cate-text a:before, .card .cate-text a:after, .items-sig-bd li .cate-text a:before, .items-sig-bd li .cate-text a:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 1px;
    width: 0;
    background: #8370f0;
    transition: 300ms ease all;
}

.card .cate-text a:after, .items-sig-bd li .cate-text a:after {
    right: inherit;
    top: inherit;
    left: 0;
    bottom: 0;
}

.card .cate-text a:hover:before, .card .cate-text a:hover:after, .items-sig-bd li .cate-text a:hover:before, .items-sig-bd li .cate-text a:hover:after {
    width: 100%;
    transition: 300ms ease all;
}

.card:hover .cate-text, .items-sig-bd > li > div:hover .cate-text {
    top: 12px !important;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.card .favo-btn, .items-sig-bd li .favo-btn {
    position: absolute;
    top: -23px;
    right: 20px;
    width: 23px;
    height: 23px;
    border-radius: 3px;
    color: #666;
    z-index: 3;
    background: rgba(255, 255, 255, 0.7) url(../images/icon_mat_col.png) no-repeat 4px 4px;
    background-size: 15px;
    overflow: hidden;
    cursor: pointer;
}
.card .favo-btnh{
    position: absolute;
    top: -23px;
    right: 20px;
    width: 23px;
    height: 23px;
    border-radius: 3px;
    color: #666;
    z-index: 3;
    background: rgba(255, 255, 255, 0.7) url(../images/icon_mat_col.png) no-repeat 4px -24px;
    background-size: 15px;
    overflow: hidden;
    cursor: pointer;

}


.card:hover .favo-btn,.card:hover .favo-btnh, .items-sig-bd > li > div:hover .favo-btn {
    top: 20px !important;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    line-height: 24px;
    font-size: 12px;
    text-indent: 23px;
    color: #505050;
}

.card:hover .favo-btn em, .card:hover .favo-btnh em, .items-sig-bd > li > div:hover .favo-btn em {
    display: block;
    text-indent: 24px;
    line-height: 22px;
    font-size: 12px;
}

.card:hover .favo-btn:hover, .items-sig-bd > li > div:hover .favo-btn:hover {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    width: 54px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.card .favo-active, .items-sig-bd > li .favo-active {
    background-position-y: -23px;
}
 
 /*end card    */




/* 登录盒子 */

.login-wraps{display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1010;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 15px 15px;
    background: rgba(0,0,0,.6);
    opacity: 1;
    transition: opacity .15s linear;}
.login_box{

	justify-content: center;   /* 子元素水平居中 */
	align-items: center;       /* 子元素垂直居中 */
	display: -webkit-flex;
	width: 410px;
	height: 500px;
	border-radius: 4px;
	background-color: #FFFFFF;
	position: fixed;
	box-shadow: 1px 1px 18px #888;
    display: none;
    


    /*left: 50%;*/
    /*top: 50%;*/
    /*-webkit-transform:translate(-50%,50%);*/

 
    
    
    max-width: 410px;
    margin: 180px auto;
    background: #fff;
    z-index: 9999;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    max-height: 588px;
    animation-name: move;
    animation-duration: 2s;
    animation-timing-function: ease;
    animation-fill-mode: backwards;
}



.login_box .form_box{
	width: 80%;
	height: 80%;
	font-size: 14px;
	list-style: none;
}

/* logo */
.login_box .logo{
	width: 100%;
	height: 35px;
	margin-bottom: 40px;
	text-align: center;
}
.login_box .logo img{
	width: 144px;
	height: 35px;
	object-fit: cover;
}

/* tabr */
.tabr{
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
}
.tabr li{
	display: inline-block;
	margin: 0 19px 0 0 !important;
	border: 0;
	  border-bottom-color: currentcolor;
	  border-bottom-style: none;
	  border-bottom-width: 0px;
	border-bottom: 2px solid transparent;
	  border-bottom-color: transparent;
}
.tabr a {
	display: block;
	padding: 10px 0;
	color: #5a5a5a;
	line-height: 24px;
}
.tabr li.active{
	border-bottom-color:#206be7;
}
.tabr li.active a{
	color: #206be7;
}

.tabr .active:hover{
	border-bottom-color:#1162e8;
}
.tabr a:hover{
	color: #1162e8;
}


/* 登录表单 */
.form_input{
	position: relative;
	margin-bottom: 20px;
}
.form_input i{
	position: absolute;
	left: 0;
	top: 0;
	width: 46px;
	text-align: center;
	color: #828282;
	font-size: 18px;
	line-height: 44px;
}
.form_input input{
	display: block;
	width: 100%;
	height: 40px;
	padding: 9px 15px 9px 42px;
	line-height: 20px;
	font-size: 14px;
	color: #262626;
	font-weight: 400;
	border: 1px solid #dcdfe6;
	border-radius: 4px;
	background: #fff;
	outline: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
form .code{
	display: flex;
	justify-content: space-between;
}
form .code input{
	width: 60%;
}
form .code img{
	width: 35%;
	border-radius: 4px;
	box-shadow: 0 5px 20px rgba(0,0,0,0.06);
}
/* 忘记密码 */
.wjpass{
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 20px;
	color: #5a5a5a;
}
.wjpass a{
	float: right;
}
.wjpass input{
	margin-right: 4px;
}
/* 登录按钮 */
form .login{
	width: 100%;
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 500;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  color: #FFF;
  background: #fff;
    background-color: rgb(62, 99, 210);
  border: 1px solid #dcdfe6;
    border-top-color: rgb(220, 223, 230);
    border-right-color: rgb(220, 223, 230);
    border-bottom-color: rgb(220, 223, 230);
    border-left-color: rgb(220, 223, 230);
  white-space: nowrap;
  padding: 9px 20px;
  font-size: 14px;
  line-height: 16px;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  }
  
  .btn:hover{
	  
	  background-color: #206be7;
  }
  
/*  第三方登录 */

.wact{
	color: #5a5a5a;
	margin-top: 20px;
}
.wact a{
	color: #5a5a5a;
}
.wact li{
	padding: 0 0 0 20px !important;
	display: inline-block;
}
.wact i{
	font-size: 18px;
}

.ri-qq-fill{
	color: #1481F4;
}
.ri-wechat-fill{
	color: #0fa60a;
}
.ri-weibo-fill{
	color:#ff0c00;
}

/* 二维码登录tab */
.qrcode{
	position: absolute;
	right: 8px;
	top: 8px;
	width: 52px;
	height: 52px;
	text-align: center;
	color: var(--theme-color);
	cursor: pointer;
}

.qrcode .w1{
	display: block;
	font-size: 52px;
	line-height: 1;
}
.w1 svg{
	width: 1em;
	height: 1em;
	vertical-align: -0.15em;
	fill: currentColor;
	overflow: hidden;
}

/* 二维码登录页面 */
.login_qrcode{
	line-height: 1.6;
	position: relative;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 100%;
	vertical-align: middle;
	z-index: 1;
	text-align: center;
}

.login_qrcode img{
	width: 216px;
}
.login_qrcode .info{
	margin-bottom: 20px;
}
.login_qrcode span{
	display: block;
}

/* 切换手机登录 */
form{
	display: none;
}
.show{display: block;}

/*end 登陆 box*/


/*公共弹窗*/
.search-open{display:block;}
.login-box-open{display: flex;}
/*end 公共弹窗*/

/*返回底部*/
.toTop {width: 50px;z-index: 666; position: fixed; right: 1%;top: 80%;text-align: center;padding: 15px 16px;}
.toTop a img{width:100%;}
/*end 返回底部*/

/*底部*/
footer{
 background: #373D41;
    width: 100%;
    border-top: #00C1DE 10px solid;
    padding: 1% 0;
    color: #73777a;
    font-size: 14px;
    position: relative;
    overflow: hidden;
}
 .footer_box {
    width: 70%;
    margin: 0 auto;
}
 .footer_about{margin-top: 3%;}
.wxbox { overflow: hidden; float: left; margin-right: 20px }
.wxbox li { float: left; margin: 0 10px; text-align: center }
.wxbox img { height: 100px;width: unset; }
.endnav b { font-size: 16px; color: #00c1de; }
.endnav p { margin-bottom: 5px }
footer a {
    /* color: #73777a; */
    color: #fff;
}
.mdfooterxf-box{ display:none; }

.footer-xuanfu{width: 100%;position: fixed;bottom: 0;z-index:3;}
/*#qwx{display: none;}*/
/*end 底部*/


/*媒体查询*/

/*超小屏幕*/
 @media (max-width: 575px) {
     .whitebg { padding: 10px!important; margin-bottom: 10px!important;}
     .login_box{width: 360px; height: 501px;}
     .toTop {top: 84%;}
 	.footer_box{ width: 96%;} 
 	.wxbox {float: none;}
       .wxbox ul {overflow: hidden;text-align: center;margin-top: 3%;}
       .wxbox li {float: none;display: inline-block;}
       .endnav { width: 100%;overflow: hidden;margin-top: 20px;}

 }
 

/*小屏幕*/
 @media (min-width: 576px) and (max-width: 767px) {
     .whitebg { padding: 10px!important; margin-bottom: 10px!important;}
     .login_box{width: 360px; height: 501px;}
     .toTop {top: 84%;}
        .footer_box{ width: 96%;}
        .wxbox {float: none;}
       .wxbox ul {overflow: hidden;text-align: center;margin-top: 3%;}
       .wxbox li {float: none;display: inline-block;}
       .endnav { width: 100%;overflow: hidden;margin-top: 20px;}
 }

/*中屏幕*/
 @media (min-width: 768px) and (max-width: 991px) {
       .footer_box{ width: 96%;}  
       .wxbox {float: none;}
       .wxbox ul {overflow: hidden;text-align: center;margin-top: 3%;}
       .wxbox li {float: none;display: inline-block;}
       .endnav { width: 100%;overflow: hidden;margin-top: 20px;}
 }

 /*大屏幕*/
 @media (min-width: 992px) and (max-width: 1199px) {
     .head{ padding:0.5% 3%;}
        .footer_box{ width: 90%;}
 }
  /*超大屏幕*/
 @media (min-width: 1200px){
         
 }
 
 
  @media (min-width: 1200px) and (max-width: 1243px) {
        .head{ padding:0.5% 0.5%;}
        .head nav ul li { margin: 0 1%;}
        
 }
 
 @media (min-width: 1244px) and (max-width: 1373px) {
        .head{ padding:0.5% 1%;}
        .head nav ul li { margin: 0 1.5%;}
        
 }
  @media (min-width: 1374px) and (max-width: 1646px) {
        .head{ padding:0.5% 1.5%;}
        .head nav ul li {margin: 0 2%;}
        
 }
 


 @media (max-width: 992px){
    
     .header-box{position:fixed;width:100%;z-index: 6;}
     .head{padding:10px 1px;justify-content: space-between;}
     .head .logo{margin-left:2%;}
     .head .logo a {}
     .head .top-login{margin-right:2%;}
     .head nav ul li:hover:after {display:none;}
     /*.head .top-login .login-btn,.head .top-login .reg-btn{display:none;}*/
     
  @keyframes changeoff {
    100% {
        width: 70%;left: -1%; 
    }
    0% {
       width: 0%;left: -78%;
    }
  }
 
  .head nav{display:none;left: -78%;width:100%;animation: changeoff 3s;}

  @keyframes changeopen {
    0% {
        left: -78%;display:block;
    }
    100% {
       left: -1%; display:none;
    }
  }
     .head .open{animation: changeopen 1s;
    position: fixed;
    height: 100%;
    background:#373D41;
    display:block;
    top: 5px;
    left: -1%;    width: 70%;
}  

   nav .hero{
      display: block;    
        color: #fafafa;margin: auto;text-align: center;margin-top: 5%;margin-bottom:5%;
        text-shadow: 3px 3px 3px hsla(0,0%,0%,0.6);opacity: 0.85;
    }
   nav .hero h1 {
        font-family: 'Tangerine', serif;
        font-size: 12vw;
    }
   nav .hero h2 {
        font-family: 'Montserrat', sans-serif;
        font-size: 3vw;
    /*  font-weight: 200; */
    }
   nav .hero .separator {
        height: 1.4vw;
        width: 56vw;
        background-image: linear-gradient(to left, #5ECDCD, #2E58AE);
        margin: 4px auto 15px;
        border-radius: 2.5vw 24vw / 0.25vw 2vw; /* equivalent to: border-top-left-radius: 2.5vw 0.25vw; border-top-right-radius: 24vw 2vw; border-bottom-right-radius: 2.5vw 0.25vw; border-bottom-left-radius: 24vw 2vw; */
        box-shadow: 10px 5px 5px hsla(0,0%,0%,0.7);
        transform: rotate(-1.5deg)
    }
   .head nav ul { display: unset;}
   .head nav ul li{float: unset;float: unset; margin: 0% 5%;padding: 5% 5%; border-bottom: 1px solid #5d5d5f;}
     .H_warp>ul{ 
       display: block;padding: 8px 5px;position: relative;border: 1px solid #fff; border-radius: 5px; 
          margin-right: 2%;cursor:pointer;margin-top: 3px; z-index:667; }
    .H_warp>ul>li{ height: 2px; width: 25px;display: block; background: #fff;border-radius: 10px;}
    .H_warp .tabag>li:nth-child(2){opacity: 0;}
    .H_warp .tabag>li:nth-child(1){transform: translateY(7.5px) rotate(45deg);}
    .H_warp .tabag>li:nth-child(3){transform: translateY(-8.5px) rotate(-45deg);}
    .H_warp>ul>li + li { margin-top: 6px;}
    
    
   
     footer{padding: 3% 0;}
 
    
 }