html{ position:relative; width:100%; height:100%; overflow-y:scroll;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, dl, dt, dd, span { padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
td { border-color:#000; }
fieldset, img { border: 0px; }
address, caption, cite, code, dfn, em, strong, th, var { font-weight: normal; font-style: normal; }
strong { font-weight:bold; }
ol, ul, dl { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
img { vertical-align:middle; }
input, button { vertical-align:middle;hide-focus:expression(this.hideFocus=true); outline:none; }
input { text-indent:2px; }
button { cursor:pointer; }
abbr, acronym { border: 0px; }
a{ text-decoration:none; outline:none;} 
a:hover{ color:#e9c46d; text-decoration:none; outline:none; }
.clearfix:after { content:"."; clear:both; display:block; height:0; visibility:hidden;}
.clearfix { display:block; }

body{font-family:"寰蒋闆呴粦"; min-width:1200px; position:relative; min-height:100%; overflow:hidden; font-size: 12px;}
.fl { float:left; }
.fr { float:right;}
.textLeft{ text-align: left;}
.textRight{ text-align: right;}
.textCenter{ text-align: center;}
.wrap, .common{ width:1000px; margin:0 auto; overflow: hidden;}
.wrap{ width: 100%;}
.wrap1{ width:1212px; padding-bottom: 490px;}
.topBar{ width:100%; height:36px; background: #eee; color: #666; text-align: right; line-height: 36px;}
.topBar a{ color: #666;}
.topBar span{ color: #f8bb46; font-weight: bold; padding-right: 4px;}
.topBar .exit{ color:#b1b1b1;}
.topBar .a1{ margin-left:20px;}
.topBar b{ display: inline-block; vertical-align: middle; height: 12px; width:1px; background: #d1d1d1; margin:0 8px;}
.topBar .login-btn,.topBar .manage-btn{ font-weight: bold; margin-right: 20px; color: #f8bb46;}
.ui-header{ width:100%; height:75px; position: fixed; z-index: 9999; overflow: hidden;}
.header{ width: 95%; margin:0 auto; height: 75px;display: flex;justify-content: space-between}
.header .logo{ width:70px;height: 70px;}
.header .logo img{ width:100%;height: 100%;}
.header h1{ float: left; font-size: 24px; color: #fff; padding-left: 20px; line-height: 75px;}
.header-nav{ float: right; margin-top: 27px;}
.header-nav li{ float: left; padding:0 26px; display:inline; font-size: 16px; position: relative;}
/*.header-nav .lin{ border-left: solid 0px #D6D6D6;}*/
.header-nav .last{ padding-right: 0;}
.header-nav li a{ color: #fff;}
.header-nav li a:hover,.nav li a.current{ color: #f8bb46; }
.header-nav li:hover dd a{ color: #666;}
.header-nav li:hover dl{ display: block;}
.header-nav dl{ position: absolute; left:-14px; top:90px; width:94px; background: #fff; z-index: 22; display: none; border:1px solid #e0e1e5; border-top: 0 none;}
.header-nav dt{ width:60px; height:0; border-bottom: 1px solid #f6cc58; margin-left: 15px;}
.header-nav dd{ padding:0; text-align: center;}
.header-nav dd a{ display: block; line-height: 30px; color: #666; padding:7px 0;}
.header-nav dd a:hover{ background: #eee;}

.ui-features{ width: 100%; height: 76px; line-height: 76px; background: #f3f3f3; font-size: 18px; color: #4d4d4d;}
.ui-features span{ padding-left:160px;}
.ui-features i{ vertical-align: middle; width:25px; height: 23px; display: inline-block; vertical-align: middle; margin-right: 12px; background-image: url(../img/sprite.png); background-repeat: no-repeat;}
.ui-features .security{ background-position: 0 0;}
.ui-features .exp{ background-position:-23px 0;}
.ui-features .seven{ background-position: -48px 0;}
.ui-footer{ width: 100%; font-size: 14px; color: #959595;padding: 20px 0;}
.footer{ width: 1200px;margin:0 auto; position: relative; padding:75px 0 42px;}
.footer ul{ overflow: hidden;}
.footer li{ float: left; width:155px;}
.footer li img{ width:110px; height: 109px; display: block;}
.footer h3{ font-size: 16px; color: #e5d0c4; font-weight: bold;}
.footer p{ padding-top: 15px;}
.footer a{ color: #87776e;}
.footer strong{ color: #f4c329; font-weight:normal;}
.footer .sina i{ display: inline-block; width:17px; height: 17px; background: url(../img/sprite.png) no-repeat -118px 0; vertical-align: middle; margin-right: 4px;}
.footer .tel{ position:absolute; right:0; top:75px; color: #87776e;}
.footer .tel span{ font-size: 27px; color: #f4c328;}

.footer .tel a{ display: inline-block; width:69px; height: 27px; text-align: center; line-height: 26px; background: #f4c329; border-radius:50px; color: #483c35; margin-right: 12px; vertical-align: middle; position: relative; padding-left: 25px;}
.footer .tel i{ display: inline-block; width:16px; height: 17px; background: url(../img/sprite.png) no-repeat -82px 0; vertical-align:middle; position: absolute; left:12px; top:5px;}
.footer .tel p{ padding-top: 10px;}
.copyright{ width:100%; height:60px; line-height: 25px; text-align: center;}
.copyright a{ color: #959595; margin-left: 20px;}
.backTop{ display:none; position: fixed; right:9%; bottom:150px; z-index: 1111; float: left; width:50px; height: 50px; background: url(../img/backTop_1.png) no-repeat; cursor: pointer; text-align: center; text-indent: -9999em;}
.backTop:hover{ background: url(../img/backTop_2.png) no-repeat;}
.copyright p span{ margin-left: 25px;}