@charset "utf-8";
/* CSS Document */
@font-face{font-family:microsoft yahei,Simsun;}
.clearfix::after, .clearfix::before {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#filter {
    width:1100px;
}
.mt-component-2 {
    border-top: 1px solid #dcdcdc;
}
.filter-section-wrapper {
    position: relative;
}
.right-extra {
    width: 100%;
    position: relative;
    float: left;
    border-right: 1px solid #f5f1f1;
    border-left: 1px solid #f4f1f1;
}
.layout-r {
    width: 334px;
    height: 519px;
    float: left;
    border-bottom: 1px solid #d2d2d2;
}
.layout-r .layout-cp {
    height: 435px;
    padding: 10px;
}
.layout-r .layout-cp li {
    width: 310px;
    height: 174px;
    border: 1px solid #d2d2d2;
    padding-right: 13px;
    margin: 0 0 10px 10px;
}
.layout-r .layout-cp li .p-img {
    width: 100px;
    height: 80px;
    padding: 12px 15px;
    float: left;
}
.layout-r .layout-cp li .p-name {
    float: left;
    width: 180px;
    padding-top: 28px;
}
.p-name a.lh36 {
    height: 36px;
    line-height: 18px;
    overflow: hidden;
    display: block;
}
.layout-r .layout-cp li .p-price {
    padding-top: 22px;
}
.layout-r .layout-cp li .p-price, .layout-r li .original-price {
    width: 90px;
    float: left;
    color: #666;
    font-size: 18px;
}
.btn2 {
    display: inline-block;
    width: 75px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: url(../images/ecsc_icon.png) -302px 0 no-repeat;
    color: #fff;
    font-family: "microsoft yahei";
    margin-top: 20px;
}
.right-extra .rightContent {
    float: right;
    width: 700px;
}
.right-extra .rightContent .map_world {
    background: url(../images/bg_map.jpg) no-repeat;
}
.right-extra .rightContent .map_world {
    background-position: center 0;
    height: 370px;
    /*width: 778px;*/
    margin: 0px auto;
    position: relative;
    overflow: hidden;
    /* border: 1px solid #ccc; */
}
.right-extra .rightContent .map_world h3 {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 5px;
    background: #cae1f0;
    font: 12px/30px microsoft yahei;
    color: #6096b6;
}
.right-extra .rightContent .map_world h3 .icon {
    position: absolute;
    left: -40px;
    top: -30px;
    height: 0;
    width: 20px;
    font-size: 0;
    line-height: 0;
    border-style: dashed solid dashed none;
    border-width: 30px 20px 30px 0;
    border-color: transparent #cae1f0 transparent transparent;
}

#content{ -webkit-backface-visibility: hidden;background: #ffffff; padding-top:28px;}
#content .category_left{ width:970px; float:left;}
#content .category_left .goodslistForm{ float:left; position:relative; z-index:5; width:100%;}
#content .tc{ width:100%; float:left; margin-top:30px;}
.car_goods_items {
    width: 100%;
    float: left;
}
#content .category_left {
    width: 900px;
    float: left;
}
.category_left .component-filter-sort .filter-sortbar {
    width: calc(100% - 2px);
}
.component-filter-sort .filter-sortbar {
    width: auto;
    height: 40px;
    line-height: 40px;
    border: 1px solid #dcdcdc;
}
.component-filter-sort .button-strip {
    float: left;
    font-size: 12px;
    line-height: 40px;
    text-align: center;
}
.component-filter-sort .button-strip-item {
    float: left;
    padding: 0 20px 0 15px;
    position: relative;
    border-right: 1px solid #dcdcdc;
    color: #666;
}
.component-filter-sort .button-strip .current {
    background: #ec5051;
    color: #fff;
    border-color: #ec5051;
    height: 40px;
    line-height: 40px;
}
.component-filter-sort .price-button-strip {
    float: left;
    padding: 0 20px;
    border-right: 1px solid #dcdcdc;
    position: relative;
}
.component-filter-sort .price-button-strip input {
    width: 50px;
    height: 20px;
    line-height: 20px;
    outline: 0;
    padding-left: 5px;
    color: #666;
    border: 1px solid #ccc;
}
.price-button-strip .fP-expand, .price-button-strip .fP-expand-kword {
    display: none;
    position: absolute;
    z-index: 99;
    border: 1px solid #dcdcdc;
    background: #EFECEB;
    width: 167px;
    left: -1px;
    text-align: center;
}
.price-button-strip .fP-expand .ui-btn-s, .price-button-strip .fP-expand-kword .ui-btn-s {
    border: 1px solid #ccc;
    height: 18px;
    line-height: 18px;
    color: #333;
    padding: 0 10px;
    display: inline-block;
    outline: 0;
    cursor: pointer;
    background-color: #f7f7f7;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top,#f7f7f7,#f2f2f2);
    background-image: -webkit-linear-gradient(top,#f7f7f7,#f2f2f2);
    background-image: -o-linear-gradient(top,#f7f7f7,#f2f2f2);
    background-image: linear-gradient(top,#f7f7f7,#f2f2f2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#f2f2f2', GradientType=0);
}
.price-button-strip .fP-expand .ui-btn-s-primary, .price-button-strip .fP-expand-kword .ui-btn-s-primary {
    color: #fff;
    border-color: #ec5051;
    background-color: #ec5051;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top,#ec5051,#f55658);
    background-image: -webkit-linear-gradient(top,#ec5051,#f55658);
    background-image: -o-linear-gradient(top,#ec5051,#f55658);
    background-image: linear-gradient(top,#ec5051,#f55658);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ec5051', endColorstr='#f55658', GradientType=0);
    margin-left: 8px;
}
.icon {
    background: url(../images/ecsc_icon.png) no-repeat;
}
.component-filter-sort .filter-sortbar { width:auto; height:40px; line-height:40px; border:1px solid #dcdcdc; }
.component-filter-sort .button-strip{ float:left; font-size:12px; line-height:40px; text-align:center;}
.component-filter-sort .button-strip-item{ float:left; padding:0 20px 0 15px; position:relative; border-right:1px solid #dcdcdc;color:#666;}
.component-filter-sort .button-strip .current{ background:#ec5051; color:#fff; border-color:#ec5051; height:40px; line-height:40px;}
.component-filter-sort .button-strip-item .icon{ width:10px; height:10px; display:inline-block; position:absolute; top:15px; right:8px;}
.component-filter-sort .button-strip-item .icon-down{ background-position:-17px -37px;}
.component-filter-sort .button-strip-item.current .icon-down{ background-position:-7px -37px;}
.component-filter-sort .button-strip-item .icon-up{ background-position:-17px -54px;}
.component-filter-sort .button-strip-item.current .icon-up{ background-position:-7px -54px;}
.component-filter-sort .button-strip-item .icon-sx{ background-position:-30px -37px;}
.component-filter-sort .xz-button-strip {
    float: left;
}
.store-checkbox {
    float: left;
}
.store-checkbox .checkbox {
    display: none;
}
.store-checkbox label {
    padding-left: 20px;
    margin-left: 20px;
    color: #666;
    background: url(../images/ecsc_icon.png) -5px -72px no-repeat;
    cursor: pointer;
    background-position: -5px -71px\0;
}
.component-filter-sort .button-page {
    float: right;
    position: relative;
    margin-right: 20px;
    padding-left: 25px;
}
.component-filter-sort .button-page .pageState {
    top: 0px;
    right: 60px;
    font-size: 12px;
    font-family: "microsoft yahei";
    line-height: 40px;
    color: #999;
}
.component-filter-sort .button-page .pageState span {
    color: #999;
}
.component-filter-sort .button-page a {
    float: right;
    width: 22px;
    height: 22px;
    line-height: 22px;
    display: inline-block;
    background: #dcdcdc;
    color: #fff;
    text-align: center;
    font-size: 14px;
    margin-top: 10px;
    font-family: simsun;
    margin-right: 2px;
}
.component-filter-sort .button-page a {
    float: right;
    width: 22px;
    height: 22px;
    line-height: 22px;
    display: inline-block;
    background: #dcdcdc;
    color: #fff;
    text-align: center;
    font-size: 14px;
    margin-top: 10px;
    font-family: simsun;
    margin-right: 2px;
}
.car_goods_list {
    float: left;
    margin-top: 24px;
}
.goods_switch_list {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.goods-list {
    margin-bottom: 20px;
    height: auto;
    position: relative;
    z-index: 1;
    width: 100%;
    float: left;
}
.goods-list .gl-warp {
    width: 100%;
    height: auto;
    float: left;
}
.goods_switch_list{ width:100%; float:left; margin-bottom:20px;}
.goods_switch_list .item{ border-bottom: 1px solid #E5E5E5;padding: 5px 0px 5px 10px;}
.goods_switch_list .item:hover {border: 1px solid #E5E5E5;background-color:#f5f4f4;}
    
.goods_switch_list .col{float:left;}
.goods_switch_list .col-1{ text-align: center;}
.goods_switch_list .col-2{margin-left:20px;width: 510px;}
.goods_switch_list .col-3{margin-left: 5px;width: 100px;margin-top: -20px;/* text-align: center; */}
.goods_switch_list .col-4{margin-left:30px;width:160px;}
.goods_switch_list .col-5{float:right;margin-right: 20px;/* margin-left:88px; */}
.goods_switch_list .pic-img{border: 1px solid #ededed;width: 180px;height: 120px;}
.goods_switch_list .pic-img .new_picons {position:absolute; overflow:hidden; width:58px; height:50px; margin-top: -120px; background:url(../images/ecsc_icon_two.png) no-repeat;background-position: -93px -277px;}
.goods_switch_list .pic-img .new_picons span {font-size:14px;text-align:center;color:#fff;margin: auto auto auto 5px;}
.goods_switch_list .title{max-height: 40px;font-family: arial,'Hiragino Sans GB',"\5b8b\4f53",sans-serif;line-height:20px;overflow:hidden;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 505px;}
.goods_switch_list .title a{ color:#3a78bf;}
.goods_switch_list .title a:hover{ text-decoration: underline; color:#ec5051;}
.goods_switch_list .title .recommend {color: #666;margin: 0px 0px 5px 0px;line-height: 20px;font-size: 12px;}
.goods_switch_list .p-num{ width:100%; color:#888;}
.goods_switch_list .p-commit{ overflow:hidden; float:left; margin-top:5px;}
.goods_switch_list .p-commit .p-reply{ margin-left:0;}
.goods_switch_list .p-commit span{ color:#888;}
.goods_switch_list .p-price{ color:#ec5051; font-weight:700; line-height:28px; padding-top:20px; font-size:20px;}
.goods_switch_list .p-ship{ color:grey; margin-top:10px;}
.goods_switch_list .p-store{ margin-top:5px;}
.goods_switch_list .p-operation{ height:30px; line-height:30px; overflow:hidden; margin-top:5px;background: #d6d3d3;}
.goods_switch_list .p-operation:hover { background: #ec5051; }
.goods_switch_list .p-operation a {float:left;}
.goods_switch_list .choose-btn-coll{float: left;height: 30px;line-height: 30px;margin-left: 20px;}
.goods_switch_list .choose-btn-coll b{ top:7px;}
.goods_switch_list .p-operation .custom{ margin-left:13px;}
.goods_switch_list .item .p-number{overflow:hidden;/* margin-top:23px; */line-height: 24px;}
.goods_switch_list .item .p-stock{ overflow:hidden;line-height: 24px; color:#808080; margin-top:12px;}
.goods_switch_list .item .tit{ float: left; color:#808080; margin-right:5px;}
.goods_switch_list .item .query{ float:left;}
.goods_switch_list .item .goods_num{ float:left; line-height:26px;}
.goods_switch_list .item .btn-reduce,.goods_switch_list .item .btn-adds{ width: 22px;height: 21px; float: left; border: 1px solid #dcdcdc;background: url(../images/2014shop_background_img.png) no-repeat; text-indent:-99999px;}
.goods_switch_list .item .btn-reduce{ background-position:-66px -153px;}
.goods_switch_list .item .btn-adds{ background-position:-83px -153px;}
.goods_switch_list .item .buy-num{ width:45px;height: 21px;border: 0;border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;float: left;text-align: center;outline: 0;font-size: 14px;}
.goods_switch_list .item .kc{ float:left; line-height:24px; margin-left:5px; color:#999;}
.goods_switch_list .item .buttons{/*overflow:hidden; margin-top:23px; */}
.goods_switch_list .item .buttons .btn{ height:33px; line-height:33px; border:1px solid #ec5051; width:96px; text-align:center; background:#ec5051; color:#fff; display:block; float:left; text-decoration:none; font-size:14px; cursor:pointer; padding:0; border-radius:3px;}
.goods_switch_list .item .buttons .btn i{ margin-right:5px;}
.goods_switch_list .item .buttons .btn:hover{ background:#e23435;}
.goods_switch_list .item .buttons .end_btn,.goods_switch_list .item .buttons .end_btn:hover{ background:#b0b0b0; border-color:#b0b0b0;}

.goods_switch_list .item .buttons .btn-buynow{ height:33px; line-height:33px; width:93px; border:1px solid #d1c0a5; background:#f9e5c8; color:#ec5051; font-size:14px; display:block; text-align:center; font-family:"microsoft yahei"; border-radius:3px; float:left; margin-right:9px; cursor:pointer;}
.goods_switch_list .item .buttons .btn-buynow:hover{ background:#f4dbb9;}
.goods_switch_list .item .buttons .order_qrcode_btn {
    border: 1px solid #ccc;
    background: #fff;
    height: 32px;
    width: 93px;
    font: normal normal 12px/28px "microsoft yahei";
    color: #666;
    cursor: pointer;
    position: relative;
    display: inline-block;
    margin: 3px 8px 0 6px;
    float: right;
    text-align: center;
}
.goods_switch_list .item .buttons .order_qrcode_btn .icon_qrcode {
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
    background: url(../images/u_order_qrcode.png) -8px -3px no-repeat;
    width: 16px;
    height: 16px;
}
.goods_switch_list .desc{ /*overflow:hidden;*/ margin-top:10px;}
.goods_switch_list .lie{ float:left; width:100%;}
.goods_switch_list .lie span{ float:left; width:auto; line-height:20px; height:20px; color:#bdbdbd;}
.goods_switch_list .lie .p-eva{ margin-right:20px;}
.goods_switch_list .lie .choose-btn-coll{ line-height:20px; height:20px; margin-left:20px;}
.goods_switch_list .lie .choose-btn-coll b{ top:2px;}
.goods_switch_list .lie .p-store{ float:left;width:100%;}
.goods_switch_list .lie .p-store a{ padding-left:22px;}
.goods_switch_list .lie .p-store .icon{ top:1px;}
.goods_switch_list .lie .p-store .leftdate {
    cursor: pointer;
    float: left;
    padding: 2px 5px; 
    vertical-align: middle;
    width: 40px;
    text-align: center;
    height: 22px;
    line-height: 22px;
    border: 1px solid #DDD;
    vertical-align: top;
    margin: 0 5px 5px 0;
    padding: 0 26px 0 4px;
    background: #f3f3f3;
    max-width: 80px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.p-customer{ float:left; position:relative; margin-top:3px; margin-left:20px;}
.p-customer .icon{ background-position:-473px -348px;width: 15px;height: 15px;left: 0;top: 8px; display:block;}

.goods-list .gl-item .p-focus{ position: absolute;left: 172px;top: 220px;visibility: hidden;z-index: 3;opacity: 0;_width: 58px;-webkit-transition: top .3s ease,opacity .1s ease .1s;-moz-transition: top .3s ease,opacity .1s ease .1s;transition: top .3s ease,opacity .1s ease .1s;}
.goods-list .gl-item .p-focus span{ height: 25px;line-height: 25px;color: #fff;border: medium none;filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#B2000000', endColorstr='#B2000000');background: rgba(0,0,0,.7);display:block;padding:0 10px;}
.goods-list .gl-item:hover .p-focus{ top: 182px;opacity: 1;visibility: visible;}
.qrcode-wrap{ float:left; width: 185px;display: inline-block;cursor:pointer; border:1px solid transparent;  border-bottom:0; height:35px; overflow:hidden; position:relative;}
.qrcode-wrap .qrcode_tit{ height: 35px;}
.qrcode-wrap .qrcode_tit span{ float:left; line-height:35px; height:35px;}
.qrcode-wrap .qrcode_tit .qrcode_span{ margin-left:32px; color:#3a78bf;}
.qrcode-wrap .qrcode_tit .icon{ background:none; height:auto; line-height:normal; margin-top:6px;}
.qrcode-wrap .qrcode_tit .icon s{ width: 19px;height: 22px;margin: 0 5px 0 10px;background: url(../images/mbuy.png) 0 0 no-repeat;display: inline-block;overflow: hidden;vertical-align: middle;}
.qrcode-wrap .qrcode_tit .icon b{ width: 7px;height: 7px;margin-left: 3px;background: url(../images/20130330A_2.png) -95px -53px no-repeat;display: inline-block;overflow: hidden;vertical-align: middle;}

.qrcode-wrap.mob-buy-curr .qrcode_tit .qrcode_span{ color:#3a78bf;}
.qrcode-wrap.mob-buy-curr{
	border: 1px solid #eee;
    border-bottom: none;
    background: #fff;
    -moz-box-shadow: 0 -5px 10px rgba(0,0,0,.12);
    -webkit-box-shadow: 0 -5px 10px rgba(0,0,0,.12);
    box-shadow: 0 -5px 10px rgba(0,0,0,.12);
	overflow:visible;
}
.qrcode-wrap.mob-buy-curr .icon s { background-position: 0 -22px;}
#summary-mbuy {
	width: 185px;
	height: 160px;
	border: 1px solid #eee;
	border-top: none;
	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);
	position:relative;
	z-index:999;
	opacity:0;
	filter:alpha(opacity=0);
	margin-left:-1px;
}
#summary-mbuy i {
    position: absolute;
    left: 1px;
    top: -6px;
    display: inline-block;
    width: 183px;
    height: 8px;
    background: #fff;
    z-index: 5;
}
#summary-mbuy .qrcode{ margin-left: 20px;}
#summary-mbuy .qrcode img{ width:145px; height:145px;}

.guess-love {
    margin: 20px auto 50px;
}
.ec-title {
    height: 40px;
    color: #747474;
    padding-bottom: 5px;
}
.ec-title h3 {
    font-size: 18px;
    float: left;
    color: #000;
    line-height: 40px;
}
.goods-list .gl-item {
    float: left;
    width: 222px;
    height: 425px;
    position: relative;
    z-index: 1;
    border-bottom: 1px solid #eee;
    overflow: hidden;
    margin-bottom: 30px;
    border: 1px solid #eee;
    margin-right: 10px;
}
.goods-spread{ float:right; width:202px; border:1px solid #dcdcdc; margin:-1px 0 0 -1px;}
/*.goods-spread h3{ padding:0 18px 0 19px; height:48px; line-height:48px; font-size:14px; color:#727171;}*/
.goods-spread h3{ padding:0; height:32px; line-height:32px; font-size:14px; color:#727171; background:#efefef; text-align:center;}
.goods-spread ul{ float:left; padding-top:18px;}
.goods-spread li{ float:left; width:202px; height:auto; margin-bottom:10px;}
.goods-spread li .gs-item{ padding:0 18px 0 19px; overflow:hidden;}
.goods-spread li .p-img{ float:left; margin-bottom:8px;}
.goods-spread li .p-name{ float:left; margin-bottom:8px; height:35px; overflow:hidden;}
.goods-spread li .p-price{ float:left; color:#ec5051; padding:0; margin-bottom:10px;}
.goods-spread li .p-num{ float:right; margin-bottom:10px;}

.goods-list-love{ margin-top:0;}
.goods-list-love .goods-list{ margin-bottom:0;}
.goods-list-love .goods-list .gl-item{ width:220px; height:auto; border:1px solid #dcdcdc; margin-left:-1px; margin-bottom:5px;}
.goods-list-love .goods-list .gl-item .gl-i-wrap{ width:200px; padding:10px 15px;border-width:1px; overflow:hidden;}
.goods-list-love .goods-list .gl-item .p-img{ height:120px;}
.goods-list-love .goods-list .gl-item .p-price{ width:100%; color:#ec5051; margin-bottom:0;}
.goods-list-love .goods-list .gl-item .p-num{ float:left;}
.goods-list-love .goods-list .gl-item .p-commit{ float:right;}
.goods-list-love .goods-list .gl-item .p-commit .nice-stars{ color:#f68a00;}


.notContent {
    color: #f60;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    min-height: 500px;
    line-height: 500px;
}
.checkbox-checked label{ background:url(../images/checked-icon-r.png) 1px 1px no-repeat;background-position: 1px 2px\0;+background-position: 1px 0;}
#citylist {width: 408px;}
#citylist {left: 95px;}
div.popcitylist {position: absolute;background-color: #fff;box-shadow: 0 0 16px 2px rgba(0,0,0,.2);font-size: 12px;border: 1px solid #ddd;}
.popcitylist {left: 77px;top: 45px;z-index: 1;}
.none {display: none;}
.popcitylist i {position: absolute;width: 17px;display: block;z-index: 99999999;top: -8px;left: 18px;background: url(../images/list-arrow.png) no-repeat 2px 0;height: 9px;}
.popcitylist .close {float: right;color: #999;padding: 5px;margin: -2px 2px -5px;font: bold 14px/14px simsun;text-shadow: 0 1px 0 #ddd;}
.popcity {padding: 18px 10px 13px;min-height:100px;}
.popcity ul {border-bottom: 1px solid #ddd;display: inline-block;height: 25px;line-height: 25px;width: 425px;}
.popcity li {float: left;padding: 0 13px;margin-right: 10px;}
.clo, .citybox li, .popcity li, .selebox span {cursor: pointer;}
.on {border-bottom: 2px solid #50b400;margin-bottom: -1px;color: #50b400;font-weight: 700;}
.itembox span{float: left;margin: 5px;cursor: pointer;padding: 5px;}
.itembox span:hover{background-color:#F5ECEC;}

.pages{ text-align:center;}
.pages-it{ margin:0 auto; overflow:hidden;}
.pages ul{ overflow: hidden;}
.pages li{ display:inline-block;*display:inline;*zoom:1; min-width:32px; height:32px; line-height:32px; font-size:14px; font-family:Arial, Helvetica, sans-serif;margin-right: 5px;cursor:pointer;}
.pages li a{ display:inline-block;*display:inline;*zoom:1; min-width:32px; height:32px; color:#333; text-align:center;}
.pages li a:hover{ background:#ec5051; color:#fff;}
.pages li span{ color:#333;}
.pages li.previous,.pages li.nextious{ width:auto !important;margin:0 10px; height:34px;}
.pages li.nextious{ margin-left:5px;}
.pages li.previous a,.pages li.nextious a{ width:auto !important; color:#666; padding:0 10px; border:1px solid #dcdcdc;}
.pages li.previous a:hover,.pages li.nextious a:hover{ background:none;}
.pages li.current a{ background:#ec5051; color:#fff;}
.pages .pages-r{ float:left; line-height:32px; color:#999;}
.pages .pages-r span{ color:#999; margin-left:5px; display: block; float:left;}
.pages .pages-r input[name="text"]{ width:36px; height:24px; outline:0; margin:3px 0 0 5px; text-align:center;border:1px solid #999; float:left;}
.pages .pages-r input[name="submit"]{ border:1px solid #999; width:38px; height:26px; outline:0; margin:3px 0 0 15px; font-size:14px; cursor:pointer; background:#dcdcdc;float:left;}
.pages .dotted {
    color: #1f3a87;
    font-weight: bold;
}