@charset "utf-8";
/* CSS Document */

/*全局设置*/
*{margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent;}
	
body,html{height:100%;}
body {background:#fff; font-size:100%; color:#000; line-height: 140%; font-family:微软雅黑, Arial, Helvetica, sans-serif;}
img {border: 0; -ms-interpolation-mode: bicubic; /*vertical-align: middle;*/ max-width: 100%;}
ul,ol,li{list-style-type: none;}

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

input,textarea,select, button{font-family:微软雅黑, Arial, Helvetica, sans-serif; font-size:0.88em; color: #000; font-size:100%; border-radius: 0;}

input, button{-webkit-appearance:none;}
input.radio{-webkit-appearance:radio;}


a {color: #000; text-decoration:none; -webkit-appearance: none;}
/*a:visited{ color: #000;}*/
a:hover { color:#6b1a0f; text-decoration: none;}
a:focus { background:none;}

:focus{outline:0;}


/*清除样式*/
.clearBoth{ clear:both;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;height: 1%;display: block;}

/*input*/
.f_input{ background:#f7f7f7; border:1px solid #ddd; padding:5px;}
.f_input:focus{ background:#f1f1f1;}

/*按钮*/
.f_button{ padding:7px 25px; color:#fff; border-radius:5px;}
.redBtn, .redBtn:hover{ background:#fba71a; color:#fff; font-size:.88em;}
.greenBtn, .greenBtn:hover{ background:#6b1a0f; color:#fff; font-size:.88em;}
.grayBtn, .grayBtn:hover{ background:#ccc; color:#fff; font-size:.88em;}

a.redBtn, a.redBtn:hover{ background:#fba71a; color:#fff; font-size:.88em;}
a.greenBtn, a.greenBtn:hover{ background:#6b1a0f; color:#fff; font-size:.88em;}
a.grayBtn, a.grayBtn:hover{ background:#ccc; color:#fff; font-size:.88em;}

a.link-normal{ display:inline-block; padding:5px 10px; text-align:center; border-radius:5px;}


.txt_gray{ color:#777;}
.txt_red{ color:#f00;}
.txt_red2{ color:#c70100;}
.txt_org{ color:#ff6600;}

.txt_large{ font-size:16px;}

a.link_blue, a.link_blue:hover{ color:#515151; text-decoration:underline;}
a.link_org, a.link_org:hover{ color:#ff6600; text-decoration:underline;}


/*页面背景颜色*/
.bg_gray{ background:#f5f5f5;}
.bg_gray2{ background:#dcd7cc;}


/*最外层*/
#wrapper{ width:100%; margin:0 auto; max-width:600px;}


/*原loading*/
.myLoading{ position:absolute; width:34px; height:34px; z-index:1100;}
.myLoading-inner{ box-sizing: content-box; width:32px; height:32px; background:url(../images/loading.gif) no-repeat; border-radius:2px;}


/*滚动 loading*/
#loadingSelector, #infscr-loading{ clear:both; margin:0 auto; text-align:center; font-size:12px; color:#777; padding-top:10px; width:100%;}
#loadingSelector, #infscr-loading .spinner{ position: relative;}



/*蒙版*/
.myMask{z-index:999; width:100%; height:100%; position:absolute; left:0; top:0; background:#000; -moz-opacity:0; -khtml-opacity: 0; opacity:0;}
.myMask.on{ opacity:0.8;}
.myMask.on2{ background:#333; opacity:1;}
.lte8 .myMask{filter:alpha(opacity=0);}
.lte8 .myMask.on{filter:alpha(opacity=30);}

.myDialog{z-index:1000; display:none; position:absolute;}

.myAlert{z-index:1001; display:none; position:absolute;}
.myAlert .myAlert-inner{ border:1px solid #ccc; background:#fff;}
.myAlert .myAlert-title{ background:#fff; color:#333; font-size:0.88em; text-align:center; padding:8px 0 3px; border-bottom:1px solid #ddd;}
.myAlert .myAlert-con{ text-align:center; font-size:0.88em; margin:15px 15px 15px; color:#333;}
.myAlert .myAlert-button{ text-align:center; margin:0 0 15px;}
.myAlert .myAlertBtn{ padding:8px 20px 8px; font-size:0.88em; background:#333; color:#fff; border:0;}
.myAlert .myAlertBtn.myAlert-yes-btn{}
.myAlert .myAlertBtn.myAlert-no-btn{ margin-left:10px; background:#aaa;}

/*css loadding*/
.spinner {
	margin: 0 auto;
	width: 20px;
	height: 20px;
	position: relative;
	z-index:1100;
}
.container1 > div, .container2 > div, .container3 > div {
	width: 6px;
	height: 6px;
	background-color: #fba71a;
	border-radius: 100%;
	position: absolute;
	-webkit-animation: bouncedelay 1.2s infinite ease-in-out;
	animation: bouncedelay 1.2s infinite ease-in-out;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.spinner .spinner-container {
	position: absolute;
	width: 100%;
	height: 100%;
}
.container2 {
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}
.container3 {
	-webkit-transform: rotateZ(90deg);
	transform: rotateZ(90deg);
}
.circle1 {
	top: 0;
	left: 0;
}
.circle2 {
	top: 0;
	right: 0;
}
.circle3 {
	right: 0;
	bottom: 0;
}
.circle4 {
	left: 0;
	bottom: 0;
}
.container2 .circle1 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}
.container3 .circle1 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}
.container1 .circle2 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}
.container2 .circle2 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}
.container3 .circle2 {
	-webkit-animation-delay: -0.7s;
	animation-delay: -0.7s;
}
.container1 .circle3 {
	-webkit-animation-delay: -0.6s;
	animation-delay: -0.6s;
}
.container2 .circle3 {
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
}
.container3 .circle3 {
	-webkit-animation-delay: -0.4s;
	animation-delay: -0.4s;
}
.container1 .circle4 {
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s;
}
.container2 .circle4 {
	-webkit-animation-delay: -0.2s;
	animation-delay: -0.2s;
}
.container3 .circle4 {
	-webkit-animation-delay: -0.1s;
	animation-delay: -0.1s;
}
 @-webkit-keyframes bouncedelay {
 0%, 80%, 100% {
-webkit-transform: scale(0.0)
}
 40% {
-webkit-transform: scale(1.0)
}
}
 @keyframes bouncedelay {
 0%, 80%, 100% {
 transform: scale(0.0);
 -webkit-transform: scale(0.0);
}
40% {
 transform: scale(1.0);
 -webkit-transform: scale(1.0);
}
}

#myLoading.spinner{ position:absolute;}


/*cs统计代码图片*/
#cs_count{ position:absolute; bottom:-30px; left:0;}


@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?xmbym1');
	src:url('fonts/icomoon.eot?#iefixxmbym1') format('embedded-opentype'),
		url('fonts/icomoon.woff?xmbym1') format('woff'),
		url('fonts/icomoon.ttf?xmbym1') format('truetype'),
		url('fonts/icomoon.svg?xmbym1#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-volume:before {
	content: "\e098";
}
.icon-mute:before {
	content: "\e099";
}
.icon-check:before {
	content: "\e116";
}
.icon-cross:before {
	content: "\e117";
}
.icon-arrow-right:before {
	content: "\e600";
}
.icon-checkmark:before {
	content: "\e601";
}
.icon-cross2:before {
	content: "\e606";
}
.icon-arrow-right2:before {
	content: "\e602";
}
.icon-arrow-right3:before {
	content: "\e603";
}
.icon-arrow-left:before {
	content: "\e607";
}
.icon-arrow-down:before {
	content: "\e604";
}
.icon-arrow-up:before {
	content: "\e605";
}
.icon-uniE608:before {
	content: "\e608";
}

.flex-control-paging li a.flex-active{background: #6b1a0f;}
.flex-control-nav{bottom: 10px;}