﻿* {	margin:0;padding:0;}
body {font:14px/1.5 Tahoma, Arial, "微软雅黑", Helvetica, sans-serif;	color: #353741; background: #f9f9f9;line-height:1.8em;}
div {margin:0 auto;}
:focus {outline:0;}
img {border:0;}
ul, li {list-style:none;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;	font-size:14px;}
a {	color:#545454;text-decoration:none;}
a:hover {color:#C3382A;}
a:active {star:expression(this.onFocus=this.blur());}
.clear {width:100%;height:0;clear:both;}
.clearfix {height:auto;clear:both;overflow:hidden;}
em, i {font-style:normal;}
.fl{ float:left;}.fr{ float:right;}
button, input, select, textarea {font-family: inherit; font-size: inherit; line-height: inherit;}
/*=================== 底部 ====================*/

.logo{ width: 380px; float: left; margin-bottom: 50px;}
.title,.line{ width: 100%; text-align: center;}
.title{ margin: 20px auto; font-weight:600; color:#424242;}
.title span{ color:#c81a1b;}
.day{ width:100%; text-align:left; font-size: 18px; margin-bottom: 20px;}
.inputBox{ width: 100%; background: #e3e3e3;background:rgba(211,211,211,0.5);
filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7Fd4d3d3,endcolorstr=#7Fd4d3d3); border-radius: 10px; margin-bottom: 20px;}
.formBox{ width: 75%; margin: 60px auto;}
.formBox p{ height: 26px; padding: 10px; margin: 20px auto; background: #fff; box-shadow: 2px 3px 5px #888888; font-size: 18px;}
.formBox p input,.formBox p select{ border:0; padding-left: 10px; line-height: 26px;}
.formBox p label{ border-right:1px solid #dcdcdc; padding:0 5%; width: 0; }
.butDi{ width:256px;margin: 30px auto 0;}
.butDi input{ width:100%; height: 40px; line-height: 40px; color: #fff; background: #c81c18; font-size: 18px;  border: 0; cursor: pointer;}

.tBox{ background:rgba(0,0,0,0.5);
filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000); position: fixed; z-index: 10; top:0; left:0; width: 100%; height: 100%;}

.tcKu{ background: #fff; border-radius: 8px; text-align: center; position: absolute;}
.tcKu a{float:right; display: inline-block; margin: 10px 10px 0 0;}
.tcKu h1{ padding:2% 5%; margin: 30px auto;}
.tcKu p{ background: #c81c18; padding:2% 5%; color: #fff;}

/*------------*/
@media screen and (max-width:980px){
	body{background: url(../images/bg2.jpg) no-repeat center;}
img{ width:100%;}
.allBox{ width: 100%; margin: 10px auto;}
.allBox .title,.allBox .line{ width:96%;}
.logo{ width: 179px; float: left; margin:10px 0 10px 10px;}
.day{ width:90%; text-align:left; font-size: 14px;}
.inputBox{width:90%;}
.formBox{ width:90%;}
.formBox p label{ padding:0 10px}
.title{font-size:21px; line-height:30px;}
.title p{ font-size:15px;}
.tcKu{width:90%; top: 34%; left: 5%;}
	.formBox p input,.formBox p select{width: 52%; font-size: 18px;}
	.formBox p option{width: 74%; font-size: 14px;}
	}
@media screen and (min-width:980px){
	body{background: url(../images/bg.jpg) no-repeat center;}
.allBox{ width: 1000px; margin: 10px auto;}
.tcKu{ width: 400px; font-size: 16px; top: 34%; left: 38%;}
.tcKu h1{ font-size:18px;}
.title{ font-size:40px; line-height:50px;}
.title p{ font-size:20px;}
.formBox p input,.formBox p select{ width:52%; }
	}




