/* ===============
 * 重新定义Html元素
 * =============== */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input,button{padding: 0; margin: 0;}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, table, th, td,a{font-size: 12px; font-style: normal; font-weight: normal;}
strong{font-weight: bold;}
ul, ol{list-style: none outside none;}
fieldset, img{border: medium none; vertical-align: middle;}
caption, th{ text-align: left;}
table{border-collapse: collapse; border-spacing: 0;}
/*body{font: 12px "Hiragino Sans GB","Microsoft Yahei",arial,"Helvetica Neue",Helvetica,STHeiTi,sans-serif; color: #666; background: #FFF none repeat scroll 0 0; min-width: 1200px; font-family: "微软雅黑";}*/
/*input, select, textarea{font: 12px/20px "microsoft yahei", sans-serif;}*/
body{font:12px Helvetica, Tahoma, Arial, "PingFang SC", 苹方, "Microsoft YaHei", 微软雅黑, SimSun, 宋体, Heiti, 黑体, sans-serif;color: #666;min-width: 1200px;  }

i, cite, em{font-style: normal;}
input,button,select,textarea{ outline:none}
html {min-height:101%; }
h5{
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;}
/* 链接 */
a{color: #333; text-decoration: none; outline: medium none; -webkit-transition-property:color; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease;}
a:link, a:visited, a:active{text-decoration: none;}
a:hover{color: #ce2620;text-decoration: none;}
/* Clearfix,避免因子元素浮动而导致的父元素高度缺失能问题 */
.clearfix:after{clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden;}
.clearfix{display: inline-block;}
.ov{overflow: hidden;}
.oh{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.oh2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.txet_hide_2{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.txet_hide{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.va_a{vertical-align: -1px;}
/*阿里字体库 BEGIN*/
@font-face {
  font-family: 'iconfont';  /* project id 1135221 */
  src: url('//at.alicdn.com/t/font_1135221_303vq4yq6hx.eot');
  src: url('//at.alicdn.com/t/font_1135221_303vq4yq6hx.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1135221_303vq4yq6hx.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1135221_303vq4yq6hx.woff') format('woff'),
  url('//at.alicdn.com/t/font_1135221_303vq4yq6hx.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1135221_303vq4yq6hx.svg#iconfont') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*阿里字体库 END*/

/* ==========================
 * 为旧版本浏览器格式化Html5元素
 * ========================== */
article, aside, dialog, footer, header, section, footer, nav, figure, menu{display:block; }

/* WebKit, Blink, Edge */
::-webkit-input-placeholder {color:#ccc;}
/* Mozilla Firefox 4 to 18 */
:-moz-placeholder{color:#ccc;}
/* Mozilla Firefox 19+ */
::-moz-placeholder {color:#ccc;}
/* Internet Explorer 10-11 */
:-ms-input-placeholder{color:#ccc;}
/*共用背景图片*/
.icon{background: url(../imges/ico.png) no-repeat; }
.prodcut_icon{background: url(/static/imges/product/icons.png) no-repeat;}

/*文字排版******************************/
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f20{font-size:20px;}
.f30{font-size:30px;}
.f26{font-size:26px;}
.f32{font-size:32px;}
.f34{font-size:34px;}
.f36{font-size:36px;}
.fb{font-weight:bold;}
.fn{font-weight:normal;}

/*定位******************************/
.tl{text-align:left !important;}
.tc{text-align:center !important; }
.tr{text-align:right !important;}
.bc{margin-right:auto ;margin-left:auto;}
.fl{float:left; display:inline;}
.fr{float:right !important; display:inline;}
.cb{clear:both;}
.cl{clear:left;}
.cr{clear:right;}
.vm{vertical-align: middle;}
.vt{vertical-align: top;}
.pr{position:relative;}
.pa{position:absolute;}
.abs-right{position:absolute; right:0;}
.zoom{zoom:1}
.none{display:none;}
.clear{clear: both; }
.cp{cursor: pointer;}


/*长度高度******************************/
.w1000{width: 1000px;margin: 0 auto;}
.w1200{width: 1200px;margin: 0 auto;}
.w1300{width: 1300px;margin: 0 auto;}
.w10{width:10px !important;}
.w20{width:20px !important;}
.w30{width:30px !important;}
.w40{width:40px !important;}
.w50{width:50px !important;}
.w60{width:60px !important;}
.w70{width:70px !important;}
.w80{width:80px !important;}
.w90{width:90px !important;}
.w100{width:100px !important;}
.w110{width:110px !important;}
.w120{width:120px !important;}
.w130{width:130px !important;}
.w150{width:150px !important;}
.w160{width:160px;}
.w180{width:180px;}
.w200{width:200px !important;}
.w260{width:260px !important;}
.w300{width:300px !important;}
.w400{width:400px!important;}
.w450{width:450px !important;}
.w500{width:500px;}
.w600{width:600px !important;}
.w700{width:700px;}
.w800{width:800px;}
.watou{width: auto; display: inline-block;}
.w_atou{width:100%;height:auto;}


.h20 { height: 20px !important;}
.h22 { height: 24px !important;}
.h30 { height: 30px !important;}
.h40 { height: 40px !important;}
.h50 { height: 50px !important;}
.h80 { height: 80px;}
.h100 { height:100px !important;}
.h200 { height:200px ;}
.h500 { height:500px !important;}
.h { height:100%}
.size30 { width: 30px; height: 30px;}
.size32 { width: 32px; height:32px;}
.size40 { width: 40px; height:40px;}
.size60 { width: 60px; height:60px;}
.size70 { width: 70px; height: 70px;}
.size72 { width: 72px; height: 72px;}
.size75 { width: 75px; height: 75px;}
.size80 { width: 80px; height:80px;}
.size90 { width: 90px; height:90px;}
.size100 { width: 100px; height: 100px;}
.size110 { width: 110px; height: 110px;}
.size120 { width: 120px; height: 120px;}
.size128 { width: 128px; height: 128px;}
.size160 { width: 160px; height: 160px;}
.size160-48 { width: 160px; height: 48px;}
.size160 { width: 160px; height: 160px;}
.size184 { width: 184px; height: 114px; }
.size190 { width: 190px; height: 190px;}
.size196 { width: 196px; height: 196px;}
.size233 { width: 233px; }

/*边距******************************/
.m_auto{margin: 0 auto;}
.m0{ margin: 0!important;}
.m10{margin:10px;}
.m15{margin:15px !important;}
.m30{margin:30px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt100{margin-top:100px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb50{margin-bottom:50px !important;}
.mb100{margin-bottom:100px !important;}
.ml5{margin-left:5px!important;}
.ml10{margin-left:10px!important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml50{margin-left:50px !important;}
.ml60{margin-left:60px !important;}
.ml100{margin-left:100px !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px !important;}
.mr50{margin-right:50px !important;}
.mr100{margin-right:100px;}


/*边距******************************/
.p10{padding:10px;}
.p15{padding:15px;}
.p30{padding:30px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt50{padding-top:50px;}
.pt100{padding-top:100px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px;}
.pb50{padding-bottom:50px;}
.pb100{padding-bottom:100px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl50{padding-left:50px;}
.pl100{padding-left:100px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr50{padding-right:50px;}
.pr100{padding-right:100px;}

/*.pm10{padding-bottom:5px;}
.pm10{padding-bottom:10px;}
.pm20{padding-bottom:20px;}
.pm30{padding-bottom:30px;}
.pm40{padding-bottom:40px;}*/
/*文本选中状态*/
.selected_color{color:#d80000 ;}
.selected_color_fc{color:#fca613 }
.selected_ad{color:#adadad }
.color_fff{color:#FFFFFF;}
.color_feb33c{color: #feb33c}
.color_333{color: #333333}
.color_d80{color:#d80000 ;}
/*行高*/
.lh16{line-height: 16px;}
.lh20{line-height: 20px;}
.lh25{line-height: 25px;}
.lh26{line-height: 26px;}
.lh30{line-height: 30px;}
.lh35{line-height: 35px;}
.lh40{line-height: 40px;}
.lh50{line-height: 50px;}

.txet_ov{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/*常用按钮样式******************************/
.btn{display:inline-block;padding:6px 12px;margin:0 auto;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px;width:100%;display:block}
.btn_red{color:#fff;background-color:#d9534f;border-color:#d43f3a}
.btn_red:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}
.login-btn{height:42px;background-color: #ff3c3c;color:#fff;font-size:16px;}
.login-btn:hover{background-color: #d72226;}
.btn_selected{background:#F42424; height: 30px; line-height: 30px; text-align: center; color: #FFFFFF;display: block; border: 0; padding:0 20px;border-radius:2px ; margin: 5px auto; width: 80%;}
.no_results{border:1px solid #f7eae7;font-weight:700;font-size:14px;color:#333;padding:60px 0px 60px 115px;}
.no_results:before{    font: normal normal normal 14px/1 FontAwesome;content: "\f071";color:orange}
.db{display: block;}
.va{vertical-align: 0;}


/* 快速登录*/
.quick-login{background:#FFF;overflow:hidden;width:270px;margin:10px auto 0 auto}
.quick-login .mt{height:35px;line-height:35px;padding:5px 0 0;margin:0 0 5px}
.quick-login .mt ul{width:100%;height:36px;line-height:35px;display:inline-block;border-bottom-width:1px;border-bottom-style:solid;border-color:#E31939}
.quick-login .mt li{float:left;height:35px;line-height:35px;margin-right:15px;padding:0 15px;background:#fff;font-size:13px;cursor:pointer}
.quick-login .mt li.on{border-color:#E31939;color:#E31939;border-width:2px 1px 0;border-style:solid}
.quick-login .mc dl { width: 100%; margin: 0 auto; overflow: hidden;}
.quick-login .mc dl dt { line-height: 20px; height:20px; margin:5px 0 1px 0; text-shadow: 1px 1px 0 #FFF;}
.quick-login .mc dl dd{line-height: 38px;border: 1px solid #d2d2d2;position: relative;height:38px;}
.quick-login .mc dl dd .icon{display: block;width: 20px;height: 20px;position: absolute;left: 10px;top: 9px;font-size:16px;text-align:center;line-height:20px;color:#e8e8e8;}
.quick-login .mc dl dd .send_code{float:right;width:120px;height:38px;border-right: 1px solid #d2d2d2;background:#c1c1c1;text-align:center;color:#000;}
.quick-login .mc .text{height:28px;line-height:28px;padding:5px 10px 5px 35px;outline: 0;border:0;width: 223px;}
.quick-login .mc .text:focus{ background-color:#FFF; border-color: #CCC; box-shadow: 1px 1px 1px 0 #E7E7E7; -moz-box-shadow: 1px 1px 1px 0 #E7E7E7/* if FF*/; -webkit--box-shadow: 1px 1px 1px 0 #E7E7E7/* if Webkie*/;}
.quick-login .mc .sms_captcha{width:80px;}
.quick-login .mc ul { width: 100%; display:block; clear:both; margin:10px auto; padding-bottom:10px; overflow: hidden; border-bottom: solid 1px #E7E7E7;}
.quick-login .mc ul li {line-height: 20px; color:#999;}
.quick-login .mc ul li a {font-weight:600; margin:0 2px;}
.quick-login .mc ul li a.forget {float:left;}
.quick-login .mc ul li a.register {color:#f42424;float:right; text-decoration:underline; }
.quick-login .mc .enter { width: 100%; margin: 10px auto; overflow: hidden;}
.quick-login .mc .enter .submit {color:#FFF;background-color: #ff3c3c;border-radius:2px;width:100%; height:40px;line-height:40px;border:0; cursor:pointer;font-size:16px;}
.quick-login .mc .enter .submit:hover {background-color: #d72226;}
.thumb , .logo { display:table-cell; vertical-align:middle; text-align:center;}
.thumb i , .logo i { *display:inline-block; *height:100%; *vertical-align:middle; }
.thumb img , .logo img { *vertical-align:middle; }
.thumb-cut { overflow: hidden;}
.thumb-cut a { text-align: center; float: left; position:relative; overflow:hidden; }
.thumb-cut img { vertical-align: text-top; float: none; position:relative;}

/* 翻页样式 */
.pagination{ text-align: center; display:block; margin: 0 auto; padding: 15px 0; }
.pagination{font-size:12px; *word-spacing:-1px/*IE6、7*/;}
.pagination li{vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; margin: 0 0 0 -1px; }
.pagination li{*display: inline/*IE6、7*/;*zoom:1;}
.pagination li span {font: 600 12px/20px Verdana, Tahoma, Arial;color: #AAA; background-color: #FFF; text-align: center; display: block; min-width: 20px; padding: 5px; border: 1px solid #E6E6E6;position: relative; z-index: 1; }
.pagination li a, .pagination li a:visited{font: 600 12px/20px Verdana, Tahoma, Arial;color: #555; text-decoration: none; background-color: #FFF; position: relative; z-index: 1;display:block;min-width: 20px; padding: 5px; border: 1px solid #E6E6E6;position: relative;}
.pagination li a:hover, .pagination li a:active{ color: #ce2620; text-decoration: none; border-color: #FC6520; position: relative; z-index: 9; cursor:pointer; }
.pagination li a:hover{ text-decoration: none; }
.pagination li span.currentpage{color: #FFF; font-weight: bold; background-color: #ce2620; border-color: #FC6520; position: relative; z-index: 2;}
.pagination li:first-child{margin-right: 8px; }
.pagination li:last-child{margin-left: 8px; }



/*top导航*/
.public_baner_box{}
.top_right_bto{right: 40px; top: 5px; width: 22px; height: 22px;  z-index: 100;background: url(../imges/ico.png);background-position: -26px -0px;}
.btn-open{background-position: -0px -0px;}
.top_right_bto .icont_a{display: block}
.top_right_bto .icont_b{display: none}
.public-top { width: 100%; line-height: 31px;height:31px; background: #f5f4f4; color:#7f7f7a;  position: relative;z-index: 800;border-bottom:1px solid #e6e6e6;}
.public-top span { display: inline }
.public-top .warp{width:1190px;margin:0 auto}
.public-top a{color:#7f7f7a}
.public-top .top-link{ float:left;}
.public-top .top-link em{color:#3e3a39;padding-left:5px;}
.public-top .login-regin{float:left;margin-left:44px}


.public-top .login-regin li .selected_color{color:firebrick ;}
.public-top .login-regin li{float:left}
.public-top .login-regin li.line::after{content:"|";padding:0 11px;color:#e6e6e6;}
.public-top .quick_list { float: right; height: 30px; }
.public-top .quick_list li { height: 31px;line-height:31px; padding: 0 11px 0 11px; float: left; position: relative; }
.public-top .quick_list li s { top: 9px; left: 0; width: 0; height: 12px; border-left: 1px solid #ddd; overflow: hidden; position: absolute; }
.public-top .quick_list li b {transition: transform .2s ease-in 0s; -webkit-transition: -webkit-transform .2s ease-in 0s; display:inline-block;width:0;height:0;border-style:solid;border-color:#cecece transparent transparent;border-width:4px 4px 0;margin-left:3px;position:relative;top:-3px; }
.public-top .quick_list li a em{ color:#e3393c;}
.public-top .quick_list .dropdown-menu { display: none;}
.public-top .quick_list .dropdown-menu li{  display: block;white-space: nowrap; }
.public-top .quick_list li:hover .blank { position: absolute; z-index: 1; top: 23px; left: 4px; width: 95%; height: 8px; overflow: hidden; background: #fff; }
.public-top .quick_list li:hover .dropdown-menu, .public-top .quick_list li:hover .outline { position: absolute; border: 1px solid #ddd; background: #fff; /*-moz-box-shadow: 0 0 10px rgba(0,0,0,.12); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.12); box-shadow: 0 0 10px rgba(0,0,0,.12);*/ }
.public-top .quick_list li:hover .dropdown-menu { top: 30px; display: block;transition:height 2s;-webkit-transition:height 2s; /* Safari */}
.public-top .quick_list li:hover .dropdown-menu.menu{left: 3px;} 
.public-top .quick_list li:hover .outline { z-index: -1; left: 3px; top: -1px; width: 95%; height: 28px; }
.public-top .quick_list li:hover b{transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.public-top .moblie-qrcode .dropdown-menu,.public-top .app-qrcode .dropdown-menu{  padding:10px;}
.public-top .member_top_nav{overflow: hidden; width: 360px;}
.public-top .member_top_nav a:before {content: "";width: 1px;background: #ddd;height: 14px;position: absolute;left: 0;top: 10px;}
.public-top .quick_list .recommended_on{right: 0; }
.public-top .quick_list .dropdown-menu_on{ display: none; left:3px;}
.public-top .recommended_on .member_top_nav {width: 470px;}
.public-top .quick_list .portrait{overflow: hidden;width: 76px;height: 76px;border-radius: 50%;margin: 0 auto; position: relative;}
.public-top .quick_list .portrait .Head_img{width: 56px; height: 56px;border-radius:100px ;position: absolute; top: 10px;left: 10px;overflow: hidden;background: #f6f6f6;}
.public-top .quick_list .portrait .Head_img img{display: block;width: 100%; height: 100%;}
.public-top .quick_list .portrait img{display: block;width: 100%; height: 100%;}
.public-top .quick_list .p_txet{font-size: 16px;font-weight: 600;text-align: center;color: #4a4a4a;white-space: nowrap;padding: 3px 20px;margin-bottom: 6px;}
.public-top .quick_list .symbol{display: inline-block;text-align: center;}
.public-top .quick_list .symbol_txet {display: flex;justify-content: center;align-items: center;padding: 0px 10px;border-radius: 20px;margin: 0 auto;        color: #9cacb8;background: rgba(226,233,237,.53);}
.public-top .quick_list .symbol_txet span{font-size: 14px; line-height: 20px; padding: 0 10px;}
.public-top .quick_list .operating{padding-top: 20px ;}
.public-top .quick_list .operating .operating_list{border: dashed #eee;border-width: 1px 0 0; overflow: hidden; padding: 6px 20px;}
.public-top .quick_list .operating .operating_list p{float: left;font-size: 12px;color: #999999;font-weight: bold; line-height: 30px;}
.public-top .quick_list .operating .operating_list h1{float: right;color: #CE2026;font-size: 14px;font-weight: bold;line-height: 30px;}
.public-top .quick_list .operating .operating_list h1 em{font-size: 12px;color: #999999; padding-right: 4px;}
.public-top .quick_list .operating .operating_list:hover{background:#fbf7f7;color: #CE2026;}
.public-top .quick_list .operating .operating_list:hover p{color: #CE2026;}

.public-top .member_top_nav .me_list {border-bottom: 1px dashed #e7e7e7;box-sizing: border-box; padding: 14px 16px;}
.public-top .member_top_nav .me_list h3{color: #333333;font-weight: 600;line-height: 32px;font-size: 14px;}
.public-top .member_top_nav .me_list a{color: #666666;display: inline-block;width: 105px;padding-left: 7px;box-sizing: border-box;position: relative;line-height: 32px;font-size: 12px;}
.public-top .member_top_nav .me_list .el-badge {position: relative;vertical-align: middle;display: inline-block;}
.public-top .member_top_nav .me_list .el-badge span{color: #66666;}
.public-top .member_top_nav .me_list .el-badge:hover span{color: #ce2026;}
.public-top .member_top_nav  .service{overflow: hidden;}
.public-top .member_top_nav  .service p{font-size: 14px; color: #999999;;line-height: 30px;font-weight: 500}
.public-top .member_top_nav .service h1{font-size: 20px;color: #CE2026;font-weight: bold;line-height: 30px;;padding-left: 2px;}
.public-top .member_top_nav .service h5{font-size: 12px;color: #999999; line-height: 20px; clear: both; }
/*已登录*/
.public-top .yi_login_box .quick_list{float: left;}
.public-top .yi_login_img{width: 62px;height: 62px;padding: 9px;box-sizing: content-box;}
.public-top .yi_login_img .yi_login_avatar{display: block;overflow: hidden;border: 3px solid #fff;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;}
.public-top .yi_login_img .yi_login_avatar img{display: block;width: 56px; height: 56px;}
.public-top .yi_login_txet{ height: 80px ;}
.public-top .yi_login_txet .yi_login_txet_operate{}
.public-top .yi_login_txet .yi_login_txet_operate a{font-size: 12px; color: #333333; }
.public-top .yi_login_txet .yi_login_txet_operate a:hover{color:#e41b2e; background: #f9f9f9;}
.public-top .yi_login_txet .yi_login_txet_operate span{padding: 0 5px;font-style: normal;color: #ddd;}
.public-top .yi_login_txet .level-info{ color: #333333;}
.public-top .yi_login_jifen{ background:#fbe8da; margin: 0 10px 10px 10px;}
.public-top  .yi_login_jifen p{font-size: 12px; color: #666;}
.public-top  .yi_login_jifen p span{color: #e41b2e;}

.public-top .yi_login_box .quick_list .oa_px{vertical-align: -2px;}
.public-top .yi_login_box .quick_list .span_txet{ padding:0  5px;  }
.yi_login_mxa_w{max-width: 300px; line-height: 30px;}
/*top END*/



/* 面包屑所在位置 */
.dsh-breadcrumb-layout { text-align: center;}
.dsh-breadcrumb { font-size: 0; *word-spacing:-1px/*IE6、7*/; text-align: left; height: 20px; padding: 10px 0; margin: 0 auto;}
.dsh-breadcrumb span { font-size: 12px; line-height: 20px; color: #999; letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline/* IE6,7*/; height: 20px; zoom: 1;}
.dsh-breadcrumb i { font-size: 14px; color: #AAA; margin-right: 4px;}
.dsh-breadcrumb span.arrow { font-family: "宋体"; line-height: 20px; color: #AAA; margin: 0 6px;}
.dsh-breadcrumb a { color: #777; display: block; }
.dsh-breadcrumb a:hover { color: #ce2620;}

/*右侧边栏样式*/
.TA_delay{transition:all .3s ease-in-out .2s;-moz-transition:all .3s ease-in-out .2s;-webkit-transition:all .3s ease-in-out .2s;-o-transition:all .3s ease-in-out .2s}
.ds-appbar{position:fixed;z-index:99999;width:36px;height:100%;right:0px;top:0;bottom:0;}
.ds-appbar-tabs{width:36px;height:100%;position:absolute;z-index:1;}
.ds-appbar-tabs .user{text-align:center;z-index:1;cursor:pointer;right:0;background: #fff;box-shadow: 0 0 6px 0 rgba(0,0,0,.1); border-radius: 4px;}
.ds-appbar-tabs .user .avatar{width:34px;height:34px;padding:1px;margin:0 auto 5px auto;}
.ds-appbar-tabs .user .avatar:hover{background-color:#ce2620;}
.ds-appbar-tabs .user .avatar:hover i{color: #FFFFFF;}
.ds-appbar-tabs .user .avatar img{width:28px;height:28px;border-radius:14px;margin:2px 0 0 0}
.ds-appbar-tabs .user-info .avatar img{width:80px;height:80px;position:absolute;z-index:1;top:4px;left:4px}
.ds-appbar-tabs .user-info{width:240px;padding:9px 19px;position:absolute;z-index:2;top:40%;margin-top:-60px;right:43px;-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.5);-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.5);box-shadow: 0px 0px 8px rgba(0,0,0,0.5);border: 1px solid #ccc;background-color: #fff;}
.ds-appbar-tabs .user-info i.arrow{position: absolute;top: 30px;right: -12px;width: 0;height: 0;overflow: hidden;font-style: 0;line-height: 0;border-color: transparent transparent transparent #fff;border-style: dashed dashed dashed solid;border-width: 6px;}
.ds-appbar-tabs .user-info .avatar{width:88px;height:88px;float:left;position:relative;z-index:1}
.ds-appbar-tabs .user-info dl{display:block;width:140px;float:left;margin:10px 0 0 10px}
.ds-appbar-tabs .user-info dt{font:600 14px/20px "microsoft yahei";margin-bottom:6px}
.ds-appbar-tabs .user-info dd{line-height:22px}
.ds-appbar-tabs .tools{position:absolute;z-index:1;top: 32%;float: left;}
.ds-appbar-tabs .tools li{height:36px;width: 35px;-webkit-transition: all .3s;transition: all .3s;margin-bottom: 5px;background: #fff;box-shadow: 0 0 6px 0 rgba(0,0,0,.1);border-radius: 4px;}
.ds-appbar-tabs .tools a{display:block;width:36px;height:35px;border-radius:5px ;position:relative;z-index:1;margin-top:3px;font:12px/20px Arial,"microsoft yahei";color:#333;text-align:center}
.ds-appbar-tabs .tools a .fa{font-size:18px;line-height:36px; width: 36px; height: 32px;position:absolute;top:0;right:0;border-radius:3px 0 0 3px;z-index:3;color:#fff; }
/*.ds-appbar-tabs .tools a .fa:hover{background-color:#ce2620;}*/
.ds-appbar-tabs .tools a:hover{background-color:#ce2620;}
/*.ds-appbar-tabs .tools a i{font:10px/12px Arial;color:#FFF;background-color:#D93600;text-align:center;min-width:12px;height:12px;padding:2px;border-radius:8px;position:absolute;z-index:1;top:0;right:5px}*/
.ds-appbar-tabs .tools a span.tit { line-height: 35px; color: #FFF; background:#ce2620; white-space: nowrap; display: none; width:auto; height: 35px; padding: 0px 21px 0px 15px; position: absolute; z-index: 1; top:0px; right: 29px;}
.ds-appbar-tabs .tools a:hover span.tit { display: block;}
.ds-appbar-tabs .tools a span.tit-box{color:#333;top:-20px;right:43px;font-size: 16px;-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.5);-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.5);box-shadow: 0px 0px 8px rgba(0,0,0,0.5);border: 1px solid #ccc;background-color: #fff;width: auto;height: auto;padding:10px 20px}
.ds-appbar-tabs .tools a span.tit .tips_arrow{position: absolute;top: 30px;right: -12px;width: 0;height: 0;overflow: hidden;font-style: 0;line-height: 0;border-color: transparent transparent transparent #fff;border-style: dashed dashed dashed solid;border-width: 6px;}
.ds-appbar-tabs .tools a:hover i{color: #FFFFFF;}
.ds-appbar-tabs .tools a:hover .tab-cart-tip{color: #FFFFFF;}
.ds-appbar-tabs .tools a:hover .tab-cart-num{ background: #FFFFFF;color:#ce2620;}
/*.avatar_whit{display: block; width: 25px; background: #4a4848; height: 1px; margin: 0 auto;}*/
.ds-appbar-tabs .tools a .fa_a{font-size: 14px; line-height: 14px;  letter-spacing: 20px;height: 200px;text-align: center;}
.ds-appbar-tabs .tools .a_whit{height: auto;}
.ds-appbar-tabs .tools .tab-cart-tip{width: 20px; margin: 0 auto; display:block; font-size: 14px; color: #33333; padding-top:2px;}
.ds-appbar-tabs .tools .tab-cart-num{display: inline-block;min-width: 17px;height: 15px;padding:0px;background-color: #D00;color: #FFF;line-height: 15px;border-radius:100%;}
@-webkit-keyframes toolbar-scaleIn {
from { opacity:.7; -webkit-transform:translateX(270px); -moz-transform:translateX(270px); transform:translateX(270px)}
to { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px)}
}
@-ms-keyframes toolbar-scaleIn {
from { opacity:.7; -webkit-transform:translateX(270px); -moz-transform:translateX(270px); transform:translateX(270px)}
to { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px)}
}
@-moz-keyframes toolbar-scaleIn {
from { opacity:.7; -webkit-transform:translateX(270px); -moz-transform:translateX(270px); transform:translateX(270px)}
to { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px)}
}
@keyframes toolbar-scaleIn {
from { opacity:.7; -webkit-transform:translateX(270px); -moz-transform:translateX(270px); transform:translateX(270px)}
to { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px)}
}
@-webkit-keyframes toolbar-scaleOut {
to { opacity:.5; -webkit-transform:scale(0.7) translateX(270px); -moz-transform:scale(0.7) translateX(270px);transform:scale(0.7) translateX(270px)}
}
@-ms-keyframes toolbar-scaleOut {
to { opacity:.5; -webkit-transform:scale(0.7) translateX(270px); -moz-transform:scale(0.7) translateX(270px); transform:scale(0.7) translateX(270px)}
}
@-moz-keyframes toolbar-scaleOut {
to { opacity:.5; -webkit-transform:scale(0.7) translateX(270px); -moz-transform:scale(0.7) translateX(270px); transform:scale(0.7) translateX(270px)}
}
@keyframes toolbar-scaleOut {
to { opacity:.5; -webkit-transform:scale(0.7) translateX(270px); -moz-transform:scale(0.7) translateX(270px); transform:scale(0.7) translateX(270px)}
}
.ds-appbar .content-box{-webkit-animation: toolbar-scaleOut .35s ease-in; -moz-animation: toolbar-scaleOut .35s ease-in; animation: toolbar-scaleOut .35s ease-in;background-color:#F5F5F5;width:270px;height:100%;position:absolute;z-index:0;top:0;right:-270px;bottom:0;display: none}
.ds-appbar .content-box.active{display:block;-webkit-animation: toolbar-scaleIn .35s ease-in-out;-moz-animation: toolbar-scaleIn .35s ease-in-out;animation: toolbar-scaleIn .35s ease-in-out;border-left: 1px solid #d8d8d8;}
.ds-appbar .content-box .top{height:24px;padding:9px 7px;}
.ds-appbar .content-box .top h3{font:16px/24px "microsoft yahei";color:#333;display:inline-block}
.ds-appbar .content-box .top a.close{height:24px;float:right;line-height:24px;font-size:24px;color:#666;}
.ds-appbar .content-box .goods-list{width:100%;margin:0 auto;margin-left: 15px}
.ds-appbar .content-box .goods-list li{ float: left;	position: relative;	text-align: center;	width: 100px; height: 100px; margin-right: 15px; background: #fff;	margin-bottom: 15px; padding: 5px;}
.ds-appbar .goods-price{font:600 12px/20px verdana;color:#E31939;margin-right: 5px}
.ds-appbar .goods-price .del { font: normal 12px/20px  Arial; color: #005EA6; display: none; float: right; cursor: pointer;}
.ds-appbar .goods-list li:hover .goods-price .del { display: block;}
.ds-appbar .content-box .no-compare { color: #999; line-height: 180px; text-align: center;}
.ds-appbar .content-box .btn-box .total-price { color: #777; }

.ds-appbar .goods-opt{position: absolute;top:0;right:0}
.ds-appbar .goods-opt .del{display: none;background: #fff;padding: 0 5px;cursor:default}
.ds-appbar .content-box .goods-list li:hover .del{display: block}
.ds-appbar .cart-list { width: 100%; margin: 0 auto;}
.ds-appbar .cart-list li { font-size: 0; *word-spacing:-1px/*IE6ã€7*/; background-color: #FFF; padding:10px 5px; margin-bottom: 10px; position: relative; z-index: 1;}
.ds-appbar .cart-list li:hover a.del{display: block}
.ds-appbar .cart-list .goods-pic,
.ds-appbar .cart-list dl { font-size: 12px; vertical-align: top; letter-spacing: normal; display: inline-block; *display: inline/*IE6ã€7*/; *zoom:1; }
.ds-appbar .goods-pic{width:100px;height:100px;}
.ds-appbar .goods-pic a{line-height:0;background:0 0;text-align:center;vertical-align:middle;display:table-cell;width:100px;height:100px;padding:0;margin:0;overflow:hidden}
.ds-appbar .goods-pic a img{width:100px;height:100px;}
.ds-appbar .cart-list dl{width:100%}
.ds-appbar .cart-list li[ds_type] dl{width:205px;margin-left:5px}
.ds-appbar .cart-list .goods-pic{width:50px;height:50px;margin:0}
.ds-appbar .cart-list .goods-pic a{line-height:0;background:0 0;text-align:center;vertical-align:middle;display:table-cell;width:40px;height:40px;padding:0;margin:0;overflow:hidden}
.ds-appbar .cart-list .goods-pic a img{max-width:50px;max-height:50px;margin-top:expression( 40-this.height/2)}
.ds-appbar .cart-list .goods-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.ds-appbar .goods-name a{font-weight:400;line-height:16px;color:#555;background:0 0;text-align:left;width:100%;height:32px;padding:0;margin:0;overflow:hidden;white-space: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: box;line-clamp: 2;}
.ds-appbar .cart-list a.del{display: none;font:600 10px/14px Arial;color:#FFF;background-color:#CCC;text-align:center;width:14px;height:14px;border-radius:7px;position:absolute;z-index:1;bottom:10px;right:5px}
.ds-appbar .content-box .btn-box{background-color:#F5F5F5;width:260px;padding:5px;position:absolute;z-index:2;bottom:0;left:0px;padding-bottom: 40px}
.ds-appbar .content-box .btn-box a{border-radius: 2px;background: #E31939;width: 110px;height: 35px;line-height: 35px;font-size: 14px;text-align: center;color: #fff;border: none;position: absolute;right: 5px;bottom: 5px;}
/*QQkefu*/
.qq_keft_box{width: 180px; background: #FFFFFF; top: 3px;right: 34px; }
.qq_keft_box .qq_keft_top{height: 27px;background: #ce2620;}
.qq_keft_box .qq_keft_top .bnt_rihgt{display: block; width: 31px; height: 28px; background-position:0px -26px ;margin-left: -28px;background-color: #ce2620 ;}
.qq_keft_box .qq_keft_top h5{font-size: 16px;  line-height: 27px; padding-left: 20px; color: #FFFFFF;}
.qq_keft_box .qq_keft_lsit{border: 1px solid #F42424; padding: 10px; }
.qq_keft_box .qq_keft_lsit .icon{display: block;  height: 23px; margin: 5px auto;}
.qq_keft_box .qq_keft_lsit .qq_list{width: 100%;}
.qq_keft_box .qq_keft_lsit .kefu_1{ background-position:-51px 0px; width: 100px;  }
.qq_keft_box .qq_keft_lsit .kefu_1:hover{background-position: -53px -27px;background-color: #FFFFFF;}
.qq_keft_box .qq_keft_lsit .qq_phone h5{font-size:14px;font-weight: bold; }
.qq_keft_box .qq_keft_lsit .qq_kefu_er{width: 120px; height: 120px; margin: 30px auto 20px auto;}
.qq_keft_box .qq_keft_lsit .qq_kefu_er img{display: block;vertical-align: middle;}
/*我的*/
.ibar_login_box {width: 267px;height: 185px;padding: 10px;background: #FFFFFF;z-index: 999;top: 0px;right: 36px;border: 1px solid #F5F5F5;box-shadow: 0 0 6px 0 rgba(0,0,0,.1);border-left: 1px solid #ccc\0;border-top: 1px solid #ccc\0; border-bottom: 1px solid #ccc\0;}
.ibar_login_box .avatar_box {width: 267px;overflow: hidden;height: 120px;}
.ibar_login_box .avatar_imgbox {width: 60px;height: 60px;border-radius: 50%;overflow: hidden; margin-top: 20px;}
.ibar_login_box .avatar_box p {font-size: 14px;color: #333;text-align: center;}
.status_login .user_info {overflow: hidden;color: #333;padding-top: 28px;line-height: 24px;width: 140px;float: left;padding-left: 20px;}
.status_login .user_info p {height: 24px;line-height: 24px;overflow: hidden;white-space: nowrap;font-size: 14px;color: #666666;text-align: left;}
.quick_links li,.quick_toggle li {position: relative;display: block;left: 0;top: 0px;}
.ibar_login_box .login_btnbox {width: 267px;height: 79px;border-top: 1px dotted #d5d5d5;overflow: hidden;padding-top: 15px;clear: both;}
.ibar_login_box .login_btnbox a {width: 94px;height: 30px;line-height: 30px;text-align: center;border: 1px solid;color: #333;text-decoration: none;float: left;background-position: 0 -408px;background-repeat: repeat-x;border-color: #e9e9e9;}
.ibar_login_box .login_btnbox a:hover{background: #ce2620; color: #FFFFFF;}
.ibar_login_box .login_btnbox .login_order{margin:0 10px 0 35px;}

/*购物车提示*/
.tishi_box .g-cart-no-data{margin-top : 60%;padding: 0 8px;text-align: center;color: #BBB;}
.tishi_box .g-cart-no-data .g-cart-tipbox .icon{display: block;width: 150px;margin: 0 auto;background-position: 0 -291px;}
.tishi_box .g-cart-no-data .g-cart-tipbox .icon img{vertical-align: middle;}
.tishi_box .g-cart-no-data h5 {margin-top: 10px;font: 400 14px/1.5 "Microsoft YaHei";}
.tishi_box .g-cart-no-data .desc {margin-top: 20px;line-height: 26px;}
.tishi_box .g-cart-no-data  .desc .btn {background: #F60; color: #FFF;border-radius: 2px; width: 50%; margin: 5px auto;}
.tishi_box .g-cart-no-data  .desc .btn:hover{background: #ff4a01;}

.shopping_lsit{padding-top: 20px; border-top:1px solid #f0f0f0 ;}
.shopping_lsit ul{height:calc(100% - 163px);overflow-x: hidden;overflow-y: scroll;left: 0;right: -17px;position: absolute;}
.shopping_lsit ul li{ overflow: hidden; background: #FFFFFF; padding: 10px 10px;position: relative; margin-bottom: 10px;}
.shopping_lsit .g-cart-td-images {width: 62px;height: 62px;margin-right: 10px;overflow: hidden;}
.shopping_lsit .g-cart-td-images a {display: block;border: 1px solid #eee;}
.shopping_lsit .g-cart-td-images img{display: block;width: 60px; height: 60px;}
.shopping_lsit .g-cart-td-msg p {height: 24px;margin-bottom: 10px;line-height: 24px;word-break: break-all;word-wrap: break-word;overflow: hidden;}
.shopping_lsit .g-cart-cout {;width: 88px;height: 20px;overflow: hidden;}
.shopping_lsit .g-cart-cout a {display: block; width: 16px;height: 16px;overflow: hidden; background: #f2f2f2;}
.shopping_lsit .g-cart-cout .g-cart-cout-btnl{width: 16px; height: 16px; border: 1px solid #d8d8d8; text-align: center; line-height: 18px;}
.shopping_lsit .g-cart-cout .g-cart-cout-input{width: 30px;border: 1px solid #a5a5a5; margin: 0 5px; height: 16px;}
.shopping_lsit .shopping_btn{width: 20px; height: 20px; font-size: 16px; line-height: 20px; color: #999999; position: absolute; right: 3px ;top: 3px; }
.shopping_lsit .shopping_btn:hover{color: #F42424;}

.cart_handler {position: absolute;height: 100px;bottom: 0;width: 100%;background: #fff;}
.cart_handler_header {width: 260px;margin: 8px 10px;float: left;}
.cart_handler_right {float: right;font-weight: 700;font-size: 16px;font-family: Arial;color: #ed145b;}

/*底部模块*/

.m-gao{height: 60px; width: 100%;background: #f6f6f6;}
.m-footer {background: #2e323e;border-top: 1px solid #eee}
.m-footer .footer-feature {padding: 40px 0;border-bottom: 1px solid #ebebeb;text-align: center}
.m-footer .footer-feature .feature-item {display: inline-block;width: 250px;margin: 0 20px;vertical-align: top}
.m-footer .footer-feature .feature-item .icon {float: left;width: 60px;height: 60px;margin-right: 10px}
.m-footer .footer-feature .feature-item  .icon_img{background-position: 5px -118px;}
.m-footer .footer-feature .feature-item  .icon_img_a{background-position: -65px -118px;}
.m-footer .footer-feature .feature-item  .icon_img_b{background-position: -130px -118px;}
.m-footer .footer-feature .feature-item  .icon_img_c{background-position: -191px -118px;}
.m-footer .footer-feature .feature-item .info {overflow: hidden;text-align: left}
.m-footer .footer-feature .feature-item .info p {float: none;margin: 6px 0;color: #888;font-size: 14px}
.m-footer .footer-feature .feature-item .info .tit {color: #CCCCCC;font-size: 18px; font-weight: bold;}
.m-footer .footer-menu {padding-top: 50px;padding-bottom: 40px;overflow: hidden;}
.m-footer .footer-menu .menu-list {float: left;width: auto}
.m-footer .footer-menu .menu-list .menu-item {display: inline-block;width: 150px;margin-right: 30px;vertical-align: top}
.m-footer .footer-menu .menu-list .menu-item a:hover {text-decoration: underline}
.m-footer .footer-menu .menu-list .menu-item .menu-title {display: block;margin-bottom: 20px;font-size: 18px;font-weight: 700;color: #CCCCCC;}
.m-footer .footer-menu .menu-list .menu-item .sub-list a {display: block;margin: 10px 0;font-size: 12px;color: #888}
.m-footer .footer-contact {float: left;max-width: 180px}
.m-footer .footer-contact .item {margin-bottom: 30px;padding-left: 30px;background-repeat: no-repeat;background-position: 0 0}
.m-footer .footer-contact .item p {float: none;margin-bottom: 10px;font-size: 12px;color: #CCCCCC}
.m-footer .footer-contact .item .tit {font-size: 18px;;}
.m-footer .footer-qrcode {float: right;max-width: 300px}
.m-footer .footer-qrcode p{ color: #CCCCCC; margin-top: 10px;}
.m-footer .erweima_box{overflow: hidden; margin-top: 20px;}
.m-footer .erweima_box .e_ma_left,.m-footer .erweima_box .e_ma_rihtg{width: 100px; height: auto;float: left; margin-right: 20px;}
.m-footer .erweima_box .e_ma_left img{display: block;width: 100px; height: auto;}
.m-footer .erweima_box .e_ma_left span,.m-footer .erweima_box .e_ma_rihtg span{text-align: center; line-height: 20px; color: #CCCCCC; display: block;padding: 5px 0;}
.m-footer .footer-qrcode img {max-width: 100%}
.m-bottom {padding: 20px 0;background: #2e323f}
.m-bottom,.m-bottom a,.m-bottom p,.m-bottom span {	color: #666}
.m-bottom a:hover {color: #999;text-decoration: underline}
.m-bottom .bottom-info {	margin: 12px 0;	text-align: center}
.m-bottom .bottom-info a {margin-left: 5px}
.m-bottom .bottom-flinks {margin: 12px 0;line-height: 20px}
.m-bottom .bottom-flinks .flinks-title {float: left;margin-right: 10px}
.m-bottom .bottom-flinks .flinks-list {overflow: hidden}
.m-bottom .bottom-flinks .flinks-list a {margin-right: 5px;margin-bottom: 5px}
.m-bottom .bottom-cert {margin-top: 20px;text-align: center}
.m-bottom .bottom-cert a {display: inline-block;margin: 0 10px;vertical-align: middle}
.m-bottom .bottom-cert img {max-height: 30px}
.m-bottom .links{ margin: 0 auto; text-align: center;}
.m-bottom .links a{font-size: 14px;padding: 0 5px;}
.m-bottom .links em{font-size: 12px; vertical-align: 1px; margin-left: 5px;}


.nav_announcement{top: 0; right: 95px;}
.nav_announcement p{ width: 250px; height: 30px;}
.nav_announcement p span{font-size: 14px;color: #333333;line-height: 30px;font-weight: 500;}
.nav_announcement p:hover span{color: #CE2620;}
@font-face {
  font-family: 'iconfont';  /* Project id 2785650 */
  src: url('//at.alicdn.com/t/font_2785650_56tdhcpo57t.woff2?t=1640767596899') format('woff2'),
       url('//at.alicdn.com/t/font_2785650_56tdhcpo57t.woff?t=1640767596899') format('woff'),
       url('//at.alicdn.com/t/font_2785650_56tdhcpo57t.ttf?t=1640767596899') format('truetype');
}
