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:1200px; margin:0 auto; overflow: hidden;}
.wrap{ padding-bottom: 475px;}
.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 .new-poepel{display: inline-block; height: 24px; line-height: 24px; padding: 0px 10px; background: #f4c32b;-webkit-border-radius: 4px;border-radius: 4px;}
.topBar .new-poepel i {display: inline-block; width: 18px;height: 16px; background: url('/skin/images/new_people.png') no-repeat;margin-right: 5px;vertical-align: sub;}
.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:90px; background: #fff; border-bottom: 1px solid #e0e1e5; position: relative; z-index: 11;}
.header{ width: 1200px; margin:0 auto; height: 90px;}
.header h1{float: left;line-height: 90px;}
.header-nav{ float: right; line-height: 90px;}
.header-nav li{ float: left; padding:0 14px; margin-left: 18px; display:inline; font-size: 16px; position: relative; line-height: 90px;}
.header-nav .last{ padding-right: 0;}
.header-nav li a{ color: #666;}
.header-nav li a:hover,.header-nav li.current a{ 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 .solution-drop{ width:150px; left:-24px;}
.header-nav dt{ width:60px; height:0; border-bottom: 1px solid #f6cc58; margin-left: 15px;}
.header-nav .solution-drop dt{ width:115px; margin-left: 17px;}
.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(/skin/images/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%;background: #483c35; font-size: 14px; color: #e5d0c4; position: absolute; left:0; bottom: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(/skin/images/sprite.png) no-repeat -118px 0; vertical-align: middle; margin-right: 4px;}
.footer .tel{ position:absolute; right:80px; top:75px; color: #87776e; line-height: 25px;}
.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(/skin/images/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:45px; line-height: 45px; text-align: center; background: #3a302a; color: #8b766b;}
.copyright a{ color: #8b766b; margin-left: 20px;}
.backTop{ display:none; position: fixed; right:10px; bottom:10px; z-index: 1111; float: left; width:36px; height: 36px; background: none; cursor: pointer; text-align: center; text-indent: -9999em;}

.custom-fixed{ position: fixed; display: block; line-height: 25px; right:-150px; top:50%; font-size: 18px; color: #474747; transition: all 0.2s ease 0s;-webkit-transition: all 0.2s ease 0s; background: #fbd35c; padding:16px 0; margin-top: -36px;}
.custom-fixed i{ position: absolute; left:10px; top:50%; border-right:5px solid #474747; border-top: 5px solid transparent; border-bottom: 5px solid transparent; margin-top: -2.5px;}
.custom-fixed span{ display: inline-block; width:36px;  font-size: 14px; padding:0 14px 0 30px; letter-spacing: 2px; line-height: 20px;}
.custom-fixed b,.custom-fixed span{ vertical-align: middle;}
.custom-fixed b{ font-weight: normal; font-size: 18px; display: inline-block;border-left:1px solid #474747; padding:2px 14px;}
.custom-fixed:hover{ right:0;}
.custom-fixed:hover i{ transform: rotate(180deg);-webkit-transform: rotate(180deg);}

.bottom-column{position:fixed;bottom:100px;right:10px;width:40px;height:180px}.bottom-column .menu{position:absolute;width:40px;height:180px;top:0;right:0}.bottom-column .menu .menuli{position:relative;float:left;width:40px;height:40px;background:#f4d883;margin-bottom:3px;cursor:pointer;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s}.bottom-column .menu .menuli span{display:none;float:left;width:40px;height:30px;padding:5px 0;line-height:15px;font-family:Arial,'Microsoft YaHei','宋体';text-align:center;font-size:12px;color:#fff}.bottom-column .menu>.menuli:nth-child(1){background:#f1dc9e url('../images/banner_c.png') 0px 0 no-repeat}.bottom-column .menu>.menuli:nth-child(2){background:#f1dc9e url('../images/banner_c.png') 0px 0px no-repeat}.bottom-column .menu>.menuli:nth-child(3){background:#f1dc9e url('../images/banner_c.png') -80px 0 no-repeat}.bottom-column .menu>.menuli:nth-child(4){display:none;background:#f1dc9e url('../images/banner_c.png') -120px 0 no-repeat}.bottom-column .menu>.menuli:nth-child(4):hover{background:#ffc511 url('../images/banner_c.png') -120px 0 no-repeat}.bottom-column .menu .menuli:hover span{display:block;background:#ffc40f}.bottom-column .menu .menuli:hover div{display:block}.bottom-column .qqservice{display:none;position:absolute;top:3px;left:-166px;width:167px;height:160px}.bottom-column .qqservice .inter{position:relative;width:147px;height:96px;padding-left:13px;background:#f3f3f3;color:#333;font-size:14px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}.bottom-column .qqservice .inter i{position:absolute;top:15px;right:-6px;width:6px;height:10px;background:url('../images/banner_c.png') -160px 0 no-repeat}.bottom-column .qqservice .inter p{width:130px;padding:0 0 0 4px;margin:0;line-height:36px}.bottom-column .qqservice .inter a{display:inline-block;width:33px;height:15px;padding-top:30px;margin:0 17px 14px;text-align:center;font-size:12px;color:#333;text-decoration:none;background:url('../images/banner_c.png') 0 -40px no-repeat}.bottom-column .qqservice .inte>a:nth-child(2){background:url('../images/banner_c.png') 0 -40px no-repeat}.bottom-column .qqservice .inter>a:nth-child(2){background:url('../images/banner_c.png') -40px -40px no-repeat}.bottom-column .qqservice .inter>a:nth-child(3){background:url('../images/banner_c.png') -80px -40px no-repeat}.bottom-column .qqservice .inte>a:nth-child(3){background:url('../images/banner_c.png') -120px -40px no-repeat}.bottom-column .phoneservice{overflow:hidden;display:none;position:absolute;top:0;left:-167px;width:167px;height:40px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}.bottom-column .phoneservice .inter{position:relative;width:160px;height:40px;margin:0;background:#f3f3f3;line-height:40px;text-align:center;font-size:22px;color:#333}.bottom-column .phoneservice .inter i{position:absolute;top:15px;right:-6px;width:6px;height:10px;background:url('../images/banner_c.png') -160px 0 no-repeat}.bottom-column .wechart{display:none;position:absolute;top:-83px;left:-166px;width:167px;height:160px}.bottom-column .wechart .inter{position:relative;width:149px;height:149px;padding:11px 0 0 11px;background:#f3f3f3;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}.bottom-column .wechart .inter img{display:block;width:138px}.bottom-column .wechart .inter i{position:absolute;top:94px;right:-6px;width:6px;height:10px;background:url('../images/banner_c.png') -160px 0 no-repeat}
.footer .credible a {display: block;width: 120px;margin: 18px auto 15px;height: inherit;}
.footer .credible img {width: 100%;height: inherit;}
.footer .credible {text-align: center;color: #87776e;margin-left: 10px;}
.footer .credible p {font-size: 14px;margin-bottom: 7px;padding: 0;}
.footer .credible em {font-size: 12px;}