/* Css Reset */
html,body {font-family:"微软雅黑", "黑体", 宋体, Arial, Times New Roman, Calibri;font-size:14px; font-weight:normal;color: #313131;margin:0;padding:0;}/*text-align:center;*/

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
table,tr,td,th{ padding:auto;margin:auto;}
div,p,span,a,img,font,b,h1,h2,h3,h4,h5,h6,dl,dt,dd,ol,ul,li,form,tbody,fieldset,legend,button,input,textarea,th,td{ list-style:none;padding:0;margin:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
small{font-size:12px;}
ul,ol{list-style:none;}
em, i {font-style: normal;}
img{border:0px none;}

audio, canvas, video {display:inline-block; *display:inline; *zoom:1;}
body, button, input, select, textarea {font:14px/1.5 "Microsoft Yahei", "\5B8B\4F53", sans-serif, tahoma, arial;}
input, select, textarea {font-size:100%;}
table {border-collapse:collapse; border-spacing:0;}
th {text-align:inherit;}
fieldset, img {border:0;}
iframe {display:block;}
abbr, acronym {border:0; font-variant:normal;}
del {text-decoration:line-through;}
address, caption, cite, code, dfn, em, th, var {font-style:normal; font-weight:500;}
ol, ul {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:500;}
q:before, q:after {content:'';}
sub, sup {font-size:75%; line-height:0;	position:relative; vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
small{font-size:12px;}






a {color:#333;}
a:hover {color:#000; text-decoration:underline;}
ins, a {text-decoration:none;}
:focus{outline:0}
a *{*cursor:pointer}
a:hover {color: #cd0001; text-decoration: none;}
a{text-decoration:none;color:#333; -moz-transition:color 0.2s ease-in-out 0s; -webkit-transition:color 0.2s ease-in-out 0s; -o-transition:color 0.2s ease-in-out 0s;}
a:hover {/*font-size:14px;*/color:#f00;text-decoration:none;}
a:link, a:visited{/*font-size:14px;color:#333;*/text-decoration:none;}

A.white:link {COLOR: #fff; TEXT-DECORATION: none;}
A.white:visited {COLOR: #fff; TEXT-DECORATION: none;}
A.white:hover {COLOR: #fff; TEXT-DECORATION: none;}
A.white:active {COLOR: #fff; TEXT-DECORATION: none;}
A.red:link {COLOR: #FF0000; TEXT-DECORATION: none;}
A.red:visited {COLOR: #FF0000; TEXT-DECORATION: none;}
A.red:hover {COLOR: #FF0000; TEXT-DECORATION: none;}
A.red:active {COLOR: #FF0000; TEXT-DECORATION: none;}
A.blue:link {COLOR: #00C; TEXT-DECORATION: none;}
A.blue:visited {COLOR: #00C; TEXT-DECORATION: none;}
A.blue:hover {COLOR: #FF0000; TEXT-DECORATION: none;}
A.blue:active {COLOR: #00C; TEXT-DECORATION: none;}
A.Display:link {COLOR: #CCCCCC; TEXT-DECORATION: none;}
A.Display:visited {COLOR: #CCCCCC; TEXT-DECORATION: none;}
A.Display:hover {COLOR: #CCCCCC; TEXT-DECORATION: none;}
A.Display:active {COLOR: #CCCCCC; TEXT-DECORATION: none;}
.red{ color:#C00}
.blue{ color:#03C}
.orange{ color:#E39B00}
.yellow{ color: #F9D900}
.white{color: #fff}
.gray,.Gray{ color:#CCCCCC}

.Bold{font-weight:bold;}


.Clear,.clear{clear:both; margin:0 auto}
.clearfix:after{content:'\20';display:block;height:0;clear:both;}
.clearfix,.col-sub,.col-extra{*zoom:1;}
.Left,.left,.fl{float:left;}
.Right,.right,.fr{float:right;}
.hide,.none { display:none;}


.fn-clear:after {visibility:hidden; display:block; font-size:0;	content:" "; clear:both; height:0;}
.fn-clear {zoom:1; /* for IE6 IE7 */}
.fn-hide {display:none;}
.fn-left, .fn-right {display:inline;}
.fn-left {float:left;}
.fn-right {float:right;}


.col-main{float:left;min-height:1px;}
.col-sub,.col-extra{float:left;}
.po_ab {position: absolute;}

.date {	FLOAT: right;FONT-SIZE: 11px; COLOR: #999999; MARGIN-RIGHT: 8px; FONT-FAMILY: Arial, Helvetica, sans-serif}









/*仿bootstrop label badge*/
.label-bt,.badge{display:inline-block;padding:2px 4px;font-size:11.844px;font-weight:bold;line-height:14px;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);white-space:nowrap;vertical-align:baseline;background-color:#999}
.label-bt{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.badge{padding-right:9px;padding-left:9px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;margin-right: 5px;}
.label-bt:empty,.badge:empty{display:none}
a.label-bt:hover,a.label-bt:focus,a.badge:hover,a.badge:focus{color:#fff;text-decoration:none;cursor:pointer}
.label-important,.badge-important{background-color:#b94a48}
.label-important[href],.badge-important[href]{background-color:#953b39}
.label-warning,.badge-warning{background-color:#f89406}
.label-warning[href],.badge-warning[href]{background-color:#c67605}
.label-success,.badge-success{background-color:#468847}
.label-success[href],.badge-success[href]{background-color:#356635}
.label-info,.badge-info{background-color:#0062f2}
.label-info[href],.badge-info[href]{background-color:#5251bf}
.label-inverse,.badge-inverse{background-color:#333}
.label-inverse[href],.badge-inverse[href]{background-color:#1a1a1a}
.btn .label-bt,.btn .badge{position:relative;top:-1px}
.btn-mini .label-bt,.btn-mini .badge{top:0}




.xinwang_ios .header{padding-top: 20px;}
/*.padTop20{padding-top: 20px;}*/
/* CSS 特效 */

/* 从下往上缓冲显示 */
@-webkit-keyframes bottomFadeIn{
	0%{opacity:0;	-webkit-transform:translateY(10px);}
	100%{opacity:1;	-webkit-transform:translateY(0);}
}

@-moz-keyframes bottomFadeIn{
	0%{opacity:0;	-moz-transform:translateY(10px);}
	100%{opacity:1; -moz-transform:translateY(0);}
}

@keyframes bottomFadeIn{
	0%{opacity:0;	transform:translateY(10px);}
	100%{opacity:1; transform:translateY(0);}
}

/* 从上往下缓冲显示 */
@-webkit-keyframes topFadeIn{
	0%{opacity:0;	-webkit-transform:translateY(-10px);}
	100%{opacity:1;	-webkit-transform:translateY(0);}
}

@-moz-keyframes topFadeIn{
	0%{opacity:0;	-moz-transform:translateY(-10px);}
	100%{opacity:1; -moz-transform:translateY(0);}
}

@keyframes topFadeIn{
	0%{opacity:0;	transform:translateY(-10px);}
	100%{opacity:1; transform:translateY(0);}
}

/* 从左往右缓冲显示 */
@-webkit-keyframes leftFadeIn{
	0%{opacity:0;	-webkit-transform:translateX(-10px);}
	100%{opacity:1;	-webkit-transform:translateY(0);}
}

@-moz-keyframes leftFadeIn{
	0%{opacity:0;	-moz-transform:translateX(-10px);}
	100%{opacity:1; -moz-transform:translateY(0);}
}

@keyframes leftFadeIn{
	0%{opacity:0;	transform:translateX(-10px);}
	100%{opacity:1; transform:translateY(0);}
}

/* 从右往左缓冲显示 */
@-webkit-keyframes rightFadeIn{
	0%{opacity:0;	-webkit-transform:translateX(10px);}
	100%{opacity:1;	-webkit-transform:translateY(0);}
}

@-moz-keyframes rightFadeIn{
	0%{opacity:0;	-moz-transform:translateX(10px);}
	100%{opacity:1; -moz-transform:translateY(0);}
}

@keyframes rightFadeIn{
	0%{opacity:0;	transform:translateX(10px);}
	100%{opacity:1; transform:translateY(0);}
}

/* 膨胀后变正常尺寸 */
@-webkit-keyframes popup{
	0%{-webkit-transform:scale(0);}
	60%{-webkit-transform:scale(1.1);}
	100%{-webkit-transform:scale(1);}
}

@-moz-keyframes popup{
	0%{-moz-transform:scale(0);}
	60%{-moz-transform:scale(1.1);}
	100%{-moz-transform:scale(1);}
}

@keyframes popup{
	0%{transform:scale(0);}
	60%{transform:scale(1.1);}
	100%{transform:scale(1);}
}

/* X轴翻动 */
@keyframes flipInX{
	0%{transform:perspective(400px) rotateX(90deg); opacity:0}
	40%{transform:perspective(400px) rotateX(-10deg)}
	70%{transform:perspective(400px) rotateX(10deg)}
	100%{transform:perspective(400px) rotateX(0deg); opacity:1}
}
@-webkit-keyframes flipInX{
	0%{-webkit-transform:perspective(400px) rotateX(90deg); opacity:0}
	40%{-webkit-transform:perspective(400px) rotateX(-10deg)}
	70%{-webkit-transform:perspective(400px) rotateX(10deg)}
	100%{-webkit-transform:perspective(400px) rotateX(0deg); opacity:1}
}
@-moz-keyframes flipInX{
	0%{-moz-transform:perspective(400px) rotateX(90deg); opacity:0}
	40%{-moz-transform:perspective(400px) rotateX(-10deg)}
	70%{-moz-transform:perspective(400px) rotateX(10deg)}
	100%{-moz-transform:perspective(400px) rotateX(0deg); opacity:1}
}

/* Y轴翻动 */
@keyframes flipInY{
	0%{transform:perspective(400px) rotateY(90deg); opacity:0}
	40%{transform:perspective(400px) rotateY(-10deg)}
	70%{transform:perspective(400px) rotateY(10deg)}
	100%{transform:perspective(400px) rotateY(0deg); opacity:1}
}
@-webkit-keyframes flipInY{
	0%{-webkit-transform:perspective(400px) rotateY(90deg); opacity:0}
	40%{-webkit-transform:perspective(400px) rotateY(-10deg)}
	70%{-webkit-transform:perspective(400px) rotateY(10deg)}
	100%{-webkit-transform:perspective(400px) rotateY(0deg); opacity:1}
}
@-moz-keyframes flipInY{
	0%{-moz-transform:perspective(400px) rotateY(90deg); opacity:0}
	40%{-moz-transform:perspective(400px) rotateY(-10deg)}
	70%{-moz-transform:perspective(400px) rotateY(10deg)}
	100%{-moz-transform:perspective(400px) rotateY(0deg); opacity:1}
}



/* 第三方登陆授权后提示绑定手机号 */
#loginconnectInfo .mask , #loginconnectInfo .layer {display: block;}
#loginconnectInfo .mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: .5; z-index: 1003;}
/*弹出层*/
#loginconnectInfo .layer{position: fixed; top: 200px; left: 50%; background: #fff; z-index: 1004; border-radius: 4px; font-size: 16px; margin-left: -190px; text-align: center; padding: 24px 0 28px;}
#loginconnectInfo .layer-tit{padding-bottom: 15px;}
#loginconnectInfo .layer-tit span{padding: 0 0 0 30px; background: url(../images/layer_icon.png) left center no-repeat;}
#loginconnectInfo .layer-con{font-size: 16px; padding: 20px 50px; border-top: 1px solid #cbcbcb;}
#loginconnectInfo .layer-btn a{background: #1facee; color: #fff; border-radius: 4px; display: block; width: 120px; margin: 0 auto; line-height: 40px; height: 40px;}