@charset "utf-8";
/* -----------H-ui前端框架-----------------------
H-ui.reset.css v1.2
重定义浏览器默认样式
H-ui.reser CSS file for H-ui
Copyright H-ui Inc.
http://www.H-ui.net
date:2014.10.09
Created & Modified by guojunhui.
----------------------------------------------*/
/*1 重定义浏览器默认样式
	Name:			style_reset
	Level:			Global
	Explain:		重定义浏览器默认样式
	Last Modify:	jackying
*/
/**{word-wrap:break-word}*/
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,li,ol,dl{list-style-type:none}
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{
	font-family:"汉仪中宋简",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:12px;color: #333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale;}
/*@font-face {
	font-family:汉仪中宋简;
	src:url(../font/汉仪中宋简.ttf);
}*/
.dabiaoti{
transform: scale(1,1.3);/*第一个是横向百分比，第二个是纵向百分比*/
font:normal 20px/60px 汉仪中宋简;}
body{line-height:1.6}
h1,h2,h3,h4,h5,h6{font-size:100%}
a{text-decoration:none;cursor: pointer}
a:hover{text-decoration:underline;outline:none}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal !important;}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}
/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {/*-webkit-appearance: textfield;*/ /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*
	Name:			style_clearfix
	Example:		class="clearfix|cl"
	Explain:		Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
/*布局*/

.container-fluid{width:100%}
.row.cl{}
.row{ box-sizing:border-box;}
[class^="col-"],[class*=" col-"]{box-sizing:border-box; float:left;min-height: 1px;position: relative;}
.col-1{width:8.33333%}
.col-2{width:16.66667%}
.col-3{width:25%}
.col-4{width:33.33333%}
.col-5{width:41.66667%}
.col-6{width:50%}
.col-7{width:58.33333%}
.col-8{width:66.66667%}
.col-9{width:75%}
.col-10{width:83.33333%}
.col-11{width:91.66667%}
.col-12{width:100%}

.col-offset-0{margin-left:0}
.col-offset-1{margin-left:8.33333%}
.col-offset-2{margin-left:16.66667%}
.col-offset-3{margin-left:25%}
.col-offset-4{margin-left:33.33333%}
.col-offset-5{margin-left:41.66667%}
.col-offset-6{margin-left:50%}
.col-offset-7{margin-left:58.33333%}
.col-offset-8{margin-left:66.66667%}
.col-offset-9{margin-left:75%}
.col-offset-10{margin-left:83.33333%}
.col-offset-11{margin-left:91.66667%}

.col-push-0{position:relative;left:0;right:auto}
.col-pull-0{right:0;left:auto}
.col-push-1{left:8.33333%;right:auto}
.col-pull-1{right:8.33333%;left:auto}
.col-push-2{left:16.66667%;right:auto}
.col-pull-2{right:16.66667%;left:auto}
.col-push-3{left:25%;right:auto}
.col-pull-3{right:25%;left:auto}
.col-push-4{left:33.33333%;right:auto}
.col-pull-4{right:33.33333%;left:auto}
.col-push-5{left:41.66667%;right:auto}
.col-pull-5{right:41.66667%;left:auto}
.col-push-6{left:50%;right:auto}
.col-pull-6{right:50%;left:auto}
.col-push-7{left:58.33333%;right:auto}
.col-pull-7{right:58.33333%;left:auto}
.col-push-8{left:66.66667%;right:auto}
.col-pull-8{right:66.66667%;left:auto}
.col-push-9{left:75%;right:auto}
.col-pull-9{right:75%;left:auto}
.col-push-10{left:83.33333%;right:auto}
.col-pull-10{right:83.33333%;left:auto}
.col-push-11{left:91.66667%;right:auto}
.col-pull-11{right:91.66667%;left:auto}
/*局部模块平分*/
.col-1-1{ width:100%}
.col-2-1{ width:50%}
.col-3-1{ width:33.333333%}
.col-3-2{ width:66.666667%}

.col-4-1{ width:25%}
.col-4-2{ width:50%}
.col-4-3{ width:75%}

.col-5-1{ width:20%}
.col-5-2{ width:40%}
.col-5-3{ width:60%}
.col-5-4{ width:80%}
.col-6-1{ width:16.666667%}
.col-6-5{ width:83.333333%}
.col-8-1{ width:12.5%}
.col-8-5{ width:62.5%}
.col-8-7{ width: 87.5%;}
.col-8-2{width: 25%;}
.col-8-6{width: 75%;}
.col-9-2{ width:22.222222%}
.col-9-1{ width:11.111111%}
.col-9-4{ width:44.444444%}
.col-9-5{width:55.555555%}
.col-9-7{ width:77.777777%}
.col-9-8{ width:88.999999%}
.col-12-10{ width:83.333333%}



/*文字*/
h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.1;color:inherit}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small{font-weight:normal;line-height:1;color:#999}

h1,h2,h3{margin-top:20px;margin-bottom:10px}
h1 small,h2 small,h3 small,h1 .small,h2 .small,h3 .small{font-size:65%}
h4,h5,h6{margin-top:10px;margin-bottom:10px}

h4 small,h5 small,h6 small,h4 .small,h5 .small,h6 .small{font-size:75%}
h1{font-size:36px}
h2{font-size:30px}
h3{font-size:24px}
h4{font-size:18px}
h5{font-size:14px}
h6{font-size:12px}

.f-12{font-size:12px}
.f-14{font-size:14px}
.f-16{font-size:16px}
.f-18{font-size:18px}
.f-20{font-size:20px}
.f-24{font-size:24px}
.f-26{font-size:26px}
.f-28{font-size:28px}
.f-30{font-size:30px}
.f-32{font-size:32px}
.f-34{font-size:34px}
.f-36{font-size:36px}
.f-38{font-size:38px}
.f-40{font-size:40px}

.dot-bt{border-bottom: 1px #ddd dotted;}
.solid-bt{border-bottom: 1px #eee solid;}
.rsolid-r{ border-right: 1px solid #ad1829;}

/*主要颜色*/
.c-primary,.c-primary a,a.c-primary{color:#ff0066}
.c-primary a:hover,a.c-primary:hover{ color:}

/*次主色*/
.c-secondary,.c-secondary a,a.c-secondary{color:#38c8e8}
.c-secondary a:hover,a.c-secondary:hover{ color:#ee0b41}

/*强调色—成功*/
.c-success,.c-success a,a.c-success{color:}
.c-success a:hover,a.c-success:hover{ color:}

/*强调色—错误*/
.c-error,.c-error a,a.c-error{color:}
.c-error a:hover,a.c-error:hover{ color:}

/*强调色—警告*/
.c-warning,.c-warning a,a.c-warning{color:}
.c-warning a:hover,a.c-warning:hover{ color:}

/*辅助色—浅黑*/
.c-333,.c-333 a,a.c-333{color:#333}
.c-333 a:hover,a.c-333:hover{ color:#333}

/*辅助色—灰色*/
.c-666,.c-666 a,a.c-666{color:#666}
.c-666 a:hover,a.c-666:hover{ color:#666}

.c-999,.c-999 a,a.c-999{color:#999}
.c-999 a:hover,a.c-999:hover{color:#999}

/*标准色—红色*/
.c-red,.c-red a,a.c-red{color:#e62739}
.c-red a:hover,a.c-red:hover{ color:#red}

/*标准色—绿色*/
.c-green,.c-green a,a.c-green{color:green}
.c-red a:hover,a.c-red:hover{color:green}

/*标准色—蓝色*/
.c-blue,.c-blue a,a.c-blue{color:blue}
.c-blue a:hover,a.c-blue:hover{color:blue}

/*标准色—白色*/
.c-white,.c-white a,a.c-white{color:white}
.c-white a:hover,a.c-white:hover{color:white}

/*标准色—黑色*/
.c-black,.c-black a{color:black}
.c-black a:hover,a.c-black:hover{color:black}

.c-yellow,.c-yellow a{color:#ffff66}
.c-yellow a:hover,a.c-yellow:hover{ color:#fff;}

/*标准色—橙色*/
.c-orange,.c-orange a,a.c-orange{color:orange}
.c-orange a:hover,a.c-orange:hover{color:orange}


/
dfn{font-style: italic;}	/*一个定义项目*/
del{font-family:Simsun}		/*删除线*/
code,kbd,pre,samp {font-family: monospace, serif;font-size: 1em}
pre{white-space: pre-wrap}	/*预格式化的文本*/
.uppercase{text-transform:uppercase} /*文字大写*/
.lowercase{text-transform:lowercase} /*文字小写*/
.capitalize{text-transform:capitalize} /*首字母大写*/
.pt-5{padding-top:5px}.pt-10{padding-top:10px}.pt-20{padding-top:20px}.pt-15{padding-top: 15px;}
.pb-5{padding-bottom:5px}.pb-10{padding-bottom:10px}.pb-20{padding-bottom:20px}.pb-15{padding-bottom: 15px;}
.pl-5{padding-left:5px}.pl-10{padding-left:10px}.pl-15{padding-left:15px}.pl-20{padding-left:20px}
.pr-5{padding-right:5px}.pr-10{padding-right:10px}.pr-20{padding-right:20px}.pr-15{padding-right:15px}
.pd-5{padding:5px}.pd-10{padding:10px}.pd-15{padding:15px}.pd-20{padding:20px}.pd-30{padding:30px}.pd-40{padding:40px}

.mt-5{margin-top:5px}/*距上5像素*/
.mt-10{margin-top:10px}/*距上10像素*/
.mt-15{margin-top:15px}/*距上15像素*/
.mt-20{margin-top:20px}/*距上20像素*/
.mt-25{margin-top:25px}/*距上25像素*/
.mt-30{margin-top:30px}/*距上30像素*/
.mt-35{margin-top:35px}/*距上35像素*/
.mt-40{margin-top:40px}/*距上40像素*/
.mt-50{margin-top:50px}/*距上50像素*/

.mb-5{margin-bottom:5px}/*距下5像素*/
.mb-10{margin-bottom:10px}/*距下10像素*/
.mb-15{margin-bottom:15px}/*距下15像素*/
.mb-20{margin-bottom:20px}/*距下20像素*/
.mb-25{margin-bottom:25px}/*距下25像素*/
.mb-30{margin-bottom:30px}/*距下30像素*/
.mb-35{margin-bottom:35px}/*距下35像素*/
.mb-40{margin-bottom:40px}/*距下40像素*/
.mb-50{margin-bottom:50px}/*距下50像素*/

.ml-5{margin-left:5px}/*距左5像素*/
.ml-10{margin-left:10px}/*距左10像素*/
.ml-15{margin-left:15px}/*距左15像素*/
.ml-20{margin-left:20px}/*距左20像素*/
.ml-30{margin-left:30px}/*距左30像素*/
.ml-40{margin-left:40px}/*距左40像素*/
.ml-50{margin-left:50px}/*距左50像素*/

.mr-5{margin-right:5px}/*距右5像素*/
.mr-10{margin-right:10px}/*距右10像素*/
.mr-15{margin-right:15px}/*距右15像素*/
.mr-20{margin-right:20px}/*距右20像素*/
.mr-30{margin-right:30px}/*距右30像素*/
.mr-40{margin-right:40px}/*距右40像素*/
.mr-50{margin-right:50px}/*距右50像素*/

.pos-r{position:relative}
.pos-a{position:absolute}
.pos-f{position:fixed}

.l,.f-l{float:left!important;_display:inline}
.r,.f-r{float:right!important;_display:inline}
.lh-16{line-height:16px}/*16像素行距*/
.lh-18{line-height:18px}/*18像素行距*/
.lh-20{line-height:20px}/*20像素行距*/
.lh-22{line-height:22px}/*22像素行距*/
.lh-24{line-height:24px}/*24像素行距*/
.lh-26{line-height:26px}/*26像素行距*/
.lh-28{line-height:28px}/*28像素行距*/
.lh-30{line-height:30px}/*30像素行距*/
.lh-60{line-height: 60px;}


/*表格*/

table{width:100%;empty-cells:show;background-color:transparent;border-collapse:collapse;border-spacing:0}
table th{text-align:left; font-weight:400}
/*带水平线*/
.table th{font-weight:bold}
.table th,.table td{padding:8px;line-height:20px}
.table td{text-align:left}
.table tbody tr.success > td{background-color:#dff0d8}
.table tbody tr.error > td{background-color:#f2dede}
.table tbody tr.warning > td{background-color:#fcf8e3}
.table tbody tr.info > td{background-color:#d9edf7}
.table tbody + tbody{border-top:2px solid #eee}
.table .table{background-color:#fff}

/*带横向分割线*/
.table-border{border-top:1px solid #eee}
.table-border th,.table-border td{border-bottom:1px solid #eee}

/*th带背景*/
.table-bg thead th{background-color:#F5FAFE}
/*带外边框*/
.table-bordered{border:1px solid #eee;border-collapse:separate;*border-collapse:collapse;border-left:0}
.table-bordered th,.table-bordered td{border-left:1px solid #eee}
.table-border.table-bordered{border-bottom:0}

/*奇数行背景设为浅灰色*/
.table-striped tbody > tr:nth-child(odd) > td,.table-striped tbody > tr:nth-child(odd) > th{background-color:#f9f9f9}
/*竖直方向padding缩减一半*/
.table-condensed th,.table-condensed td{padding:4px 5px}
/*鼠标悬停样式*/
.table-hover tbody tr:hover td,.table-hover tbody tr:hover th{background-color: #f7f7f7}
/*定义颜色*/
/*悬停在行*/
.table tbody tr.active,.table tbody tr.active>td,.table tbody tr.active>th,.table tbody tr .active{background-color:#F5F5F5!important}
/*成功或积极*/
.table tbody tr.success,.table tbody tr.success>td,.table tbody tr.success>th,.table tbody tr .success{background-color:#DFF0D8!important}

/*警告或出错*/
.table tbody tr.warning,.table tbody tr.warning>td,.table tbody tr.warning>th,.table tbody tr .warning{background-color:#FCF8E3!important}
/*危险*/
.table tbody tr.danger,.table tbody tr.danger>td,.table tbody tr.danger>th,.table tbody tr .danger{background-color:#F2DEDE!important}

/*表格文字对齐方式，默认是居左对齐*/
.table .text-c th,.table .text-c td{text-align:center}/*整行居中*/
.table .text-r th,.table .text-r td{text-align:right}/*整行居右*/
.table th.text-l,.table td.text-l{text-align:left!important}/*单独列居左*/
.table th.text-c,.table td.text-c{text-align:center!important}/*单独列居中*/
.table th.text-r,.table td.text-r{text-align:right!important}/*单独列居右*/

/*3.1.3 对齐
	Name:			style_text-align
	Example:		class="text-l|text-r|text-c|va-t|va-m|va-b"
	Explain:		.text-水平对齐 （.text-l左对齐|.text-r右对齐|.text-c居中对齐）
					.va-上下对齐 （.va-t 居上对齐|.va-m 居中对齐|.va-b 居下对齐）
*/
.text-l{text-align:left}.text-r{text-align:right}.text-c{text-align:center}
.va *{vertical-align:sub!important;*vertical-align:middle!important;_vertical-align:middle!important}
.va-t{vertical-align:top!important}.va-m{vertical-align:middle!important}.va-b{vertical-align:bottom!important}


 /*面板*/
.panel{ background-color:#fff; border: solid 1px #000000;}
.panel-header{ border-bottom:solid 1px transparent; padding:8px 15px; font-size:14px; font-weight:700}/*面板标题*/
.panel-body{ padding:15px}/*面板内容*/
.panel-footer{background-color: #f5f5f5;border-top: 1px solid #ddd;padding:5px 20px}/*面板页脚*/
/*默认面板*/
.panel-default{border: solid 1px #ddd;}
.panel-default > .panel-header{ border: solid 1px #ddd; background-color:#f5f5f5; color:#444}

/*主要面板*/
.panel-primary{border: solid 1px #5a98de;}
.panel-primary > .panel-header{border: solid 1px #5a98de; background-color:#5a98de; color:#fff}

/*次要面板*/
.panel-secondary{border: solid 1px #3bb4f2;}
.panel-secondary > .panel-header{ border: solid 1px #3bb4f2; background-color:#3bb4f2; color:#fff}

/*成功面板*/
.panel-success{border: solid 1px #5eb95e;}
.panel-success > .panel-header{border: solid 1px #5eb95e; background-color:#5eb95e; color:#fff}

/*警告面板*/
.panel-warning{border: solid 1px #f37b1d;}
.panel-warning > .panel-header{ border: solid 1px #f37b1d; background-color:#f37b1d; color:#fff}

/*危险面板*/
.panel-danger{border: solid 1px #dd514c;}
.panel-danger > .panel-header{border: solid 1px #dd514c; background-color:#dd514c; color:#fff}



.btn{display:inline-block;box-sizing:border-box;cursor:pointer;text-align:center;font-weight:400;white-space:nowrap;vertical-align: middle;-moz-padding-start:npx; -moz-padding-end:npx;border:solid 1px #ddd; background-color:#fff; width:auto;*zoom:1;*overflow:visible;
  -webkit-transition:background-color .1s linear;
  -moz-transition:background-color .1s linear;
  -o-transition:background-color .1s linear;
  transition:background-color .1s linear}
a.btn:hover,a.btn:focus,a.btn:active,a.btn.active,a.btn.disabled,a.btn[disabled]{text-decoration:none}
.btn:active,.btn.active{background-color:#ccc}
.btn:first-child{*margin-left:0}
.btn.active,.btn:active{-moz-box-shadow:0 1px 8px rgba(0, 0, 0, 0.125) inset;-webkit-box-shadow:0 1px 8px rgba(0, 0, 0, 0.125) inset; box-shadow:0 1px 8px rgba(0, 0, 0, 0.125) inset}

/*默认——灰色	通常用于取消*/
.btn-default{background-color:#e6e6e6;border-color:#e6e6e6}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active{color:#333;background-color:#c7c7c7;border-color:#c7c7c7}

/*主要——主色	通常用于确定、提交、购买、支付等*/
.btn-primary{color:#fff;background-color:#ee0b41; border-color:#ee0b41}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active{color:#fff;background-color:#ad1829;border-color:#ad1829}
.btn-primary-outline{color:#ee0b41;  border-color:#ee0b41}
.btn-primary-outline:hover,
.btn-primary-outline:focus,
/*.btn-primary-outline:active,*/
.btn-primary-outline.active{color:#fff;background-color:#ee0b41;border-color:#ee0b41}


/*次要按钮*/
.btn-secondary{color:#fff;background-color:#38c8e8; border-color:#38c8e8}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active{color:#fff;background-color:#048eaa;border-color:#048eaa}

.btn-secondary-outline{color:#38c8e8;  border-color:#38c8e8}
.btn-secondary-outline:hover,
.btn-secondary-outline:focus,
.btn-secondary-outline:active,
.btn-secondary-outline.active{color:#fff;background-color:#38c8e8;border-color:#38c8e8}

/*成功*/
.btn-success{color:#fff;background-color:#e40c10; border-color:#e40c10}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active{color:#fff;background-color:#429842;border-color:#429842}

/*警告*/
.btn-warning{color:#fff;background-color:#ffa900; border-color:#ffa900}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active{color:#fff;background-color:#c85e0b;border-color:#c85e0b}

/*危险*/
.btn-danger{color:#fff;background-color:#dd514c; border-color:#dd514c}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active{color:#fff;background-color:#c62b26;border-color:#c62b26}

/*链接*/
.btn-link{color:#0e90d2;cursor:pointer;border-color:transparent;background-color:transparent}
.btn-link:hover,
.btn-link:focus,
.btn-link:active,
.btn-link.active{color:#095f8a;text-decoration:underline;background-color:transparent}
/*3.4 表单
	Name:			style_form
	Example:
	Explain:

*/
/*3.4.1 input,textarea 文本域 文本区域*/
/*默认状态*/
.input-text,.textarea{box-sizing:border-box;border:solid 1px #ddd;/*width:100%;*/
  -webkit-transition:all 0.2s linear 0s;
  -moz-transition:all 0.2s linear 0s;
  -o-transition:all 0.2s linear 0s;
  transition:all 0.2s linear 0s}
.textarea{ height:100px; resize:none; font-size:14px; padding:4px}
.textarea-numberbar{ position:absolute; right:20px; bottom:5px; z-index:1; margin-bottom:0}
.textarea-length{ font-style:normal}
.input-text:hover,.textarea:hover{border: solid 1px #137af0}
/*得到焦点后*/
.input-text.focus,textarea.focus{border:solid 1px #0f9ae0 \9;border-color:rgba(82,168,236,0.8);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6)}
/*不可点击*/
.input-text.disabled,.textarea.disabled,.input-text.disabled.focus,.textarea.disabled.focus{background-color:#ededed; cursor:default;border-color: #ddd;
  -webkit-box-shadow:inset 0 2px 2px #e8e7e7;
  -moz-box-shadow:inset 0 2px 2px #e8e7e7;
  box-shadow:inset 0 2px 2px #e8e7e7}
/*只读状态*/
.input-text.disabled,.textarea.disabled{background-color:#e6e6e6; cursor:default}
/*阴影*/
.input-text.box-shadow,.textarea.box-shadow{-ms-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}
/*行内元素*/
.input-text.inline{ display:inline-block; width:auto}
.input-text,.btn,.input-text.size-M,.btn.size-M{ font-size:14px; height:41px;line-height:1.42857;padding:4px; border: 1px solid #ddd;}/*默认为M，可以不写，可以理解为：均码*/
a.btn,a.btn.size-M,span.btn,span.btn.size-M{ line-height:21px}
.btn,.btn.size-M{ padding:4px 12px}

.input-text.size-MINI,.btn.size-MINI{font-size:12px; height:23px;padding:1px 2px;line-height:1.42857}/*迷你*/
a.btn.size-MINI,span.btn.size-MINI{ line-height:21px}
.btn.size-MINI{ padding:1px 4px}

.input-text.size-S,.btn.size-S{font-size:12px; height:27px;padding:3px;line-height:1.42857}/*小*/
a.btn.size-S,span.btn.size-S{ line-height:19px}
.btn.size-S{ padding:3px 8px}

.input-text.size-L,.btn.size-L{font-size:16px; height:41px; padding:8px}/*大*/
a.btn.size-L,span.btn.size-L{ line-height:23px}
.btn.size-L{ padding:8px 16px}

.input-text.size-XL,.btn.size-XL{font-size:18px; height:48px; padding:10px}/*特大*/
a.btn.size-XL,span.btn.size-XL{ line-height:26px}
.btn.size-XL{ padding:10px 24px}

.select-box{ background-color:#FFF;border:solid 1px #ddd;box-sizing:border-box;vertical-align:middle; width:100%; display:inline-block}
.select{border:solid 1px #ddd;box-sizing:border-box;cursor: pointer;line-height:normal;font-weight: normal;width:100%}
.select-box .select{ border:none}
.select-box.inline,.select-box.inline .select{ width:auto}

.select-box,
.select-box.size-M{height:31px;padding:4px 5px}
.select,.size-M .select{font-size: 14px}

.select-box.size-MINI{height:23px;padding:0px 5px}
.size-MINI .select{font-size: 12px}

.select-box.size-S{height:27px;padding:3px 5px}
.size-S .select{font-size: 12px}

.select-box.size-L{height:41px;padding:8px 5px}
.size-L .select{font-size: 16px}

.select-box.size-XL{height:48px;padding:10px 5px}
.size-XL .select{font-size: 18px}




.bk-gray{border:solid 1px #eee}
.radius{border-radius:4px; overflow:hidden;}
.size-MINI.radius{ border-radius:3px}
.size-L.radius{ border-radius:5px}
.size-XL.radius{ border-radius:6px}
.round{border-radius:1000px; overflow:hidden;}
.circle{ border-radius:50%; overflow:hidden;}

.label, .badge{display: inline-block;padding:2px 4px;font-size: 11.844px;font-weight: bold;line-height:14px;color: #fff;white-space: nowrap;vertical-align: baseline;background-color: #999}
/*圆角*/
.label.radius{border-radius: 3px}
.badge{padding-right:9px;padding-left:9px;border-radius:9px}
.label:empty, .badge:empty{display: none}
a.label:hover, a.label:focus, a.badge:hover, a.badge:focus{color: #fff;text-decoration: none;cursor: pointer}

.badge-white{background-color: #fff;}
.badge-black{background-color: #2c2c2c; }
.badge-dark{ background-color: #ad1829;}
/*默认*/
.label-default, .badge-default{background-color: #f4f6f9; color:#333;}
.label-default[href], .badge-default[href]{background-color: #2c2c2c;color:#333;}

/*主要*/
.label-primary, .badge-primary{background-color: #ee0b41}
.label-primary[href], .badge-primary[href]{background-color: #ee0b41}

/*主要*/
.label-secondary, .badge-secondary{background-color: #38c8e8}
.label-secondary[href], .badge-secondary[href]{background-color: #38c8e8}

/*成功*/
.label-success, .badge-success{background-color:#5eb95e}
.label-success[href], .badge-success[href]{background-color: #5eb95e}

/*警告*/
.label-warning, .badge-warning{background-color: #ffa900}
.label-warning[href], .badge-warning[href]{background-color:#ffa900}

/*危险*/
.label-danger, .badge-danger{background-color: #dd514c}
.label-danger[href], .badge-danger[href]{background-color: #dd514c}

/*错误提示*/
#getSuccess{color: #38c8e8;border: 1px solid #38c8e8;}
#getError{color: #b94a48;border: 1px solid #b94a48;}
#getSuccess,#getError{position: absolute;text-align: center;z-index: 10;left: 50%;top: 25%;
	margin-left: -80px;	background-color: #fff;	height: 50px;line-height: 50px;font-weight: 400;width: 160px;
	font-size: 16px; display: none;}
	
/* 布局 */
.flexR{display:flex;flex-direction:row;justify-content:center;align-items:center}
.flexL{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}
.flexEnd{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}
.flexB{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}
.flexBC{display:flex;flex-direction:row;justify-content:space-between;align-items:center}
.flexC{display:flex;flex-direction:column;justify-content:center;align-items:center}


.container{width:1200px;font-size:14px;margin: 0 auto;}
.contatForm input::placeholder {color: #959ea8;}
/* 提示 */


.concactBox{background: url(//img.km360.cn/images/qtmain/contentbg.png) no-repeat center;height: 350px;margin-top: 50px;}
.concactBox .con{height: 100%;padding:39px 350px 50px 0;box-sizing: border-box;position: relative;}
.concactBox .contactTel .tel{color: #137af0;font-size: 36px;}
.concactBox .contactTel>p{color: #3b4755;font-size: 14px;}
.concactBox .personImg{transition: all 0.5s;-webkit-transition: all 0.5s;transform:translate(0);}
.concactBox .personImg:hover{transform: translate(-10px);}
.contatForm input{background-color: #eef4fa;border: solid 1px #c3ccd6;height: 46px;width: 230px;margin-right:15px;padding-left: 19px;box-sizing: border-box;}
.contatForm input:last-child{margin-right: 0;}
.contatForm input[type=button]{width: 270px;height: 56px;background-color: #137af0;color: #fff;padding: 0;font-size: 18px;cursor: pointer;}

/* 选择城市*/
.comboinputbox{cursor: pointer;}
.sel-more{width:100%;line-height:24px;border:solid 1px #d5d5d5;padding:0;color:#a9a9a9;background:#fff;position:absolute;top:37px;left:0;overflow:hidden;z-index:10}
.sel-more dt{width:20px;float:left;display:block;background:#f0f3f5;display: flex;display: -webkit-flex;flex-direction: column;justify-content: space-between;}
.sel-more dt a{display:block;text-align:center;line-height:14px;font-size:12px;color:#333}
.sel-more dt a.on,.sel-more dt a:hover{background-color: #1384e2;color:#fff;}
.sel-more dd{float:right;width:132px;height:520px;font-size:14px;overflow-y:auto;overflow-x:hidden;text-align:left}
.sel-more dd samp,.sel-more dd span{display:block;padding:0 10px;color:#261d18}
.sel-more dd samp{background:#f0f3f5;border-bottom:solid 1px #f0f3f5;border-top:solid 1px #f0f3f5;line-height:38px;height:38px;color: #666;}
.sel-more dd samp:first-child{border-top: none;}
.sel-more dd span{line-height:38px;height:38px}
.sel-more dd span a{display:block;color: #261d18;}
.sel-more dd span:hover{background-color:#1384e2;color: #fff}
.sel-more dd span:hover a{color:#fff}
.sel-more.city-more,.sel-more.city-more dd,.sel-more.city-more dt{height:440px}
.sel-more.city-more{width:340px;z-index:99}

.drop-box em{position: absolute;right: 8px;top: 10px;display: inline-block;background-image: url(//img.km360.cn/images/tgmain/index_icons19.png);background-position: -86px -7px;width: 16px;height: 16px;}
.drop-box:hover em{background-position: -86px 5px;}
ul.bmul_input li select {appearance: none;-webkit-appearance: none;-moz-appearance: none;}
ul.bmul_input li em.dropv {position: absolute;right: 8px;top: 10px;display: inline-block;background-image: url(//img.km360.cn/images/tgmain/index_icons19.png);
background-position: -86px -7px;width: 16px;height: 16px;}
ul.bmul_input li .selctdrop:hover em.dropv{background-position: -86px 5px;}

/* 底部 */
.footer{background-color: #282f3e;color: #d7ddeb;font-size: 12px;height: 240px;padding: 40px 0 30px;box-sizing: border-box;}
.foot{height: 60px;background-color: #2e3646;color: #d7ddeb;font-size: 12px;}
.footer dl{max-width: 259px;}
.footer dl dt{font-weight: bold;font-size: 16px;margin-bottom:20px;}
.footer dl dd{align-items: flex-start;margin-bottom: 10px;}
.footer dl dd a{color: #d7ddeb;font-size: 14px;}


/* 头 */
.header,.headerBg{z-index:9;position:fixed;left:0;top:0;width:100%;height:80px}
.headerBg{z-index:8;background-color:rgba(0,0,0,.8);display:none}
.header .container{box-sizing:border-box;height:100%;width:100%;padding:0 50px;display:flex;align-items:center;justify-content:space-between;white-space:nowrap}
.nav a:hover{text-decoration:none}
.nav>li span{color:#fff}
.nav>li{position:relative;display:inline-flex;align-items:center;height:100%;font-size:14px;font-family:PingFangSC-Medium}
.nav>li a{line-height:64px;margin:0 16px;position:relative;font-size: 16px;}
.nav>li a.on::after,.nav>li a:hover::after{content:"";position:absolute;left:50%;bottom:10px;width:100%;height:2px;background:#fff;border-radius:2px;transform:translateX(-50%);z-index:100;transition:fadeIn .2s}

.common-section{overflow: hidden;}
/* 竖长字体 */
.fontOswald{font-family: Oswald;}

.blueBigBtn{width: 300px;height: 52px;background-color: #3874f6;border-radius: 6px;color: #fff;}
.blueBigBtn:hover{text-decoration: none;}

/* 联系我们弹窗 */
.error_msg{position:fixed;width:auto;height:60px;margin-left:-150px;left:50%;top:50%;margin-top:-30px;padding:0 40px;min-width:200px;box-sizing:border-box;background-color:rgba(0,0,0,.8);color:#fff;font-size:18px;text-align:center;z-index:111;line-height:60px;border-radius:10px;box-shadow:0 0 6px 0 rgb(255 255 255 / 50%)}
.layerBg{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);z-index: 10;}
.contactBox{width: 500px;height: 420px;background-color: #fff;box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.3);border-radius: 10px;position: fixed;z-index: 11;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);padding: 30px;box-sizing: border-box;}
.contactBox .closeBtn{position: absolute;right: 20px;top: 15px;cursor: pointer;color: #333;opacity: 0.7;transition: all 0.5s;transform: rotate(0deg);-webkit-transform: rotate(0deg);}
.contactBox .closeBtn:hover{opacity:1;transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.contactBox .form li{margin: 20px 0;position: relative;}
.contactBox .form li .formIcon{position: absolute;left: 16px;top: 15px;}
.contactBox .form li input,.contactBox .form li select{height: 50px;background-color: #fcfdff;border-radius: 2px;border: solid 1px #c3ccd6;width: 100%;padding:0 50px;box-sizing: border-box;font-size: 15px;transition: all 0.5s;}
.contactBox .form li:hover input,.contactBox .form li:hover select{border: solid 1px #137af0;}
.contactBox .form li input[type=button]{background-color:#137af0;color: #fff;border: 0;font-weight: bold;font-size: 18px;cursor: pointer;}
/* 首页 */
body{overflow-x: hidden;}
.swiper-banner {width: 100%;height: 600px;}
.swiper-banner .swiper-slide {background-position: center;background-size: cover;}

.switchTab{width: 100%;height: 120px;background-color: #fff;border-radius: 10px;position: relative;}
.switchTab .switch-item{width:34%;position: relative;z-index: 1;height: 100%;}
.switchTab .switch-item:hover{cursor: pointer;}
.switchTab .switch-item .logo{width: 74px;height: 74px;background-color: #f4f6fa;border-radius: 50%;}
.switchTab .switch-item.on{color: #fff;transition: all 0.3s;transition-delay: 0.1s;}
.switchTab .switch-item.on .logo{background-color: #fff;transition: all 0.3s;transition-delay: 0.1s;}
.switch-bg{position: absolute;left: 0;background-color: #3874f6;height: 100%;z-index: 1;}
.switch-bg .switch-bg-inner{position: absolute;width: 0;height: 0;top: 120px;left: calc(50% - 9px);border-left: 9px solid transparent;border-right: 9px solid transparent;border-top: 9px solid #3874f6;}
.switchCon{margin: 30px 0;}
.switchConItem{display: none;}

.phoneBox{position:relative;z-index:1;width:214px;height:431px;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:transform .8s;margin-right:80px}
.phoneBg_img{position:absolute;background:url(//img.km360.cn/images/qtmain/phone.png) 50% 50%/214px 431px;background-repeat:no-repeat;height:100%;width:100%;overflow:hidden}
.phoneBox .phone-content-img{position:absolute;height:419px;width:203px;overflow:hidden;top:6px;left:6px;background:#000;border-radius:20px}
.phone-content-item{position:absolute;left:0;top:0;opacity:1;width:100%;height:100%;border-radius:20px;overflow:hidden;transition:all .5s;-webkit-transition:all .5s;transform:scale(1.1);-webkit-transform:scale(1.1);opacity:0}
.phoneBox .phone-content-img img,.phoneBox .phone-content-img video{width:100%;min-height:100%;-o-object-fit:cover;object-fit:cover}
.phone-content-item.active{z-index:1;transform:scale(1);-webkit-transform:scale(1);opacity:1}
.phoneBox .phone-content-deco{z-index:2;position:absolute;left:-25px;border-radius:9px;top:50%;margin-top:-110px}
.deco-phone-img{opacity:0;transition:all .5s;width:260px;transform:scale(.7);position:absolute;z-index:0}
.deco-phone-img.changed{transform:scale(1);opacity:1;display:block;box-shadow:0 0 40px hsl(0deg 0% 60% / 20%);transition:all .8s cubic-bezier(.23,1.7,.79,.9) .5s;transition-delay:.7s;z-index:1}
.title-divide{width:60px;height:6px;background-color:#3874f6;border-radius:3px;margin:20px 0 30px}


.after-tab li{background-color: #303747;border-radius: 10px;padding: 45px 40px;margin-right:50px;color: #fff;}
.after-tab li.on{background-color: #3874f6;transition: all 0.5s;-webkit-transition: all 0.5s;}
.after-tab li:hover{cursor:pointer;}



.lz-after-con{position: relative; overflow:hidden;}
.lz-after-con .news-item{ position:relative;}

.lz-after-con .leftTxt{transition:transform 3s; -webkit-transition:transform 3s;transform:scale(0.9); -webkit-transform:scale(0.9);}
.lz-after-con .swiper-slide.swiper-slide-active .leftTxt{transform:scale(1); -webkit-transform:scale(1);}

.lz-after-con .img img{transition:transform 3s; -webkit-transition:transform 3s;transform:scale(1.05); -webkit-transform:scale(1.05);}
.lz-after-con .swiper-slide.swiper-slide-active .img img{ transform:scale(1); -webkit-transform:scale(1);}
.lz-after-con .adSN_page{ position: absolute; left: 10px; right:auto; width: auto; z-index: 10; text-align: left; }
.lz-after-con.swiper-container-horizontal .adSN_page{bottom:40px;}
.lz-after-con .adSN_page span{ background: #c9c9c9; opacity: 1; width:40px; height: 2px; border-radius: 0; -webkit-border-radius: 0;}
.lz-after-con .adSN_page span.swiper-pagination-bullet-active{background: #3874f6;}
.lz-after-con.swiper-container-vertical .adSN_page span{margin:15px 0;}


.houseIcons li{margin-right:40px;position: relative;transition:transform 0.5s; -webkit-transition:transform 0.5s;transform:scale(0.8); -webkit-transform:scale(0.8);}
.houseIcons li.iconHover{transform:scale(1); -webkit-transform:scale(1);}
.houseIcons li.iconHover::after{content: '';width: 10px;height: 10px;background-color: #3874f6;border-radius: 50%;position: absolute;bottom: -20px;left:50%;margin-left: -5px;}

ul.iconsCon li{display: none;}

.future-fields{width: 100%;padding: 2% 0%;box-sizing: border-box;display: flex;position: relative;z-index: 1;}
.future-fields .box {overflow: hidden;transition: .5s;margin: 0 0.5%;border-radius: 10px;width: 137px;height: 200px;position: relative;z-index: 0;background-color: #000;}
.future-fields .box:hover{width: 182px;z-index: 1;}
.future-fields .box>img{opacity: 0.7;transition: .5s;}.future-fields .box:hover>img{opacity: 1;}
.future-fields .box>span{position: absolute;bottom: 20px;left: 50%;color: #fff;transform: translateX(-50%);-webkit-transform: translateX(-50%);transition: all 0.5s;}
.future-fields .box:hover>span{font-weight: bold;font-size: 28px;margin-bottom: -14px;bottom: 50%;}


.last-shows{z-index: 1;position: relative;margin: 0 -15px;}
.last-shows li{width:380px;margin:15px 15px;overflow: hidden;transition: all 0.5s;-webkit-transition: all 0.5s;}
.last-shows li:hover{transform: translateY(-10px);-webkit-transform: translateY(-10px);}
.last-shows li>div{background-color: #3874f6;color: #fff;line-height: 50px;text-align: center;}

.advantageBox ul li{box-shadow: 0px 6px 20px 0px rgba(42, 99, 164, 0.1);border-radius: 20px;margin:1%;width: 48%;padding: 30px 0 0;transition: all 0.5s;-webkit-transition: all 0.5s;}
.advantageBox ul li:hover{box-shadow: 0px 6px 20px 0px rgba(42, 99, 164, 0.2);}
.advantageBox ul li .advImg{height:340px;overflow: hidden;}
.advantageBox ul li .advImg .move{opacity: 0;position: absolute;transition: all 0.5s;-webkit-transition: all 0.5s;}
.advantageBox ul li .advImg .still{opacity: 1;position: absolute;transition: all 0.5s;-webkit-transition: all 0.5s;}
.advantageBox ul li:hover .advImg .move{opacity: 1;}
.advantageBox ul li:hover .advImg .still{opacity: 0;}
.advantageBox,.domainBox,.lastShowBox{padding-top: 30px;margin-top: 20px;position: relative;}
.advantageBox .title,.domainBox .title,.lastShowBox .title{margin: 20px 0 40px;}
.titleBg{position: absolute;width: 1329px;height: 322px;left:50%;top: 0;margin-left:-664.5px;z-index: 0;}

.fieldBox{background-color: #282f3e;padding: 30px 0 40px;margin-top: 20px;}
.fieldBox .title{color: #fff;}

.rangeBox{background-color: #2e3646;padding: 50px 0;}
.rangeBox>ul>li{position: relative;flex: 1;}
.rangeBox>ul>li .allNum{padding:3px 20px;background-color: #282f3e;}
.rangeBox>ul>li .Icon{background-color: #fff;width: 120px;height: 120px;border-radius: 50%;position: relative;z-index: 1;}
.rangeBox>ul>li:hover .Icon{box-shadow: 0px 4px 10px 0px rgba(40, 47, 62, 0.6);}
.rangeBox>ul>li .Icon img{transform: scale(0.9);-wekbit-transform: scale(0.9);transition: all 1s;-wekbit-transition: all 1s;}
.rangeBox>ul>li:hover .Icon img{transform: scale(1.05);-wekbit-transform: scale(1.05);}
.rangeBox>ul>li .numIconBg{position: absolute;left: 46%;top: -25px;z-index: 0;opacity: 0;transition:all 1s; -webkit-transition:all 1s;transform:translateX(-50%) scale(0.4) rotate(-180deg); -webkit-transform:translateX(-50%) scale(0.4) rotate(-180deg);}
.rangeBox>ul>li:hover .numIconBg{opacity: 1;transform:translateX(-50%) scale(1) rotate(0deg); -webkit-transform:translateX(-50%) scale(1) rotate(0deg);}


/* 展会投放 */
.showData{width: 100%;}
.showData li{flex: 1;height: 150px;padding-left: 100px;flex-direction: column;align-items: flex-start;cursor: default;position: relative;transition: all 0.5s;}
.showData li:hover{background-color: #f3f4f7;}
.showData li .describe{color: #999;}
.showData li .num{color: #3874f6;}
.showData li::after{content: '';display: inline-block;width: 1px;height: 80px;background-color: #e4e7ea;position: absolute;right: 0;transition: all 0.5s;}
.showData li:last-child::after{content: unset;}
.showData li:hover::after{height: 0;}
.showData li:hover .describe{color: #3874f6;}
.showTitleNum{position: relative;width: 50px;margin-right:20px;}
.showTitleNum::after,.showTitleNum::before{content: '';display: inline-block;background-color: rgba(56,116,246,0.2);width: 50px;height: 50px;position: absolute;z-index: 1;transform: rotate(45deg);z-index: -1;}
.showTitleNum::before{background-color: rgba(56,116,246,1);transform: rotate(0);z-index: 0;}
.showTitleNum>span{position: absolute;z-index: 1;}
dl.showIntro dt{margin: 50px 0 50px;font-size: 26px;color: #3874f6;font-weight: 600;}
dl.showIntro dd{font-size: 16px;line-height: 2;}
ul.showList li{width: 360px;height: 260px;background-color: #121212;border-radius: 14px;overflow: hidden;transition: all 0.4s;position: relative;}
ul.showList li>img{width: 100%;transition: all 0.8s;}
ul.showList li:hover{border-radius: 4px;}

.bgfBtn{width: 181px;height: 47px;background-image: linear-gradient(180deg, #fff 0%, #c6d8fd 100%);border-radius: 23px;color: #3874f6;font-size: 16px;}
.bgfBtn:hover{text-decoration: unset;}

/* 单品集客 */
.painSpot li{width: 500px;height: 400px;background-color: #fff;box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.1);overflow: hidden;border-radius: 6px;transform: translateY(0px);-webkit-transform: translateY(0px);transition: all 0.5s;-webkit-transition: all 0.5s;}
.painSpot li:hover{transform: translateY(-10px);-webkit-transform: translateY(-10px);box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.2);}
.advantage li{width: 496px;}
.advantage li>img{transform: scale(1);-webkit-transform: scale(1);transition: all 0.5s;-webkit-transition: all 0.5s;}
.advantage li:hover>img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.FSpainSpot {width: 100%;align-items: flex-start;}
.FSpainSpot li{width: 30.33%;flex-direction: column;text-align: center;margin:2% 1.5%;}
.FSpainSpot li .Icon{position: relative;}
.FSpainSpot li .Icon::after{content: '';display: inline-block;width: 91px;height: 91px;background-color: #3874f6;border-radius: 50%;position: absolute;right:-10px;bottom:10px;z-index: 0;transition: all 0.5s;}
.FSpainSpot li .Icon>img{position: relative;z-index: 1;}
.FSpainSpot li:hover .Icon::after{right: 1px;bottom: 1px;}
.FSpainSpot li:nth-child(1) .Icon::after,.FSpainSpot li:nth-child(3) .Icon::after{width: 81px;height: 68px;border-radius: 10px;}
.FSpainSpot li:hover .f-20{color: #3874f6;}
.FSpainSpot li:nth-child(2) .Icon::after{right:-20px;bottom:15px;}
.FSpainSpot li:nth-child(2):hover .Icon::after{right: 1px;bottom: 1px;}