/*
*name : topbar.css
*author : ht
*update : 添加铁臂商城tb-topbar
*date : 2016-12-27
*/

.topbar{ height:30px; background-color:#fff; line-height:30px; color:#333; font-size:12px; *position:relative; *left:0; *top:0; *z-index:9999; font-family:"微软雅黑";}
.topbar a{ color:#333;}
.topbar a:hover{ color:#ff9400;}
.list-box{ display:none; position:absolute;  top:30px; z-index:9999; border:#bbb solid 1px; background-color:#fff;}
.topbar .over-line{ display:block; position:absolute; top:-1px; height:0; border-top:#fff solid 1px;}
.color-ff9400{ color:#ff9400 !important;}


/*----------左侧部分----------*/
.wel{ color:#9a9a9a;}
.wel li{ float:left; margin-left:10px;}
.wel li a{ color:#9a9a9a;}
.wel li a:hover{ color:#ff9400;}


/*----------右侧部分----------*/
.topbar .links-show,.topbar .link-single{ float:left; position:relative; padding:0 10px; border-left:#fff solid 1px; border-right:#fff solid 1px;}
.topbar .links-show:hover{ border-color:#bbb;}
.topbar .links-show a.has-list{ padding-right:16px; background:url(../static/images/list_down_big.png) no-repeat 53px center;}
.topbar .links-show a.has-list.active{ background:url(../static/images/list_up_big.png) no-repeat 53px center; color:#ff9400;}


/*下拉列表*/
.topbar .sun-links .list-box{ width:756px;}

/*手机访问*/
.topbar .net-phone{ padding-left:26px; background:url(../static/images/phone_tb.png) no-repeat 10px center; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; -o-transition:all ease 0.3s;}
.topbar .net-phone.hover-active{ background:url(../static/images/phone_tb_active.png) no-repeat 10px center;}

.topbar .list-m{ right:-260px;}
.topbar .list-m .over-line{ left:397px; width:100px;}
.topbar .list-m ul{ padding:16px 0 16px 12px;}
.topbar .list-m li{ float:left; width:248px;}
.topbar .list-m li img{ float:left; width:112px; height:112px; border:#f1f1f1 solid 1px;}
.topbar .list-m li p{ line-height:20px; margin-right:14px; margin-left:120px; margin-top:6px;}
.topbar .sun-links .links-show:hover .list-box{ display:block;}

/*微信关注*/
.topbar .list-wechat{ right:-174px; *padding-bottom:10px;}
.topbar .list-wechat .over-line{ left:499px; width:84px;}
.topbar .list-wechat ul{ padding:16px 16px 0;}
.topbar .list-wechat li{ float:left; width:362px; margin:0 0 16px;}
.topbar .list-wechat .pic-box{ width:120px; text-align:center; color:#73ae1f; line-height:20px;}
.topbar .list-wechat .pic-box img{ width:118px; border:#f1f1f1 solid 1px;}
.topbar .list-wechat .txt-box{ width:214px; margin-right:16px;}
.topbar .list-wechat .txt-box p{ margin:0; line-height:20px;}

/*购机导航*/
.topbar .show-active{ background-color:#ff9400; border-color:#ff9400;}
.topbar .show-active>a.has-list{ background:url(../static/images/list_down_big_white.png) no-repeat 53px center; color:#fff;}

.list-pro{ display:none; right:-88px; *padding-bottom:10px;}
.topbar .list-pro a.active{ background:none; color:#ff9400;}
.topbar .list-pro .over-line{ left:585px; width:84px;}
.topbar .list-pro ul{ padding-right:20px; padding-top:6px;}
.topbar .list-pro .list-ele-left{ width:150px;}
.topbar .list-pro .list-ele-left a{ display:block; float:right; height:34px; padding-right:22px; background:url(../static/images/pro_list_tb.png) no-repeat right center; line-height:34px;}
.topbar .list-pro .list-ele-left a:hover{ background:url(../static/images/pro_list_tb_active.png) no-repeat right center;}
.topbar .list-pro .list-ele-left strong{ color:#565656; font-size:14px; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; -o-transition:all ease 0.3s;}
.topbar .list-pro .list-ele-left a:hover strong{ color:#ff7200;}
.topbar .list-pro .list-ele-right{ width:568px; padding-bottom:1px; background:url(../static/images/dotted_line.gif) repeat-x 0 bottom;}
.topbar .list-pro .list-ele-right .list-wrapper{ width:584px;}
.topbar .list-pro .list-ele-right a{ margin-right:16px; line-height:32px; font-size:14px;}

.topbar .rec-pro{ padding-top:10px; padding-left:30px; padding-bottom:10px; *padding-left:28px;}
.topbar .rec-pro a{ float:left; margin:6px;}
.topbar .rec-pro span{ display:block; height:30px;}
.topbar .rec-pro span.link-btn-left{ padding-left:14px; background:url(../static/images/btn_bg.png) no-repeat left 0;}
.topbar .rec-pro span.link-btn-right{ padding-right:14px; background:url(../static/images/btn_bg.png) no-repeat right -30px;}
.topbar .rec-pro span.link-btn-center{ background-color:#ff9600; color:#fff; line-height:30px;}

/*app下载*/
.topbar .sun-links .list-app{ right:-1px; width:518px;}
.topbar .app-download a.has-list{ padding-right:18px;}
.topbar .list-app  .over-line{ left:433px; width:85px;}
.topbar .list-app ul{ width:104%; padding:0 16px 0;}
.topbar .list-app li{ float:left; width:250px; margin:16px 0; *padding-bottom:16px;}
.topbar .list-app .pic-box{ width:120px; margin-right:12px;}
.topbar .list-app .pic-box img{ width:106px; padding:6px; border:#f1f1f1 solid 1px;}
.topbar .list-app .txt-box{ display:table-cell; *float:right; width:134px; *width:100px; height:120px; margin-right:16px; vertical-align:middle; line-height:20px;}
.topbar .list-app .txt-box p{ *margin-top:36px;}

/*----------active-bg----------*/
.active-bg{ display:none; position:absolute; left:0; top:30px; z-index:9998; width:100%; height:90%; background:url(../static/images/active_bg.png);}



/* 铁臂商城头部 */
.tb-topbar{ border-bottom:#e1e1e1 solid 1px; background-color:#f8f8f8;}
.tb-topbar .over-line{ border-top:#f8f8f8 solid 1px;}
.tb-topbar .links-show,.tb-topbar .link-single{ border-left:#f8f8f8 solid 1px; border-right:#f8f8f8 solid 1px;}
.tb-topbar .show-active{ background-color:#ff9400; border-color:#ff9400;}
.tb-topbar .list-app .over-line{ left:432px; width:86px;}