@charset "UTF-8"; 

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video { margin: 0; padding: 0; }
body,button,input,select,textarea { font: 14px/1.5 "微软雅黑"; color: #333; vertical-align: top; }
img { vertical-align: top; }
h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4,h5,h6 { font-size: 100%; }
address,cite,dfn,em,var { font-style: normal; }
code,kbd,pre,samp,tt { font-family: "Courier New",Courier,monospace; }
small { font-size: 12px; }
li,ol,ul { list-style: none; }
li { vertical-align: top; }
a { text-decoration: none; color: #383838; outline: 0; cursor: pointer; }
a:hover { text-decoration: none; color: #63a7e8; }
abbr[title],acronym[title] { border-bottom: 1px dotted; cursor: help; }
q:after,q:before { content: ''; }
legend { color: #000; }
fieldset,img { border: none; }
button,input,select,textarea { font-size: 100%; border: none; *border: 0; outline: 0!important; }
table { border-collapse: collapse; border-spacing: 0; }
hr { height: 0; border: 0; border-top: 1px solid #b6c4d8; margin: 10px 0; -margin: 5px 0; padding: 0; overflow: hidden; }
hr.ui-dbline { height: 4px; height: 2px\9; -height: 6px; border-top: 1px solid #b6c4d8; border-right: none; border-bottom: 1px solid #b6c4d8; border-left: none; margin: 10px 0; -margin: 5px 0; padding: 0; overflow: hidden; }
.rel { position: relative; }
.abs { position: absolute; }
.fix { position: fixed; }
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
.hidden { visibility: hidden; }
.visible { visibility: visible; }
.hide { display: none; }
.show { display: block; }
.inline { display: inline; }
.inline-block { display: inline-block; *zoom: 1; *display: inline; }
.h1 { height: 1px; overflow: hidden; }
.min-height { min-height: 500px; height: auto; _height: 500px; }
.mauto { margin-left: auto; margin-right: auto; }
.m0 { margin: 0; }
.m5 { margin: 5px; }
.m10 { margin: 10px; }
.m15 { margin: 15px; }
.m20 { margin: 20px; }
.mt-1 { margin-top: -1px; }
.mt0 { margin-top: 0; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px!important; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mb-1 { margin-bottom: -1px; }
.mb0 { margin-bottom: 0; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.ml-1 { margin-left: -1px; }
.ml0 { margin-left: 0; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.mr-1 { margin-right: -1px; }
.mr0 { margin-right: 0; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.p0 { padding: 0; }
.p5 { padding: 5px; }
.p10 { padding: 10px; }
.p15 { padding: 15px; }
.p20 { padding: 20px; }
.pt0 { padding-top: 0; }
.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pb0 { padding-bottom: 0; }
.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pl0 { padding-left: 0; }
.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pr0 { padding-right: 0; }
.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.left { text-align: left!important; }
.center { text-align: center!important; }
.right { text-align: right!important; }
.top { vertical-align: top!important; }
.middle { vertical-align: middle!important; }
.bottom { vertical-align: bottom!important; }
.lh10 { line-height: 1; }
.lh15 { line-height: 1.5; }
.lh20 { line-height: 2; }
.c000 { color: #000!important; }
.cfff { color: #fff!important; }
.cf00 { color: red!important; }
.cf00 { color: red!important; }
.cf60 { color: #f60!important; }
.c333 { color: #333!important; }
.c666 { color: #666!important; }
.c999 { color: #999!important; }
.c00a94d { color: #00a94d!important; }
.fs0 { font-size: 0; }.fs12 { font-size: 12px; }
.fs12b { font-size: 12px; font-weight: 700; }
.fs14 { font-size: 14px; }
.fs14b { font-size: 14px; font-weight: 700; }
.fs16 { font-size: 16px; }
.fs16b { font-size: 16px; font-weight: 700; }
.fs18 { font-size: 18px; }
.fs18b { font-size: 18px; font-weight: 700; }
.fs20 { font-size: 20px!important; line-height: 30px!important; }
.fs20b { font-size: 20px!important; font-weight: 700!important; line-height: 30px; }
.fwb { font-weight: 700; }
.fwn { font-weight: 400; }
.fsn { font-style: normal; }
.ffyh { font-family: 'microsoft yahei'; }
.gridfixed { table-layout: fixed; }
.wrap { display: block!important; word-wrap: break-word!important; word-break: keep-all!important; }
.ellipsis,.nobr,.unwrap { overflow: hidden!important; white-space: nowrap!important; -o-text-overflow: ellipsis!important; text-overflow: ellipsis!important; -width: 100%; }
.nowrap { overflow: hidden!important; white-space: nowrap!important; text-overflow: ellipsis!important; }
.nobg { background: 0 0!important; }
.transparent { background-color: transparent!important; }
.opacity { filter: alpha(Opacity=0); -moz-opacity: 0; opacity: 0; }
.no-underline a:hover,.no-underline:hover { text-decoration: none!important; }
.clear { zoom: 1; overflow: hidden!important; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-table; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.opacity { filter: alpha(opacity=50); opacity: .5; }
.textarea { resize: none; }
* { -webkit-tap-highlight-color: transparent; -o-tap-highlight-color: transparent; }
body,html { -webkit-text-size-adjust: 100%; -o-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; -o-tap-highlight-color: transparent; }
.hd1-layer { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100000; }
.hd1-layer .layer-bg { position: absolute; width: 100%; height: 100%; background: #000; filter: alpha(opacity=50); opacity: .5; }
.hd1-layer .layer-content { position: absolute; top: 50%; left: 50%; width: 430px; height: 644px; margin-top: -322px; margin-left: -215px; background: url(../images/layer-bg.png) no-repeat 0 0; }
.hd1-layer .layer-content .close { position: absolute; top: 211px; right: 14px; width: 25px; height: 25px; cursor: pointer; }
.hd1-layer .layer-content .tip { display: none; position: absolute; top: 50%; left: 50%; width: 300px; height: 150px; margin-top: -75px; margin-left: -150px; border-radius: 10px; background: rgba(0,0,0,.6); line-height: 150px; color: #fff; text-align: center; font-size: 20px; }
.hd1-layer .n1 { padding: 280px 0 0; text-align: center; }
.hd1-layer .n1 input { width: 347px; height: 75px; background: url(../images/input-bg.png) no-repeat; text-align: center; font-size: 20px; color: #371f12; border: none; }
.hd1-layer .n1 .btn { width: 347px; height: 75px; margin: 35px auto 20px; background: url(../images/btn-bg.png) no-repeat; text-align: center; font-size: 30px; color: #fff; border: none; line-height: 75px; cursor: pointer; }
.hd1-layer .n1 p { font-size: 25px; color: #fff; }
.hd1-layer .n2 { display: none; padding: 283px 0 0; color: #fff; text-align: center; }
.hd1-layer .n2 h2 { font-size: 35px; font-weight: 400; }
.hd1-layer .n2 h3 { padding: 4px 0 41px; font-size: 30px; font-weight: 400; }
.hd1-layer .n2 p { font-size: 22px; font-weight: 400; line-height: 42px; }
.hd1-layer .n3 { display: none; padding: 303px 0 0; color: #fff; text-align: center; }
.hd1-layer .n3 h2 { padding-bottom: 56px; font-size: 28px; font-weight: 400; }
.hd1-layer .n3 p { font-size: 22px; font-weight: 400; line-height: 42px; }


body, html{
    background: transparent!important;
}
body::after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 306px;
    background: url(../images/body-bg.png) no-repeat center/cover;
    z-index: -1;
    display: none;
}
.header-t{
    background: transparent!important;
    border-bottom: transparent!important;
}