@charset "utf-8";
/* CSS Document */
/*蓝色主色 #0b8af1*/
*{
	margin:0;
	padding:0;
}
body{ }
a{text-decoration:none;-webkit-tap-highlight-color:rgba(255,255,255,0);}
.l{float:left;}
.r{float:right;}
.textcenter{
	text-align:center; 
}
li{list-style-type:none;}
em{font-style:normal}


/*背景颜色*/
.backcolor1{/*蓝色*/background-color:#f74714;}
.backcolor2{/*白色*/background-color:#3c83ee;}
.backcolor3{/*浅白色*/background-color:#9e609d;}
.backcolor4{/*浅白色*/background-color:#4dbcef;}
/*字体颜色*/
.blue-zt{/*蓝色*/color:#0b8af1;}
.white-zt{/*白色*/color:#fff;}
.pale3-zt{/*深灰白色*/color:#333;}
.pale6-zt{/*深灰白色*/color:#666;}
.pale9-zt{/*深灰白色*/color:#999;}
.gules1-zt{/*红色*/color:#fc1514;}
.gules2-zt{/*红色*/color:#ff4140;}
.gules3-zt{/*红色*/color:#fc6256;}
.gules4-zt{/*红色*/color:#fb6f7a;}
.yellow1-zt{/*黄色*/color:#ffc410;}
.yellow2-zt{/*橘黄*/color:#F60;}
.green1-zt{/*绿色*/color:#48bb2a;}
.green2-zt{/*绿色*/color:#06dfaf;}
.green3-zt{/*绿色*/color:#2d9b04;}
.violet1-zt{/*紫色*/color:#F39;}
.violet2-zt{/*紫色*/color:#C66;}
/*header*/
header{
	display:block;
	width:100%;
	height:50px;
	border-bottom:1px solid #EAEAEA;
	background-color:#fff;
	position:fixed;
	top:0;
	z-index:9999;
	border-bottom:1px solid #E4E4E4;
}
header .topdiv{
	width:96%;
	height:50px;
	margin:0 auto;
	text-align:center;
}
header .topdiv .logo{
	width:42px;
	height:50px;
	display:block;
	float:left;
	margin-left:6px;
	background-image: url(../images/wlogo.png);
}
header .topdiv .name{
	display:inline-block;
	height:50px;
	font:18px/50px 'microsoft yahei';
	color:#333;
}

header .topdiv .search{
	display:block;
	width:42px;
	height:50px;
	float:right;
	margin-right:5px;
}
header .topdiv .search i{
	display:block;
	height:50px;
	float:right;
	font-size:28px;
	line-height:50px;
	color:#df499d;
}
/*index-main*/
.index-main{
	width:90%;
	height:auto;
	overflow:hidden;
	padding-bottom:10px;
	margin:60px auto 0 auto;
	background-color:#fff;
	border:0px solid #E4E4E4;
	/**/box-shadow:0px 8px 8px #ccc;
}
.index-main h1{
	width:100%;
	height:35px;
	text-align:center;
	font:18px/35px 'microsoft yahei';
	margin-top:10px;
}
.index-main h2{
	width:100%;
	height:35px;
	text-align:center;
	font:15px/20px 'microsoft yahei';
	margin-bottom:15px;
	color:#666;
	border-bottom:1px solid #E4E4E4;
}

.index-main h3{
	width:60%;
	height:30px;
	text-align:center;
	font:15px/20px 'microsoft yahei';
	margin:40px auto 10px auto;
	color:#444;
	border-bottom:1px dotted #ccc;
}
.index-main h4{
	width:90%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	font:14px/20px 'microsoft yahei';
	color:#666;
}
.index-main h4 p{
	padding:2px 0;
}
.index-main h5{
	width:90%;
	height:30px;
	margin:0 auto;
	font:14px/34px 'microsoft yahei';
	color:#333;
}

.index-main .but{
	display:block;
	width:600px;
	height:70px;
	margin:10px auto;
	border-radius:5px;
}



.index-main .but i{
	display:block;
	width:50px;
	height:70px;
	float:left;
	font-size:40px;
	line-height:70px;
	color:#FFF;
	margin-left:15px;
}
.index-main .but span{
	display:block;
	width:500px;
	float:left;
	height:70px;
	font-size:20px;
	line-height:70px;
	color:#FFF;
	margin-left:0px;
}

.index-main .quebut{
	display:block;
	width:50%;
	height:42px;
	background-color:#149FF3;
	margin:10px auto 15px auto;
	color:#FFF;
	font:14px/42px 'microsoft yahei';
	text-align:center;
}



.infoframe{
	width:92%;
	height:42px;
	margin:0 auto;
	border-bottom:1px solid #E4E4E4;
}
.infoframe dl{
	display:block;
	width:28%;
	height:42px;
	float:left;
	font:13px/42px 'microsoft yahei';
	color:#666;
}
.infoframe .right{
	width:72%;
	height:42px;
	float:right;
}
.infoframe .right .inputs{
	border:0;outline:none;
	width:100%;
	height:42px;
	background-color:#fff;
	text-align:right;
	font:13px/42px 'microsoft yahei';
	color:#333;
}
.infoframe .inputtime{
	border:0;outline:none;
	width:100%;
	height:60px;
	text-align:center;
	background-color:#fff;
	font:20px/60px 'microsoft yahei';
	color:#F36;
}

.infoframe .right>select,  .infoframe .right>input {
	border:0;outline:none;
	width:100%;
	height:42px;
	background-color:#fff;
	text-align:right;
	font:13px/42px 'microsoft yahei';
	color:#333;
}

.butDiv{
	width:100%;
	height:46px;
	margin:20px 0 10px 0;
	text-align:center;
}
.butDiv > .button{
	display:inline-block;
	border: none;
	padding:0 40px;
	height:46px;
	background-color:#149FF3;
	font:14px/46px 'microsoft yahei';
	color:#FFF;
	text-align:center;
	margin:0 5px;
}



/*下拉选择*/
.choiceDiv{
	display:none;
	width:100%;
	height:100%;
	background-color:#fff;
	position:fixed;
	top:0px;
	left:0;
	z-index:9998;
}
.topHeight{
	width:100%;
	height:55px;
}
.displayCdiv{
	width:100%;
	height:100%;
	overflow:hidden;
	overflow-y:auto;
	margin:0 auto;
}
.tablist{
	width:94%;
	height:38px;
	margin:0 auto;
	font:14px/38px 'microsoft yahei';
}
.itemDis{
	display:block;
	width:100%;
	height:44px;
	border-bottom:1px solid #e6e5e5;
	font:14px/44px 'microsoft yahei';
	color:#666;
}
.itemDis span{
	display:block;
	width:90%;
	height:44px;
	margin:0 auto;
}





footer{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-top:10px;
}
footer .index-foot{
	width:80%;
	height:24px;
	text-align:center;
	font:14px/24px 'microsoft yahei';
	color:#F39;
	margin:0 auto;
}




/*loading加载动画-多彩不规则旋转*/
.loading-circle-loader {
	display: block;
	width: 64px;
	height: 64px;
	margin-left: -0px;
	margin-top: -32px;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index:999999;
	-webkit-transform-origin: 16px 16px;
	transform-origin: 16px 16px;
	-webkit-animation: rotate-animation 5s infinite;
	animation: rotate-animation 5s infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}
.loading-circle-loader .circle {
	-webkit-animation: move-animation 2.5s infinite;
	animation: move-animation 2.5s infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	position: absolute;
	left: 50%;
	top: 50%;
}
.loading-circle-loader .circle-line {
	width: 64px;
	height: 24px;
	position: absolute;
	top: 4px;
	left: 0;
	-webkit-transform-origin: 4px 4px;
	transform-origin: 4px 4px;
}
.loading-circle-loader .circle-line:nth-child(0) {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
.loading-circle-loader .circle-line:nth-child(1) {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.loading-circle-loader .circle-line:nth-child(2) {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.loading-circle-loader .circle-line:nth-child(3) {
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
}
.loading-circle-loader .circle-line .circle:nth-child(1) {
	width: 8px;
	height: 8px;
	top: 50%;
	left: 50%;
	margin-top: -4px;
	margin-left: -4px;
	border-radius: 4px;
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s;
}
.loading-circle-loader .circle-line .circle:nth-child(2) {
	width: 16px;
	height: 16px;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
	border-radius: 8px;
	-webkit-animation-delay: -0.6s;
	animation-delay: -0.6s;
}
.loading-circle-loader .circle-line .circle:nth-child(3) {
	width: 24px;
	height: 24px;
	top: 50%;
	left: 50%;
	margin-top: -12px;
	margin-left: -12px;
	border-radius: 12px;
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}
.loading-circle-loader .circle-blue {
	background-color: #1f4e5a;
}
.loading-circle-loader .circle-red {
	background-color: #ff5955;
}
.loading-circle-loader .circle-yellow {
	background-color: #ffb265;
}
.loading-circle-loader .circle-green {
	background-color: #00a691;
}

@-webkit-keyframes rotate-animation {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes rotate-animation {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-webkit-keyframes move-animation {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	25% {
		-webkit-transform: translate(-64px, 0);
		transform: translate(-64px, 0);
	}
	75% {
		-webkit-transform: translate(32px, 0);
		transform: translate(32px, 0);
	}
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}
@-webkit-keyframes move-animation {
 0%{
	 -webkit-transform: translate(0,0);
	 transform: translate(0,0);
 }
 }
@keyframes move-animation {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	25% {
		-webkit-transform: translate(-64px, 0);
		transform: translate(-64px, 0);
	}
	75% {
		-webkit-transform: translate(32px, 0);
		transform: translate(32px, 0);
	}
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}