@charset "utf-8";
body,ul,li,dl,dt,dd,table,tr,td,form,h1,h2,h3,h4,div,.temp,.frame,.block,a{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
a{color:#666;text-decoration:none}a:hover{text-decoration:underline}
fieldset,img{border:0 none}
:focus{outline:none}
.fl{float:left}.fr{float:right}
.inline-block{display:inline-block}
.clearfix:before,.clearfix:after{clear:both;content:" ";display:block;height:0}
.hide{display:none}.show,.block{display:block}
.center{text-align: center}
.header-block{width:1200px;margin:0 auto;position:relative}
.back{background-color:#fff;overflow:hidden}
.green{color:#5cb85c}
.red{color:#ee0000}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
body{background:#fff;color:#333;-webkit-font-smoothing: antialiased;height:100%;line-height: 1.6;-webkit-text-size-adjust:none}
body,input,textarea{font:12px/1.42857143  "Helvetica Neue","Arial","PingFang SC","Hiragino Sans GB","STHeiti","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif}
ul,li{list-style:none}

*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*loading*/
.tabs-loading {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: all .5s cubic-bezier(.165,.84,.44,1);
	-moz-transition: all .5s cubic-bezier(.165,.84,.44,1);
	-o-transition: all .5s cubic-bezier(.165,.84,.44,1);
	transition: all .5s cubic-bezier(.165,.84,.44,1);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #f1f1f1;
	z-index: 9999
}

.tabs-loading .loading_mask {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	text-align: center;
	background: #f1f1f1;
	z-index: 999
}

.loading>span,.loading_mask>span {
	width: .8em;
	height: .8em;
	background-color: #5cb85c;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
	animation: bouncedelay 1.4s infinite ease-in-out;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.loading .s1,.loading_mask .s1 {
	-webkit-animation-delay: -.32s;
	animation-delay: -.32s
}

.loading .s2,.loading_mask .s2 {
	-webkit-animation-delay: -.16s;
	animation-delay: -.16s
}

@-webkit-keyframes bouncedelay {
	0%,100%,80% {
		-webkit-transform: scale(0)
	}

	40% {
		-webkit-transform: scale(1)
	}
}

@keyframes bouncedelay {
	0%,100%,80% {
		transform: scale(0);
		-webkit-transform: scale(0)
	}

	40% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}
}

.topTip.down {
	-webkit-transform: translateY(66px);
	-moz-transform: translateY(66px);
	-ms-transform: translateY(66px);
	-o-transform: translateY(66px);
	transform: translateY(66px)
}

.topTip {
	z-index: 9999;
	width: 94%;
	background: rgba(217,83,79,.9);
	line-height: 66px;
	position: fixed;
	top: -66px;
	height: 66px;
	text-align: center;
	color: #fff;
	left: 3%;
	border-radius: 0 0 5px 5px;
	font-size: 16px;
	-webkit-transition: all 0s ease-in-out;
	-moz-transition: all 0s ease-in-out;
	transition: all 0s ease-in-out
}

.topTip.trans {
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.topTip:before {
	content: '!';
	border: 1px solid #fff;
	color: #d9534f;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 14px;
	height: 14px;
	display: inline-block;
	vertical-align: middle;
	line-height: 14px;
	margin-right: 8px;
	font-size: 12px;
	position: relative;
	top: -1px;
	background-color: #fff
}


.tip-wrap {
	text-align: center
}
.tip-title{font-size:16px;color:#111;line-height: 40px;text-align:left;border-bottom:1px solid #f0f0f0}
.tip-close {
	background:#fff;
	border:none;
	color: #333;
	line-height: 20px;
	text-align: center;
	height: 20px;
	width: 20px;
	font-size: 16px;
	padding: 1px;
	top: 20px;
	right: 15px;
	position: absolute;
	cursor: pointer;
}
.tip-confirm-close{
	background: transparent;
	border: none;
	color: #fff;
	width: 20px;
	font-size: 22px;
	padding: 1px;
	top: 14px;
	right: 20px;
	position: absolute;
	cursor: pointer;
}
.tip-close::before,.tip-confirm-close::before{
	content: "\2716";
}
.tip-msg{font-size:14px;line-height:22px;margin:20px 0}
.tip-mModal {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background-color: rgba(0,0,0,.5);
	z-index: 9999
}

.tip-wrap-content {
	position: fixed;
	top: 45%;
	left: 50%;
	z-index: 9999;
	background: #fff;
	margin-top: -80px;
	padding: 1em 15px;
	line-height: 2em;
	border-radius: 3px
}

.animated.linearBottom,
.animated.linearTop,
.animated.fadeIn,
.animated.fadeOut {
	-webkit-animation-duration: .45s;
	-moz-animation-duration: .45s;
	-o-animation-duration: .45s;
	animation-duration: .45s;
}

.linearTop{
	-webkit-animation-name: linearTop;
	-moz-animation-name: linearTop;
	-o-animation-name: linearTop;
	animation-name: linearTop;
}

.linearBottom{
	-webkit-animation-name: linearBottom;
	-moz-animation-name: linearBottom;
	-o-animation-name: linearBottom;
	animation-name: linearBottom;
}

.fadeIn{
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}

.fadeOut{
	-webkit-animation-name: fadeOut;
	-moz-animation-name: fadeOut;
	-o-animation-name: fadeOut;
	animation-name: fadeOut;
}

@keyframes linearBottom {
	0%{
		-webkit-transform: translate3d(0,0,0);
		-moz-transform: translate3d(0,0,0);
		-o-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1;
		filter:alpha(opacity=100);
	}
	100%{
		-webkit-transform: translate3d(0,80px,0);
		-moz-transform: translate3d(0,80px,0);
		-o-transform: translate3d(0,80px,0);
		transform: translate3d(0,80px,0);
		opacity: 0;
		filter:alpha(opacity=0);
	}
}

@keyframes linearTop {
	0%{
		-webkit-transform: translate3d(0,80px,0);
		-moz-transform: translate3d(0,80px,0);
		-o-transform: translate3d(0,80px,0);
		transform: translate3d(0,80px,0);
		opacity: 0;
		filter:alpha(opacity=0);
	}
	100%{
		-webkit-transform: translate3d(0,0,0);
		-moz-transform: translate3d(0,0,0);
		-o-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1;
		filter:alpha(opacity=100);
	}
}

@keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}