@import url(base.css);

a {color: #333;}
a:hover {color: #b7220e;}
.container{width: 100%; margin: 0 auto; max-width: 1245px;}


body{
	background: url(bg_body_party.jpg) no-repeat center top #c42220;
	font-family: "微软雅黑", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", PingHei, STHeiti;
	font-size: 16px; font-size: 1.6rem;
	color: #444;
}
.navtop{margin-top: 10px;
	margin-bottom: 5px;
	padding: 0;
	line-height: 2;
	font-size: 14px; font-size: 1.4rem;
	float: right;
	color: #fff;
}
.navtop li{display: inline-block; padding-left: 15px; vertical-align: middle;}
.navtop li a{color: #fff;}
.navtop li a:hover{color: #d7ddff;}

.search-model{position:absolute; background-color:rgba(129, 29, 1,0.9); width:100%; display:none; top:-8px; left:0; z-index: 100}
.search-model form{overflow:hidden}
.search-box{height:68px; border-bottom:1px solid #fff; margin:80px 160px 90px;}
.search-ipt{height:30px; border:0; background:none; font-size:22px; color:#fff; width:60%; float:left; margin-top:18px; caret-color:#fff; -webkit-appearance:none;outline:none; padding:0;}
.search-sub{ background:url(ico_search_m_white.png); width:30px; height:30px; float:right; display:block; border:0; margin-top:20px}
.search-close{float:right;margin:20px; cursor:pointer;}
.search-ipt::-webkit-input-placeholder{color: #fb8d9a;} 
.search-ipt:-moz-placeholder{color: #fb8d9a;} 
.search-ipt::-moz-placeholder{color: #fb8d9a;} 
.search-ipt:-ms-input-placeholder{color: #fb8d9a;}

.search{float:right; width: calc(100%); border-radius: 18px; height: 35px; line-height: 35px;
	background: #fff; background-color: rgba(255, 255, 255, 0.4);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#66ffffff, endColorstr=#66ffffff);
}
.search input{color: #fff; border: 0 none; height: 35px; line-height: 33px; float: left; padding: 0 0 0 18px; font-size: 14px; font-size: 1.4rem; width: calc(100% - 46px);}
.search .btn-search{float: right; background: url(ico_search_white.png) no-repeat 50% 50%; width: 40px;}

a.icon{
	display: none;
}
.logo{float:left; width: calc(100% * 1); margin: 15px 0 35px 0; background: url(logo_icoparty_party.png) no-repeat right top; }
.nav{}


footer{padding: 20px 0;}
footer p{color: #fff; line-height: 1.6; font-size: 14px; font-size: 1.4rem; text-align: center;}
footer a{color: #fff;}
footer a:hover{text-decoration: underline;}
@media screen and (max-width:768px){

}

/*横屏*/
@media screen and (orientation:landscape) and (max-width: 1023px){
	.logo, .nav{float:none; width: calc(100%);}
	
}
/*竖屏*/
@media screen and (orientation:portrait){}

/*手机总体*/
@media screen and (max-width: 1023px) {
	.logo, .nav{float:none; width: calc(100%);}
	
	.search{display: none;}
	.search img{width: auto; height: auto; }
	
	.footer-logo-left{float:left; width: calc(100% / 12 * 3 - 40px); margin: 5px 0 15px 40px;}
	.footer-logo{float: left; width: calc(100% / 12 * 6 - 20px); margin: 25px 10px 30px 10px;}
	.footer-img{float: right; width: calc(100% / 12 * 3 - 15px); margin: 15px 0 15px 15px;}
	.footer-m{width: calc(100% - 30px); margin:15px; display: block;}
}
/*pc总体*/
@media screen and (min-width: 1024px) {
	.logo{min-height: 126px;}
}
/*5*/
@media screen and (min-width: 300px) and (max-width: 373px) {

}
/*6*/
@media screen and (min-width: 374px) and (max-width: 412px) {

}
/*5、6、plus*/
@media screen and (min-width:300px) and (max-width: 767px) {
	.search-box{margin:50px 20px 50px;}
	.footer-logo-left{margin: 15px 20px 15px 20px;}
}

/*ipad*/
@media screen and (min-width:768px) and (max-width: 1023px) {
	.logo{width: 100%; background-size: contain;}
	.logo img{width: 80%;}
}
/*1280 1366*/
@media screen and (min-width: 1024px) and (max-width: 1367px) {
}
/*1920*/
@media screen and (min-width: 1368px) and (max-width: 1440px) {
}
/**/
@media screen and (min-width: 1441px) {
}