/*虏煤脝路脥录脝卢*/
.page {
    width: 100%;
    min-width: 1200px;
    background: url("../images/T14w_PFh0eXXXWfa6d-1800-838.png") no-repeat center 0 #f5f1e8;
}

.hd {
    width: 100%;
    height: 347px;
}

.hd .w1200 {
    margin: 0 auto;
    width: 1200px;
    height: 347px;
    font-size: 0;
    line-height: 0;
    position: relative;
}
.contanier {
    width: 1010px;
    margin: 0 auto;
    
} 
.contanier_con{width: 960px;margin:0 auto;} 
.contenttt{padding-bottom: 50px;border-radius: 20px;margin-top: 46px;padding-top:20px;
background: url(../images/T1156fFh4cXXbWGvAe-1010-24.png) no-repeat 0 bottom #fff;} 
.details {
    position: relative;
    margin-bottom: 24px;
    width: 1010px;
    height: 620px;
    margin: 0 auto;
    background: #fff;
    border-radius: 20px;
    padding-top:46px;
    background: url(../images/T1156fFh4cXXbWGvAe-1010-24.png) no-repeat 0 bottom #fff;
}
.footer_top{background: #f5f1e8;}
.details_con{width: 960px;margin: 0 auto}
.details_left {
    width: 400px;
    overflow: hidden;
    margin-right: 20px;
    float: left;
}

.big_pic {
    width: 800px;
}

.big_pic li {
    float: left;
    height: 398px;
    width: 398px;
    cursor: crosshair;
    border: 1px solid #ddd;
}

.big_pic li img {
    width: 100%;
    height: 398px;
}

.small_pic li {
    float: left;
    padding: 1px;
    border: 1px solid #ddd;
    margin: 20px 20px 0 0;
    cursor: pointer;
}

.small_pic li.selected {
    padding: 0;
    border: 2px solid #e60012;
}

.small_pic li img {
    width: 52px;
    height: 52px;
}

.location {
    background: #fff;
    height: 50px;
    line-height: 50px;
    font-size: 13px;
    color: #333;
    font-size: 13px;
}


/*虏煤脝路脨脜脧垄*/
.hot_procudt {
    width: 540px;
    float: left;
    margin-top:50px;
}

.hot_procudt .h_title {
    height: 40px;
    line-height: 40px;
    font-size: 17 px;
    color: #333;
    font-weight: 500;
}

.hot_procudt .p1 {
    height: 20px;
    color: #f04131;
}

.price_box {
    width: 478  px;
    padding: 10px 22px 29px 20px;
    background: #f5f5f5;
    margin-top: 20px;
}
.price_box p{text-align: left;}
.price_top {
    width: 100%;
    border-bottom: 1px solid #999;
    overflow: hidden;
    padding-bottom: 15px;
}

.price_top .price_c {
    float: left;
}

.price_top .price_c span {
    display: block;
    height: 20px;
    line-height: 20px;
}

.price_top .price_c span s {
    color: #999;
}

.price_top .price_c span i {
    font-style: normal;
    color: #f04131;
}

.price_top .price_c span>i {
    font-size: 20px;
}

.price_top .price_c span>i>i {
    font-size: 24px;
    font-weight: 600;
}

.xl {
    float: right;
    display: inline-block;
    height: 33px;
    padding: 0 20px;
    border-left: 1px solid #999;
    text-align: center;
    margin-top: 4px;
}

.cx {
    height: 18px;
    line-height: 18px;
    margin-top: 18px;
    color: #666;
}

.cx i {
    display: inline-block;
    width: 18px;
    height: 18px;
    color: #fff;
    background: #f04131;
    font-style: normal;
    text-align: center;
    margin-right: 2px;
}

.fahuo {
    padding: 16px 20px;
    border: 1px dashed #f08300;
}

.fahuo p{
    text-align: left;
    line-height: 28px;
    color: #666;
}

.fahuo p span {
    color: #ffa100;
}

.ddd .title {
    width: 60px;
    text-align: left;
    float: left;
    line-height: 44px;
    font-size: 12px;
    margin-right: 20px;
}
/*脜盲脣脥脟酶脫貌*/
.peisong {
    font-size: 13px;
}

.ddd {
    margin-top: 19px;
    line-height: 44px;
}

.ddd span {
    line-height: 44px;
}

.p_areainfo {
    display: inline-block;
    float: left;
    position: relative;
    margin-right: 12px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #666;
    text-align: center;
    font-size: 13px;
}

.p_areainfo .place {
    line-height: 40px;
    padding: 0 4px 0 10px;
}

#areaSelect {
    position: absolute;
    top: 38px;
    left: -1px;
    background-color: #FFF;
    width: 360px;
    border: 1px solid #666;
    z-index: 200;
    display: none;
}

.area-select-header {
    height: 32px;
    line-height: 32px;
    text-align: center;
    display: table;
    width: 100%;
    background-color: #eee;
}

.area-select-header a {
    display: table-cell;
    width: 50%;
    height: 32px;
    border-bottom: 1px solid #666;
}

#areaSelect .area-select-header a.last {
    border-right: none;
}

.area-select-header a.hover {
    background-color: #FFF;
    border-right: 1px solid #666;
    border-bottom-color: #FFF;
    color: #f04131;
}

.area-select-header a.hover.last {
    border-left: 1px solid #666;
}

o.area-select-header a {
    display: table-cell;
    width: 50%;
    height: 32px;
    border-bottom: 1px solid #666;
}

.area-select-body {
    padding: 10px;
}

.area-select-list .overclear {
    position: relative;
}

.area-select-list dt {
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 700;
}

.area-select-list dd {
    margin-left: 30px;
    text-align: left;
}

.area-select-list a {
    display: inline-block;
    padding: 0 6px;
}

.p_areainfo s {
    position: absolute;
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
    border-top: 6px solid #666;
    top: 16px;
    right: 5px;
}
/*虏煤脝路脢媒脕驴*/
.number .dd {
    display: inline-block;
    float: left;
    padding: 0 7px;
    height: 27px;
    line-height: 27px;
    border: 1px solid #999;
    margin-top: 8px;
}

.number .dd i {
    font-style: normal;
    display: inline-block;
    width: 13px;
    height: 13px;
    line-height: 10px;
    text-align: center;
    border: 1px solid #a4a4a4;
    border-radius: 50%;
    margin: 6px auto;
}

#jian {
    border-right: none;
    cursor: pointer;
}

#jia {
    border-left: none;
    margin-right: 10px;
    cursor: pointer;
}

#num {
    padding: 0 15px;
}
/*脕垄录麓脟脌鹿潞 录脫脠毛鹿潞脦茂鲁碌*/
.buy a {
    display: inline-block;
}

.buy {
    margin-top: 15px;
}

.buy .buy_now {
    width: 156px;
    height: 44px;
    font-size: 17px;
    color: #f04131;
    border: 1px solid #f04131;
    background: #fff4f3;
    text-align: center;
    line-height: 44px;
    border-radius: 3px;
    margin: 0 12px 0 70px;
}

.buy .add_shopcar {
    width: 160px;
    height: 46px;
    font-size: 17px;
    background: #f04131;
    text-align: center;
    line-height: 46px;
    color: #fff;
    border-radius: 3px;
}

.buy .add_shopcar img {
    vertical-align: middle;
    margin-right: 5px;
}

/*脠脠脙脜虏煤脝路*/
.hot_procudts {
    width: 160px;
    padding-top: 10px;
    padding-left: 20px;
    float: right;
    border-left: 1px solid #eee;
    position: absolute;
    right: 0;
    top: 27px;
    height: 612px;
    overflow: hidden;
}

.hot_procudts .r_hot_pros {
    position: absolute;
    top: 41px;
}

.hot_procudts h2 {
    padding: 0 4px;
    position: relative;
    z-index: 100;
    background-color: #fff;
    font-size: 16px;
    text-align: center;
    color: #999;
    font-weight: normal;
    line-height: 30px;
    position: relative;
    top: -12px;
    height: 40px;
}

.hot_procudts h2:before,.hot_procudts h2:after {
    display: block;
    content: '';
    width: 42px;
    height: 1px;
    background: #999;
    position: absolute;
    top: 15px;
}

.hot_procudts h2:before {
    left: 0;
}

.hot_procudts h2:after {
    right: 0;
}

.r_hot_pros li {
    position: relative;
    margin-bottom: 10px;
    padding-bottom: 25px;
}

.r_hot_pros li img {
    width: 160px;
    height: 133px;
}

.r_hot_pros li a {
    display: block;
}

.r_hot_pros li .content {
    position: absolute;
    bottom: 50px;
    left: 0;
    background-color: rgba(255,255,255,.65);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#65ffffff', endColorstr='#65ffffff');
    color: #666;
    display: block;
    width: 160px;
    height: 25px;
    line-height: 25px;
    text-align: center;
}

.r_hot_pros li .name {
    width: 160px;
    height: 25px;
    line-height: 25px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #666;
}

.pro_gun {
    position: absolute;
    bottom: 1px;
    z-index: 9999;
}

#shang {
    left: 40px;
}

#xia {
    right: 60px;
}

.hot_procudts .click_gun {
    position: absolute;
    width: 100%;
    height: 32px;
    background: #fff;
    bottom: 0px;
}

/*脛脷脠脻 slider*/
.by_slider {
    float: left;
    width: 200px;
    margin-right: 10px;
}

.by_slider .side-shop-info {
    border: 1px solid #eee;
    margin-bottom: 10px;
}

.by_slider .side-shop-info .bd-side-hd {
    background: #eee;
    padding-top: 5px;
}

.by_slider .side-shop-info .bd-side-hd img {
    width: 87px;
    height: 87px;
    margin: 0 auto;
    display: block;
    border-radius: 50%;
}

.by_slider .side-shop-info .bd-side-hd i {
    font-style: normal;
    text-align: center;
    display: block;
    height: 40px;
    line-height: 40px;
    color: #666;
}

.by_slider .side-shop-info .bd-side-body {
    height: 60px;
}

.by_slider .side-shop-info .bd-side-body a {
    display: inline-block;
    width: 73px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    margin-top: 18px;

}

.by_slider .side-shop-info .enter_shop {
    background-color: #f04131;
    border: 1px solid #f04131;
    color: #fff;
    margin-left: 18px;
}

.by_slider .side-shop-info .side-collect-shop {
    background-color: #f0f0f0;
    border: 1px solid #e5e5e5;
    color: #666;
    margin-left: 8px;
}

.side-shop-goods {
    padding-bottom: 10px;
    border: 1px solid #e5e5e5;
    margin-bottom: 10px;
    overflow: hidden;
}

.bd-side-hd {
    color: #333;
    background: #f0f0f0;
    border-bottom: 1px solid #e5e5e5;
    line-height: 18px;
    padding: 12px 19px;
    font-size: 14px;
    text-align: center;
}

.by_slider .side-shop-goods .bd-side-body {
    width: 160px;
    margin: 0 auto;
}

.by_slider .side-shop-goods .bd-side-body li {
    margin-top: 16px;
    clear: both;
    float: none;
}

.side-shop-goods .bd-side-body li .price_d {
    font-size: 13px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    display: block;
    color: #f00;
}

.side-shop-goods .bd-side-body li p {
    line-height: 26px;
    max-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    hei
}

.xiaol {
    color: #f00;
}

.side-search .bd-side-hd {
    height: 31px;
    line-height: 31px;
    padding: 0;
    background: #eee;
}

.side-search form {
    170px;margin: 14px 0 0 14px;
}

.side-search form p {
    overflow: hidden;
}

.side-search form .f_keyword input {
    width: 118px;
}

.side-search form p label {
    width: 36px;
    text-align: right;
    display: block;
    float: left;
    font-size: 11px;
    color: #333;
    margin-right: 12px;
}

.side-search form p input {
    float: left;
    height: 18px;
    border: 1px solid #eee;
    line-height: 18px;
}

.side-search form p.f_price {
    margin: 10px 0 7px;
    position: relative;
}

.side-search form input[type="submit"] {
    cursor: pointer;
    margin-left: 48px;
    color: #fff;
    width: 48px;
    height: 18px;
    border: 1px solid #666;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#7b7979), to(#423f3f));
/*璋锋瓕*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7b7979), to(#423f3f));
      /* Safari 4-5, Chrome 1-9*/
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#7b7979,endColorStr=#423f3f);
 /*IE 6 7 8*/
    background: -ms-linear-gradient(top, #7b7979,  #423f3f);
        /* IE 10 */
    background: -moz-linear-gradient(top,#7b7979,#423f3f);
/*鐏嫄*/
    background: -webkit-linear-gradient(top, #7b7979, #423f3f);
   /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(top, #7b7979, #423f3f);
  /*Opera 11.10+*/
}

.side-search form p.f_price input {
    width: 37px;
    margin-right: 10px;
    padding-left: 16px;
}

.side-search form p.f_price i {
    font-style: normal;
    position: absolute;
    top: 2px;
    color: #444;
}

.side-search form p.f_price i.s1 {
    left: 117px;
}

.side-search form p.f_price i.s2 {
    left: 50px;
}

/*脛脷脠脻*/
.bd-main {
    width: 750px;
    float: left;
}

.bd-main img {
    display: block;
    margin: 44px auto 0;
    width: 80%;
}

#J_TabBar {
    height: 38px;
    border: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    background: #f5f5f5;
}

#J_TabBar a {
    font-size: 14px;
    color: #333;
    display: block;
    width: 127px;
    line-height: 37px;
    float: left;
    text-align: center;
}

#J_TabBar a.selected {
    color: #f04131;
    border-top: 3px solid #f04131;
    display: block;
    position: relative;
    top: -2px;
    z-index: 200;
    border-right: 1px solid #c9c9c9;
    border-bottom: 1px solid #fff;
    height: 38px;
    background: #fff;
    border-left: 1px solid #c9c9c9;
}

.list-hd {
    font-size: 14px;
    padding: 15px 20px;
    line-height: 22px;
    color: #999;
}

.item-info-list {
    padding: 0 20px 10px;
    overflow: hidden;
}

.item-info-list li {
    float: left;
    width: 33%;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666;
}

.item-hd {
    border: 1px solid #ddd;
    border-top: 0;
}

.item-hd .img {
    width: 100%;
    border-top: 1px solid #ddd;
}

/*商品评论*/
.tb-revhd1 h4 {
    float: left;
    font-size: 13px;
    color: #222;
    font-weight: 500;
    margin-right: 14px;
    line-height: 30px;
}

.tb-revhd1 ul {
    float: left;
}

.tb-revhd1 ul li {
    cursor: pointer;
    float: left;
    height: 30px;
    padding: 0 12px;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    margin: 0 15px 10px 0;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#ffc201), to(#ff9802));
/*谷歌*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffc201), to(#0000ff));
      /* Safari 4-5, Chrome 1-9*/
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffc201,endColorStr=#ff9802);
 /*IE 6 7 8*/
    background: -ms-linear-gradient(top, #ffc201,  #ff9802);
        /* IE 10 */
    background: -moz-linear-gradient(top,#ffc201,#ff9802);
/*火狐*/
    background: -webkit-linear-gradient(top, #ffc201, #ff9802);
   /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(top, #ffc201, #ff9802);
  /*Opera 11.10+*/
}

.tb-revhd1 ul li.bad {
    height: 26px;
    line-height: 26px;
    background: #bfbfbf;
    border: 2px solid #b5b5b5;
}

.tb-revhd1 ul li:hover {
    height: 26px;
    line-height: 26px;
    background: #fff;
    border: 2px solid #ff9c02;
    color: #ff9c02;
    padding: 0 10px;
}

.tb-revhd2 {
    width: 700px;
    border: 1px solid #eee;
    height: 38px;
    padding-left: 10px;
    position: relative;
}

.tb-revhd2 form input {
    margin: 10px 10px 0 0;
    width: 20px;
    height: 20px;
    float: left;
    cursor: pointer;
}

.tb-revhd2 form label {
    margin: 10px 30px 0 0;
    float: left;
    font-size: 14px;
    cursor: pointer;
}

.tb-revhd2 .paix {
    position: absolute;
}

#paix {
    width: 79px;
    height: 22px;
    border: 1px solid #ddd;
    line-height: 22px;
    padding-left: 4px;
    right: 9px;
    top: 8px;
    font-size: 14px;
    color: #333;
    position: absolute;
}

#paix .title {
    height: 22px;
    line-height: 22px;
    cursor: pointer;
}

#paix .title .oo {
    width: 57px;
    border: none;
}

#paix span {
    display: inline-block;
    width: 21px;
    height: 22px;
    border-left: 1px solid #ddd;
    float: left;
}

#paix span img {
    display: block;
    margin: 5px auto;
}

.paisliderdown {
    z-index: 200;
    width: 84px;
    height: 38px;
    position: absolute;
    border: 1px solid #ddd;
    left: -2px;
    background: #fff;
    display: none;
}

.paisliderdown a {
    display: block;
    height: 20px;
    line-height: 20px;
}

.paisliderdown a img {
    margin: 0;
    display: inline-block;
    float: left;
    margin: 4px;
}

.tb-revhd3>ul {
    width: 670px;
    padding: 0 37px 0 10px;
    margin: 0 auto;
    overflow: hidden;
}

.tb-revhd3>ul>li {
    padding: 20px 0 15px 0;
    border-bottom: 1px solid #ddd;
    width: 100%;
    position: relative;
}

.tb-revhd3 ul li img {
    margin: 0;
}

.tb-revhd3 ul li p {
    line-height: 18px;
    width: 510px;
}

.tb-revhd3 ul li p .first_title {
    display: block;
    color: #7e84ff;
}

.tb-revhd3 ul li .img_box {
    margin-top: 27px;
}

.tb-revhd3 ul li .img_box ul {
    overflow: hidden;
}

.tb-revhd3 ul li .img_box ul li {
    float: left;
}

.tb-revhd3 ul li .img_box ul.small_picc li {
    width: 44px;
    height: 44px;
    border: 1px solid #ddd;
    margin-right: 16px;
}

.tb-revhd3 ul li .img_box ul.small_picc li img {
    width: 44px;
    height: 44px;
}

.tb-revhd3 ul li .img_box ul.small_picc li.selected {
    border: 2px solid #f00;
}

.tb-revhd3 ul li .img_box ul.small_picc li.selected img {
    width: 42px;
    height: 42px;
}
.name_box img{width: auto;}

.tb-revhd3 ul li .img_box ul.big_picc {
    width: 275px;
    height: 205px;
    border: 4px solid #ddd;
    overflow: hidden;
    margin-top: 7px;
}
.tb-revhd3 ul li .img_box ul.big_picc img{width: 100%;height:auto;}

.name_box {
    position: absolute;
    right: -72px;
    top: 50%;
    width: 200px;
    margin-top: -25px;
}

.name_box p {
    margin-bottom: 7px;
}

.name_box p span {
    color: #999;
}

.time {
    color: #999;
    margin-top: 13px;
}

.tb-revhd3 ul li p .first_time {
    display: block;
    color: #999;
}

.tb-revhd3 ul li p .add-title {
    color: #ff9a9a;
}

.J_KgRate_MainReviews {
    width: 710px;
    margin: 0 auto;
    padding-top: 1px;
}

.J_KgRate_MainReviews .tb-revhd1 {
    padding: 22px 36px;
    overflow: hidden;
    border: 1px solid #eee;
    margin: 14px auto 8px;
}

.fen_page {
    border: 1px solid #eee;
    height: 38px;
    line-height: 38px;
    text-align: center;
    width: 392px;
    float: right;
    margin: 21px 11px 20px 0;
}

.fen_page a,.fen_page span {
    display: inline-block;
    float: left;
    height: 38px;
    border-right: 1px solid #eee;
    font-size: 16px;
}

.fen_page span {
    border: none;
    width: 71px;
    text-align: center;
}

.fen_page a.word {
    width: 98px;
}

.fen_page a.num {
    padding: 0 15px;
    color: #aeb6ff;
}

.fen_page a.num.selected {
    color: #666;
}