@charset "utf-8";
* {
	margin: 0;
	padding: 0;
	font-family: "Microsoft YaHei";
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

html {
	font-family: sans-serif;
	/* 1 */
	-ms-text-size-adjust: 100%;
	/* 2 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
}

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

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	/* 1 */
	vertical-align: baseline;
	/* 2 */
}

h1,
h2,
h3,
h4,
h5,
p,
a,
span,
li {
	font-family: '微软雅黑', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
}

a {
	text-decoration: none!important;
}

a:link {
	background: 0;
	outline: 0;
}

a:visited {
	background: 0;
	outline: 0;
}

a:focus {
	outline: 0 solid;
	background: 0;
}

a:hover {
	text-decoration: none;
	outline: 0;
	background: 0;
}

a:active {
	text-decoration: none;
	outline: 0;
	background: 0;
}

input,
button,
a {
	outline: 0 none !important;
	blr: expression(this.onFocus=this.blur());
	text-decoration: none;
	-webkit-appearance: none;
	-webkit-tap-highlight-color:transparent;/***ios 去掉灰色背景***/
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

img {
	border: 0;
	width: 100%;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
	display: inline-block;
}


/* Remove Chrome Input Field's Unwanted Yellow Background Color */

ul>li {
	list-style: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

ul {
	margin: 0;
	padding: 0;
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
}

section {
	padding: 0;
	padding: 0;
}

em {
	font-style: normal;
}

i {
	font-style: normal;
}

b {
	font-weight: 400;
}

i.fa {
	margin-right: 6px;
	vertical-align: middle;/*居中对齐*/
	font-size: 18px;
}

h4 {
	font-size: 20px;
	color: #333;
}

p {
	font-size: 14px;
}

span {
	font-size: 16px;
}

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%;
}


/***按钮****/


/*====================================================
                                    滚动条样式                                                  
===================================================*/

.nano {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.nano>.nano-content {
	position: absolute;
	overflow: scroll;
	overflow-x: hidden;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.nano>.nano-content:focus {
	outline: thin dotted;
}

.nano>.nano-content::-webkit-scrollbar {
	display: none;
}

.has-scrollbar>.nano-content::-webkit-scrollbar {
	display: block;
}

.nano>.nano-pane {
	background: rgba(0, 0, 0, .25);
	position: absolute;
	width: 10px;
	right: 0;
	top: 0;
	bottom: 0;
	visibility: hidden\9;
	/* Target only IE7 and IE8 with this hack */
	opacity: .01;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.nano>.nano-pane>.nano-slider {
	background: #444;
	background: rgba(0, 0, 0, .5);
	position: relative;
	margin: 0 1px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.nano:hover>.nano-pane,
.nano-pane.active,
.nano-pane.flashed {
	visibility: visible\9;
	/* Target only IE7 and IE8 with this hack */
	opacity: 0.99;
}


/*====================================================
                       PAGES
===================================================*/

.pages {
	height: 40px;
	margin: auto;
	text-align: center;
	margin-top: 20px;
}

.pages a,
.pages span {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	line-height: 40px;
	width: 40px;
	height: 40px;
	background-color: #FFF;
	margin-right: 4px;
	margin-left: 4px;
	border: 1px solid #DDD;
	color: #666;
	font-size: 16px;
	border-radius: 4px;
}


/*.pages b{display: inline-block;width: 40px;height: 40px;line-height: 40px;background: #00A0E9;color: #fff;	border-radius: 4px;margin-left: 4px;margin-right: 4px;}	*/

.pages span {
	color: #AAA;
}

.pages a:hover {
	border-color: #00A0E9;
	color: #fff;
	background: #00A0E9;
}

.pages a.current {
	border-color: #00A0E9;
	background-color: #00A0E9;
	color: #FFF;
}

.pages-large {
	height: 60px;
}

.pages-large a,
.pages-large span {
	height: 58px;
	line-height: 58px;
	padding: 0 25px;
	margin-right: 8px;
	margin-left: 8px;
	font-size: 22px;
}

.pages-small {
	height: 24px;
}

.pages-small a,
.pages-small span {
	height: 22px;
	line-height: 22px;
	padding: 0 8px;
	margin-right: 0;
	margin-left: 0;
	font-size: 14px;
}


/*====================================================
                    NAV and FOOTER样式                                       
===================================================*/

nav.container-fluid{height: 60px;border-bottom: 2px solid #50B8FF;position: fixed;left: 0;top: 0;background: #fff;width: 100%;z-index: 99;}
.nav-log{display: inline-block;width: 160px;}


/****倒计时****/
.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 倒计时****/


/*====================================================
                        HEADER
===================================================*/

.input-group-addon{cursor: pointer;}
nav .navbar-collapse{padding: 0;}
nav .act-nav{background: #50b8ff;}	
nav .act-nav a{color: #fff!important;background: #50b8ff!important;}
nav .container{height: 60px;overflow: hidden;width:1200px;}
nav .navbar-brand{width: 170px;margin-top: -12px;}
.navbar-default{background: #fff;height: 60px;border-bottom: 1px solid #50B8FF;border-radius: 0;margin-bottom:0;}
.navbar-nav>li.bell{position: relative;}
.navbar-nav>li>a{color: #666;width: 100px;height:58px;padding:16px 6px;}

.navbar-nav>li>a:hover{color: #50b8ff!important;}
nav .act-nav a:hover{color: #fff!important;}
.nav-box{margin-left: 20px;}

.navbar-nav>li>a{line-height: 26px;text-align: center;font-size: 16px;}

.navbar-form{line-height: 0px;}
.navbar-form .fa-search{color: #888;font-size: 22px;margin-left: 10px;margin-right: 8px;}
.navbar-form .search-icons{padding: 0;}
.navbar-form .fa-search:hover{color: #50B8FF;}
/***下拉列表****/
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background: 0;}
.navbar-default .navbar-nav .form-control{width:260px;height: 40px;}

.navbar-nav .fa-bell-o{font-size: 26px;margin-top: -4px;}

/***注册登录****/
.navbar-nav .login-box-header{width: 100px;padding: 0!important;height: 60px;}
.navbar-nav .login-box-header a{width: 40px;padding: 0;float: left;line-height: 58px;}
.nav-box .down-app{position: relative;}
.nav-box .down-app .code-app{
	display: block;
	width: 220px;
	z-index: 99999;
	padding: 10px;
	background: #fff;
	position:fixed;
	margin-left: -62px;
	margin-top: 18px;
	border-radius: 6px;
	text-align: center;
	color: #999;
	display: none;
	}
	
.nav-box .down-app .down-jt{
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
	left: 0;right: 0;margin: auto;top: -30px;
	border-bottom: 18px solid #fff;
	border-top:0px solid rgba(0,0,0,0);
	border-left: 18px solid rgba(0,0,0,0);
	border-right: 18px solid rgba(0,0,0,0);
	}
.nav-box .down-app:hover .code-app{display: block;}		

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

@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;}
}






footer {
	width: 100%;
	height: 130px;
	background: #444547;
	text-align: center;
	padding-top: 20px;
	
}

footer p {
	color: #AAAAAA;
	line-height: 26px;
	font-size: 14px;
	margin-top: 10px;
}

footer img {
	width: 160px;
	margin: auto;	
}

footer .friend-link {
	float: left;
	margin-left: 100px;
	margin-top: 30px;
}

footer .friend-link>li {
	float: left;
	margin-left: 30px;
}

footer .friend-link>li a {
	color: #aaa;
}

footer .friend-link>li:hover a {
	color: #50B8FF;
}

@media only screen and (max-width:768px) {
	footer {
		margin-top: 2.5rem;
	}
	footer .img {
		width: 160px;
		margin: auto;
		float: none;
	}
	footer .friend-link {
		display: none;
	}
}