@charset "utf-8";
/*----------------------------------------
Name: 主题样式
Developed by: Lin
Date Created: 2017-04-01
Last Updated: 2017-04-01
Copyright: Lin.CSS Framework
----------------------------------------*/

/* 格式化样式
----------------------------------------*/
* { margin: 0; padding: 0 }
ol, ul, dl, li, dt, dd { list-style:none }
img { border: 0; vertical-align: middle }
button { cursor: pointer }
a { color: #404040; text-decoration: none }
a:hover { color: #ff3333 }
button,
input, textarea, select { font-family: Microsoft YaHei, tahoma, arial, Hiragino Sans GB, \\5b8b\4f53, sans-serif; outline:none; }
body { -webkit-font-smoothing: antialiased; background-color: #fff; font: 12px/1.5 Microsoft YaHei, tahoma, arial, Hiragino Sans GB, \\5b8b\4f53, sans-serif; color: #666; }
/* 格式化样式
----------------------------------------*/

/* 公共样式
----------------------------------------*/
.show { display: block }
.hide,
.none { display: none }
.clearfix:after { visibility: hidden; clear: both; display: block; content: ""; height: 0 }
.clearfix { *zoom:1}
.fl { float: left; display: inline }
.fr { float: right; display: inline }
.tl { text-align: left }
.tc { text-align: center }
.tr { text-align: right }
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.ml10{ margin-left:10px;}
.ml20{ margin-left:20px;}
.ml30{ margin-left:30px;}
.w320{ width: 320px;}
.w380{ width: 380px;}
	
/* Fix固定 */ 
.fixed {position:fixed; bottom:auto; top:0px; _position:absolute; _top:expression(eval(document.documentElement.scrollTop));}
.fixed-top{position:fixed;bottom:auto;top:0px;} 
.fixed-bottom{position:fixed;bottom:0px;top:auto;} 
.fixed-left{position:fixed;right:auto;left:0px;} 
.fixed-right{position:fixed;right:0px;left:auto;} 

/* IE6 */ 
html, body{_background-image:url(about:blank);_background-attachment:fixed;} /* 修正IE6振动bug */
.fixed-top{_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop));} 
.fixed-right{_position:absolute;_right:auto;_left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));} 
.fixed-bottom{_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));} 
.fixed-left{_position:absolute;_right:auto;_left:expression(eval(document.documentElement.scrollLeft));} 



/* 公共样式
----------------------------------------*/


/* 广告标签
----------------------------------------*/
.icon-ad-tip li{ position: relative; }
.icon-ad-tip1{ position:absolute; right:0; bottom:0; z-index:9; display:inline-block; overflow:hidden; width:20px; height:11px; background-image:url(//www.baobei360.com/_public2012/css/images/icon_ad_tip1_1x.png?v2019); background-image: -webkit-image-set(url(//www.baobei360.com/_public2012/css/images/icon_ad_tip1_1x.png?v2019) 1x,url(//www.baobei360.com/_public2012/css/images/icon_ad_tip1_2x.png?v2019) 2x); background-repeat: no-repeat; background-position:0px 0px; text-indent:-99999px;}
.icon-ad-tip2{ position:absolute; right:0; bottom:0; z-index:9; display:inline-block; overflow:hidden; width:20px; height:11px; background-image:url(//www.baobei360.com/_public2012/css/images/icon_ad_tip2_1x.png?v2019); background-image: -webkit-image-set(url(//www.baobei360.com/_public2012/css/images/icon_ad_tip2_1x.png?v2019) 1x,url(//www.baobei360.com/_public2012/css/images/icon_ad_tip2_2x.png?v2019) 2x); background-repeat: no-repeat; background-position:0px 0px; text-indent:-99999px;}
/* 广告标签
----------------------------------------*/




/* 顶部导航
----------------------------------------*/
#topnav { width: auto; height: 32px; position: relative!important; background: #f2f2f2; color: #999; font-size: 12px; z-index: 99999; -webkit-transform: translate3d(0, 0, 0); border-bottom: 1px solid #e5e5e5 }
#topnav * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#topnav > div { display: flex; justify-content: space-between; align-items: center;  }
#topnav a { color: #999; }
#topnav a:hover { color: #a00; }
#topnav a .icon-new{ position: absolute; right: -30px; top: 3px; background: #f00; color: #fff; padding: 2px; margin-left: 5px; margin-top: -2px; font-size: 9px; display: inline-block; line-height: 1em; vertical-align: middle; font-family: "Times New Roman", "serif"}
#topnav .top-nav-menu { margin: 0;}
#topnav .top-nav-menu li { float: left; position: relative; padding: 0 10px; line-height: 32px; }
#topnav .top-nav-menu li a{ text-decoration: none; }
#topnav .top-nav-menu li.dorpdown { padding-right: 10px; }
#topnav .top-nav-menu li .icon-arr{ display: block; -webkit-backface-visibility: hidden; position: absolute; right: 6px; top: 50%; margin-top: -1px; width: 0; height: 0; border-width: 3px; border-style: solid dashed dashed; border-color: #bbb transparent transparent; font-size: 0; line-height: 0; }
#topnav .top-nav-menu li .dorpdown-bd{ position: absolute; top: 31px; display: none; line-height: 32px;}
#topnav .top-nav-menu li.hover,
#topnav .top-nav-menu li.dorpdown:hover{ background:#fff; height: 32px; line-height: 30px; padding-left:9px; padding-right:9px; border: 1px solid #e5e5e5; border-bottom: none;box-shadow: 1px 1px 1px rgba(0,0,0,.1);}
#topnav .top-nav-menu li.hover,
#topnav .top-nav-menu li.dorpdown:hover .icon-arr{ right: 5px; margin-top: -6px; transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg); -webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
#topnav .top-nav-menu li.hover,
#topnav .top-nav-menu li.dorpdown:hover .dorpdown-bd{ display: block; box-shadow: 1px 2px 1px rgba(0,0,0,.1); }

#topnav .top-nav-lft { float: left; }
#topnav .top-nav-rgt { float: right; }
#topnav .top-nav-rgt li.dorpdown { padding-right:20px; }
#topnav .top-nav-rgt li.hover,
#topnav .top-nav-rgt li.dorpdown:hover{ background:#fff; height: 32px; line-height: 30px; padding-left:9px; padding-right:19px; border: 1px solid #e5e5e5; border-bottom: none;box-shadow: 1px 1px 1px rgba(0,0,0,.1);}

#topnav .top-nav-menu li.top-nav-logo { padding-left:0px; }
#topnav .top-logo{ display: none; line-height: normal;} 
#topnav .top-logo img{ width: 123px; height:32px; margin-top:10px; } 
#topnav .top-slogen{ display: block;}

#topnav .top-nav-mobile { width: 260px; left: -1px; }
#topnav .top-nav-mobile .bd { overflow: hidden; padding:0 20px; background: #fff; border: 1px solid #e5e5e5; border-top: none; }
#topnav .top-nav-mobile .bd .item{ margin-top: -1px; padding: 14px 0 15px; border-top: 1px dotted #e5e5e5; }
#topnav .top-nav-mobile .bd .item .pic{ float: left; margin-right: 15px;}
#topnav .top-nav-mobile .bd .item .txt{ line-height: 2em;}
#topnav .top-nav-mobile .bd .pic-app{ width:72px; }

#topnav .top-nav-wechat { width: 260px; left: -1px; }
#topnav .top-nav-wechat .bd { overflow: hidden; padding:0 20px; background: #fff; border: 1px solid #e5e5e5; border-top: none; }
#topnav .top-nav-wechat .bd .item{ margin-top: -1px; padding: 14px 0 15px; border-top: 1px dotted #e5e5e5; }
#topnav .top-nav-wechat .bd .item .pic{ float: left; margin-right: 15px;}
#topnav .top-nav-wechat .bd .item .txt{ line-height: 2em;}
#topnav .top-nav-wechat .bd .pic-wechat{ width:72px; }

#topnav .login { }
#topnav .login a{ color: #a00; }
#topnav .top-nav-login { width: 160px; right: -1px; }
#topnav .top-nav-login .bd { padding:15px 20px; background: #fff; border: 1px solid #e5e5e5; border-top: none; }
#topnav .top-nav-login .site-cont { padding: 0 0 0 30px; width: 25%; height: 200px; float: left; border-left: 1px solid #f6f6f6; line-height: 1.5em; }
#topnav .top-nav-login .site-mobile { border-left: none; }
#topnav .top-nav-login .site-cont h2 { margin-bottom: 10px; color: #f56a00; font-family: '\5FAE\8F6F\96C5\9ED1', arial, "\5b8b\4f53"; line-height: 1.5em; font-size: 16px; font-weight: 100; }
#topnav .top-nav-login .site-cont h2 span { padding-left: 10px; color: #999; }
#topnav .top-nav-login .site-list { }
#topnav .top-nav-login .site-list dd { float: left; width: 100%; line-height: 28px; }
#topnav .top-nav-login .site-list-2 dd { width: 50%; margin: 0; }
#topnav .top-nav-login .site-list-3 dd { width: 33.3333333%; }

#topnav .top-nav-contact { width: 250px; right: -1px; }
#topnav .top-nav-contact .bd { padding:15px 20px; background: #fff; border: 1px solid #e5e5e5; border-top: none; }
#topnav .top-nav-contact .site-cont { padding: 0 0 0 30px; width: 25%; height: 200px; float: left; border-left: 1px solid #f6f6f6; line-height: 1.5em; }
#topnav .top-nav-contact .site-mobile { border-left: none; }
#topnav .top-nav-contact .site-cont h2 { margin-bottom: 10px; color: #f56a00; font-family: '\5FAE\8F6F\96C5\9ED1', arial, "\5b8b\4f53"; line-height: 1.5em; font-size: 16px; font-weight: 100; }
#topnav .top-nav-contact .site-cont h2 span { padding-left: 10px; color: #999; }
#topnav .top-nav-contact .site-list { }
#topnav .top-nav-contact .site-list dd { float: left; width: 100%; line-height: 28px; }
#topnav .top-nav-contact .site-list-2 dd { width: 50%; }
#topnav .top-nav-contact .site-list-3 dd { width: 33.3333333%; }

#topnav .top-nav-contact dl{ margin-top: 10px; line-height: 1em; }
#topnav .top-nav-contact dl dt{ margin-bottom: 5px; padding:5px 0px 5px 0px; background-color: #efefef; color: #333; }
#topnav .top-nav-contact dl dt strong{ padding:0px 0 0px 10px; border-left: 3px solid #333; display: block; font-weight: bold; line-height: 1em; }
#topnav .top-nav-contact dl dd{ position: relative; padding:8px 0px 8px 0px; line-height: 1em; display: block;}
#topnav .top-nav-contact dl dd.top-tel{ font-size: 12px; color: #f60; text-align: left;}
#topnav .top-nav-contact dl dd .top-qq{ position: absolute; top: 2px; right: 0; }
#topnav .top-nav-contact dl dd .pic{ position: absolute; top: -168px; left: -290px; display: none; }
#topnav .top-nav-contact dl dd .pic img { width: 300px; }
#topnav .top-nav-contact dl dd:hover { background-color: #7aaf1c; color: #fff; margin-left: -10px; padding-left: 10px; }
#topnav .top-nav-contact dl dd:hover .pic{ display: block; }

#topnav .top-nav-sitemap { position: absolute; right: -1px; }
#topnav .top-nav-sitemap .bd { padding: 20px 0; background: #fff; border: 1px solid #e5e5e5; border-top: none; }
#topnav .top-nav-sitemap .site-cont { width: 33.3333333%; float: left; }
#topnav .top-nav-sitemap .site-cont .in { padding: 0 0 0 30px; height: 200px; border-left: 1px solid #f6f6f6; line-height: 1.5em; }
#topnav .top-nav-sitemap .site-cont.site-hot { width: 24%; }
#topnav .top-nav-sitemap .site-cont.site-market { width: 24%; }
#topnav .top-nav-sitemap .site-cont.site-help { width: 52%; }
#topnav .top-nav-sitemap .site-cont.site-hot .in{ border-left: none; }
#topnav .top-nav-sitemap .site-cont h2 { margin-bottom: 10px; color: #f56a00; font-family: '\5FAE\8F6F\96C5\9ED1', arial, "\5b8b\4f53"; line-height: 1.5em; font-size: 16px; font-weight: 100; }
#topnav .top-nav-sitemap .site-cont h2 span { padding-left: 10px; color: #999; }
#topnav .top-nav-sitemap .site-list { }
#topnav .top-nav-sitemap .site-list dd { float: left; width: 100%; line-height: 28px; margin: 0; }
#topnav .top-nav-sitemap .site-list a { position: relative;}
#topnav .top-nav-sitemap .site-list-2 dd { width: 50%; }
#topnav .top-nav-sitemap .site-list-3 dd { width: 33.3333333%; }
#topnav .top-nav-sitemap .site-list-4 dd { width: 25%; }
#topnav .top-nav-sitemap .site-brand { display: none; }

/*顶部搜索*/
.top-nav-search{ display: none; width: 400px; line-height: 1em; margin: 0 0 0 0px;}
.top-nav-search form{ border: solid #7aaf1c; border-width: 2px; font-size: 12px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
.top-nav-search fieldset{ position: relative;z-index:9999; border: none;}
.top-nav-search legend{ display: none; font-weight: normal;}
.top-nav-search .top-nav-search-box { background: #fff; height:28px; position: relative; }
.top-nav-search .icon-search-down{ display:inline-block; width:9px; height:5px; background:url(http://www.ef360.com/_public2012/css/images/icon_search.png) 0 -20px;}
.top-nav-search .top-nav-search-type{ position:absolute; z-index:999999; left: 0; top:0; width:60px; }
.top-nav-search .top-nav-search-type-text i{ position:absolute; right:8px; top:12px; }
.top-nav-search .top-nav-search-type-text{ background-color:#7aaf1c; color:#fff; float:left; width:46px; line-height:28px; text-align:center; position:relative; padding-right:14px; cursor:pointer;}
.top-nav-search .top-nav-search-type-list{ width:62px;position:absolute; z-index:999999; left:-2px; top:28px; background-color:#fff; display:none;}
.top-nav-search .top-nav-search-type-list ul{ border:2px solid #7aaf1c; border-top:none;}
.top-nav-search .top-nav-search-type-list ul li{ height:28px; line-height:28px; padding:0 10px; border-top:1px solid #eee; text-align:center; cursor:pointer;}
.top-nav-search .top-nav-search-type-list ul li.active{ background-color:#efefef;}
.top-nav-search .top-nav-search-inputbox { position:relative; z-index: 9; }
.top-nav-search .top-nav-search-inputbox .top-nav-search-inputbox-wrap { position: relative; padding: 0 70px 0 60px; background: url("data:image/gif;base64,R0lGODlhAQADAJEAAObm5t3d3ff39wAAACH5BAAAAAAALAAAAAABAAMAAAICDFQAOw==") repeat-x scroll 0 0 transparent;}
.top-nav-search .top-nav-search-inputbox .top-nav-search-input{ border: none; outline:0; color: #000; position: relative; z-index: 2; width:100%; height: 28px;line-height: 28px; padding:0px 5px; font-weight:normal; -webkit-box-sizing: content-box;-moz-box-sizing: content-box; box-sizing: content-box; _height: 26px;_line-height: 26px; background-color: transparent;}
.top-nav-search .top-nav-search-inputbox .top-nav-search-placeholder{ color: #999; font-size: 12px; line-height: 28px;height: 28px; position: absolute; left:65px; top: 0; z-index: 1;}
.top-nav-search .top-nav-search-buttom{z-index:999999; position: absolute; right: 0; top: 0; width: 60px; border: 0; outline:0; font-size: 12px; cursor: pointer; color: #fff; background-color: #7aaf1c; height: 28px; overflow: hidden; font-family: '\5FAE\8F6F\96C5\9ED1',arial,"\5b8b\4f53"; _right: -1px;}
/*顶部搜索*/

.fixed-topnav{ padding-top:32px;}

.fixed-topnav #topnav { height: 50px; position:fixed!important; left: 0; top: 0; width: 100%; border-bottom: 1px solid #e5e5e5; background-color: rgba(255,255,255,0.98); -moz-box-shadow:2px 2px 10px rgba(0,0,0,0.2); -webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.2); box-shadow:2px 2px 10px rgba(0,0,0,0.2);}
.fixed-topnav #topnav .top-nav-info li,
.fixed-topnav #topnav .top-nav-menu li{ height: 50px; line-height: 50px; }
.fixed-topnav #topnav .top-nav-info li.dorpdown:hover,
.fixed-topnav #topnav .top-nav-menu li.dorpdown:hover{ height: 50px; line-height: 48px;}
.fixed-topnav #topnav .top-nav-info li .dorpdown-bd,
.fixed-topnav #topnav .top-nav-menu li .dorpdown-bd{ top: 49px; }

.fixed-topnav #topnav .top-logo,
.fixed-topnav #topnav .top-nav-search{ display: block; }
.fixed-topnav #topnav .top-slogen,
/*.fixed-topnav #topnav .dorpdown-mobile,*/
.fixed-topnav #topnav .login,
.fixed-topnav #topnav .reg{ display: none;}
.fixed-topnav #topnav {
	-webkit-animation: searchTop .3s ease-in-out;
	animation: searchTop .3s ease-in-out
}
@-webkit-keyframes searchTop {
	0% { top: -50px}
	to { top: 0}
}
@keyframes searchTop {
	0% { top: -50px }
	to { top: 0 }
}

/* 顶部导航
----------------------------------------*/



/* 底部导航
----------------------------------------*/
#footer{ }
#footer .footer-nav{ text-align:center; line-height: 2em; font-size: 12px; font-weight: 100; color: #888;}
#footer .footer-nav a{ margin: 0 10px; font-weight: normal; position: relative; }
#footer .footer-copyright{ text-align:center; line-height: 2em; font-size: 12px; color: #888;}
#footer .footer-copyright a{ color: #888;}

.footer-nav-sitemap * { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -o-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; }
.footer-nav-sitemap { position:relative;font-size: 12px; }

.footer-nav-sitemap .row { position:relative; margin-left: -1px; margin-right: -1px; padding: 0 160px 20px 0; border-top: none;  }
.footer-nav-sitemap .site-cont { width: 33.3333333%; float: left; -moz-box-sizing: content-box; }
.footer-nav-sitemap .site-cont .bd{ position:relative; margin: 1px; padding: 15px; background: #f5f5f5; height: 200px; line-height: 1.5em;  }
.footer-nav-sitemap .site-cont h2 { margin: 0 0 10px; color: #333; font-family: '\5FAE\8F6F\96C5\9ED1', arial, "\5b8b\4f53"; line-height: 1.5em; font-size: 16px; font-weight: 100; }
.footer-nav-sitemap .site-cont h2 span { padding-left: 10px; color: #999; }
.footer-nav-sitemap .site-list {  }
.footer-nav-sitemap .site-list dd { float: left; width: 100%; line-height: 28px; margin: 0; }
.footer-nav-sitemap .site-list dd a { position: relative; color: #666; }
.footer-nav-sitemap .site-list dd a .icon-new{ position: absolute; right: -30px; top: 3px; background: #f00; color: #fff; padding: 2px; margin-left: 5px; margin-top: -2px; font-size: 10px; display: inline-block; line-height: 1em; vertical-align: middle; font-family: "Times New Roman", "serif"}
.footer-nav-sitemap .site-list-2 dd { width: 50%; }
.footer-nav-sitemap .site-list-3 dd { width: 33.3333333%; }
.footer-nav-sitemap .site-list-4 dd { width: 25%; height: 28px; overflow: hidden;}
.footer-nav-sitemap .site-cont.site-mobile { width: 160px; position: absolute; right: 0; top: 0; cursor: pointer;}
.footer-nav-sitemap .site-cont.site-brand { display: none; }

.footer-nav-sitemap .site-mobile-qcode .txt { margin-top: 0px; text-align: center;}
.footer-nav-sitemap .site-mobile-qcode .txt span{ margin-top: 1px; display: block; height: 36px; line-height: 36px; background: #fff; }
.footer-nav-sitemap .footer-nav-wechat{ position: absolute; right: 0; top: 0; display: none;}
.footer-nav-sitemap .footer-nav-wechat .footer-nav-wechat-bd{ margin-right: 160px; background: #fff; padding: 15px 0; height: 198px; border: 1px solid #f5f5f5; overflow: hidden;}
.footer-nav-sitemap .footer-nav-wechat .item{ float: left; width: 25%; text-align: center; margin-left: -1px;}
.footer-nav-sitemap .footer-nav-wechat .item .in{ border-left: 1px dotted #e5e5e5; height: 198px;}
.footer-nav-sitemap .footer-nav-wechat .item .pic{ padding: 10px;}
.footer-nav-sitemap .footer-nav-wechat .item img{ width: 120px;}
.footer-nav-sitemap .site-cont.site-mobile:hover .footer-nav-wechat{ display: block}

.friendly-box { margin-top: 20px; border: 1px solid #e5e5e5; margin-bottom: 20px; }
.friendly-box .hd{  margin-left: 15px; height: 32px; line-height: 32px; border-bottom: 1px solid #e5e5e5;}
.friendly-box .hd h2{ float: left; margin-right: 20px; font-size: 14px; color: #7aaf1c; border-bottom: 2px solid #7aaf1c;}
.friendly-box .bd{ margin-left: -10px; padding: 15px; font-size: 12px; line-height: 2em; }
.friendly-box .bd a{ margin-left: 10px; white-space: nowrap;}
/* 底部导航
----------------------------------------*/



.wrapper { width: 1000px; min-width: 1000px; margin-left: auto; margin-right: auto; }