*{margin: 0;padding: 0;color: #333;}
*{font-family: 'syht';font-size: 14px;}
li{list-style: none;}
a{color: #666;text-decoration: none;transition: 0.5s;}

.t-all{
    -ms-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
/*old-自定义*/
.box{padding: 30px 0;position: relative;}
.w1350{width: 1350px;margin: 0 auto;clear: both;}
.w1224 { width: 1224px;margin: 0 auto;clear: both;position: relative;}
.w1190{width: 1190px;margin: 0 auto;clear: both;}
.w1050{width: 1050px;margin: 0 auto;clear: both;}
.fl { float: left;}
.fr { float: right;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.p:before,.p:after {content: "";clear: both;display: block  }
a:hover{color: #c52922;}
.ma-to-20{margin-top: 20px;}
.bg-f5{background: #f5f5f5;}
.linone{
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}
.linone2{
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
}
table {border-collapse: collapse;  }
.show{display:block !important;}
.price-tag *{font-family: Arial;}
.hide{display: none;}
.iconfont{margin-left: 3px;}

.window_bg{
    background: rgba(0,0,0,0.3);
    top: 0;left:0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1;
    display: none;
}
.window_content{
    position: fixed;
    z-index: 9;
    top: 20%;
    width: 50%;
    margin-left: 16%;
    box-shadow: 1px 1px 10px 0 rgba(0,0,0,.1);
    background: #fff;
    border: 8px solid #333;
    display: none;
}
.window_content .tit{background: #222;color: #fff;padding: 12px 20px;font-weight: 400;}
.window_content .tit .icon-shanchu{float: right;cursor: pointer;color: #fff;}

/*===============产品列表通用================*/
.shop_text{padding: 10px;}
.price_tag{color: #c52922;font-size: 18px;    line-height: 30px;}
.price_tag .old_price{font-weight: 400;color: #888;text-decoration: line-through;margin-left: 10px;font-size: 12px;}
.price_tag .sale{float: right;}
.shop_dp_name a{
    max-width: 140px;
    text-decoration: underline;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}
.shop_dp_name *{color: #888;font-size: 12px;}


/*===============表单================*/
input,textarea,button,select{outline: none;}
textarea{resize: none;}
button{border: 0;}
.input_text::-webkit-input-placeholder{color:#888;font-size: 12px;}
.area_text::-webkit-input-placeholder{color:#ccc;}
select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: solid 1px #dbdde6;
    color: #888;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}
.input_text {
    line-height: 34px;
    height: 34px;
    width:50%;
    border: 1px solid #dbdde6;
    padding: 0 8px;
    box-sizing: border-box;
    display: inline-block;
    color: #888;
}
.input_w210{width: 210px !important;}
.input_w120{width: 120px !important;}
.input_w50{width: 80px !important;}
.area_text {
    width: 70%;
    height: 100px;
    padding: 10px;
    border: 1px solid #dbdde6;
    box-sizing: border-box;
    color: #888;
}
.select_span{position: relative;margin-right: 10px;display: inline-block;}
.select_span select{width: 180px;height: 34px;border: 1px solid #dbdde6;padding-left: 10px;background: #fff;border-radius: 0;}
.select_p i {margin-left: -20px;font-size: 18px;color: #aaa;}
.select_p i.iconfont{font-size: 14px;}
.select_span select:focus,.input_text:focus,.area_text:focus{border-color:#2192d9; }
.user_btn{text-align: center;clear: both;text-align: center;margin: 20px auto;}
.user_btn .bottom{
    padding: 10px 16px;
    background: #0085D7;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
}
.button_yzm{height: 34px;background: #eee;padding: 0 10px;border: 0;cursor: pointer;}
.input_erro{border: 1px solid #c52922 !important;}

/*===============分页================*/
.page_box{margin:25px 0;text-align: center;}
.pagination{display: inline-block;}
.pagination li{
    min-width: 32px;
    line-height: 32px;
    display: inline-block;
    text-align: center;
    margin: 0 8px;
    font-size: 16px;
    font-family: arail;
    border: 1px solid #ddd;
    cursor: pointer;
}
.pagination li#example1_next, .pagination li#example1_previous{width: auto;border: 0;}
.pagination li.active,.pagination li:hover {background: #c52922;border-color: #c52922; }
.pagination li.active a,.pagination li:hover a{color: #fff; }


/*===============头部================*/
.tpshop-tm-hander {
    background-color: white;
    border-bottom: 2px solid #c52922;
    height: 170px;
}
.tm-hander {
    background-color: white;
    height: 190px;
}
.red,.ls-dlzc a:hover{
    color: #c52922
}
.gray_f5 {
    background:#f5f5f5;
}
.top-hander {
    position: relative;
    z-index: 9;
    height: 30px;
    line-height: 30px;
    background-color: #f5f5f5;
    font-size: 12px;
    color: #666;
}
.top-hander *{font-size: 12px;}
.sendaddress{
    cursor: pointer;
}
.top-ri-header>li{
    float: left;
    padding: 0 10px;
    cursor: pointer;
}

.top-ri-header>li:hover{
    color: #c52922;
}
.top-ri-header .hover-ba-navdh:hover {
    color: #666;
    border-color: #ccc;
}
.top-ri-header .hover-ba-navdh{
    position: relative;
    border: 1px solid transparent;
    line-height:28px;height:30px;
    padding: 0;
}
.hover-ba-navdh .nav-dh{
    height: 28px;
    padding: 0 10px;
}
.top-ri-header .spacer {
    padding: 0
}
.spacer {
    width: 1px;
    height: 12px;
    padding: 0;
    margin: 10px 2px 0;
    background: #dedede;
    overflow: hidden
}
.conta-hv-nav{
    display: none;
    width: 150px;
    border: 1px solid #ccc;
    background-color: #fff;
    position: absolute;
    right:-1px;
    top: 29px;
    padding: 10px 0
}
.conta-hv-nav>li{
    float: left;
    height: 30px;
    width: 50%;
    padding: 0;
    text-align: center;
}
.conta-hv-nav>li:hover{
    color: #c52922;
}
.hover-ba-navdh:hover .nav-dh{
    position: relative;
    z-index: 3;
    background: #fff;;
    height: 30px;
    color: #c52922;
}
.hover-ba-navdh:hover .conta-hv-nav {
    display: block;
}
.hover-ba-navdh .share-a_a1 {
    display: inline-block;
    width: 12px;
    height: 6px;
    vertical-align: middle;
    background: url("../images/jt-x.png") no-repeat;
}
.ls-dlzc{
    margin-left: 40px;
}
.ls-dlzc a {
    padding: 0 10px
}
.nav-middan-z{
    height:100px;
    padding-top: 20px;
    box-sizing: border-box;
    background: #fff;
}
.nav-middan-z.home-index-head{
    height: 57px;
    padding-top: 23px;
}
.nav-middan-z .ecsc-logo {
    float: left;
}
.nav-middan-z .ecsc-logo img{height: 65px;}
.ecsc-search {
    float: left;
    margin-left: 250px;
    width: 500px;
}
.ecsc-search-form{
    height: 40px;
}
.ecsc-search-input {
    float: left;
    width: 380px;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    font-size: 14px;
    border: 2px solid #c52922;
    color: #666;
}
.ecsc-search-button {
    float: left;
    width: 96px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    background: #c52922;
    cursor: pointer;
}
.ecsc-search .keyword{padding-top: 4px;overflow: hidden;  }
.ecsc-search .keyword .key-item{
    float: left;
    line-height: 24px;
    margin-right: 15px;
    font-size: 12px;
    color: #999;
}
.ecsc-search .keyword .key-item:hover{color: #c52922;}
.u-g-cart {
    position: relative;
    z-index: 4;
    height: 32px;
    border: 1px solid #e3e4e5;
}

.m-top-bar {
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #eee;
    background: #f7f7f7;
    position: relative;
    z-index: 400;
    font-family: Arial,Helvetica,sans-serif;
    color: #666;
}
.m-top-bar *{font-size: 12px;}
.sub-panel{position:absolute;top:34px;left:0;z-index:420;border:1px solid #DEDEDE;background:#fff;display:none;width: 100px;}
.sub-panel li{line-height: 30px;padding: 0 10px;}
.bar-right .dropdown{position: relative;}
.bar-right .dropdown:hover .sub-panel{display: block;}
.bar-right > li{float: left;padding: 0 10px;}

/*================头部地址选择================*/
.store-selector{position:relative;float:left;height:30px;margin-right:6px}
.store-selector dl,.store-selector dt,.store-selector dd{float:none;color:#999}
.store-selector dl{position:absolute;top:23px;z-index:1;width:358px;width:358px;padding:5px;border:1px solid #ddd;background:#fff;display:none;-moz-box-shadow:0 0 5px #ddd;-webkit-box-shadow:0 0 5px #ddd;box-shadow:0 0 5px #ddd}
.store-selector dt{padding:6px 0 10px;color:#999}
.store-selector dd{padding-bottom:5px;line-height:18px}
.store-selector a:link,.store-selector a:visited{color:#005aa0}
.store-selector a:hover,.store-selector a:active{background:#005aa0;color:#fff}
.store-selector .text{float:left;+float:none;_float:left;position:relative;top:0px;left: 0px;z-index:2;height:30px;border:0;color: #666666;padding:0 20px 0 4px;line-height:30px;overflow:hidden}
.store-selector .text b{display:block;position:absolute;top:0;right:0;overflow:hidden;width:17px;height:24px;background:url(../images/btn20121210.png) 0 4px no-repeat}
.store-selector .close{display:none;position:absolute;z-index:2000;top:19px;left:520px;cursor:pointer;width:17px;height:17px;background:url(../images/20120418.png) no-repeat -40px 0}
.store-selector a:hover{background:#B79567;color:#fff;cursor:pointer}
.store-selector.hover .i-storeinfo{position:relative;z-index:2;background:url(../images/bg_store.gif) no-repeat right -50px}
.store-selector.hover .i-storeinfo div{background:url(../images/bg_store.gif) no-repeat -81px -75px}
.store-selector.hover .close{display:block}
.store-selector .content{display:none;position:absolute;top:23px;left:-45px;border:1px solid #cecbce;width:550px;padding:15px;background:#fff;-moz-box-shadow:0 0 5px #ddd;-webkit-box-shadow:0 0 5px #ddd;box-shadow:0 0 5px #ddd}
.store-selector .content select{float:left;width:120px;border:1px solid #cecbce;margin-right:15px}
.store-selector .content .select3{margin-right:0}
.store-selector.hover .content,.store-selector.hover .close{display:block}
.JD-stock{position:relative;margin-bottom:0}
.JD-stock .tab{width:100%;height:25px;float:left;border-bottom:2px solid #edd28b;overflow:visible;*overflow:hidden}
.JD-stock .tab li{float:left;clear:none;height:23px;padding:1px 1px 0;border:1px solid #ddd;border-bottom:0;margin-right:3px;background-color:#fff;line-height:22px;text-decoration:none}
.JD-stock .tab .curr{*position:relative;height:25px;padding:0;border:2px solid #edd28b;border-bottom:0}
.JD-stock .tab a{position:relative;float:left;height:23px;padding:0 20px 1px 10px;line-height:23px;text-align:center;text-decoration:none;cursor:pointer;color:#005AA0;outline:0;*blr:expression(this.onFocus=this.blur())}
.JD-stock .tab a:hover{background:0;color:#005AA0}
.JD-stock .tab a i{position:absolute;right:5px;top:10px;*top:9px;display:block;width:7px;height:5px;overflow:hidden;background:url(../images/20130606B.png) no-repeat -76px -34px;opacity:.5;filter:alpha(opacity=50)}
.JD-stock .tab .curr i,.JD-stock .tab a:hover i{opacity:1;filter:alpha(opacity=100)}
.JD-stock .area-list{padding-top:5px}
.JD-stock .area-list li{float:left;width:120px;padding:2px 0 2px 15px;clear:none}
.JD-stock .area-list li a{float:left;padding:2px 4px;*padding:0 4px;color:#005aa0}
.JD-stock .area-list li a:hover{color:#fff}
.JD-stock .area-list .longer-area{width:370px}
.JD-stock .area-list .long-area{width:170px}



/*================footer================*/
.footer{
    background-color:#f7f6f6;
    padding:20px 0 40px;
    overflow: hidden;
}
.left-help-list{
    float: left;
    width: 1024px;
}
.left-help-list>dl{
    float: left;
    width: 200px;
}
.left-help-list>dl dt{
    height: 34px;
    line-height: 34px;
    font-size: 18px;
    color: #333;
}
.left-help-list>dl dd{
    display: block;
    width:180px;
    padding-right: 20px;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    color: #666;
    overflow: hidden;
}
.left-help-list>dl a:hover{
    color: #c52922;
}
.right-contact-us{
    float: right;
    width: 180px;
    padding-left: 20px;
}
.right-contact-us .title{
    font-weight: normal;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #333;
}
.right-contact-us .phone{
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #e30000;
}
.right-contact-us .tips{
    margin-bottom: 18px;
    line-height: 20px;
    color: #999;
    font-size: 12px;
}
.qr-code-list .qr-code{
    float:left;
    width: 80px;
    height: 80px;
}
.qr-code-list .qr-code img{width: 100%;}
.qr-code-tpshop{
    margin-left: 20px;
}

.tpshop-service{
    margin-top: 40px;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    padding: 20px 0;
    background-color: #efefef;
    overflow: hidden;
}
.tpshop-service li{
    float: left;
    width: 305px;
    height: 56px;
    text-align: center;
}
.tpshop-service li+li{
    border-left: 1px solid #e7e7e7;
}
.tpshop-service .ico{
    display: inline-block;
    width: 49px;
    height: 56px;
    margin-right: 16px;
    background-image: url("../images/ico-tphsop-index.png");
    background-repeat: no-repeat;
}
.ico-day7{
    background-position:0 -27px;
}
.ico-day15{
    background-position:-50px -27px;
}
.ico-quality{
    background-position:-100px -27px;
}
.ico-service{
    background-position:-150px -27px;
}
.tpshop-service .service{
    display: inline-block;
    line-height: 56px;
    font-size: 18px;
    color: #333;
    vertical-align: top;
}
.sendaddress span {
    cursor: pointer;
    color: #666666;
    display: inline-block;
    vertical-align: top;
}


.login_footer{text-align: center;margin-top: 30px;}
.login_footer p{color: #666;}
.login_footer .navlist{line-height: 28px;}
.login_footer .navlist a{padding: 0 10px;border-left: 1px solid #eee;font-size: 12px;display: inline-block;}