@charset "utf-8";


body {
	font-family: "microsoft yahei", sans-serif;
	font-weight: 400;
	position: relative;
	background: #fff;
}


html{font-size:9px}
@media only screen and (max-width:309px){html{font-size:9.375px}}
@media only screen and (max-width:319px) and (min-width:310px){html{font-size:9.6875px}}
@media only screen and (max-width:349px) and (min-width:320px){html{font-size:10px}}
@media only screen and (max-width:359px) and (min-width:350px){html{font-size:10.9375px}}
@media only screen and (max-width:374px) and (min-width:360px){html{font-size:11.25px}}
@media only screen and (max-width:399px) and (min-width:375px){html{font-size:11.718px}}
@media only screen and (max-width:413px) and (min-width:400px){html{font-size:12.5px}}
@media only screen and (max-width:469px) and (min-width:414px){html{font-size:12.9375px}}
@media only screen and (max-width:479px) and (min-width:470px){html{font-size:14.6875px}}
@media only screen and (max-width:539px) and (min-width:480px){html{font-size:15px}}
@media only screen and (max-width:559px) and (min-width:540px){html{font-size:16.875px}}
@media only screen and (max-width:569px) and (min-width:560px){html{font-size:17.5px}}
@media only screen and (max-width:629px) and (min-width:570px){html{font-size:17.8125px}}
@media only screen and (max-width:639px) and (min-width:630px){html{font-size:19.6875px}}
@media only screen and (min-width:640px) and (max-width:719px){html{font-size:20px}}
@media only screen and (min-width:720px) and (max-width:749px){html{font-size:22.5px}}
@media only screen and (min-width:750px) and (max-width:799px){html{font-size:23.5px}}
@media only screen and (min-width:800px){html{font-size:25px}}

/*====================================================
                              公共样式 
===================================================*/
.container-fluid{width: 100%;padding: 0;}

.container {
	padding: 0;
	margin: auto;
}
.pc-hide {
	display: none!important;
}
.row{padding: 0;margin: 0;}

@media only screen and (max-width:768px) {
	.ihpone-hide {
		display: none;
	}
	.pc-hide {
		display: block!important;
	}
	.container {
		width: 100%;
		padding-left: .5rem;
		padding-right: .5rem;
	}	
	.mt1{
		margin-top: 1rem;
	}
}

.mt20{margin-top: 20px;}
.ml20{margin-left: 20px;}
.mr20{margin-right: 20px;}
.mb20{margin-bottom: 20px;}
.m20{margin: 20px;}
.mtb20{margin: 20px auto;}

.pt20{padding-top: 20px;}
.pl20{padding-left: 20px;}
.pr20{padding-right: 20px;}
.pb20{padding-bottom: 20px;}
.p20{padding: 20px;}
.p0 {padding: 0;}

.ps-center{margin-left: auto;margin-right: auto;position: absolute;left: 0;right: 0;}

.f12{font-size: 12px;color: #999;}
.f14{font-size: 14px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f22{font-size: 22px;}
.f24{font-size: 24px;}

.fl {
	float: left!important;
}

.fr {
	float: right!important;
}

.clear {
	clear: both!important;
}

.pie {
	behavior: url(PIE.htc);
	/**IE8的兼容性**/
}

.bdr-5 {
	border-radius: 5px;
	behavior: url(PIE.htc);
}

.bd1 {
	border: 1px solid #ccc;
}

.bb1{border-bottom: 1px solid #ccc;}

/**字体超出容器以省略号显示**/

.no-wrap {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}

/***文本****/

.wb {
	font-size: 14px;
	color: #666;
	line-height: 22px;
}

.time{color: #999;font-size: 14px;}

.lab-red{color: #ff0000; font-size: 14px;}

.color-6{color: #666;}
.color-9{color: #999;}
.color-5{color: #555;}
.color-3{color: #333;}
.color-red{color: #ff0000;}
.color-blu{color: #2d9ed2;}


.bg-greed{background: #449964; color: #fff;}

@media only screen and (max-width:768px) {
	.wb {
		font-size: 1rem;
	}
	
 .lab-red{font-size: 1.1rem;}
}


/****标题***/

.h4-titel {
	color: #333;
	font-size: 22px;
	line-height: 28px;
}

@media only screen and (max-width:768px) {
	.h4-titel {
		font-size: 1.4rem;
		line-height: 1.6rem;
	}
}


/****用户头像******/

.user-img {
	border-radius: 100%;
	overflow: hidden;
	display: block;
	behavior: url(PIE.htc);
}

.user-img img {
	width: 100%;
	height: 100%;
	display: block;
	behavior: url(PIE.htc);
	border-radius: 100%;
}


/***按钮****/


/****倒计时****/
.data-show-box h4{float: left;line-height: 26px;}
.date-tiem-span,.date-s-span{display: inline-block;font-size:18px; width:36px; height:30px;line-height:30px; text-align: center; color:#fff; border-radius:5px;margin-top: 15px;}
.date-tiem-span{ background:#333;}
.date-s-span{ background:#f00;}
.date-select-a{margin-right:5px;}

@media only screen and (max-width:768px) {
	nav.container-fluid{height:4.5rem;}
	
	.data-show-box h4{width: 6rem;font-size: 1.2rem;line-height: 1.4rem;margin-left: .5rem;margin-top: .8rem;}
	.data-show-box{width: 100%;padding: 0;}
	.date-tiem-span,.date-s-span{width:2.5rem; height:2.5rem;line-height:2.5rem;margin-top: 1rem;}
}
/****end 倒计时****/


/*==============小屏端=================*/

@media only screen and (min-width:1024px ) and (max-width:1200px) {
/*
.navbar-default .navbar-form{width: 44.8%;}
.navbar-default .navbar-nav .form-control{width: 110%;}*/
}


/*===============手机端=================*/
@media only screen and (max-width:768px ){
	
.navbar-default{height: 4.5rem;border-bottom: 1px solid #ccc;margin-bottom: 0;}
nav .container{width: 100%!important;margin: auto;padding-left: .5rem;padding-right: .5rem;overflow: hidden;height: 4.5rem;position: relative;line-height: 4.5rem;}	
.navbar-brand{
	display: inline-block;
    text-align: center;    
    width: 14rem;
    position: absolute;
    left: 0;
    right: 0;
    top: -.3rem;
    margin: auto;
    font-size: 1.6rem;
    line-height: 4.5rem;
    color: #333;
     }
    
    
.navbar-default .search{margin-left: 1.5rem;line-height: 4.5rem;}    
	
.navbar-default span.bell{display: inline-block;margin-right: 1.5rem;}
.navbar-default span.bell i.fa{font-size: 2rem;color: #50B8FF;}

.ihone-nav{width: 100%;height: 4.5rem;background: #fff;border-top: 1px solid #ccc;}
.ihone-nav li{width: 20%!important;text-align: center;line-height: 4.5rem;padding-top: .5rem;}
.ihone-nav li a{line-height: 1.5rem;display: inline-block;text-align: center;color:#666;}
.ihone-nav li a:hover{color: #50B8FF;}
.ihone-nav li.center{width: 5rem;height: 5rem;position: relative;padding: 0;}
.ihone-nav li.center a{display: block;width: 100%;height: 5rem;position: absolute;top: -1.5rem;}



.ihone-nav li a i{display: inline-block;margin: auto;font-size: 1.8rem;}
b.round{top: .5rem;right: .8rem;}
.fa-mains i{font-size: 2rem;margin-left: 0;margin-right: 0;margin-top: -.5rem;color: #50B8FF;}

.ihone-nav li.act a{color: #50B8FF;}
}