body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
button,
input,
textarea,
th,
td,
dl {
	margin: 2;
	padding: 0;
	color: #444;
/*	word-break: break-all;*/
	word-wrap: break-word;
}

body,
button,
input,
select,
textarea {
	font:400 1em/1.8 PingFang SC,Lantinghei SC,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,Helvetica,sans-serif;
    font-size: 14px;
	background:#f2f2f2;
}

ul,
ol,
li {
	list-style: none;
}
body{padding-top:60px;}
img {
	border: 0;
	vertical-align: top;
}

em,
i {
	font-style: normal;
}

a {
	color: #444;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #444;
}

.clear {
	clear: both;
	height: 0px;
	overflow: hidden;
}
.nav_boxs{background:#ff415a;height:60px;line-height: 60px;width:100%;position:fixed;z-index: 10;top:0;}
.cont-container{width:1400px;margin: 0 auto;}
.nav-logo{font-size:30px;color:#FFF;}
.navbar-default{background:none;border:none;}
.navbar-default .navbar-brand{color:#FFF;font-size:24px;font-weight:bold;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background:#ff6275;color:#FFF;}
.navbar-default .navbar-nav>li>a{color:#FFF;font-size: 16px;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
	color:#FFF;background: #ff6275;
}
.dropdown-menu{color:#FFF;background: #ff6275;}
.dropdown-menu>li>a{color:#FFF;}
.navbar-brand{padding:18px 15px;}
.navbar-nav>li>.dropdown-menu{width:500px;padding-left:10px;}
.nav>li>a,.navbar-brand{height:60px;}
/*.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#ffaeb8;}*/
.dropdown-menu2 li a{color:#FFF;display:inline-block;width:auto;padding:3px 3px;}
.dropdown-menu2 li{height:35px;}
.navbar-nav>li>.dropdown-menu{padding-bottom:20px;}
.navbar-nav>li>.dropdown-menu3{width:320px;}
.navbar-nav>li>.dropdown-menu3{padding-left:0;}
.dropdown-menu3 li a{width:58px;text-align: center;}
.search-wrap {
  padding-top: 5px;
  margin-left: 26px;
  margin-top:-7px;
  font-size:16px;
  position:relative;
}
.search-wrap .search-input {
  width: 520px;
  height: 48px;
  background: #f7f7f7;
  padding: 0px 40px 0 20px;
  color: #4d555d;
  border-radius: 100px;
  border: 1px solid #ff7a7a;
}
.search-wrap .search-btn {
  background: #c0c0c0;
  width: 35px;
  height: 35px;
  top: 22px;
  right: 15px;
  border: none;
  background:url( "../image/search.png") left top no-repeat;
  cursor: pointer;
  position:absolute;
}
.search{float:left;margin-left:0;}
.nav-right span a{color:#FFF;}
.nav-right span.span3{
	width: 100px;
    height: 30px;
    line-height: 30px;
    border-radius: 50px;
    display: inline-block;
    border: 1px #FFF solid;
    text-align: center;
	color:#FFF;
	
} 
.nav-right span.span3:hover{
	background:#FFF;
	color:#ff415a;
	cursor:pointer;
}

.nav-right span{margin-left:60px;}
.cur{padding-left:30px;padding-top:20px;font-size:18px;}
/*瀑布流布局*/
/* 基础样式 - 所有浏览器都适用 */
       .waterfall-container {
            /* 添加浏览器前缀以增强兼容性 */
		   
            -webkit-column-count: 6;
            -moz-column-count: 6;
            column-count: 6;
            -webkit-column-gap: 16px;
            -moz-column-gap: 16px;
            column-gap: 16px;
		    column-count: 6;
            padding: 16px;
        }

       .waterfall-item {
            display: inline-block;
            width: 100%;
            margin-bottom: 16px;
            break-inside: avoid;
            background-color: #FFFFFF;
            border-radius: 5px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
		    cursor: pointer;
        }

       .waterfall-item img {
            width: 100%;
            height: auto;
            display: block;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
        }

       .waterfall-item p {
            padding: 10px;
            margin: 0;
		    
        }        
       .pagination {
            display: flex;
            justify-content: center;
            list-style: none;
            padding: 0;
        }
/*分页*/
       .pagination li {
            margin: 0 5px;
        }

       .pagination li a {
            display: block;
            padding: 8px 12px;
            text-decoration: none;
            color: #333;
            border: 1px solid #ddd;
            border-radius: 3px;
        }

       .pagination li a:hover {
            background-color: #f5f5f5;
        }

       .pagination li.active a {
            background-color: #ff415a;
            color: white;
            border-color: #ff415a;
        }

.footer{background:#333333;color:#a9a9a9;height:150px;text-align: center;padding-top:30px;padding-bottom:30px;overflow:hidden;}
.footer p{color:#FFF;margin:0;}
.tag-wrap-cont{background:#FFF;padding:15px;height:150px;border-radius:5px;margin-top:30px;margin-bottom:30px;}
.tag-wrap-cont .head{border-bottom:1px #ccc solid;}
.tag-wrap-cont .head .span2{float:right;color:#ccc;cursor: pointer;}
.tag-wrap-cont .cont{padding-top:10px;}
.tag-wrap-cont .cont span{display:inline-block;padding:5px 10px;background:#e68785;color:#FFF;border-radius:5px;margin-bottom:5px;margin-right:5px; cursor: pointer;margin-bottom:10px;} 
.tag-wrap-cont .cont span.tag2{background:#e09d70;}
.tag-wrap-cont .cont span.tag3{background:#dcba61;}
.tag-wrap-cont .cont span.tag4{background:#b1c774;}
.tag-wrap-cont .cont span.tag5{background:#6bca62;}
.tag-wrap-cont .cont span.tag6{background:#88d3cc;}
.tag-wrap-cont .cont span.tag7{background:#aadde0;}
.tag-wrap-cont .cont span.tag8{background:#8693d9;}
.tag-wrap-cont .cont span.tag9{background:#82b0d2;}
.tag-wrap-cont .cont span.tag10{background:#d1aee6;}
.tag-wrap-cont .cont span.tag11{background:#dc9cd8;}
.tag-wrap-cont .cont span.tag12{background:#cf7bad;}

.cont-container2{width:1120px;padding-top:20px;}
.page{overflow:hidden;}
.pageL{width:750px;margin-bottom:0;margin-right:20px;float:left;}
.pageL img{width:100%;}
.pageR{width:350px;float:right;}
.pageR .moudle{background:#FFF;padding:20px 15px;border-radius:15px;}
.page .head{border:none;font-size:18px;}
.pageL-img{background:#FFF;padding:20px 15px;border-radius:15px;}
.page .tag-wrap-cont{height:auto;border-radius: 15px;}
.page .tag-wrap-cont .cont span{background:#FFF;color:#333;border:1px #CCC solid;}
.downlaod{background:#ff415a;height:40px;line-height: 40px;color:#FFF;border-radius:5px;text-align: center;font-size:18px;font-weight:bold;cursor: pointer;}
.tag-wrap-cont2 .head .span2{font-size: 14px;}
.tag-wrap-cont2{margin-top:0;margin-bottom:0;padding:0;}
.moudle2{margin-top:20px;}
.page .tag-wrap-cont2{height:auto;}
.moudle3 .cont{color:#9d9c9a;font-size:14px;}
.recom_box .head{font-size:18px;margin-top:-20px;}
.recom_box{overflow:hidden;}
.recom_box .waterfall-container {
            /* 添加浏览器前缀以增强兼容性 */
		   
            -webkit-column-count: 4;
            -moz-column-count: 4;
            column-count: 4;
            -webkit-column-gap: 16px;
            -moz-column-gap: 16px;
            column-gap: 16px;
		    column-count: 4;
            padding: 16px;
        }

.pageR .moudle .p2{font-size:18px;}

/**/
.waterfall-container2 .waterfall-item{
	position:relative;
	cursor: pointer; 
	display: inline-block;
	transition: transform 0.3s ease;
}
.waterfall-container2 .hover-text{background:rgba(0,0,0,0.5);color:#FFF;position:absolute;bottom: 0;}
.waterfall-container2 .waterfall-item img {
            display: block;
            max-width: 100%;
            height: auto;
        }
.waterfall-container2 .waterfall-item .hover-text {
            visibility: hidden;
            width: 100%;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            text-align: left;
            padding: 5px 10px;
            position: absolute;
            bottom: 0;
            left: 0;
	       
        }

.waterfall-container2 .waterfall-item:hover {
            transform: scale(1.05);
}
.waterfall-container2 .waterfall-item:hover .hover-text {
            visibility: visible;
}
/*新增样式*/
.downlaod a{color:#FFF;}
.page .tag-wrap-cont .cont span:hover{border:1px #ff415a solid;color:#ff415a;}

/*.waterfall-item img{height:300px;}*/
/*.waterfall-container2 .waterfall-item img{height:300px;}*/
.navbar-nav>li>.dropdown-menu{width:500px;height:167px;}
/*.nav{position:fixed;width:100%;}*/