@charset "utf-8";
*{margin:0 auto;padding:0;margin:0;border:0;}
body{color:#333333;font-size:14px;
	background-color: #f0eff4;
}
body a{font-family: "微软雅黑";}
ul,li{ list-style:none;padding:0;margin:0;}
tbody,tr,td{ list-style:none;padding:0;margin:0;border:0;}
img{ border:0;}
.hr{height:1px;
	clear: both;
}
a{text-decoration: none;coloR:#333333;}
img{border:0; display:block;}
.xyy{text-align: center;}
.xyy a{	position:relative;
	top:5px;
	background-color: #ff6c00;
	color:#FFFFFF;
	overflow:hidden;
	padding: 5px 10px;
	text-align: center;}

       .waterfall {
            width: 85%;
            column-gap:8px;
            column-count: 5;
            margin: 0 auto;
			margin-top:20px;
        }
        .item1 {
            margin-bottom: 12px;
            break-inside: avoid;
			background-color: #fdfdfd;
			overflow:hidden;text-align: center;border-radius:4px;
			
        }
		
        .item1 img {
            width: 100%;
        }
		.item1 p{line-height:20px;padding-top:10px;padding-bottom:10px;}
        @media (min-width: 992px) and (max-width: 1300px) {
            .waterfall {
                column-count: 4;
            }
        }
        @media (min-width: 768px) and (max-width: 991px) {
            .waterfall {
                column-count: 3;width: 96%;
            }
        }
        @media (max-width: 767px) {
            .waterfall{
                column-count: 2;width: 96%;
            }
        }	
	



	

	
		
.hr{height:1px;
	clear: both;
}		
.dengqian{
	width:85%;
	font-size:12px;
	margin:0 auto;
	margin-top:8px;
}
       @media (min-width: 992px) and (max-width: 1300px) {
            .dengqian {
                 width: 85%;
            }
        }
        @media (min-width: 768px) and (max-width: 991px) {
            .dengqian {
                width: 96%;
            }
        }
        @media (max-width: 767px) {
            .dengqian {
               width: 96%;
            }
        }
.caining{
	width:85%;
	height:40px;
	line-height:40px;
	font-size:18px;
	margin:0 auto;
	border-bottom: 1px solid #d7d6d9;
	display: block;
}
       @media (min-width: 992px) and (max-width: 1300px) {
            .caining {
                 width: 85%;
            }
        }
        @media (min-width: 768px) and (max-width: 991px) {
            .caining {
                width: 96%;
            }
        }
        @media (max-width: 767px) {
            .caining {
               width: 96%;
            }
        }




.neirong{width:83%;padding:1%;background:#fff;border-radius:5px;text-align: center;margin:0 auto;margin-top:10px;}
.neirong img{
max-width: 100%;
	text-align: center;margin:auto;
	max-width: 100%;
padding-bottom:10px;
padding-top:5px;
border-radius:5px;

}
.neirong h1{font-size:18px;font-weight:normal;height:auto;line-height:30px;text-align: center;}
@media (min-width: 992px) and (max-width: 1300px) {
            .neirong {
                 width: 85%;
            }
        }
        @media (min-width: 768px) and (max-width: 991px) {
            .neirong {
                width: 96%;
            }
        }
        @media (max-width: 767px) {
            .neirong {
               width: 96%;
            }
        }

.neirong_zs{width:83%;margin:0 auto;margin-top:10px;padding:1%;background:#fff;border-radius:5px;line-heigt:30px;font-size:15px;}
.neirong_zs h1{font-size:18px;height:auto;line-height:30px;text-align: center;}
.neirong_zs p{font-size:16px;line-height:28px;margin-bottom:20px;}
.neirong_zs h3{font-size:16px;line-height:28px;}
@media (min-width: 992px) and (max-width: 1300px) {
            .neirong_zs {
                 width: 85%;
            }
        }
        @media (min-width: 768px) and (max-width: 991px) {
            .neirong_zs {
                width: 96%;
            }
        }
        @media (max-width: 767px) {
            .neirong_zs {
               width: 96%;
            }
        }

.time{
	text-align: center;
	color:#CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	line-height:35px;height:35px;
	font-size:13px;
	padding-bottom:8px;
	margin-bottom:8px;
}



.dibu{}
.pag{
	width:95%;margin:0 auto;
	height:40px;margin-top:10px;margin-bottom:10px;
	
}
.pag ul{margin:0 auto;text-align: center;width:auto;}
.pag li{float:left;margin:3px 3px;}

.pag li a{
	padding:2px 10px;
	line-height:25px;
	display:inline-block;
	background-color: #0bb366;
color:#fff;	
}
.pag li a:hover{background-color: #027feb;
	color: #FFFFFF;
}
.footer{width:100%;height:60px;line-height:60px;color:#fff;background:#262626;text-align:center;}
.footer a{color:#fff;}
.gzh{width:85%;
	height:90px;
	margin:0 auto;
	margin-top:20px;margin-bottom:30px;}
.gzh img{width:100%;height:auto;}

.tag{width:83%;background:#fff;padding:15px;border-radius:5px;height:100%; overflow:hidden;border-radius:5px;margin:0 auto;margin-top:25px;margin-bottom:25px;}
.tag a:nth-child(9n){background-color: #4A4A4A;}
.tag a:nth-child(9n+1){background-color: #428BCA;}
.tag a:nth-child(9n+2){background-color: #5CB85C;}
.tag a:nth-child(9n+3){background-color: #D9534F;}
.tag a:nth-child(9n+4){background-color: #567E95;}
.tag a:nth-child(9n+5){background-color: #B433FF;}
.tag a:nth-child(9n+6){background-color: #00ABA9;}
.tag a:nth-child(9n+7){background-color: #B37333;}
.tag a:nth-child(9n+8){background-color: #FF6600;}
.tag a{opacity: 0.80;filter:alpha(opacity=80);color: #fff;background-color: #428BCA;display: inline-block;margin: 0 6px 6px 0;padding: 0 8px;line-height: 35px;border-radius:4px}
.tag a:hover{opacity: 1;filter:alpha(opacity=100);}
.tag b{
	font-size: 18px;
	color: #666;
	border-bottom: 1px solid #eaeaea;
	background-color: #fbfbfb;
	margin: 0;
	padding: 11px 15px 10px;
	display: block;
	font-weight: normal;
}
.f{width:auto;height:auto;}
@media screen and (max-width: 768px) {
  .f {
    display: none;
  }
}

.icon,.user-icon{display:inline-block;background-image:url(../images/icon.png);background-repeat:no-repeat}
.flex,.page,.page form{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:flex}
.vertical{-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}
.xcenter{-webkit-box-pack:center;-moz-box-pack:center;-webkit-justify-content:center;justify-content:center}
.xend{-webkit-box-pack:end;-moz-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}
.xjustify{-webkit-box-pack:justify;-moz-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
.ycenter{-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center}
.yend{-webkit-box-align:end;-moz-box-align:end;-webkit-align-items:flex-end;align-items:flex-end}
.flexone,.page a,.page span,.page select{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;flex:1}
.header{height:50px;background:#0bb366;position:relative}
.header .logo{display:block;width:96px;height:32px;background:url(../images/logo.png) no-repeat center center;background-size:contain}
.header .tool{display:block;width:50px;height:50px;padding:13px;box-sizing:border-box;position:absolute;top:0}
.header .tool.menu{left:0}
.header .tool.search{left:50px}
.header .tool .icon{width:24px;height:24px;background-size:300px 300px}
.header .tool .menu-icon{background-position:0 -163px}
.header .tool .search-icon{background-position:-29px -163px}
.header .tool .close-icon{background-position:-116px -163px}
.header .user-login{position:absolute;right:0;top:0}
.user-box .drop-menu{display:none;width:120px;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.2);border-radius:0 0 3px 3px;position:absolute;right:0;top:50px;z-index:900}
.user-box .drop-menu a{display:block;height:40px;line-height:40px;padding:0 20px;font-size:14px;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;transition:background .3s ease}
.user-box .drop-menu a:hover{text-decoration:none;background:#f0f0f0}
.user-box .drop-menu .line{height:1px;margin:0;background-color:#ebebeb;border:0}

.nav{height:45px;background:#fafafa}
.nav{height:45px;background:#fafafa}
.nav .swiper-slide{float:left;width:70px;height:45px;line-height:45px;text-align:center;font-size:16px}

.mask-bg{width:100%;min-width:320px;height:100%;background:rgba(0,0,0,.45);position:fixed;left:0;top:0;z-index:999}
.menu-slide{display:none;width:100%;min-width:320px;height:100%;padding:0 0 0 50px;background:#fff;box-sizing:border-box;overflow-y:auto;position:fixed;left:0;top:0;z-index:1000;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform .3s ease;-moz-transition:-moz-transform .3s ease;transition:transform .3s ease}
.menu-slide .menu-item{padding:10px 0;border-bottom:1px solid #ebebeb}
.menu-slide .menu-item.user-card{padding:30px 20px 20px}
.menu-slide .menu-item:last-of-type{border-bottom:none}
.menu-slide .menu-item .title{display:block;height:40px;line-height:40px;padding:0 10px;font-size:16px;color:#0bb366}
.menu-slide .menu-item h3{line-height:20px;padding:5px 10px 0;font-size:14px;font-weight:normal;color:#666}
.menu-slide .menu-item ul{padding:5px}
.menu-slide .menu-item ul li{float:left;padding:5px;box-sizing:border-box}
.menu-slide .menu-item ul.category li{width:25%}
.menu-slide .menu-item ul.size li{width:33.333%}
.menu-slide .menu-item ul li a{display:block;height:38px;line-height:38px;text-align:center;font-size:14px;border-radius:3px;border:1px solid #0bb366}
.clearfix{zoom:1}
.clearfix:after{content:".";height:0;line-height:0;font-size:0;clear:both;display:block;visibility:hidden}