@charset "utf-8";
/* CSS Document */
/* - - - - - - - - - 全局样式  - - - - - - - - -*/
body,th,td,h1,h2,h3,h4,h5,h6,ul,ol,dl,dd,p,input{padding:0; margin:0;}
body,input,button,textarea,select,label,option,fieldset,legend{font:normal 12px 'Microsoft Yahei', Arial, sans-serif; color:#333;}
body{-webkit-tap-highlight-color:rgba(0,0,0,0);  -webkit-overflow-scrolling: touch; overflow-scrolling: touch;}
li{list-style:none;}
img{border:none; vertical-align:middle; max-width:100%;}
table{border-spacing:0; border-collapse:collapse;}
textarea{resize:none;}
label{display: inline-block; *display: inline; *zoom:1;}
input:focus,textarea:focus,button:focus{outline:none; -webkit-user-modify:read-write-plaintext-only;}
input::-ms-clear{display: none;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none!important; margin: 0;}
input[type=button],input[type=submit],input[type=reset],input[type=text],input[type=file],button{-webkit-appearance:none;}
button,input[type="submit"],input[type="button"]{cursor:pointer;}
a{text-decoration:none; color:#4998e5; outline:none; font-size: 14px;}
/* - - - - - - - - - 共用类样式 - - - - - - - - -*/
/* 清除浮动 */
.cf:after{content:""; display:block; clear:both;}
*.cf{zoom:1;}
/* 浮动 */
.float_l{float:left!important;}
.float_r{float:right!important;}
.padding_r5{padding-right:5px;}
.w253{width:253px;}
.w200{width:200px;}
.c_red{color:red;}
.vertical_align_top{vertical-align: top;}
.complete{display:inline-block; width:32px; height:27px; background:url(../images/png_icon.png) no-repeat 0 -84px; margin-bottom:-2px;}
.refail{display:inline-block; width:32px; height:32px; background:url(../images/png_icon.png) no-repeat 0 -1202px; margin-bottom:-8px;margin-right: 8px;}
.ms-controller{visibility:hidden;}
.emphasis{color:red; margin-left: 5px; vertical-align: middle;}
.dividing-line{
  height: 16px;
  background-color: #e4e5e6;
}
/* 标题类 */
.item_info_title{line-height: 22px; padding-left: 20px; border-left: 8px solid #63a8eb; color: #333; font-size: 16px; margin-bottom: 20px;}
/* 盒子类 */
.wireframe_layer{text-align: center; padding: 80px 0;position: relative;}
.wireframe_layer .wireframe_box{ display: inline-block; *display: inline; *zoom:1; text-align: left; border: 1px solid #d6d6d6;}
.wireframe_layer .wireframe_box .caption{width: 180px; font-size: 18px; color: #63a8eb; text-align: center; background-color: #fff; margin: -15px auto 20px; line-height: 30px;}
.wireframe_layer .form_layer{display: block; width: 950px; margin: 60px auto 0; padding-bottom: 170px; font-size: 0;}
.wireframe_layer .form_layer .caption{margin-bottom: 85px;}
.wireframe_layer .form_layer label{padding-right: 20px; width: 320px; line-height: 26px; text-align: right; font-size: 14px; color: #333;}
.wireframe_layer .form_layer label strong{color: #ff4f37;}
.wireframe_layer .form_layer .select2-container{vertical-align: top;}
.wireframe_layer .form_layer .form_group{margin-bottom: 40px;}
.wireframe_layer .form_layer .form_text{color: #ff7225; font-size: 24px;}
.wireframe_layer .form_layer .link{margin-left: 10px;}
.wireframe_layer .form_layer .link:hover{text-decoration: underline;}
.wireframe_layer .form_layer .form_control{width: 308px;}
.wireframe_layer .form_layer .form_control.readonly{background-color: #f0f0f0; color: #999;}
.wireframe_layer .form_layer .form_control.input_error{border-color: #c00;box-shadow: 0 0 4px rgba(192,0,0,0.5);}
.wireframe_layer .form_layer .btn_primary{font-size: 16px; letter-spacing: 0.1em; margin: 25px 10px 0;}
.wireframe_layer .info_list01{width: 950px; padding: 20px 0;}
.wireframe_layer .info_list01:after{content:""; display:block; clear:both;}
*.wireframe_layer .info_list01{zoom:1;}
.wireframe_layer .info_list01 li{width: 300px; padding-right: 50px; padding-left: 125px; color: #666; font-size: 14px; line-height: 45px; float: left;}
.wireframe_layer .info_list01 li a{margin-left: 20px; color: #4998e5;}
.wireframe_layer .info_list01 li a:hover{text-decoration: underline;}
/* 分隔线 */
.dividing_line{border: 0; border-bottom: 1px dashed #d6d6d6; margin: 20px 0;}
/* 表单 */
.form_control{
	display: inline-block;
	*display: inline;
	*zoom:1;
	height: 26px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 26px;
	color: #333;
	background-color: #fff;
	background-image: none;
	border: 1px solid #dbdbdb;
	border-radius: 2px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form_control:focus{border-color: #63a8eb;}
textarea.form_control{height: auto;}
.form_text{font-size: 14px; color: #333;}
.form_actions{text-align: center;}
/* 文本对齐方式 */
.text_align_center{text-align: center;}
.align_r{text-align:right!important;}
/* 当前位置 */
.location{color: #333; line-height: 40px; background-color: #e6e6e6; padding-left: 35px;}
.location a{color: #333;}
.location a:hover{color: #4998e5;}
.location .active{color: #4998e5; font-size: 14px;}
.location .line{margin: 0 8px;}
/* ---------图标类------- */
	.icon{display: inline-block; *display: inline; *zoom:1; vertical-align: middle;}
	/* 图标-22x22 */
	.icon-22x22{width: 22px; height: 22px; background: url(../images/icon-22x22.png) no-repeat 0 0;}
	/* 图标-50x50 */
	.icon_50x50{width: 50px; height: 50px; background: url(../images/icon-50x50.png) no-repeat 0 0;}
	.icon_50x50.icon_bank_card{background-position: 0 0;}
	.icon_50x50.icon_qrcode{background-position: 0 -60px;}
	/* 项目-图标 */
	.item_icon{width: 32px; height: 32px; background: url(../images/item_icon.png) no-repeat 0 0;}
	/* 支付图标 */
	.pay_icon{background: url(../images/pay_icon.png) no-repeat 0 0; width: 30px; height: 30px;}
	.pay_icon.icon_unionpay{background-position: 0 0;}
	.pay_icon.icon_alipay{background-position: 0 -30px;}
	.pay_icon.icon_weChat{background-position: 0 -60px;}
/* ---------按钮类------- */
	/* 按钮 */
	.btn{padding: 6px 20px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; border-radius: 4px;
		display: inline-block;
	   *display: inline;
		  *zoom:1;
		-ms-touch-action: manipulation;
			touch-action: manipulation;
		-webkit-user-select: none;
		   -moz-user-select: none;
		    -ms-user-select: none;
		        user-select: none;
	}
	.btn:active{
		-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.06);
				box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.06);
	}
	/* 按钮 * 默认 */
	.btn_primary{color: #fff; background-color: #63a8eb; border-color: #4f9de8;}
	.btn_primary:hover{color: #fff; background-color: #4897e4; border-color: #3c8bd9;}
	.btn_primary:active{color: #fff; background-color: #398cdc; border-color: #4492dd;}

/* 加载中动画 */
#loading_animation{display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; opacity: 0.25; filter:alpha(opacity=25); background-color: #000;}
#loading_animation .loading_pic{position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/Loading.gif) no-repeat center center;}
/* 头部 */
.header{width:100%; height:75px; background:#fff;}
.header .content{max-width:1200px; padding: 0 20px; margin:0 auto;}
.header .logo{width:280px; height:75px; float:left;}
.header .logo a{display:block; width:273px; height:48px; margin-top:15px; text-indent:-999em; background:url(../images/logo.png) no-repeat 0 0;}
.header .line{font-size:20px; margin:29px 5px 0 5px; float:left;}
.header small{color:#45bdff; font-size:18px; font-weight:bold; float:left; margin-top:33px;}
.header .nav{float:left; height:35px; padding-top:40px; padding-left:20px;}
.header .nav li{font-size:18px; float:left; margin-left:28px; position:relative; z-index:999;}
.header .nav li h3{font-weight:normal; font-size:18px; cursor:pointer;}
.header .nav li a{color:#666; display:inline-block;}
.header .nav li a:hover,.header .nav li.checked a,.header .nav li.checked h3,.header .nav li:hover h3{color:#009ce3; border-bottom:3px solid #009ce3;}
.header .nav li.personal_c_nav:hover ol{display:block;}
.header .nav ol{position:absolute; left:0; top:100%; padding-top:5px; width:100%; background:#fff; display:none;}
.header .nav ol li{margin:0; line-height:30px; font-size:14px; width:100%;}
.header .nav ol li a,.header .nav li.checked ol li a{color:#666; border:0; display:block; text-align:center;}
.header .nav ol li a:hover,.header .nav li.checked ol li a:hover{border:0; color:#009ce3;}
.header .user_bar{float:right; font-size:14px; padding-top:45px;}
.header .user_bar a{color:#666;}
/* 主体 */
/*.main{padding:30px  0; background:#f2f2f2 url(../images/index_mian_bg.gif) repeat-x 0 0;}
.main_box{width:996px; margin:0 auto; border:1px solid #d9d9d9; background:#fafafa; position: relative;}
.main h2{height:38px; line-height:38px; border-bottom:1px solid #d9d9d9; font-size: 15px; font-weight: normal; padding-left: 25px; background:url(../images/png_icon.png) no-repeat 15px -292px;}
*//* 当前位置 */
/*.location{height:38px; line-height:38px; position: absolute; right: 0; top: 0; padding:0 15px; font-size:12px; background:url(../images/png_icon.png) no-repeat 0 -726px;}
.location em{font-style:normal; color:#009ce3;}*/
/* 状态栏 */
.status li{float:left; font-size:14px; color:#a6a6a6; line-height:44px; position:relative;}
.status li .status_msg{display:block; width:28px; height:28px; margin-left:-14px; text-align:center; line-height:28px; font-size:18px; color:#999; background:url(../images/png_icon.png) no-repeat -28px 0;}
.status li.change{color:#45bdff;}
.status li.change .status_msg{color:#fff; background-position:0 0;}
.status li .step_line{height:1px; background:#e5e5e5; position:absolute; left:18px; top:13px;}
.status li .step_text{display:block; width:190px; text-align:center; margin-left:-95px;}
/* 底部 */
.footer ul{text-align:center;}
.footer ul li{display:inline; line-height:28px; margin:0 10px;}
.footer p{text-align:center; line-height:28px; color:#8a8b8b;}
.position_footer{position:absolute; bottom:0;}
.footer {
    width: 100%;
    height: 100px;
    margin: 0 auto;
    padding:0;
    font-size: 14px;
    /*background: #192230;*/
    overflow: hidden;
    line-height: 52px;
    /*position:fixed;*/
    bottom:0px;
    left:0px;
}
.footer li a{
	color:#dcdcdc;
}
.footer p a{
	color:#8a8b8b;
}

.wireframe_layer #messageBox{width: 98%; font-size: 14px; position: absolute; left: 1%; top: 10px; color: #b94a48; border-color: #eed3d7; line-height: 38px; text-indent: 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);border: 1px solid #fbeed5;border-radius: 4px;}
.wireframe_layer #messageBox.alert-success{color: #468847;background-color: #dff0d8;border-color: #d6e9c6;}
.wireframe_layer #messageBox.alert-error{color: #b94a48;background-color: #f2dede;border-color: #eed3d7;}
.wireframe_layer #messageBox .close{
	float: right;
	font-size: 20px;
	font-weight: bold;
	text-shadow: 0 1px 0 #fff;
	font-family: Helvetica,Georgia,Arial,sans-serif,'宋体';
	opacity: 0.3;
	filter: alpha(opacity=30);
	position: relative;
	top: 0;
	right: 14px;
	line-height: 38px;
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
}

/*  图片轮播  */
#main{overflow:hidden;position:relative;}
#main .box{height:281px;box-shadow:0px 0px 5px #ddd;margin:0px auto;overflow:hidden;position:relative;border-radius:8px;}
#main .box img{width:100%;height:281px;position:absolute;left:0px;top:0px;opacity:0;filter:alpha(opacity=0);}
#main .page{width:60px;height:22px;position:absolute;bottom:21px;right:32px;}
#main .page a{display:inline-block;width:8px;height:8px;line-height: 22px; background:#ffffff;float:left;color:#FFF;text-decoration:none;text-align:center;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius: 50%;}
#main  .page a.active{background:#4890db;}
#main .page a:nth-child(2){margin: 0 17px;}