/*
********************************************************************************
**项目名：34线商城
** 描述：34线商城pc样式
** 作者： wangyoumin
** 创建时间：2018/4/13
** 最后修改人：（无）
** 最后修改时间：（无）
** 版权所有 (C) :tianmei
            **********************************************************************************/
/*头部*/
.head_top {
    width: 100%;
    height: 33px;
    line-height: 33px;
    font-size: 12px;
    z-index: 10000;
    background-color: #efefef;
}

.head_left {
    float: left;
    color: #999;
}

.head_right {
    float: right;
}

.home_link {
    color: #999;
    padding-left: 20px;
    background: url("../images/homeIcon.png") left center no-repeat;
    margin-right: 20px;
}

/*头部*/
/*导航区域*/


.head_top .site-nav-bd {
    margin: 0 auto;
    width: 1190px;
    height: 30px;
    background: #efefef;
    -webkit-backface-visibility: hidden;
}

.head_top .site-nav-bd .site-nav-bd-l {
    float: left;
}

.head_top .site-nav-menu {
    float: left;
}

.head_top .site-nav-menu .site-nav-menu-hd a {
    float: left;
    margin-right: 3px;
    font-size: 12px;
    color: #6C6C6C;
}

.head_top .site-nav-menu .site-nav-menu-hd a.home_link {
    color: #999;
    padding-left: 20px;
    background: url("../images/homeIcon.png") left center no-repeat;
    margin-right: 20px;
}

.site-nav-sign-title {
    color: #999;
}

.site-nav .site-nav-menu .site-nav-menu-hd a:hover {
    text-decoration: none !important;
}

.head_top .site-nav-menu .site-nav-menu-hd {
    position: relative;
    padding: 0 15px 0px 0px;
    height: 30px;
    line-height: 30px;
    _display: inline;
    _zoom: 1;
}

.head_top .site-nav-login .site-nav-menu-hd .site-nav-login-info-nick {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.head_top .site-nav-menu .site-nav-menu-bd {
    z-index: 10001;
    position: relative;
    z-index: 9999991;
}
.font_red {
    color: #df3231;
}
.shop_car_info .font_red{
    font-weight: 400;
}
.head_top .site-nav-arrow {
    display: block;
    float: left;
    width: 12px;
    height: 6px;
    line-height: 6px;
    overflow: hidden;
    margin-top: 14px;
}
.head_top .site-nav-bd-r {
    float: right;
}

.head_top .site-nav-bd-r .site-nav-pipe {
    float: left;
    height: 30px;
    line-height: 30px;
}

.head_top .site-nav-pipe {
    padding: 0 5px;
    font-style: normal;
    color: #ddd;
}

.head_top .cen {
    overflow: visible;
}

/*.site-nav-menu-list {*/
/*display: none;*/
/*}*/

.site-nav-menu:hover .site-nav-menu-list {
    display: block;
}

.site-nav-menu-bd {
    display: none;
    font-size: 12px;
}

.site-nav-menu:hover .site-nav-menu-bd {
    display: block;
}

.head_top .site-nav-menu .site-nav-menu-list .site-nav-menu-bd-panel {
    padding: 8px 0;
}

.head_top .site-nav-menu .site-nav-menu-bd .site-nav-menu-bd-panel {
    position: absolute;
    left: -16px;
    top: 0;
    padding: 8px;
    line-height: normal;
    border: 1px solid #EEE;
    background: #FFF;
}

.head_top .site-nav-menu .site-nav-menu-list .site-nav-menu-bd-panel a {
    display: block;
    padding: 0 5px;
    line-height: 28px;
    white-space: nowrap;
    color: #6C6C6C;
    font-size: 12px;
}

.head_top .site-nav-menu .site-nav-menu-list .site-nav-menu-bd-panel a:hover {
    color: #dd2726;
    text-decoration: none !important;
}

.site-nav .site-nav-sitemap .site-nav-sitemap-mod {
    float: left;
    width: 25%;
    overflow: hidden;
}

.head_top .site-nav-sitemap .site-nav-sitemap-mod-wrap {
    padding: 5px;
    border-right: 1px solid #eee;
    overflow: hidden;
}

.head_top .site-nav-sitemap .site-nav-sitemap-mod-wrap h4 {
    margin: 5px;
    font-size: 16px;
    font-weight: 600;
    overflow: hidden;
}

.head_top .site-nav-sitemap .site-nav-sitemap-mod-wrap li {
    float: left;
    padding-top: 5px;
    width: 30%;
    height: 25px;
    overflow: hidden;
}

.head_top .site-nav-sitemap .site-nav-menu-bd .site-nav-menu-panel {
    overflow: hidden;
    position: absolute;
    right: 0;
    left: auto;
    width: 988px;
    max-height: 258px;
    line-height: normal;
    border: 1px solid #eee;
    background: #fff;
}

.site-nav-sitemap-mod-bd ul li {
    width: 24% !important;
    text-align: center;
}

.weiCodeBox1_img {
    position: absolute;
    left: -16px;
    top: 23px;
}

.weiCodeBox1 {
    width: 140px;
    height: 140px;
    margin-top: 10px;
}

.banner {
    width: 100%;
    height: auto;
}


.logoImg {
    height: 65px;
    width: 330px;
    float: left;
    margin-top: 29px;
    text-align: left;
}

.logoImg.wbig {
    width: 380px;
}
.logoImg .logoText{
  font-size: 20px;
    border: 0px;
}
.logoImg strong.shopcar {
    font-size: 16px;
    font-weight: 400;
    line-height: 34px;
    color: #dd2726;
    display: inline-block;
    height: 34px;
    border-left: 1px solid #dd2726;
    margin-top: 6px;
}
.logoImg strong.shopcar2{
    color: #222222;
    font-size: 20px;
    border-left:0px;
    vertical-align: bottom;
}
.logoImg.index img {
    height: 58px;
}

.logoImg.index {
    margin-top: 21px;
}

.logoImg img {
    height: 36px;
}

.logoImg strong {
    font-size: 32px;
    color: #333333;
    margin-top: 10px;
    margin-left: 9px;
    padding-left: 9px;
    border-left: 1px solid #eeeeee;
    vertical-align: middle;
    font-weight: bold;
}

.line {
    width: 100%;
    height: auto;
    vertical-align: top;
}


.icon {
    background: url("../images/newIcon.png") no-repeat;
    display: block;
    width: 29px;
    height: 19px;
    position: absolute;
    right: 6px;
    top: 25px;
}



/*三四线首页*/
.shuffling {
    width: 100%;
    background: #f9f9f9;
    padding-top: 22px;
    padding-bottom: 20px;
}

.shuffling .part_left {
    height: 654px;
    overflow: hidden;
}

.shuffling .part_center .slideBox ul li img {
    width: 510px;
    height: 280px;
}

.left_title {
    height: 50px;
    color: #000000;
    line-height: 50px;
    /*padding: 0px 26px;*/
    padding-right: 26px;
    padding-left: 10px;
    border-bottom: 1px solid #ececec;
    border-top: 1px solid #ececec;
}

.left_title h2 {
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    color: #000000;
}

.icon1 {
    text-align: center;
    background: #dd2726;
    color: #ffffff;
    font-size: 13px;
    width: 20px;
    display: block;
    float: left;
    height: 60px;
    margin-left: 10px;
    padding-top: 22px;
    margin-top: 4px;
}

.icon1.type2 {
    padding-top: 12px;
    padding-bottom: 6px;
}

.left_content {
    padding-top: 16px;
    overflow: hidden;
    margin-bottom: 20px;
    height: 104px;
}

.list {
    width: 100%;
    padding-left: 48px;
    height: 84px;
    padding-right: 10px;
}

.list ul li {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 30px;
}

.list ul li a {
    color: #555555;
    font-weight: 400;
    font-size: 16px;
}

.list ul li a:hover, .shuffling_new ul li a:hover h3, .list_li ul li a:hover, .shuffling_name:hover h2, .part3 ul li .part3_des h2:hover, .left_title h2:hover {
    color: #cc0000;
}

.bannerImg {
    margin-top: 2px;
    width: 314px;
    height: 130px;
}

/*轮播*/
.part_center {
    width: 510px;
    float: left;
    margin: 0px 30px;

}

.slideBox {
    width: 100%;
    height: 280px;
    overflow: hidden;
    position: relative;
    display: block;
}

.slideBox.type1, .slideBox.type1 .bd, .slideBox.type1 .bd ul {
    height: 440px;
}

.slideBox.type1 .banner_prev, .slideBox.type1 .banner_next {
    margin-top: 76px;
}

.slideBox .hd {
    position: absolute;
    bottom: 10px;
    z-index: 2;
    float: left;
    display: inline;
    right: 20px
}

.slideBox .hd ul {
    overflow: hidden;
    zoom: 1;
    float: left;
    display: inline;
}

.slideBox .hd ul li {
    float: left;
    width: 10px;
    height: 10px;
    cursor: pointer;
    display: inline;
    margin-right: 4px;
    opacity: 0.4;
    background: #ececec;
    border-radius: 5px;
    filter: alpha(opacity=40);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#40ececec, endColorstr=#40ececec);
}

.slideBox .hd ul li.on {
    background: #ffffff;
    opacity: 1;
    filter: alpha(opacity=100);
}

.slideBox .bd {
    height: 280px;
    z-index: 1;
    overflow: hidden;
    float: left;
    display: inline;
    width: 100%;
}

.slideBox .bd ul {
    float: left;
    display: inline;
    height: 280px;
    width: 100%;
}

.slideBox .bd ul li {
    float: left;
    display: inline;
    height: 280px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center top;
}

.slideBox .banner_prev, .slideBox .banner_next {
    float: left;
    display: inline;
    height: 50px;
    width: 25px;
    position: absolute;
    z-index: 3;
    top: 50%;
    margin-top: -25px;
    cursor: pointer;
    z-index: 999;
}

.slideBox .banner_prev {
    left: 0px;
}

.slideBox .banner_next {
    right: 0px;
}

.shuffling_name {
    width: 100%;
    height: 90px;
    background: #ffffff;
    padding: 10px 12px;
    text-align: left;
    color: #010101;
}

.shuffling_name h2,
.shuffling_name p,
.shuffling_new ul li h3,
.shuffling_new ul li p,
.part3_des h2, .Latest_dec p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}

.Latest_dec h2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #555555;
}

.shuffling_name h2 {
    font-size: 20px;
    color: #010101;
    line-height: 38px;
}

.shuffling_name p {
    color: #555555;
    font-size: 14px;
    line-height: 26px;
}

.shuffling_new {
    margin-top: 16px;
    width: 100%;
    height: 268px;
    padding: 24px 18px 0px;
    background: #ffffff;
    overflow: hidden;
}

.icon_item {
    background: #ff5600;
    color: #ffffff;
    font-family: '宋体';
    margin-right: 10px;
    padding: 2px 6px;
    font-weight: 400;
}

.shuffling_new ul li {
    width: 100%;
    text-align: left;
    margin-bottom: 20px;
}

.shuffling_new ul li h3 {
    font-size: 18px;
    color: #000000;
    text-indent: 52px;
    background: url("../images/newsIcon.png") left center no-repeat;
}

.shuffling_new ul li p {
    color: #999999;
    line-height: 40px;
    font-size: 14px;
}

.part_right {
    width: 316px;
    background: #ffffff;
    float: right;
}

.shu_ri_title {
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #f5f5f5;
    padding: 0px 16px;
}

.top_title {
    color: #555555;
    font-size: 16px;
    line-height: 40px;
    float: left;
}

.top_time {
    float: right;
    color: #999999;
    font-size: 12px;
    line-height: 40px;
}

.shu_ri_ce {
    width: 100%;
    height: 122px;
    border-bottom: 1px solid #f5f5f5;

}

.s_item {
    width: 50%;
    float: left;
    text-align: center;
    padding: 20px 0px 0px;
}

.s_item span {
    font-size: 16px;
    color: #ff5600;
    line-height: 30px;
}

.s_item strong {
    font-size: 32px;
    color: #ff5600;
    display: block;
    font-family: 'Arial';
    margin-top: 10px;
}

.s_item strong .s_item_icon {
    font-size: 16px;
    color: #ff5600;
}

.shu_ri_content {
    width: 100%;
    padding: 18px 12px 0px;
    overflow: hidden;
    height: 340px;
    overflow: hidden;
    border-bottom: 1px solid #f5f5f5;
}

.shu_ri_content .w100Img {
    width: 100%;
    margin-bottom: 16px;
}

.shu_ri_content .w100Img img {
    width: 294px;
    height: 145px;
}

.shu_ri_content .w50Img {
    width: 154px;
    float: left;
}

.shu_ri_content .w50Img img {
    width: 141px;
    height: 141px;
}

.shu_ri_content ul {
    width: 310px;
}

/*.shu_ri_content > ul > li {
    width: 50%;
    float: left;
}
.img_box {
    width: 110px;
    height: 110px;
    line-height:110px;
    overflow: hidden;
    margin: 0px auto 10px;
    text-align: center;
}
.img_box img {
    width: 100%;
    max-height: 110px;
}
.list_li{
    height: 44px;
    overflow: hidden;
}
.list_li, .list_li > li {
    width: 100%;
    font-size: 13px;
}
.mb8 {
    margin-bottom: 8px;
}
.list_li ul > li {
    height: 18px;
    overflow: hidden;
    text-align: left;
    width: 100%;
    font-size: 13px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url("../images/dian.jpg") left center no-repeat;
}
*/
/*.list_li span {
    border: 1px solid #ff5600;
    border-radius: 2px;
    color: #ff5600;
    font-size: 12px;
    padding: 0px 2px;
    margin-right: 8px;
}*/

.shu_ri_footer {
    height: 112px;
    width: 100%;
    text-align: center;
}

.enter_title {
    color: #999999;
    line-height: 50px;
    text-align: center;
    font-size: 14px;
}

.shu_ri_enter {
    width: 100%;
    height: 66px;
    position: relative;
}

.enterImg {
    width: 224px;
    height: 51px;
    position: relative;
    z-index: 2;
}

.bgy {
    background: #fff5e7;
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0px;
    height: 40px;
    z-index: 1;
}

.part1, .part2, .part3 {
    width: 100%;
    overflow: hidden;
    clear: both;
    margin-bottom: 20px;
}

.part1 .part_title {
    line-height: 48px;
}

.head_banner {
    width: 100%;
    height: 100px;
}

.bgffcolor, .bgffshadow {
    background: #FFFFFF;
}

.bgffshadow {
    -moz-box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.04);
    box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.04);
    -webkit-transition: top .25s ease;
    -o-transition: top .25s ease;
    -moz-transition: top .25s ease;
    transition: top .25s ease;
    overflow: hidden;
    margin-top: -20px;
    padding-top: 20px;
}

.part_left {
    width: 314px;
    float: left;
    overflow: hidden;
    background: #ffffff;
}

.product_ul li {
    float: left;
    width: 152px;
    margin-bottom: 10px;
    margin-right: 10px;
    background: #f0f0f0;
}

.product_ul {
    width: 328px;
    overflow: hidden;
}

.product_ul > li img {
    width: 152px;
    text-align: left;
}

.part_title {
    width: 100%;
    text-align: left;
}

.part_title strong {
    font-size: 20px;
    font-weight: bold;
}

.part1_left .part_title {
    margin-bottom: 10px;
}

.part1 .part_left {
    height: 696px;
    overflow: hidden;
}

.part1_footer {
    width: 100%;
    height: 396px;
    overflow: hidden;
    margin-top: 10px;
}

.part1_footer ul li {
    width: 100%;
    text-align: center;

}

.part1_footer ul li img {
    width: 100%;
    height: 187px;
    margin: 0px auto 16px;
}

.recommended_box {
    width: 294px;
    float: right;
    overflow: hidden;
    height: 100%;
    height: 50px;
}

.recommended_box span {
    font-size: 14px;
    margin-right: 12px;
    color: #666666;
}

.recommended_box span a {
    color: #666666;
    font-size: 14px;
}

.recommended_more {
    float: right;
    color: #666666;
    background: #eeeeee;
    line-height: 30px;
    border-radius: 4px;
    margin-top: 14px;
    font-size: 14px;
    padding: 0px 6px;
    line-height: 24px;
}

.part_content {
    width: 100%;
    position: relative;
    height: 638px;
    overflow: hidden;
}

.part_content ul li {
    float: left;
    width: 50%;
    text-align: center;
    position: relative;
    padding-top: 14px;
    padding-bottom: 20px;
}

.part_content ul li img, .floor_right ul li .fimg_box, .chpro_img img {
    -webkit-transition: -webkit-transform .2s linear;
    -moz-transition: -moz-transform .2s linear;
    -o-transition: -o-transform .2s linear;
    transition: -webkit-transform .2s linear;
}

.part_content ul li img:hover, .floor_right ul li .fimg_box:hover, .chpro_img:hover img {
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
    transform: translateX(-5px);
}

.part_content ul li .product {
    width: 219px;
    height: 219px;
    margin: 0px auto 0px;
}

.part_content > ul > li h2 {
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 40px;
    padding: 0px 30px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.price_box {
    text-align: left;
    width: 100%;
    padding: 0px 30px;
    line-height: 30px;
}

.price_box .price {
    font-family: 'Arial';
    color: #ea0f0e;
    font-size: 22px;
    font-weight: 400;
}

.price_box .price span {
    font-size: 18px;
    color: #ea0f0e;
    margin-right: 6px;
    font-family: 'Arial';
}

.price_box .price span:nth-of-type(1) {
    font-size: 16px;
}

.buyNow {
    position: absolute;
    bottom: 20px;
    right: 0px;
}

.linel {
    width: 100%;
    height: 1px;
    background: #f0f0f0;
    position: absolute;
    top: 50%;
    left: 0px;
}

.linet {
    height: 100%;
    width: 1px;
    background: #f0f0f0;
    position: absolute;
    top: -20px;
    left: 50%;
}

/*产品库*/
.hot_left {
    width: 96px;
    float: left;
    text-align: center;
}

.hot_left ul li {
    width: 100%;
    height: 78px;
    line-height: 78px;
    color: #666666;
    background: #f6f6f6;
    border-bottom: 1px solid #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.hot_left ul li a {
    font-size: 14px;
}

.hot_left ul li.on a {
    color: #ff5600;
}

.hot_left ul li.on {
    background: #ffffff;
}

.hot_left ul li a {
    color: #666666;
}

.hot_right {
    float: left;
    width: 216px;
    padding: 0px 20px;
    height: 624px;
    overflow: hidden;
}

.hot_box {
    width: 100%;
    overflow: hidden;
    border: 2px solid #f0f0f0;
    text-align: left;
    /*height: 696px;*/
    height: 626px;
}

.commerce_ul {
    width: 100%;
    height: 300px;
    overflow: hidden;
}

.commerce_box {
    border: 2px solid #f0f0f0;
    width: 100%;
    padding: 20px 16px 20px;
}

.commerce_box li {
    padding: 3px 0px;
    border-bottom: 1px dotted #e5e5e5;
}

.freeLink {
    text-align: center;
}

.reeLink {
    width: 100%;
    height: 90px;
}

.c_list_bottom, .freeLink {
    width: 100%;
}

.c_list_bottom {
    line-height: 26px;
    overflow: hidden;
}

.c_t_dot {
    display: block;
    position: absolute;
    width: 2px;
    height: 2px;
    background: #000000;
    left: -12px;
    top: 50%;
}

.c_list_top {
    font-size: 15px;
    position: relative;
    width: 100%;
}

.c_t_tlink {
    width: 100%;
    line-height: 26px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    display: block;
}

.c_b_link1 {
    font-size: 14px;
    color: #999999;
    line-height: 26px;
}

.c_b_link1.fr {
    float: right;
}

.bussinessBox {
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.bussinessBox a {
    display: block;
    width: 33.3%;
    padding: 30px 0px;
    text-align: center;
    float: left;
}

.bussinessBox a img {
    width: 80px;
    height: 80px;
}

.buss_dec {
    font-size: 14px;
    color: #333333;
    height: 56px;
    overflow: hidden;
}

.hot_right .hot_title {
    color: #ff5600;
    line-height: 36px;
    font-size: 14px;
}

.hotNew {
    margin-top: -3px;
    margin-right: 8px;
}

.hot_pic {
    width: 118px;
    height: 118px;
}

.hot_content > ul > li {
    position: relative;
    width: 100%;
    height: 156px;
    line-height: 156px;
    padding: 0px 10px;
    margin-bottom: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

.tips {
    position: absolute;
    left: 10px;
    bottom: 0px;
    width: 156px;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    color: #ffffff;
    background: rgba(0, 0, 0, .4);
    filter: alpha(opacity=40);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#40000000, endColorstr=#40000000);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    text-align: left;
}

.hot_content2 {
    width: 100%;
}

.hot_content2 dl {
    width: 100%;
    font-size: 14px;
    margin-top: 26px;
    height: 38px;
    overflow: hidden;
}

.hot_content2 dl dt {
    color: #333333;
    float: left;
}

.hot_content2 dl dd {
    float: left;
    color: #666666;
    margin-right: 12px;
}

.hot_content2 dl dd a:hover, .hot_content2 dl dd:hover, .shop_list span:hover a {
    color: #ea0f0e;
}

.recommended_hot {
    color: #a9a9a9;
    font-size: 14px;
    margin-left: 10px;
    vertical-align: middle;
}

.bgf9 {
    background: #f9f9f9;
    overflow: hidden;
}

.hotGetmore {
    float: right;
    color: #666666;
    font-size: 14px;
}

.hotList {
    float: right;
    margin-right: 10px;
}

.hotList ul li {
    float: right;
    margin-right: 20px;
    font-size: 14px;
    color: #666666;
}

.hotList ul li a {
    font-size: 14px;
    color: #666666;
}

.part2_content {
    width: 100%;
    overflow: hidden;
    height: 484px;
}

.part2_content ul li {
    width: 252px;
    background: #ffffff;
    padding: 46px 16px 0px;
    position: relative;
    float: left;
    margin-right: 20px;
    height: 158px;
    overflow: hidden;
    margin-top: 20px;
}

.part2_content ul li:hover {
    -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, .1);
    box-shadow: 0px 2px 6px rgba(0, 0, 0, .1);
    -webkit-transition: top .25s ease;
    -o-transition: top .25s ease;
    -moz-transition: top .25s ease;
    transition: top .25s ease;
}

.part2_content ul {
    width: 1216px;
}

.rightIcon {
    position: absolute;
    top: 5px;
    left: 0px;
    display: block;
    width: 91px;
    height: 38px;
    color: #ffffff;
    line-height: 28px;
    text-align: center;
    font-style: normal;
    font-size: 14px;
}

.rightIcon.color1 {
    background: url("../images/title1.png") no-repeat;
}

.rightIcon.color2 {
    background: url("../images/title2.png") no-repeat;
}

.rightIcon.color3 {
    width: 111px;
    height: 37px;
    background: url("../images/title3.png") no-repeat;
}

.rightIcon.color4 {
    background: url("../images/title4.png") no-repeat;
}

.rightIcon.color5 {
    background: url("../images/title5.png") no-repeat;
}

.rightIcon.color6 {
    background: url("../images/title6.png") no-repeat;
}

.rightIcon.color7 {
    background: url("../images/title7.png") no-repeat;
}

.rightIcon.color8 {
    background: url("../images/title8.png") no-repeat;
}

.hotIcon {
    width: 100%;
    overflow: hidden;
    height: 68px;
    margin-bottom: 10px;
}

.hotIcon dt {
    font-size: 14px;
    color: #333333;
    text-align: left;
    font-weight: 500;

}

.hotIcon dt a {
    font-size: 14px;
    color: #333333;
}

.hotIcon dd:hover a {
    color: #ff712a;
}

.hotIcon dd {
    float: left;
    font-size: 12px;
    margin-right: 12px;
    line-height: 24px;
    color: #888888;
}

.hotIcon dd a {
    color: #888888;
    font-size: 12px;
}

.part3 .cen {
    background: #ffffff;
    padding-top: 12px;
    border: 1px solid #f4f4f4;
    padding-bottom: 10px;
}

.part3 ul {
    width: 1201px;
}

.part3 ul li {
    width: 200px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px dotted #dadada;
    border-bottom: 1px dotted #dadada;
    padding-bottom: 5px;
}

.part3 ul > li > a {
    width: 180px;
    height: 180px;
    text-align: center;
    line-height: 180px;
    display: block;
    margin: 10px auto 0px;
}

.part3_img {
    max-width: 180px;
    max-height: 180px;
}

.part3_des {
    margin-top: 10px;
    width: 100%;
    padding: 0px 15px;
    font-size: 12px;
    text-align: left;

}

.part3_des h2 {
    font-weight: 400;
}

.shopName, .part3_des h2 {
    width: 100%;
    display: block;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.shopName {
    color: #999999;
}

.shopName:hover {
    color: #333333;
}

.part3_price {
    width: 100%;
}

.part3_price strong {
    font-size: 14px;
    font-family: 'Arial';
    color: #333333;
}

.part3_price span {
    float: right;
    margin-right: 4px;
}

/*.part4 .part_title {
    line-height: 80px;
}*/

.part4_content {
    width: 100%;
    padding-top: 24px;
    overflow: hidden;
}

.part4_content ul {
    width: 1220px;
}

.part4_content > ul > li {
    width: 548px;
    float: left;
    background: #ffffff;
    padding: 18px 20px;
    margin-right: 20px;
    height: 210px;
    margin-bottom: 20px;
}

.shopItem {
    text-align: left;
    width: 100%;
}

.shopIcon {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 8px;
}

.shop_name {
    color: #333333;
    font-size: 16px;

    vertical-align: middle;
}

.shop_list {
    float: right;
    max-width: 290px;
    text-align: right;
    overflow: hidden;
    height: 21px;

}

.shop_list span {
    margin-right: 15px;
    color: #666666;
    font-size: 14px;
    word-break: break-all;
}

.shop_list span a {
    color: #666666;
    font-size: 14px;
}

.shopImgList {
    padding-right: 100px;
    width: 100%;
    overflow: hidden;
    margin-top: 40px;
    position: relative;
}

.shopImgList ul li {
    width: 105px;
    float: left;
    margin-right: 15px;

}

.shopImgList ul li img {
    width: 105px;
    height: 105px;
}

.piece {
    width: 80px;
    text-align: center;
    position: absolute;
    right: 0px;
    top: 0px;
    padding-top: 20px;
}

.piece strong {
    color: #ff5800;
    font-size: 31px;
    font-family: 'Arial';
    display: block;
}

.piece span {
    color: #adadad;
    font-size: 14px;
}

.bannerList ul li {
    position: relative;
    width: 119px;
    height: 86px;
    float: left;
    text-align: center;
    line-height: 86px;
    border-right: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    overflow: hidden;

}

.bannerList ul li img {
    margin-top: -1px;
    max-width: 100%;
    max-height: 100%;
}

.bannerList .cen {
    background: #ffffff;
    border: 1px solid #ededed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bannerList .cen > ul {
    width: 1210px;
}

.bannerList > ul > li img {
    margin: 0px auto;
    vertical-align: middle;
    max-width: 120px;
    max-height: 86px;
}

.bannerList ul > li:hover .mask {
    display: block;
}

.mask {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    text-align: center;
    position: absolute;
    left: 0px;
    top: 0px;
    line-height: 30px;
    display: none;
    filter: alpha(opacity=50);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#50000000, endColorstr=#50000000);
}

.mask span {
    display: block;
    color: #ffffff;
    margin-top: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.bannerList > ul > li span {
    color: #ffffff;
    font-size: 14px;
}

.bannerList {
    padding-bottom: 20px;
}

.btnEnter {
    background: #f40100;
    border-radius: 12px;
    padding: 4px 10px;
    line-height: 24px;
    color: #ffffff;
    font-size: 12px;
}

/*资讯页面*/
.container {
    width: 100%;
    padding: 35px 0 50px 0;
    background: #f8f8f8;
    margin-bottom:-10px;
}

.container_left {
    float: left;
    width: 840px;
    padding-top: 30px;
    background: #ffffff;
    margin-bottom: 50px;
}

.crumbs-bar {
    color: #bbbbbb;
    font-size: 14px;
    line-height: 30px;
    padding: 0px 40px;
}

.crumbs-bar a {
    color: #bbbbbb;
    font-size: 14px;
}

.new_list {
    width: 100%;
    padding: 0px 40px;
    min-height: 654px;
}

.new_list ul li {
    cursor: pointer;
    width: 100%;
    /*  height: 106px;*/
    padding: 24px 0px 18px;
    border-bottom: 1px solid #eeeeee;
}

.new_list ul li:hover {
    background: #fcfcfc;
}

.new_list .newPic {
    width: 160px;
    height: 106px;
    float: left;
}

.list_type .newItem-title {
    height: 38px;
    padding: 8px 10px 8px 20px;
    background-color: #f3f3f3;
}

.newItem-title .newItem_l {
    color: #da2518;
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
    height: 16px;
    line-height: 16px;
    border-left: 3px solid #e66d69;
    padding-left: 16px;
    font-weight: bold;
}

.newItem-title .newItem_r {
    float: right;

}

.newItem-title .newItem_r img {
    width: 18px;
    height: 18px;
}

.new_dec_company {
    font-size: 14px;
    color: #999999;
    text-align: right;
    width: 100%;
    margin-top: 22px;
}

.new_dec {
    width: 100%;
    text-align: left;
}

.ultype1 ul li, .newItem-content {
    width: 100%;
}

.ul2_dot {
    background: #da2518;
    display: block;
    width: 2px;
    height: 2px;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -1px;
}

.ultype2 {
    height: 262px;
    overflow: hidden;
}

.type1 .ultype2 {
    height: 800px;
}

.ultype2 li {
    position: relative;
    padding-left: 14px;
    line-height: 26px;
}

.ultype2 li a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 20px;
    font-size: 14px;
}

.newItem-content {
    padding: 20px 20px 13px;
}

.imgTime {
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin-right: 2px;

}

.new_dec .h1, .new_dec > h1 {
    padding-left: 23px;
    font-size: 22px;
    background: url("../images/react.png") 0px 12px no-repeat;
    margin-bottom: 10px;
    color: #111111;
    line-height: 30px;

}

.new_dec p, .new_dec_time {
    color: #666666;
    font-size: 14px;
}

.new_dec_time {
    margin-top: 10px;
}

.new_dec p {
    color: #999999;
    line-height: 22px;
    height: 44px;
    overflow: hidden;
}

.time_text {
    font-size: 14px;
    color: #bababa;
    vertical-align: middle;
}

.new_list ul li:hover .new_dec .h1, .new_list ul li:hover .new_dec h1 {
    color: #c00;
}

.page_wrapper {
    width: 100%;
    margin: 54px 0px;
    text-align: center;
}

.page_wrapper.type1 .pagination li.active {
    background: #5499ee;
    border: 1px solid #5499ee;
}

.pagination li a {
    font-size: 14px;
}

.pagination li {
    display: inline-block;
    height: 36px;
    margin: 0px 4px;
    border: 1px solid #e6e6e6;
    background: #ffffff;
    padding: 0px 14px;
    line-height: 36px;
}

.pagination li.active {
    background: #f23d40;
    border: 1px solid #f23d40;
}

.pagination li.active a {
    color: #ffffff;
}

.pagination li.first, .pagination li.last, .pagination li.prev, .pagination li.next {
    padding: 0px 12px;
}

.pagination .disabled {
    cursor: not-allowed;
    background-color: #eeeeee;
}

.container_right {
    float: left;
    width: 340px;
    margin-left: 20px;
}

.list_type {
    width: 100%;
    background: #ffffff;
    overflow: hidden;
}

.list_title {
    width: 100%;
    text-align: left;
    padding-left: 10px;
    background: #f3f3f3;
    line-height: 38px;
    border-left: 12px solid #e9e9e9;
}

.list_content {
    padding: 20px 14px 12px;
    width: 100%;
    background: #ffffff;
}

.redstrip {
    background: #fe4801;
    display: block;
    float: left;
    margin-right: 14px;
    width: 18px;
    height: 18px;
    color: #ffffff;
    border-radius: 4px;
    text-align: center;
}

.strip {
    text-align: center;
    background: #c8c7c7;
    display: block;
    float: left;
    margin-right: 14px;
    width: 18px;
    height: 18px;
    color: #ffffff;
    border-radius: 4px;
}

.new_strip ul {
    height: 299px;
    overflow: hidden;
}

.new_strip ul li {
    color: #333333;
    margin-bottom: 9px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.new_strip ul li a {
    font-size: 14px;
    color: #666666;
}

.new_strip ul li a i {
    font-size: 12px;
    line-height: 18px;
    margin-top: 2px;
}

.new_strip ul li:hover a {
    color: #c00;
}

.new_strip ul li:nth-of-type(1) a, .new_strip ul li:nth-of-type(2) a, .new_strip ul li:nth-of-type(3) a {
    color: #333333;
}

.hotproduct li {
    border: 1px solid #eeeeee;
    margin-bottom: 20px;
    padding: 20px 0px 20px;
}

.list_content.hotproduct {
    padding: 20px 20px 0px;
}

.hotprImg {
    float: left;
    width: 88px;
    height: 88px;
    margin-left: 20px;
}

.hotdec_text {
    text-align: left;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    font-size: 14px;
}

.hotdec {
    width: 100%;
    height: 87px;
    padding-left: 116px;
    padding-right: 14px;
}

.hotprice {
    margin-top: 10px;
    text-align: left;
}

.hotprice strong {
    color: #fe0400;
    font-size: 14px;
}

.getbuy {
    background: #ffa800;
    color: #ffffff;
    border-radius: 4px;
    float: right;
    padding: 4px 10px;
    margin-top: -4px;
    font-size: 14px;
}

/*咨讯页面-详情*/
.detail {
    width: 100%;
    background: #ffffff;
    padding: 24px 40px;
    text-align: left;
}

.detail_content img {
    max-width: 100%;
    vertical-align: middle;
    margin: 0px auto;

}

.detail_title, .detail_content {
    border-bottom: 1px solid #eeeeee;
}

.detail_title.type1 {
    padding-bottom: 36px;
}

.detail_title .h1, .detail_title h1 {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
}

.detail_title p {
    margin: 20px auto;
}

.detail_title p span {
    color: #999999;
    font-size: 14px;
}

.detail_c_name {
    color: #999999;
    font-size: 14px;
    position: absolute;
    left: 50%;
    top: -12px;
    margin-left: -34px;
    background: #ffffff;
    padding: 0px 8px;
}

.detail_c_name:hover, .crumbs-bar a:hover {
    color: #333333;
}

.detail_content {
    position: relative;
    padding-top: 39px;
    padding-bottom: 38px;
}

.detail_content p {
    color: #666666;
}

.page_box {
    width: 100%;
    padding-top: 48px;
    overflow: hidden;

}

.pages {
    margin-bottom: 14px;
    width: 100%;
    float: left;
}

.p2 {
    line-height: 30px;
}

.pageBtn {
    display: block;
    width: 82px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    color: #999999;
    font-size: 14px;
    float: left;
    background: #f4f4f4;
    border: 1px solid #eeeeee;
}

.pages span {
    font-size: 14px;
    display: block;
    float: left;
    margin-top: 8px;
    margin-left: 18px;
    color: #666666;
}

.Prstore {
    padding-top: 20px;
    width: 100%;
}

.Prstore.mt10 {
    padding-top: 10px;
}

.Prstore_left {
    width: 200px;
    float: left;
    text-align: left;
    /*height: 440px;*/

}

/*.classFity ul{*/
/*height: 400px;*/
/*overflow: hidden;*/
/*}*/
.cate_pop {
    position: absolute;
    left: 200px;
    top: -40px;
    width: 752px;
    height: 440px;
    overflow-y: auto;
    border-bottom: 1px solid #ffe7db;
    border-right: 1px solid #ffe7db;
    border-top: 1px solid #ffe7db;
    z-index: 9999;
    background: #ffffff;
    padding: 30px;
    display: none;
}

.cate_pop_item {
    width: 100%;
    overflow: hidden;
    display: none;
}

.cate_pop_item dl {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.cate_pop_item dl dt {
    float: left;
}

.cate_pop_item dl dd {
    width: 574px;
    padding-left: 92px;
    color: #eeeeee;
    line-height: 24px;
    font-size: 12px;
}

.cate_pop_item dl dt a {
    font-weight: 600;
    font-size: 12px;
}

.cate_pop_item dl dd a {
    color: #888888;
    font-size: 12px;
    word-break: keep-all;
    padding: 0px 8px;
    border-left: 1px solid #eeeeee;
}

.classFity {
    width: 100%;
    position: relative;
    height: 400px;
}

.classFity ul {
    height: 400px;
    overflow: hidden;
}

.classFity ul li {
    width: 186px;
    height: 43px;
    line-height: 43px;
    /*padding-left: 14px;*/
    background: #fff2ec;
    border-bottom: 1px solid #ffffff;
    font-size: 15px;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
    padding: 0px 7px;
}

.classFity ul li span {
    margin: 0px 4px;
    cursor: pointer;
    color: #333333;
    word-break: break-all;
    word-wrap: break-word;
    font-size: 14px;

}

.classFity ul li:hover {
    background: #ffe7db;
}

.Prstore_left ul li span:hover, .Prstore_left ul li span a:hover {
    color: #ff5601;
}

.Prstore_left .first {
    height: 40px;
    background: #e02828;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
    width: 100%;
    padding-left: 16px;
    position: relative;
}

.Prstore_rarea {
    margin-left: 12px;
    width: 988px;
    float: left;
}

.Prstore_center {
    float: left;
    margin: 0px 10px;
    width: 706px;
}

.Prstore_center .slideBox.type1 .banner_prev, .Prstore_center .slideBox.type1 .banner_next {
    margin-top: 0px;
}

.Prstore_center .slideBox ul li {
    height: 440px;
}

.Prstore_center .slideBox ul li img {
    width: 100%;
    height: 100%;
}

.Prstore_right {
    float: left;
    width: 274px;
    background: #ffffff;
}

.Prstore_r_title {
    color: #666666;
    text-align: center;
    padding: 0px 0px 0px;
    line-height: 44px;
    background: url("../images/bline.png") center bottom no-repeat;
}

.lines1, .lines2 {
    width: 32px;
    height: 3px;
    display: inline-block;
    vertical-align: middle;
}

.product_warp .Prstore_r_title {
    margin-top: 60px;
}

.product_warp {
    height: 420px;
    background: #ffffff;
}

.product_warp ul {
    width: 1000px;
}

.product_warp ul li {
    float: left;
    width: 240px;
    margin-right: 10px;
    height: 216px;
    margin-bottom: 10px;

}

.product_warp ul li .p_img {
    width: 100%;
    position: relative;
    text-align: center;
}

.product_warp ul li:hover {
    -moz-box-shadow: 0px 2px 14px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0px 2px 14px rgba(0, 0, 0, .1);
    box-shadow: 0px 2px 14px rgba(0, 0, 0, .1);
    -webkit-transition: top .25s ease;
    -o-transition: top .25s ease;
    -moz-transition: top .25s ease;
    transition: top .25s ease;
}

.p_img a img {
    width: 110px;
    height: 110px;
    margin: 36px auto 30px;
}

.p_img .newArrow {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 50px;
    height: 50px;
}

.p_dec {
    width: 100%;
    padding: 0px 16px;
}

.p_dec p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
}

.lines1 {
    margin-right: 22px;
    background: url("../images/lineCircles.png") no-repeat;
}

.lines2 {
    margin-left: 22px;
    background: url("../images/lineCircle.png") no-repeat;
}

.letter {
    color: #999999;
    font-family: 'Arial';
    font-size: 14px;
    line-height: 42px;
    text-align: center;
}

.letter strong {
    color: #ff3333;
    font-size: 26px;
    margin-right: 4px;
}

.Prstore_item {
    position: relative;
    margin-top: 12px;
    width: 275px;
    height: 162px;
    overflow: hidden;
}

.Prstore_img {
    width: 275px;
    height: 162px;
    -webkit-transition: transform .4s ease-in-out;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
}

.hotClass_content ul li img {
    -webkit-transition: transform .4s ease-in-out;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
}

.Prstore_img:hover, .hotClass_content ul li:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: transform .4s ease-in-out;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
}

.pr_tips {
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 40px;
    text-align: left;
    padding-left: 14px;
    line-height: 40px;
    color: #ffffff;
    position: absolute;
    left: 0px;
    bottom: 0px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.clearix {
    clear: both;
}

.latest {
    width: 100%;
    text-align: center;
    line-height: 50px;
}

.latestTitle {
    font-weight: bold;
    line-height: 30px;
}

.newRecord {
    width: 100%;
    border-top: 1px solid #e5e5e5;
    overflow: hidden;
    text-align: left;
    margin-bottom: 32px;
}

.newRecord ul {
    width: 1210px;
}

.newRecord ul li {
    float: left;
    width: 234px;
    background: #ffffff;
    margin-right: 8px;
    text-align: center;

}

.newRecord ul li .Reco_box {
    width: 208px;
    height: 208px;
    margin: 12px auto 18px;
    overflow: hidden;
    text-align: center;
}

.newRecord ul li img {
    height: 100%;
    width: auto;
    margin: 0px auto;
}

.arUp {
    display: block;
    float: right;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    margin-top: 10px;
    background: url("../images/arUp.jpg");
    cursor: pointer;
}

.newRecord ul li .newRecord_dec {
    color: #333333;
    font-size: 14px;
    line-height: 22px;
    padding: 0px 14px 0px;
    margin-bottom: 20px;
    text-align: left;
    overflow: hidden;
    height: 44px;
}

.newRecord ul li .newRecord_dec h1 {
    font-size: 14px;
    color: #333333;
}

.floor, .classList {
    width: 100%;
    overflow: hidden;
}

.floor .color1 {
    background: url("../images/bg1.jpg") no-repeat;
}

.floor .color2 {
    background: url("../images/bg2.jpg") no-repeat;
}

.floor .color3 {
    background: url("../images/bg3.jpg") no-repeat;
}

.floor .color0 {
    background: url("../images/bg4.jpg") no-repeat;
}

.floor .color1 .classList dt a {
    background-color: #ffa032;
    border: 1px solid #ff951a;
    color: #ffffff;
}

.floor .color2 .classList dt a {
    background-color: #3ea4ff;
    border: 1px solid #4ab6e5;
    color: #ffffff;
}

.classList dt a {
    font-size: 14px;
    font-weight: bold;
}

.classList dd a {
    font-size: 14px;
}

.color3 .classList dt a {
    background-color: #2dba9a;
    border: 1px solid #2cb697;
    color: #ffffff;
}

.color0 .classList dt a {
    background-color: #b072eb;
    border: 1px solid #ab62e8;
    color: #ffffff;
}

.floor_left {
    padding: 12px 2px 0px 12px;
    width: 200px;
    height: 382px;
    overflow: hidden;
    float: left;
    margin-bottom: 30px;
}

.floor_left h1 {
    font-size: 24px;
    font-weight: bold;
    line-height: 50px;
}

.floor_left h1 strong {
    color: #ffffff;
    border-bottom: 2px solid #ffffff;
    font-size: 24px;
}

.floor_left h1 strong span {
    color: #ffffff;
    font-size: 24px;
    padding-left: 8px;
    margin-left: 4px;
    background: url("../images/fcircle.png") left center no-repeat;
}

.classList dt {
    color: #ffffff;
    display: block;
    height: 26px;
    line-height: 26px;
    clear: both;
    margin-top: 6px;
    text-align: left;
}

.classList dt a {
    padding: 2px 4px;
}

.classList dd a {
    color: #ffffff;
}

.classList dd {
    float: left;
    color: #ffffff;
    margin-right: 8px;
    line-height: 24px;
    margin-top: 6px;
}

.floor_right {
    float: left;
    width: 1000px;
    border-bottom: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
}

.floor_right ul li {
    width: 332px;
    float: left;
    background: #ffffff;
    border-top: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
}

.floor_right ul li .fimg_box {
    width: 128px;
    height: 128px;
    line-height: 128px;
    overflow: hidden;
    float: left;
    margin: 30px 20px 31px 30px;
    text-align: center;
}

.floor_right ul li img {
    width: 100%;
    height: auto;
    margin: 0px auto;
}

.floor_right ul li:hover .productDes h1, .floor_right ul li:hover .productDes h1 a, .Latest_dec h2:hover, .ch_pr_list ul li .ch_pr_dec h2:hover {
    color: #cc0000;
}

.productDes {
    width: 124px;
    float: left;
    margin-top: 50px;
    line-height: 30px;
}

.productDes h1 {
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    font-size: 14px;
    color: #333333;
}

.productDes p {
    color: #999999;
    font-size: 12px;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    margin-top: 4px;
}

.fp-lift {
    display: none;
}

.mui-lift {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 9999;
    width: 75px;
    margin-top: -176px;
    text-align: center;
    margin-left: -692px !important;
}

.mui-lift .mui-lift-nav {
    position: relative;
    display: block;
    width: 76px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    margin-top: 1px;
    background-color: #666;
    background-color: rgba(0, 0, 0, .6);
    overflow: hidden;
    font-size: 12px;
}

.backicon {
    display: block;
    width: 16px;
    height: 8px;
    margin: 10px auto 0px;
    background: url("../images/up.png") no-repeat;
}

.mui-lift-nav.nav-header {
    background: #ff0036;
}

.mui-lift-nav-name span {
    display: block;
    /* line-height: 20px;*/
    color: #ffffff;
    font-size: 12px;
}

.mui-lift-nav.nav-back {
    background: #dfdfdf;
}

.nav-content {
    width: 75px;
}

.backtext {
    line-height: 24px;
}

.nav-content .mui-lift-nav:hover, .nav-content .mui-lift-nav.active {
    background: #46acff;
}

.Latest_box {
    width: 100%;
    margin-top: 20px;
    background: #ffffff;
    padding-bottom: 10px;
    /* overflow: hidden;*/
    border-bottom: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
}

.Latest_box h1 {
    font-size: 16px;
    font-weight: bold;
}

.Latest_title {
    /*height: 46px;*/
    /*line-height: 46px;*/
    height: 40px;
    line-height: 40px;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    width: 100%;
    padding-left: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*background: #f4f4f4;*/
    font-weight: bold;
    font-size: 15px;
    color: #666666;
}

.Latest_box ul li {
    width: 100%;
    margin-bottom: 16px;
    padding: 0px 16px 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.Latest_img {
    margin-top: 12px;
    width: 170px;
    height: 170px;
}

.Latest_dec {
    width: 100%;
}

.Latest_dec h2 {
    margin-top: 4px;
}

.Latest_dec h2, .Latest_dec p {
    font-size: 12px;
    line-height: 20px;
}

.Latest_dec p {
    color: #999999;
}

/*产品库列表*/
.PductLIst {
    margin-left: 30px;
    float: left;
    width: 970px;
}

.seat {
    line-height: 40px;
    text-align: left;
    width: 100%;
}

.seat a {
    color: #777777;
    font-size: 14px;
}

.Parrow {
    margin: 0px 8px;
    background: url("../images/riarrow.png") no-repeat;
    display: inline-block;
    width: 6px;
    height: 9px;
    vertical-align: middle;
}

.select1 {
    width: 120px;
    border: 1px solid #dddddd;
    height: 26px;
}

.seatAll {
    font-size: 18px;
    font-weight: bold;
    color: #666666;
}

.sort {
    margin-top: 16px;
    width: 100%;
    background: #fafafa;
    padding: 8px 18px 12px;
    overflow: hidden;
    position: relative;
}

.sortTitle, .sortdeleBtn {
    float: left;
    color: #666666;
    font-size: 12px;
}

.sortTitle {
    padding-top: 4px;
}

.sortdeleBtn {
    position: absolute;
    right: 10px;
    top: 12px;
}

.sortdeleBtn img {
    margin-right: 8px;
    cursor: pointer;
}

.sortContent {
    width: 100%;
    padding-left: 64px;
    padding-right: 64px;
    min-height: 22px;
}

.sortItem {
    padding: 2px 10px;
    border: 1px solid #dddddd;
    font-size: 12px;
    margin-right: 16px;
    display: inline-block;
    margin-bottom: 4px;
}

.sortItem em {
    color: #ff5601;
    display: inline-block;
}

.sortclose {
    display: inline-block;
    width: 9px;
    height: 9px;
    background: url("../images/close.png") no-repeat;
    cursor: pointer;
    margin-left: 8px;
}

.class_divs {
    width: 100%;
    border-top: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    font-size: 12px;
    margin-top: 14px;
}

.class_divs ul li {
    border-bottom: 1px dotted #e6e6e6;
    padding: 12px 20px 0px;
    overflow: hidden;
}

.click_more {
    float: right;
    margin-right: 36px;
    color: #333333;
}

.click_more.opened span {
    color: #ff6602;
}

.click_more span {
    margin-right: 4px;
    vertical-align: middle;
    color: #666666;
}

.channel_wrap .click_more.opened .moreIcon {
    background: url("../images/packs.png") no-repeat;
}

.channel_wrap .click_more.opened span {
    color: #4590ec;
}

.moreIcon {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background: url("../images/pull.png") no-repeat;
    margin-left: 4px;
}

.click_more.opened .moreIcon {
    background: url("../images/Pack.png") no-repeat;
}

.class_title, .nolimit, .class_list {
    float: left;
    color: #666666;
}

.class_title {
    width: 80px;
    text-align: right;
    display: block;
}


.sl-price {
    float: right;
    margin-bottom: 4px;
    margin-top: -2px;
}

.sl-price .input-txt {
    width: 38px;
    padding: 1px;
    float: left;
    height: 17px;
    line-height: 17px;
    border: 1px solid #CCC;
}

.btns-default {
    margin-left: 5px;
    float: left;
    line-height: 14px;
    height: 14px;
    border-radius: 2px;
    background: #F7F7F7;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid #DDD;
    padding: 3px 13px 4px;
    color: #666;
    background-color: #f7f7f7;
    background-repeat: repeat-x;
    background-image: linear-gradient(top, #f7f7f7, #f2f2f2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#f2f2f2', GradientType=0);
}

.sl-price em {
    line-height: 21px;
    padding: 0 3px;
    color: #CCC;
    float: left;
}

.nolimit {
    margin-left: 20px;
    background: #ff6602;
    padding: 2px 4px;
}

.class_list {
    margin-left: 30px;
    text-align: left;
    max-width: 656px;
    height: 28px;
    overflow: hidden;
}

.class_list.more {
    height: auto;
    max-height: 130px;
    overflow-y: auto;
}

.class_list a {
    padding: 0px 4px;
    display: inline;
    color: #666666;
    margin-right: 18px;
    margin-bottom: 12px;
    float: left;
}

.class_list a.on {
    background: #ff6602;
    color: #ffffff;
}

.class_list a:hover {
    background: #ff6602;
    color: #ffffff;
    padding: 0px 4px;
}

.s-more {
    text-align: center;
    position: relative;
    top: -1px;
    clear: both;
    border-top: 1px solid #e6e6e6;
    -webkit-transition: border-color .15s ease-in-out;
    -moz-transition: border-color .15s ease-in-out;
    transition: border-color .15s ease-in-out;
    background: #f5f5f5;
    padding-bottom: 4px;
}

.sm-wrap {
    position: relative;
    display: inline-block;
    margin-top: -1px;
    height: 24px;
    line-height: 24px;
    padding: 0 40px 28px;
    border-width: 1px;
    border-style: solid;
    border-color: #FFF #e6e6e6 #e6e6e6;
    background: #fff;
    cursor: pointer;
    -webkit-transition: border-color .15s ease-in-out;
    -moz-transition: border-color .15s ease-in-out;
    transition: border-color .15s ease-in-out;
}

.sm-wrap span {
    color: #999999;
    font-size: 12px;
}

.s-more .sm-wrap i {
    position: absolute;
    right: 28px;
    top: 12px;
    display: inline-block;
    width: 10px;
    height: 6px;
    background: url(../images/downs.png) no-repeat 0px 0px;
}

.s-more .sm-wrap.opened i {
    background: url(../images/ups.png) no-repeat 0px 0px;
}

.PductLIst_list {
    margin-top: 30px;
    width: 100%;
    overflow: hidden;
    border: 1px solid #f0f0f0;

}

.PductLIst_list ul li {
    width: 25%;
    float: left;
    height: 294px;
    overflow: hidden;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    position: relative;

}

.PductLIst_list ul li img {
    height: 100%;
    width: auto;
    margin: 0px auto;
}

.PductLIst_list ul li .imgbox1 {
    width: 213px;
    height: 213px;
    margin: 10px auto 0px;
    overflow: hidden;
    text-align: center;
}

.PductLIst_list ul li .lookMore_box, .PductLIst_list ul li h2 {
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
}

.PductLIst_list ul li:hover {
    border: 1px solid #f89698;
}

.PductLIst_list ul li:hover .lookMore_box {
    bottom: 0px;
}

.PductLIst_list ul li:hover h2 {
    opacity: 0;
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
}

.PductLIst_dec {
    width: 100%;
    text-align: left;
    margin-top: 10px;
    padding: 0px 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.PductLIst_dec h2 {
    font-size: 14px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.PductLIst_dec p {
    font-size: 12px;
    color: #666666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.buttons2:hover .w-wecode {
    display: block;
}

.lookMore_box {
    position: absolute;
    bottom: -60px;
    height: 60px;
    background: #FFFFFF;
    width: 100%;
    left: 0px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.lookMore {
    margin-left: 15px;
    margin-bottom: 14px;
    background: #ff3f3f;
    color: #ffffff;
    font-size: 12px;
    display: block;
    width: 74px;
    height: 30px;
    text-align: center;
    line-height: 30px;
}

/*产品库参数*/
.productParam {
    width: 100%;
    float: left;
}

.productParam_right {
    float: right;
    width: 200px;
}

.productParam_right .newItem-content {
    border-bottom: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
}

.productParam_left {
    width: 970px;
    float: left;
}

.productParam_left p {
    font-size: 14px;
    color: #666666;
}

.productname {
    font-size: 30px;
    color: #333333;
    text-align: left;
    font-weight: bold;
    margin: 10px auto;
}

.Paramshuffling {
    border: 1px solid #eeeeee;
    position: relative;
    overflow: hidden;
    margin-top: 10px;
}

.Paramshuffling ul li .Param_box {
    width: 100%;
    height: 100%;
}

.Paramshuffling ul li {
    width: 322px;
    float: left;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #eeeeee;
    height: 324px;
    line-height: 324px;
    overflow: hidden;
}

.Paramshuffling ul li img {
    max-width: 322px;
    max-height: 324px;
}

.Paramshuffling .banner_prev, .Paramshuffling .banner_next {
    position: absolute;
    margin-top: -35px;
    top: 50%;
    z-index: 99;
}

.bgff {
    display: block;
    width: 10px;
    background-color: #ffffff;
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    z-index: 33;
}

.ParaLine1, .ParaLine2 {
    position: absolute;
    top: 0px;
    width: 1px;
    height: 324px;
    display: block;
    background-color: #eeeeee;
}

.Paramshuffling .bd {
    float: left;
    display: inline;
    height: 324px;
    overflow: hidden;
    width: 100%;

}

.Paramshuffling .banner_prev {
    left: 0px;
}

.Paramshuffling .banner_next {
    right: 0px;
}

.Paramshuffling, .table {
    width: 100%;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
}

.table {
    margin-top: 20px;
    margin-bottom: 160px;
    border-right: 1px solid #ededed;
}

.table table {
    width: 100%;

}

.table thead {
    background: #ededed;
    font-weight: bold;
}

.table th {
    padding: 10px;
    font-weight: bold;
    font-size: 16px;
}

.table tbody tr {
    border: 1px solid #ededed;
}

.table tbody tr th {
    background: #f8f8f8;
    text-align: center;
    vertical-align: top;
    padding: 28px 0 0 0px;
}

.table tbody tr td {
    padding: 18px;
    line-height: 40px;
}

.param_content {
    padding: 6px 20px 8px 20px;
}

.category_param_list li {
    position: relative;
    padding: 2px 0 2px 138px;
    line-height: 26px;
    _zoom: 1;
    word-wrap: break-word;
    color: #666;
}

.category_param_list li span {
    font-size: 14px;
    color: #666;
    display: block;
    line-height: 34px;
}

.param_name {
    position: absolute;
    left: 0;
    top: 2px;
    font-weight: bold;

}

/*渠道首页*/
.channel_center {
    float: left;
    margin: 0px 10px;
    width: 720px;
    background: #ffffff;
}

.channel_center .slideBox {
    height: 270px;
}

.channel_center .slideBox .hd ul {
    overflow: hidden;
    zoom: 1;
    float: left;
    display: inline;
}

.channel_center .slideBox .hd ul li {
    float: left;
    width: 26px;
    height: 6px;
    cursor: pointer;
    display: inline;
    margin-right: 6px;
    opacity: 0.5;
    background: #ececec;
    filter: alpha(opacity=50);
    border-radius: 0px;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#40ececec, endColorstr=#40ececec);
}

.slideBox .hd ul li.on {
    background: #ffffff;
    opacity: 1;
    filter: alpha(opacity=100);
}

.channel_center .slideBox .bd ul li img {
    width: 720px;
    height: 270px;
}

.channel_product {
    width: 100%;
    height: 170px;
    padding-top: 14px;
    padding-bottom: 12px;
    overflow: hidden;
}

.channel_product ul li {
    float: left;
    width: 142px;
    margin-bottom: 30px;
    border-right: 1px solid #f5f5f5;
}

.chpro_info {
    width: 100%;
    padding: 0px 15px;
}

.getMore {
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
}

.getMore a {
    background: #eeeeee;
    color: #999999;
    font-size: 16px;
    text-align: center;
    padding: 12px 85px;
    border-radius: 22px;
}

.chpro_name {
    display: block;
    margin: 10px auto 0px;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chpro_img {
    width: 90px;
    height: 90px;
    margin: 0px auto;
    overflow: hidden;
}

.chpro_img img {
    max-width: 90px;
    max-height: 90px;
}

.chpro_info strong {
    margin: 10px auto 0px;
    font-size: 14px;
    color: #ff3333;
    display: block;
}

.channel_right {
    float: right;
    width: 250px;
}

.login_box {
    height: 166px;
    width: 100%;
    border: 1px solid #deeeff;
    text-align: center;
    -moz-box-shadow: 3px 5px 15px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 3px 5px 15px rgba(0, 0, 0, .1);
    box-shadow: 3px 5px 15px rgba(0, 0, 0, .1);
    -webkit-transition: top .25s ease;
    -o-transition: top .25s ease;
    -moz-transition: top .25s ease;
    transition: top .25s ease;
    font-size: 12px;
}

/*.shadow{
    -moz-box-shadow: 0px 5px 24px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0px 5px 24px rgba(0, 0, 0, .1);
    box-shadow: 0px 5px 24px rgba(0, 0, 0, .1);
    -webkit-transition: top .25s ease;
    -o-transition: top .25s ease;
    -moz-transition: top .25s ease;
    transition: top .25s ease;
}*/
.ov1 .cen, .bgffshadow .cen {
    overflow: visible;
}

/*渠道颜色不样*/
.channel_wrap .Prstore_left .first {
    background: #2f82e9;
}

.channel_wrap .classFity ul li {
    background: #deeeff;
    border-bottom: 1px solid #FFFFFF;
}

.channel_wrap .classFity ul li:hover {
    background: #ffffff;
}

.channel_wrap .classFity ul li a:hover, .channel_wrap .classFity ul li span:hover {
    color: #106fe4;
}

.channel_wrap .cate_pop {
    border-bottom: 1px solid #bbdcff;
    border-right: 1px solid #bbdcff;
    border-top: 1px solid #bbdcff;
    width: 736px;
}

.channel_wrap .PductLIst .sortItem em {
    color: #2f82e9;
}

.channel_wrap .sortclose {
    background: url("../images/close2.png") no-repeat;
}

.channel_wrap .class_list a.on, .channel_wrap .class_list a:hover {
    background: #4d95ed;
}

.HeadPic {
    margin: 8px auto 0px;
    width: 59px;
    height: 59px;
    border-radius: 50%;
}

.login_box p {
    line-height: 24px;
}

.btn1_box {
    margin-top: 10px;
    width: 100%;
    text-align: center;
}

.entery {
    margin-top: 18px;
    width: 100%;
    border: 1px solid #f5f5f5;
}

.tab {
    width: 100%;
    height: 34px;
    line-height: 34px;
}

.tab_left {
    display: block;
    width: 100px;
    background: #ffffff;
    float: left;
    padding-left: 20px;
    font-size: 16px;
}

.tab_right {
    background: #f7f7f7;
    width: 117px;
    float: left;
    display: block;
    color: #b7b7b7;
    padding-right: 10px;
    border-left: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
    text-align: right;
    font-size: 12px;
}

.entery_box {
    width: 100%;
    height: 220px;
    overflow: hidden;
}

.entery_box ul li {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 30px;
}

.entery_box ul li a {
    color: #444444;
    font-size: 14px;
    cursor: none;
}

.en_dian {
    display: inline-block;
    *display: inline;
    width: 8px;
    height: 8px;
    background: url("../images/dian.jpg");
    zoom: 1;
    margin: 0px 10px;
}

.proIn_dealers {
    width: 100%;
    overflow: hidden;
    margin-top: 12px;
    margin-bottom: 22px;
}

.prdeitem {
    width: 588px;
    float: left;
}

.proIn {
    margin-right: 20px;
}

/*.proIn.prdeitem {*/
/*width: 376px;*/
/*}*/

.proIn .prdeitem_content ul > li a, .oranFont {
    font-size: 14px;
}

.proIn .prdeitem_content ul {
    /*width: 600px;*/
    width: 100%;
}

.proIn .prdeitem_content ul > li {
    border-bottom: 1px dotted #eeeeee;
    font-size: 14px;
    line-height: 30px;
    /*margin-right: 20px;*/
    padding-right: 20px;
    width: 50%;
    /*width: 280px;*/
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.prdeitem_title {
    font-size: 16px;
    width: 100%;
    background: #f7f7f7;
    height: 30px;
    line-height: 30px;
}

.prdeitem_title strong {
    border-left: 2px solid #2f82e9;
    padding-left: 10px;
    font-size: 16px;
}

.prdeitem_content {
    width: 100%;
    height: 140px;
    overflow: hidden;
    padding-top: 14px;
}

.getticket_link {
    width: 200px;
    float: left;
    margin-right: 16px;
}

.getticket_link img {
    width: 200px;
    height: 170px;
}

.oranFont {
    color: #2f82e9;
    margin-left: 4px;
}

.dealers ul {
    width: 618px;
}

.dealers ul li {
    float: left;
    width: 108px;
    margin-right: 12px;
}

.prdeImg {
    width: 106px;
    height: 94px;
    margin: 0px auto;
    overflow: hidden;
    border: 1px solid #f0f0f0;
    text-align: center;
    line-height: 94px;
}

.prdeImg img {
    max-height: 106px;
    max-width: 94px;
    vertical-align: middle;
}

.prdeDec {
    text-align: center;
    line-height: 30px;
    font-size: 12px;
}

.sfloor_content, .sfloor_content, .brand_list {
    width: 100%;
}

.sfloor_content {
    height: 325px;
    margin-bottom: 8px;
}

.advertising img {
    width: 100%;
    height: auto;
}

.sfloor, .advertising {
    width: 100%;
    margin-bottom: 20px;
}

.sfloor_title {
    line-height: 40px;
    border-bottom: 2px solid #2f82e9;
    height: 40px;
}

.title_l {
    float: left;
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
}

.title_r {
    float: right;
}

.recommended_nav {
    height: 38px;
    width: 226px;
    background: #2f82e9;
    color: #ffffff;
    display: inline-block;
    vertical-align: middle;
    line-height: 38px;
    margin-bottom: 2px;
    font-size: 16px;
    text-align: center;
}

.title_piece {
    margin-right: 14px;
    font-size: 12px;
}

.title_piece i {
    color: #2f82e9;
    margin: 0px 8px;
}

.sfloor_left {
    float: left;
    width: 222px;
    padding-top: 12px;
    height: 322px;
    overflow: hidden;
}

.sfloor_left h1 {
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    line-height: 30px;
}

.brand_list {
    overflow: hidden;
    margin-top: 10px;
}

.brand_list ul {
    width: 232px;
}

.brand_list ul li {
    float: left;
    width: 102px;
    height: 40px;
    border: 1px solid #ececec;
    margin-right: 12px;
    margin-bottom: 12px;
    text-align: center;
    line-height: 40px;
    position: relative;
}

.brand_list ul li img {
    max-width: 104px;
    max-height: 36px;
}

.showbox {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 36px;
    vertical-align: middle;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, .6);
    filter: alpha(opacity=60);
    background: #000000 \9;
    display: none;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#80000000, endColorstr=#80000000);
}

.showbox a {
    color: #ffffff;
    font-size: 14px;
}

.brand_list ul li:hover .showbox {
    display: block;
}

.sfloor_center {
    float: left;
    width: 722px;
    height: 309px;
    overflow: hidden;
    margin-top: 12px;
    margin-left: 20px;
}

.class_item, .hotClass {
    width: 100%;
    overflow: hidden;
}

.hotClass {
    clear: both;
    padding-top: 10px;
}

.class_item dl {
    width: 33.3%;
    float: left;
    margin-top: 16px;
    margin-bottom: 14px;
}

.class_item dd {
    margin: 10px 8px 0px;
    font-size: 12px;
    height: 44px;
    overflow: hidden;
}

.class_item dd a {
    margin-right: 10px;
    color: #444444;
    line-height: 22px;
    word-break: keep-all;
    font-size: 12px;
}

.class_item dd a:hover, .sfloor_footer a:hover em {
    color: #2f82e9;
}

.class_item dt {
    margin: 0px 8px;
    font-weight: bold;
    font-size: 14px;
    color: #2f82e9;
}

.bggay {
    background: #f5f7fa;
}

.sfloor_right {
    float: right;
    width: 226px;
    height: 325px;
    padding-top: 12px;
    overflow: hidden;
}

.sfloor_right ul {
    width: 240px;
}

.sfloor_right ul li {
    width: 120px;
    float: left;
    text-align: center;
    position: relative;
    margin-bottom: 14px;
}

.sfloor_right ul li:hover .brandName {
    display: block;

}

.brandborder {
    text-align: center;
    border: 1px solid #eeeeee;
    width: 105px;
    height: 90px;
    line-height: 90px;
    overflow: hidden;

}

.brandborder img {
    height: 80%;
    width: auto;
    margin-top: -2px;
}

.level {
    background: url("../images/iconS.png") no-repeat;
    display: block;
    width: 25px;
    height: 19px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.brandName {
    position: absolute;
    width: 105px;
    height: 90px;
    text-align: center;
    left: 0px;
    top: 0px;
    margin: 0px auto;
    font-size: 12px;
    background: rgba(0, 0, 0, .6);
    filter: alpha(opacity=60);
    background: #000000 \9;
    display: none;
    padding: 26px 22px 26px;
    vertical-align: middle;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#80000000, endColorstr=#80000000);
}

.brandName a {
    color: #FFFFFF;
    font-size: 14px;
    display: block;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    overflow: hidden;
}

.sf_dian {
    font-size: 12px;
    vertical-align: top;
}

.sfloor_footer {
    background: #fbfbfb;
    overflow: hidden;
    padding: 6px 12px;
}

.sfloor_footer a {
    width: 24%;
    margin-right: 1%;
    float: left;
    color: #555555;
    line-height: 30px;
    text-align: left;
    font-size: 12px;
}

.sfloor_footer a span {
    color: #999999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    margin-left: 2px;
}

.sfloor_footer a em {
    display: inline-block;
    max-width: 186px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    color: #555555;
}

/* 热门分类 */
.hotClass_title {
    width: 100%;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 20px;
    line-height: 30px;
}

.titleName {
    font-size: 20px;
    font-weight: bold;
}

.moreClass {
    float: right;
    color: #b3b3b3;
    font-size: 14px;
    margin-top: 4px;
}

.hotClass_content {
    width: 100%;
    overflow: hidden;
    margin-bottom: 60px;
}

.hotClass_content ul li {
    float: left;
    width: 11.1%;
    text-align: center;
    position: relative;
}

.circlebg {
    background: #f5f5f5;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    line-height: 100px;
    text-align: center;
    margin: 20px auto 0px;
}

.hotClass_content ul li img {
    margin: 0px auto;
    max-width: 100px;
    max-height: 100px;
}

.hotClass_dec {
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: #333333;
}

/*渠道商城*/
.ch_product {
    width: 100%;
    margin-top: 20px;
}

.ch_sort {
    width: 100%;
    background: #fafafa;
    /* border: 1px solid #eeeeee;*/
    height: 40px;
}

.ch_sort_left {
    float: left;
    margin-top: 4px;
    margin-left: 4px;
}

.ch_sort_left a {
    float: left;
    display: block;
    width: 70px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border: 1px solid #e0e0e0;
    color: #333333;
    margin-right: -1px;
    font-size: 12px;
}

/*.ch_sort_left a.active:hover {
    color: #ffffff;
}*/

.ch_sort_left a:hover {
    border: 1px solid #2f83e9;
    color: #2f83e9;
    position: relative;
    z-index: 2;
}

.ch_sort_left a.on {
    background: #2f83e9;
    color: #ffffff;
    border: 1px solid #2f83e9;
}

.ch_up {
    display: inline-block;
    vertical-align: middle;
    width: 7px;
    height: 8px;
    margin-top: -2px;
    background: url("../images/rises.png") no-repeat;
}

.ch_up.down {
    background: url("../images/below.png") no-repeat;
}

.ch_sort_right {
    margin-top: 4px;
    float: right;
    margin-right: 4px;
}

.ch_sort_right a {
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    height: 26px;
    border: 1px solid #eeeeee;
}

.ch_sort_right .ch_btn1.on {
    background: url("../images/lfas.png") center center no-repeat;
}

.ch_sort_right .ch_btn2.on {
    background: url("../images/rias.png") center center no-repeat;
}

.ch_btn1 {
    margin-right: -1px;
    background: url("../images/lfa.png") center center no-repeat;
}

.ch_btn2 {
    background: url("../images/ria.png") center center no-repeat;
}

.La_price {
    color: #ff0000;
    font-size: 14px;
    font-weight: 500;
}

.Latest_content {
    width: 100%;
    padding: 2px 16px 0px;
    font-size: 12px;
    max-height: 328px;
    overflow: hidden;
}

.Latest_content dl {
    padding: 7px 0px 10px;
    border-bottom: 1px solid #efefef;
    overflow: hidden;
}

.Latest_content dl:nth-of-type(5) {
    border-bottom: 0px;
}

.Latest_content dl h2 {
    padding-left: 10px;
    line-height: 30px;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url("../images/dians.jpg") left center no-repeat;
}

.Latest_content dl dt {
    float: left;
    margin-left: 10px;
}

.Latest_content dl dd a, .Latest_content dl dt {
    color: #999999;
}

.ch_pr_list {
    overflow: hidden;
    width: 100%;
}

.ch_pr_list ul {
    width: 972px;
}

.ch_pr_list ul li {
    float: left;
    width: 237px;
    margin-left: 2px;
    margin-right: 1px;
    height: 332px;
    border: 1px solid transparent;
    margin-top: 20px;
}

.ch_pr_list ul li:hover {
    border: 1px solid #eeeeee;
    -moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, .1);
    box-shadow: 0px 2px 10px rgba(0, 0, 0, .1);
    -webkit-transition: top .25s ease;
    -o-transition: top .25s ease;
    -moz-transition: top .25s ease;
    transition: top .25s ease;
}

.ch_pr_list ul li .ch_pr_img {
    width: 210px;
    height: 210px;
    margin: 10px auto 0px;
}

.ch_pr_img img {
    width: 100%;
    height: 100%;
}

.ch_pr_list ul li .ch_pr_dec {
    margin-top: 20px;
    width: 100%;
    padding: 0px 10px;
}

.ch_pr_dec h2 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    margin-top: 10px;
    color: #333333;
}

.ch_price {
    font-size: 20px;
    color: #ff3333;
    font-family: 'Arial';
}

.ch_price span {
    color: #ff3333;
    font-size: 12px;
    font-family: 'Arial';
}

.shop_intr {
    width: 100%;
    /* overflow: hidden;*/
    margin-top: 10px;
}

.intr_link {
    color: #888888;
    width: 154px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    float: left;
    font-size: 12px;
}

.intr_icon {
    float: right;
    margin-top: -5px;
}

.intr_icon img {
    width: 18px;
    height: 22px;
    margin-right: 6px;
}

/*经销商*/
.ch_sort2 {
    width: 100%;
    height: 40px;
    background: #fafafa;
}

.chooseBtn {
    float: left;
    margin-left: 26px;
    margin-top: 4px;
}

.chooseBtn span {
    margin-right: 24px;
    font-size: 12px;
    line-height: 14px;
}

.chooseBtn span i.check2 {
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-top: -1px;
    background: url("../images/check1.jpg") no-repeat;
    margin-right: 4px;
    cursor: pointer;

}

.chooseBtn span.on i.check2 {
    background: url("../images/check2.jpg") no-repeat;
}

.dealers_list {
    width: 100%;
    font-size: 12px;
}

.dealers_list ul li {
    background: #f9f9f9;
    padding: 10px 18px 10px 20px;
    height: 90px;
    margin-top: 10px;
}

.headlines {
    font-weight: bold;
    font-size: 20px;
}

.hlicon1, .hlicon2 {
    width: 52px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 6px;
}

.hlicon1 {
    background: url("../images/cetIcon.png") no-repeat;
}

.hlicon2 {
    background: url("../images/daiIcon.png") no-repeat;
}

.dealers_container {
    float: left;
    width: 100%;
    height: 50px;
    margin-top: 10px;
}

.dealers_main {
    height: 50px;
    margin-left: 296px;
    margin-right: 300px;
    line-height: 24px;
    overflow: hidden;
    color: #666666;
}

.dealers_left {
    float: left;
    width: 290px;
    height: 46px;
    margin-left: -100%;
    margin-top: 10px;
}

.dealers_left dl {
    width: 100%;
    float: left;
    line-height: 22px;
    overflow: hidden;
    height: 46px;
}

.dealers_right {
    float: left;
    width: 300px;
    height: 50px;
    margin-left: -300px;
    text-align: right;
    padding-top: 20px;
}

.dealers_left dl dt, .dealers_left dl dd {
    float: left;
}

.dealers_left dl dd {
    margin-left: 8px;
}

.dealers_left dl dt {
    color: #999999;
}

.dea_link {
    color: #2f82e9;
    background: #dfeeff;
    padding: 4px 10px;
    font-size: 12px;
}

a.shop_link {
    margin-top: 10px;
    display: block;
    color: #cccccc;
    text-decoration: underline;
    margin-right: 36px;
}

/*商品详情*/
.crumbs {
    width: 100%;
    /*margin: 0px auto;*/
    height: 40px;
    line-height: 40px;
    margin: -2px auto 0px;
}

.crumbs_item, .crumbs-arrow {
    color: #999999;
    font-size: 14px;
}

.pro_js {
    width: 420px;
    float: left;
}

.block {
    width: 400px;
    float: left;
}

.block ul {
    clear: both;
    float: left;
    width: 370px;
    height: 79px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #e6e6e6;
    margin-top: 10px;
}

.pl img {
    float: left;
    height: 114px;
    width: 114px;
}

.pl {
    float: left;
    width: 114px;
    display: inline;
    margin-right: 2px;
    height: 114px;
    border: 1px solid #e9e9e9;
    margin-left: 2px;
}

.pl:hover {
    border: 1px solid #e13253;
}

.blk_18 {
    zoom: 1;
    width: 400px;
    height: 116px;
    float: left;
    position: relative;
    margin-top: 17px;
}

.blk_18 .pcont {
    width: 360px;
    float: left;
    overflow: hidden;
    height: 116px;
    margin-left: 20px;
    display: inline;
}

.blk_18 .ScrCont {
    width: 32766px;
    zoom: 1;
}

.blk_18 #List1_1, .blk_18 #List2_1 {
    float: left;
}

.blk_18 .LeftBotton {
    font-family: "黑体";
    font-size: 24px;
    font-weight: bold;
    color: #b3b3b3;
    position: absolute;
    top: 45px;
    left: 0px;
}

.blk_18 .RightBotton {
    font-family: "黑体";
    font-size: 24px;
    font-weight: bold;
    color: #b3b3b3;
    position: absolute;
    top: 45px;
    right: 0px;
}

.con_div_right {
    margin-left: 32px;
    float: left;
    width: 518px;
}

.con_div_right h1 {
    font-size: 22px;
    line-height: 32px;
    font-weight: normal;
    color: #111111;
    float: left;
    margin-top: 8px;
    margin-bottom: 10px;
    width: 100%;
}

.con_div_right .p1 {
    margin-bottom: 17px;
    font-size: 14px;
    color: #666666;
    width: 100%;

}

.price-title, .amount-title {
    color: #999999;
    font-size: 14px;
}

.value, .unit {
    color: #333333;

}

.biglf {
    font-size: 16px;
}

.ladder-3 {
    width: 68px;
    line-height: 40px;
}

.fd-cny {
    font-size: 18px;
    color: #f8302f;
}

.ladder-3-1, .ladder-3-2, .ladder-3-3 {
    max-width: 360px;
    line-height: 42px;
}
.ladder-3-1 {
    padding-right: 4px;
}
.mt16 {
    margin-top: 16px;
}

.coupon1, .coupon2 {
    display: inline-block;
    /*vertical-align: middle;*/
    margin-right: 10px;
    cursor: pointer;
}

.coupon1 .coupon_center {
    background-color: #fff5f5;
    color: #da2518;
    font-size: 12px;
    padding: 0px 10px;
    border-top: 1px solid #da2518;
    border-bottom: 1px solid #da2518;

}
.con_jiaqian_num  em.value{
    color: #f8302f;
    font-size: 14px;
}
.coupon1 img, .coupon2 img {
    width: 6px;
    height: 18px;
}

.coupon2 .coupon_center {
    background-color: #fffaf4;
    color: #f97b00;
    padding: 0px 10px;
    border-top: 1px solid #f97b00;
    border-bottom: 1px solid #f97b00;
}

.coupon_center {
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    line-height: 16px;

}

.con_div_right ul li .con_jiaqian_t.hl50 ,.con_li .con_jiaqian_t.hl50{
    line-height: 46px;
}

.con_div_right > ul > li,.con_li {
    display: inline;
    float: left;
    width: 100%;
}

.con_div_right ul li .con_jiaqian_t,.con_li .con_jiaqian_t{
    color: #999999;
    display: block;
    float: left;
    width: 60px;
    font-size: 14px;
}

.con_num {
    color: #333333;
    line-height: 26px;
    float: left;
    width: 138px;
    display: block;
    margin-left: 10px;
}

.size_div {
    float: left;
    width: 440px;
   position: relative;
}

.size_div > a {
    padding: 8px 12px;
    vertical-align: middle;
    line-height: 26px;
    display: inline-block;
    border: 1px solid #dedede;
    margin-right: 10px;
    margin-bottom: 14px;
    position: relative;
    /*font-family: "SimSun";*/
    font-size: 14px;
    color: #222222;
}

.size_div .disabled {
    cursor: not-allowed;
    color: #ccc;
    border: 1px solid #cdcdce;
    background-color: #f7f7f7;
}

/*放大镜*/
.jqzoom {
    float: left;
    border: none;
    position: relative;
    padding: 0px;
    cursor: pointer;
    margin: 0px;
    display: block;
}

.zoomdiv {
    z-index: 100;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 350px;
    height: 350px;
    background: #ffffff;
    border: 1px solid #CCCCCC;
    display: none;
    text-align: center;
    overflow: hidden;
}

.jqZoomPup {
    z-index: 10;
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 20px;
    height: 20px;
    border: 1px solid #aaa;
    background: #ffffff;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    filter: alpha(Opacity=50);
}

.cloud-zoom-lens {
    border: 1px solid #888;
    margin: -2px;
    background: #fff;
    _background: none;
    cursor: move;
}

.cloud-zoom-title {
    font-family: Arial, Helvetica, sans-serif;
    position: absolute !important;
    background-color: #000;
    color: #fff;
    padding: 3px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 10px;
    top: 0px;
}

.cloud-zoom-big {
    border: 1px solid #ccc;
    overflow: hidden;

}

.cloud-zoom-loading {
    color: white;
    background: #222;
    padding: 3px;
    border: 1px solid #000;
}

.cloud-zoom img {
    float: left;
    height: 420px;
    width: 420px;
    display: block;
    zoom: 0;
    z-index: 1;
    border: 1px solid #eeeeee;
}

.Contentbox2 {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    height: 422px;

}

#con_two_1 {
    float: left;
    width: 100%;
}

#con_two_2, #con_two_3, #con_two_4, #con_two_5, #con_two_6, #con_two_7, #con_two_8, #con_two_9, #con_two_10, #con_two_11, #con_two_12, #con_two_13, #con_two_14, #con_two_15, #con_two_16, #con_two_17, #con_two_18, #con_two_19, #con_two_20,#con_two_21,#con_two_22,#con_two_23 {
    display: none;
    float: left;
    width: 100%;
}

/*图片小图预览列表*/
.spec-preview {
    width: 398px;
    height: 398px;
    border: 1px solid #e9e9e9;
}

.spec-scroll {
    clear: both;
    /*margin-top: 17px;*/
    width: 420px;
    height: 62px;
}

.spec-scroll .prev, .spec-scroll .next {
    font-family: "黑体";
    font-size: 24px;
    font-weight: bold;
    margin-top: 18px;
    cursor: pointer;
    color: #cccccc;
}

.spec-scroll .prev {
    float: left;
}

.spec-scroll .next {
    float: right;
}

.spec-scroll .next.disabled, .spec-scroll .prev.disabled {
    cursor: not-allowed;
}

.spec-scroll .items {
    float: left;
    position: relative;
    width: 372px;
    height: 70px;
    overflow: hidden;
    margin-left: 14px;
    display: inline;
}

.spec-scroll .items ul {
    position: absolute;
    width: 999999px;
    height: 70px;
}

.spec-scroll .items ul li {
    float: left;
    width: 76px;
    height: 62px;
    text-align: center;
}

.spec-scroll .items ul li.hover img {
    border: 2px solid #f36d6e;
}

.spec-scroll .items ul li img {
    width: 54px;
    height: 54px;
    float: left;
    display: inline;
    border: 1px solid transparent;
}

.spec-preview img {
    width: 398px;
    height: 398px;
}

.pages .no_click {
    color: #c2c1c2;
    background-color: #FFF;
    border-top-color: #ebebeb;
    border-right-color: #ebebeb;
    border-bottom-color: #ebebeb;
    border-left-color: #ebebeb;
}

.con_jiaqian {
    line-height: 34px;
    float: left;
    display: inline;
    padding-left: 14px;
    font-family: SimSun;
    color: #888;
    width: 100%;
    font-size: 13px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.con_jiaqian.bgred {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #f7f7f7;
    padding-right: 73px;
    /*border-top: 1px solid #ff5601;*/
    padding-top: 12px;
    padding-bottom: 12px;
    position: relative;
    /*min-height: 140px;*/
}

.con_jiaqian.bgred > li {
    margin-bottom: 20px;
}

.smallf .con_jiaqian_num {
    font-size: 24px;
}

.con_jiaqian_num {
    font-size: 30px;
    color: #f8302f;
    font-family: "Arial";
    text-align: center;
}

.price-title {
    padding-right: 7px;
}

.explain {
    clear: both;
    padding-top: 17px;
    width: 100%;
    padding-left: 12px;
}

.explain span {
    font-size: 14px;
    color: #999999;
}

.explain_r {
    margin-left: 20px;
}

.explain_icon {
    margin-right: 4px;
    margin-top: -2px;
    width: 13px;
    height: 13px;
}
.sellStatus{
    margin-left: 14px;
    float: left;
    width: 100%;
    height:40px;
    line-height: 40px;
    padding-left: 10px;
    background:#c3c3c3;
    margin-top: 20px;
    color: #ffffff;
}
.sellStatus span{
    color: #ffffff;
}
.con_jiaqian_num .small {
    font-size: 16px;
    color: #f8302f;
    font-family: "Arial";
    font-weight: bold;
}

.con_jiaqian table {
    width: 100%;
}

.con_button {
    float: left;
    width: 530px;
    margin-top: 30px;
    padding-left: 14px;
}

.shopBtnIcon {
    margin-right: 6px;
    vertical-align: middle;
    margin-top: -2px;
}

.con_button a img.w-wecode {
    width: 160px;
    height: 160px;
    top: -14px;
    left: -1px;
    margin-left: 0px;
    margin-top: -62px;
}
.con_button.soldout .buttons1{
    background: #c3c3c3;

}
.con_button.soldout .buttons1
.con_buy {
    background: url("../images/detialsprite.png") -66px -239px no-repeat;
    padding-left: 42px;
    text-align: center;
    float: left;
    height: 52px;
    width: 190px;
    font-size: 22px;
    line-height: 46px;
    color: #FFFFFF;
    font-family: "microsoft yahei";
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 76px;
}

.con_buy.soldout {
    background: #c3c3c3;
    letter-spacing: 10px;
    padding: 0px;
    text-align: center;
}

.info {
    font-size: 14px;
    line-height: 26px;
    color: #f8302f;
    float: left;
}

.good_type {
    line-height: 40px;
    float: left;
    width: 458px;
}

.good_type .color_item {
    float: left;
    background-color: #FFF;
}

.good_type .color_item em {
    color: #666;
    /*font-family: "SimSun";*/
}

.good_type .color_item a {
    border: 1px solid #dedede;
    display: block;
    white-space: nowrap;
    line-height: 15px;
    padding: 5px;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.good_type li.select .color_item a {
    padding: 4px;
}

.size_div > a.select {
    padding: 7px 12px;
}

.good_type li.select .color_item a, .size_div > a.select {
    border: 2px solid #f37271;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.good_type li.select .color_item a i, .size_div > a.select i {
    width: 19px;
    height: 16px;
    position: absolute;
    background: url("../images/selected-icon.png") 0px 0px no-repeat;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: block;
    bottom: 0px;
    right: 0px;
    margin: 0px;
}

.good_type > li {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.good_type > li.color {
    line-height: 40px;
    margin-top: 20px;
    overflow: hidden;

}

.color .color_item a i {
    margin-right: 10px;
}

/*分享*/
.preview-info {
    height: 20px;
    float: left;
    font-size: 13px;
}

.preview-info > a {
    margin-right: 2px;
}

.preview-info > span > i {
    width: 16px;
    height: 16px;
    background: url(../images/detialsprite.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.preview-info .share em {
    margin-top: 4px;
}

.preview-info > span.share {
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.handArea {
    position: absolute;
    top: -20px;
    left: 0px;
    width: 80px;
    height: 77px;
    z-index: 888;
}

.bshare-customs {
    margin: 0;
    padding: 5px 0;
    /*background: #fff;*/
    overflow: auto;
    overflow-x: hidden;
    _zoom: 1;
    z-index: 9999;
}

.handArea:hover ~ .bshare-customs, .bshare-customs:hover {
    display: block;
}

.bshare-customs a.bshare-weixin {
    background-image: url(../images/weixin.png);
    background-repeat: no-repeat;

}

.bshare-customs a.bshare-qzone {
    background-image: url(../images/share4.jpg);
    background-repeat: no-repeat;

}

.bshare-customs a.bshare-sinaminiblog {
    background-image: url(../images/share6.jpg);
    background-repeat: no-repeat;

}

.bshare-customs a.bshare-renren {
    background-image: url(../images/share5.jpg);
    background-repeat: no-repeat;

}

.bshare-customs a.bshare-qqmb {
    background-image: url(../images/share3.jpg);
    background-repeat: no-repeat;

}

.bshare-customs a.bshare-neteasemb {
    background-image: url(../images/share1.jpg);
    background-repeat: no-repeat;

}

.bshare-customs a.bshare-more {
    background-image: url(../images/share2.jpg);
    background-repeat: no-repeat;

}

.bshare-customs a {
    float: left;
    width: 20px;
    padding: 2px;
    margin-left: 6px;
    _margin-left: 3px;
    height: 20px;
    overflow: hidden;
    list-style: none;
}

.bshare-customs {
    display: none;
    position: absolute;
    left: 0px;
    width: 200px;
    height: 40px;
}

.preview-info > span.compare {
    margin-left: 30px;
}

.preview-info > span > i.sprite-share {
    background-position: -46px -50px;
}

.preview-info > span > i.sprite-star {
    background-position: -9px -257px;
}

.preview-info > span > i.sprite-star.on {
    background-position: -10px -229px;
}

.preview-info > span > em {
    vertical-align: middle;
    color: #555555;
}

.choose-amount {
    width: 74px;
    height: 46px;
    overflow: hidden;
    border: 1px solid #ccc;
    position: relative;
    margin-right: 10px;
    float: left;
}

.choose-amount .buy-num {
    display: block;
    width: 42px;
    height: 42px;
    line-height: 42px;
    position: absolute;
    top: 0px;
    left: 0;
    border: none;
    border: 0;
    text-align: center;
    background: #ffffff;
    font-size: 16px;

}

.choose-amount a.btn-reduce {
    bottom: -1px;
}

.choose-amount a.disabled {
    color: #ccc;
    cursor: not-allowed;

}

.choose-amount a {
    display: block;
    width: 24px;
    text-align: center;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    color: #666;
    position: absolute;
    right: -1px;
    border: 1px solid #dddddd;
}

.choose-amount a.btn-add {
    top: -2px;
}

.stock {
    line-height: 46px;
    /*font-family: 'SimSun';*/
    font-size: 14px;
    color: #555555;
}

.phoneBuy {
    position: relative;
    width: 125px;
    height: 42px;
    background: url("../images/detialsprite.png") -84px -1px no-repeat;
    text-align: left;
    padding-left: 13px;
    color: #999999;
    display: inline-block;
    line-height: 48px;
    vertical-align: middle;
    font-size: 14px;
    font-family: "SimSun";
}

.phoneBuy:hover .w-wecode {
    display: block;
}

.w-wecode {
    display: none;
    position: absolute;
}

/*.product_detail .cen {*/
/*padding-bottom: 30px;*/
/*}*/

.bsBox {
    box-sizing: content-box;
}

.right_shop {
    width: 200px;
    float: right;

}

.s_line {
    border-bottom: 1px solid #eeeeee;
    /* padding: 10px 14px;*/
    text-align: center;
    width: 100%;
}

.s_enter {
    text-align: center;
    min-height: 80px;
}

.s_enters {
    border-top: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    text-align: center;
    min-height: 50px;
    /*background: #f4f4f4;*/
    padding: 12px 20px 10px;
}

.shop_t {
    color: #ff5601;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 12px;
}

.shop_ts {
    color: #666666;
    font-size: 15px;
    /*font-weight: bold;*/
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.certIcon {
    margin-top: 8px;
    width: 100%;
    text-align: center;
}

.c_icon1 {
    background: url("../images/attestation.png");
}

.c_icon2 {
    background: url("../images/agency.png");
}

.c_icon1, .c_icon2 {
    display: inline-block;
    width: 34px;
    height: 16px;
    margin: 0px 4px;
}

.detai_shop_link {
    color: #ff5601;
    border: 1px solid #ffa87c;
    border-radius: 2px;
    padding: 2px 12px;
    font-size: 12px;
    margin-bottom: 10px;
    font-size: 12px;
}

.s_dec {
    color: #666666;
    font-size: 12px;
    line-height: 22px;
}

.s_img {
    text-align: center;
    padding-top: 18px;
    padding-bottom: 16px;
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    width: 100%;
    padding-left: 14px;
    padding-right: 14px;
}

.s_img img {
    /*border: 4px solid #eeeeee;*/
    width: 100px;
    height: 100px;
    margin: 0px auto;
}

.s_img p {
    color: #555555;
    font-size: 13px;
    /*line-height:30px;*/
}

.s_line_p2 {
    margin-top: 19px;
}

.s_line_p1 {
    margin-top: 4px;
}

.mls1 {
    margin-left: -1px;
}

.s_connect {
    width: 100%;
    padding: 12px 8px 10px;
    font-size: 12px;
    overflow: hidden;
}

.s_connect a {
    background: #f8f8f8;
    display: block;
    float: left;
    width: 84px;
    height: 33px;
    border: 1px solid #dddddd;
    color: #666666;
    line-height: 33px;
    text-align: center;
}

.s_connect a i {
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 2px;
}

.kefu {
    background: url("../images/message.png") no-repeat;
}

.home {
    background: url("../images/homeIc.png") no-repeat;
}

.s_connect_item {
    line-height: 26px;
}

.s_connect_item dt {
    float: left;
}

.s_connect_item dt, .s_connect_item dd {
    color: #999999;
}

.s_connect2 {
    padding: 8px;
    width: 100%;
    overflow: hidden;
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
}

.s_connect2_item {
    width: 57px;
    height: 50px;
    float: left;
    text-align: center;
    background-color: #f7f7f7;
}

.s_connect2 i {
    display: block;
    width: 16px;
    height: 15px;
    margin: 10px auto 4px;
}

.CustomerIcon {
    cursor: pointer;
    background: url("../images/iphoneIcons.png") no-repeat;
    background-size: 100% 100%;
}

/*.CustomerIcon.on {*/
/*background: url("../images/messageBtn.png") no-repeat;*/
/*background-size: 100% 100%;*/
/*}*/

.intoIcon {
    background: url("../images/shopBtn.png") no-repeat;
    background-size: 100% 100%;
}

.FocusIcon {
    background: url("../images/cares.png") no-repeat;
    background-size: 100% 100%;
}

.FocusIcon.on {
    background: url("../images/care.png") no-repeat;
    background-size: 100% 100%;
}

.left-btns {
    position: absolute;
    right: 10px;
    top: 10px;
    text-align: right;

}

.left-btns-item:hover .bshare-customs, .bshare-customs:hover {
    display: block;
}

.left-btns-item, .left-btns-item span {
    color: #aaaaaa;
    font-size: 12px;
    line-height: 34px;
}

.left-btns-collect, .left-btns-share {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 6px;
}

.left-btns-collect {
    background: url("../images/collectBtns.png") no-repeat;
    background-size: 100% 100%;
}

.left-btns-collect.on {
    background: url("../images/collectBtn.png") no-repeat;
    background-size: 100% 100%;
}

.left-btns-share {
    background: url("../images/shareBtn.png") no-repeat;
    background-size: 100% 100%;
}

.s_connect2_item p {
    font-size: 12px;
}

.new_list_box {
    width: 100%;
    height: 136px;
    overflow: hidden;
    padding: 14px 18px 10px 10px;
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
}

.new_list_box ul li {
    line-height: 28px;
}

.new_list_box ul li a {
    font-size: 14px;
    display: block;
    width: 100%;
    color: #555555;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.list_dian {
    display: inline-block;
    width: 2px;
    height: 2px;
    vertical-align: middle;
    background-color: #555555;
    margin-right: 6px;
}

/*商品介绍*/
.pr_introduce {
    width: 100%;
    margin-bottom: 50px;
}

.con_rights {
    width: 970px;
    float: left;
    position: relative;
    margin-top: 20px;
    position: relative;
    margin-left: 30px;
}

.pr_tab .tab-main {
    width: 100%;
    border-bottom: 1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
    background: #f7f7f7;
    height: 40px;
    line-height: 40px;
    padding-left: 35px;
}

.pr_tab .tab-main ul {
    margin-top: -1px;
}

.pr_tab div.large li {
    padding: 0px 35px;
    font-size: 15px;
    color: #555555;
    font-weight: 600;
}

.pr_tab .tab-main li {
    height: 40px;
    line-height: 40px;
    position: relative;
    float: left;
    cursor: pointer;
}


.pr_tab .tab-main li.current, .pr_tab .tab-main li.current span {
    color: #ff4646;
}

.pr_tab .tab-main li span {
    font-weight: 400;
}

.bigimg {
    width: 100%;
    text-align: center;
}

.product_detail {
    width: 100%;

}
.product_detail .cen{

    overflow:visible;
}

.pr_parameter_list {
    padding: 0px 0 15px;
    overflow: hidden;
    _zoom: 1;
}

.pr_parameter {
    width: 100%;
    text-align: center;
}

.bigimg table {
    width: 100%;
}

.pr_parameter img {
    max-width: 100%;
}

.pr_parameter2 > li {
    width: 50%;
    float: left;
    margin-bottom: 10px;
    font-size: 12px;
    text-align: left;
}

/*规格与包装*/
.Ptable {
    margin: 0px;
    width: 100%;
    overflow: hidden;
    text-align: left;
}

.Ptable-item {
    overflow: hidden;
}

.Ptable-item, .package-list {
    border-top: 1px solid #eee;
    padding: 12px 0;
    line-height: 220%;
    color: #999;
    margin-top: -1px;
    font-size: 12px;
}

.Ptable-item h3, .package-list h3 {
    font-weight: 400;
    text-align: right;
    float: left;
}

.Ptable-item h3 {
    width: 110px;
}

.Ptable-item dl {
    margin-left: 110px;
}

.Ptable-item dt {
    width: 150px;
    float: left;
    text-align: right;
}

.Ptable-item dd {
    margin-left: 190px;
    width: 100%;
    height: 26px;
}

.serve-agree-bd {
    padding: 20px 20px 20px 62px;
    font-size: 12px;
}

.serve-agree-bd dt {
    display: block;
    height: 32px;
    line-height: 32px;
    margin-left: -42px;
    font-size: 16px;
    color: #e4393c;
}

.serve-agree-bd dt .goods {
    background: url(../images/iconZP.png) no-repeat;
}

.serve-agree-bd dt i {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    padding-right: 10px;
    vertical-align: bottom;
}

.item-detail-copyright strong {
    display: inline-block;
    padding: 8px 0 3px;
}

.serve-agree-bd dd {
    display: block;
    padding: 10px 0 30px;
    line-height: 18px;
}

.serve-agree-bd dt .unprofor {
    background: url(../images/iconLB.png) no-repeat;
}

.serve-agree-bd dt .no-worries {
    background: url(../images/iconWY.png) no-repeat;
}

.detail_item {
    display: none;
    padding-top: 20px;
    text-align: center;
}

.detail_item.show {
    display: block;
}

/*评价*/
.pingjia_t_link {
    line-height: 48px;
    float: left;
    height: 48px;
    width: 962px;
    border-bottom: 1px solid #e9e9e9;
}

.pingjia_t_link a {
    font-size: 16px;
    color: #666;
    text-align: center;
    display: inline;
    float: left;
    height: 45px;
    line-height: 45px;
    padding: 0px 20px;
    margin-right: 25px;
    font-size: 14px;

}

.pingjia_t_link a.on {
    color: #ff4646;
}

.pingjia_list {
    float: left;
    width: 992px;
    clear: both;
    position: relative;
    padding-bottom: 100px;
    text-align: left;
}

.pingjia_list ul li {
    float: left;
    width: 962px;
    margin-top: 30px;
    border-bottom: 1px solid #e9e9e9;

}

.pingjia_list_right {
    display: inline;
    float: left;
    width: 846px;
    padding-left: 14px;
}

.pingjia_list_rights {
    background-color: #FFFFFF;
    display: inline;
    float: left;
    width: 840px;
    padding-bottom: 15px;
    padding-left: 25px;
}

.pingjia_list_right_t {
    float: left;
    height: 50px;
    width: 796px;
    margin-top: -20px;
    font-size: 12px;
}

.star_div.top_16 {
    margin-top: 18px;
    margin-left: 0px;
}

.star_div {
    background-image: url(../images/star_bg2.png);
    background-repeat: no-repeat;
    display: inline;
    float: left;
    height: 15px;
    width: 94px;
    margin-top: 6px;
    margin-right: 30px;
    margin-left: 50px;
}

.star_div div {
    background-image: url(../images/star_bgs.png);
    background-repeat: no-repeat;
    float: left;
    height: 15px;
}

.pingjia_list_right_t .c_9 {
    color: #777777;
    display: inline;
    margin-left: 10px;
    float: right;
}

.pingjia_list_right_t span {
    line-height: 50px;
    color: #333;
    float: left;
}

.pingjia_list_right_t .c_9.fr {
    float: right;
}

.pingjia_img img {
    display: inline;
    float: left;
    height: 94px;
    width: 94px;
    margin-top: 10px;
    margin-right: 10px;
}

.pingjia_info {
    line-height: 20px;
    color: #333;
    float: left;
    width: 796px;
    font-size: 14px;
}

.zhuijia {
    line-height: 24px;
    color: #666;
    float: left;
    width: 796px;
    margin-top: 10px;
    font-size: 14px;
}

.zhuijia span {
    font-size: 14px;
    color: #ff4646;
    display: block;
    margin-bottom: 10px;
}

.pager.detail {
    bottom: -80px;
    right: 0px;
}

.user_div {
    display: inline;
    float: left;
    width: 80px;
    margin-left: 25px;
    margin-bottom: 10px;
    font-size: 12px;
}

.user_div img {
    display: inline;
    float: left;
    height: 54px;
    width: 54px;
    margin-left: 13px;
    border-radius: 100em;
}

.user_div a {
    text-align: center;
    float: left;
    width: 80px;
    margin-top: 2px;
    color: #999999;
}

.user_div a.gay {
    color: #555555;

}

/*商品评价*/
.goods-content {
    padding: 0px 0;
    margin-top: -1px;
    z-index: 4;
    clear: both;
}

.goods-comment ul {
    height: 150px;
    padding: 10px 0px 30px;
}

.goods-comment ul li {
    float: left;
    height: 155px;
}

.goods-comment ul li.hpd {
    width: 130px;
    text-align: center;
    background: url("../images/good.png") no-repeat;
    color: #FFFFFF;
    margin-left: 40px;
    margin-right: 20px;
}

.goods-comment ul li.hpd > span {
    font-size: 44px;
    font-family: "microsoft yahei";
    line-height: 140px;
}

.goods-comment ul li.pre {
    margin-right: 20px;
    height: 80px;
    line-height: 80px;
    margin-top: 22px;

}

.goods-comment ul li.pre dl {
    clear: both;

}

.goods-comment ul li.pre dl dt {
    float: left;
    line-height: 30px;
    width: 80px;
}

.goods-comment ul li.pre dl dt span {
    color: #9c9a9c;
    margin-left: 5px;
}

.goods-comment ul li.pre dl dd {
    float: left;
    height: 10px;
    width: 180px;
    margin-top: 9px;
    line-height: 10px;
    overflow: hidden;

}

.goods-comment ul li.pre dl dd div {
    height: 10px;
    line-height: 10px;
    overflow: hidden;
    background: #7dd1a8;
    float: left;
}

.login_link {
    font-size: 20px;
}

.login_link em {
    color: #f8302f;
    font-size: 16px;
    /*vertical-align: bottom;*/
    /*line-height: 26px;*/
}

.login_link em span {
    font-size: 20px;
}

.left-btns-people {
    margin-right: 6px;
}

.login_link em > span {
    color: #f8302f;
}

.login_link a {
    /*color: #f8302f;*/
    margin-left: 25px;
    font-size: 14px;
    vertical-align: middle;
    text-decoration: underline;
}

.login_link span {
    vertical-align: middle;
    font-size: 14px;
    color: #999999;
}

.layui-layer-title {
    text-align: left;
}

.login_title {
    position: relative;
    z-index: 9999999;
}

.free {
    float: right;
    font-size: 16px;
    position: relative;
    z-index: 99999;
}

.user_login {
    float: left;
    margin-left: 40px;
    font-size: 18px;
    font-weight: bold;
}

.login_warp {
    width: 100%;
    padding: 34px 64px 30px;
    display: none;
}

.login_input {
    width: 100%;
    position: relative;
    margin-bottom: 20px;
    float: left;
}

.login_label {
    background: #f4f4f4;
    width: 46px;
    height: 46px;
    display: block;
    float: left;
    text-align: center;
    border: 1px solid #cccccc;
    line-height: 42px;
}

.login_label img {
    margin: 0px auto;
}

.saveInfo {
    font-size: 12px;
    float: left;
}

.forgin_key {
    float: right;
    color: #333333;
    font-size: 12px;
}

.sidebar {
    width: 260px;
    background: #ffffff;
    float: left;
}

.sidebar ul > li {
    height: 50px;
    line-height: 50px;
    text-align: left;
    padding: 0px 20px;
}

.sidebar ul > li a {
    font-size: 14px;
}

.sidebar ul > li.on, .sidebar ul > li:hover {
    background: #ff5601;
}

.sidebar ul > li.on a, .sidebar ul > li:hover a {
    color: #ffffff;

}

.sideContent {
    margin-left: 20px;
    width: 920px;
    float: left;
    min-height: 500px;
    background: #ffffff;
    margin-bottom: 60px;
}

.sC_title {
    height: 66px;
    line-height: 66px;
    border-bottom: 1px solid #e6e6e6;
    font-size: 18px;
    font-weight: bold;
    padding-left: 30px;
}

.plr30 {
    padding-left: 30px;
    padding-right: 30px;
}

.sC_content {
    padding: 20px 30px 70px;
    width: 100%;
}

.stitle1 {
    font-size: 16px;
    font-weight: bold;
}

.stitle2 {
    font-size: 14px;
}

.sC_content p {
    line-height: 30px;
}

.table br {
    clear: left;
}

/*正文优惠券*/
.toolbar-wrap {
    position: fixed;
    _position: absolute;
    top: 0;
    right: 0;
    z-index: 99999;
    width: 0;
    height: 100%;
}

.toolbar-open .toolbar {
    right: 300px;;
}

.toolbar {
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 100%;
    /*border-right: 6px solid #7a6e6e;*/
    -webkit-transition: right .3s ease-in-out 0s;
    -moz-transition: right .3s ease-in-out 0s;
    transition: right .3s ease-in-out 0s;

}

.toolbar-panels::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: #F5F5F5;
}

/*定义滚动条轨道 内阴影+圆角*/
.toolbar-panels::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    background-color: #F5F5F5;
}

/*定义滑块 内阴影+圆角*/
.toolbar-panels::-webkit-scrollbar-thumb {
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #555;
}

.toolbar-open .toolbar-panels {
    _display: block;
}

.toolbar-panels {
    position: absolute;
    left: 6px;
    _left: 6px;
    top: 0;
    width: 300px;
    height: 100%;
    z-index: 2;
    background: #eceaea;
    overflow-y: auto;
    overflow-x: hidden;

}

.toolbar-panel {
    width: 300px;
    height: 100%;
    position: absolute;
    background: #eceaea;
}

.panel-header {
    position: relative;
    width: 300px;
    height: 40px;
    line-height: 40px;
    background: #eceaea;
    text-align: left;
}

.panel-title {
    display: inline-block;
    height: 40px;
    color: rgb(94, 80, 80);
    font: 16px/40px '微软雅黑';
}

.panel-title {
    margin-left: 20px;
}

.couponsIcon {
    margin-right: 4px;
    margin-left: 10px;
    vertical-align: top;
    width: 18px;
    height: 13px;
    margin-top: 14px;
    background-position: -150px -100px;
    display: inline-block;
    background-image: url('../images/toolbars.png');
    _background-image: url('../images/toolbars.png');
    background-repeat: no-repeat;
}

.close-panel {
    width: 12px;
    height: 12px;
    line-height: 12px;
    background-position: 0 -250px;
    position: absolute;
    right: 8px;
    top: 16px;
    cursor: pointer;
    -webkit-transition: transform .2s ease-out 0s;
    -moz-transition: transform .2s ease-out 0s;
    transition: transform .2s ease-out 0s;
}

.coupon-type {
    width: 300px;
    margin: 12px auto 0px;
    height: 19px;
    line-height: 19px;
    font-family: "microsoft yahei";
    font-size: 14px;
    color: #666;
    text-align: center;
    background: url('../images/toolbar-coupon.png') no-repeat;
    _background: url('../images/toolbar-coupon.png') no-repeat;
    background-size: 100% auto;
}

/*正文增加优惠券*/
.coupon-list {
    float: left;
    width: 100%;
    margin-top: 20px;
    padding: 0px 10px;
}

.quan_list {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.quan_list ul > li {
    margin-bottom: 20px;
    width: 100%;
    height: 114px;
    border-radius: 3px;
    float: left;
}

.q_status {
    width: 18px;
    height: 100%;
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;

}

.now .q_status {
    margin: 18px auto 0px;
}

.must .q_status {
    margin: 26px auto 0px;
}

.get .q_status {
    margin: 26px auto 0px;
}

.quan_list ul > li.get .right {
    background: url("../images/quans1.png") no-repeat;
    background-size: auto 100%;
    /*background: url("../images/quan2.png") no-repeat;*/
    /*background-size: auto 100%;*/
}

.quan_list ul > li.must .right {
    text-align: center;
    /*background: url("../images/quan2.png") no-repeat;*/
    /*background-size: 100% 100%;*/
    color: #ffffff;
    background: url("../images/quans1.png") no-repeat;
    background-size: auto 100%;
}

.quan_list ul > li.must .right span {
    display: inline-block;
    background: #ffffff;
    border-radius: 2px;
    color: #1499f6;
    width: 20%;
    height: 26px;
    margin: 0px 2px;
}

.quan_list ul > li.must .right h2 {
    color: #065287;
    font-size: 12px;
    line-height: 30px;
}

.quan_list ul > li.must .right .tim_title {
    font-size: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.quan_list ul > li.not .right {
    background: url("../images/quan5.png") no-repeat;
    background-size: auto 100%;
}

.quan_list ul > li.now .right {
    background: url("../images/quans1.png") no-repeat;
    background-size: auto 100%;
    /*background: url("../images/quan1.png") no-repeat;*/
    /*background-size: auto 100%;*/
}

.quan_list ul > li.none .right {
    background: url("../images/quan3.png") no-repeat;
    background-size: auto 100%;
}

.quan_list ul > li.finish .right {
    background: url("../images/quan4.png") no-repeat;
    background-size: auto 100%;
}

.quan_list ul > li.none .small-icon {
    color: #ffffff !important;
    background: #c9c7c7 !important;
}

.quan_list ul > li.none p, .quan_list ul > li.finish p, .quan_list ul > li.not p {
    color: #c9c7c7 !important;
}

.quan_list ul > li.none .q_use, .quan_list ul > li.none .q_icon, .quan_list ul > li.finish .q_use, .quan_list ul > li.finish .q_icon, .quan_list ul > li.not .q_use, .quan_list ul > li.not .q_icon {
    color: #c9c7c7;
    background-color: transparent;
}


.quan_list ul > li > a {
    display: block;
    width: 100%;
    height: 100%;
    /*background: #ffffff;*/
}

.quan_list .main-container {
    float: left;
    width: 100%;
    height: 100%;

}

.quan_list .main {
    border-radius: 10px 0px 0px 10px;
    height: 100%;
    padding: 26px 0px 0px 3%;
    margin-right: 30%;
    /*margin-right: 23%;*/
    box-shadow: 0px 4px 5px 0px rgba(8, 8, 8, 0.05);
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    font-size: 14px;
    background: #ffffff;

}

.quan_list .main .small-icon {
    padding: 2px 4px;
    border-radius: 5px;
    margin-right: 10px;
    vertical-align: middle;
}

.quan_list .main .small-icon.color1 {
    background: #f8adc4;
    color: #ff0000;
}

.quan_list .main .small-icon.color2 {
    background: #f77b00;
    color: #ffffff;
}

.quan_list .main .small-icon.color3 {
    background: #1499f6;
    color: #ffffff;
}

.quan_list .main p {
    line-height: 20px;
}

.quan_list .main .q_title {
    display: inline-block;
    vertical-align: middle;
    width: 63%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.quan_list .main .q_content {
    max-width: 100%;
    height: 40px;
    overflow: hidden;
    font-size: 14px;
    text-align: left;
}

.quan_list .main .q_icon {
    background-color: #fff2f2;
    color: #ff0000;
    font-size: 14px;
    margin-left: 6px;
    padding: 1px 8px;
}

.quan_list .main .q_use {
    color: #f9012d;
}

.quan_list .main .q_use strong {
    font-size: 28px;
    margin: 0px 4px;
}

.quan_list .left {
    box-shadow: 0px 4px 5px 0px rgba(8, 8, 8, 0.05);
    border-bottom: 1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
    background: #FFFFFF;
    float: left;
    width: 26%;
    height: 100%;
    line-height: 140px;
    text-align: center;
    margin-left: -100%;
    border-radius: 10px 0px 0px 10px;

}

.quan_list .left:hover img {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
}

.quan_list .left img {
    max-height: 110px;
    max-width: 110px;
    vertical-align: middle;
    margin: 0px auto;
    transition: all .2s ease-in-out, opacity 1s;
}

.quan_list .right {
    float: left;
    width: 30%;
    height: 100%;
    /*margin-left: -23%;*/
    margin-left: -30%;
    text-align: center;
    padding-left: 5%;
    cursor: pointer;
}

.quan_list .right p {
    color: #ffffff;
    line-height: 24px;
}

.quan_list .right p img {
    width: 60px;
    height: auto;
}

.quan_list .right a {
    display: block;
    width: 100%;
    height: 100%;
}

.no_quan {
    width: 100%;
}

/*变更*/
.sku-wrapper {
    width: 100%;
    padding: 4px 70px 0px;
    overflow: hidden;
    font-size: 15px;
}

.sku-wrapper .sku-item {
    width: 100%;
    float: left;
    padding: 12px 0px;
    border-bottom: 1px solid #cccccc;

}

.sku-wrapper .sku-item dt {
    color: #999999;
    margin-right: 12px;
}

.sku-wrapper .sku-item dt, .sku-wrapper .sku-item dd {
    float: left;
}

.sku-wrapper .sku-item.sku-tree {
    width: 33.3%;
}

.sku-wrapper .sku-item dd em {
    color: #d6d6d6;
}

.sku-wrapper .sku-item dd em {
    margin: 0px 4px;
}

.sku-title {
    margin: 32px 0px;
}

.sku-title strong {
    font-size: 15px;
    letter-spacing: 2px;
}

.blueFont {
    color: #739dd5;
}

.gayFont {
    color: #999999;
}

.layui-layer-hui .layui-layer-content {
    color: #ffffff;
}

/*线下支付*/
.weicodePay {
    margin-top: 60px;
    width: 100%;
    height: 272px;
}

.loginPanel {
    width: 1200px;
    margin: 30px auto;
}

.qrcode {
    width: 200px;
    height: 200px;
    margin: 15px auto 0px;
    border: 1px solid #E2E2E2;
}

.wrp_code {
    float: left;
    width: 50%;
    text-align: center;
}

.wrp_text {
    font-size: 20px;
}

.wrp_img {
    width: 36px;
    height: 36px;
    vertical-align: middle;
    margin-right: 10px;
}

.pay_text {
    vertical-align: middle;
}

.wran {
    width: 1200px;
    margin: 61px auto 61px;
    font-size: 20px;
    color: #ea6a6a;
}

.wran p {
    text-indent: 142px;
    color: #ea6a6a;
}

/*优惠*/
.preferential {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    max-width: 392px;
}

.downIcon {
    display: block;
    background: url("../images/darrow.png") no-repeat;
    background-size: 100% 100%;
    width: 11px;
    height: 8px;
    position: absolute;
    right: -14px;
    top: 50%;
    margin-top: -4px;
    cursor: pointer;
}

.rel {
    position: relative;
}
.preferential_item dt{
  float: left;
    color: #222222;
}
.preferential_detail {
    display: none;
    position: absolute;
    left: 104px;
    top: 33px;
    width:340px;
    min-height: 227px;
    box-shadow: 3px 4px 5px 0px rgba(3, 0, 0, 0.12);
    border: solid 1px #d3d3d3;
    padding: 14px 20px;
    background: #ffffff;
    z-index: 9999;
    display: none;
}
.preferential_item{
    width: 100%;
    margin-bottom: 8px;

}

.preferential_item dd{
    color: #999999;
    line-height: 18px;
    padding-top: 8px;
}
.rule1{
    float: left;
}
.preferential_project{
    width: 100%;
    margin-bottom: 10px;
    padding-left: 40px;

}
.preferential_project p{
    margin-top: 10px;
}
.pre_red{
    color: #da2518;
}
/*新闻帮助中心*/
.help_left {
    float: left;
    width:200px;
    /*margin-top: 30px;*/
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #e9e9e9;
    border-bottom-color: #e9e9e9;
    border-left-color: #e9e9e9;

}
.h_l_title{
    background: #df3231;
    height: 40px;
    width: 100%;
    line-height: 40px;
    text-align: center;
}
.h_l_title h1{
    color: #ffffff;
    font-size: 16px;
}
.help_left .nav_left, .help_left .nav_left li {
    float: left;
    width: 100%;
}

.help_left .nav_left {
    background: #FFFFFF;
}
.help_content{
    width: 100%;

}
.help_content .nav_left > li >a{
    height: 44px;
    color: #333;
    font-size: 16px;
    float: left;
    line-height: 44px;
    display: inline;
    width: 100%;
    /*border-top:1px solid #ffffff;*/
    padding-left:26px;
    padding-right:16px ;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #eeeeee;
    overflow: hidden;
}
.help_content .nav_left > li > a > span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    max-width:160px;
    overflow: hidden;

}
.help_content .nav_left >li >a .h_arrow{
    display: block;
    width: 14px;
    height: 14px;
    float: right;
    margin-top: 18px;
    background: url("../images/arrow_down.png") no-repeat;
}
.help_content .nav_left > li>a.xczc_selected .h_arrow{
    background: url("../images/arrow_up.png") no-repeat;

}
.help_content .nav_left li >ul >li {
    height: 30px;
}
.help_content .nav_left ul {
    /*display: none;*/
    float: left;
    width: 100%;
    padding-top:12px;
    padding-bottom:12px;
}

.help_content .nav_left li ul li a:hover,.help_content .nav_left li ul li a.on {
    color: #e02b4d;
}
.help_content .nav_left li ul li a {
    float: left;
    width:168px;
    line-height: 30px;
    height: 30px;
    font-size: 14px;
    color: #666;
    display: inline;
    padding-left:30px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.help_right {
    float: right;
    width: 1050px;
    /*margin-left: 10px;*/
    /*margin-top: 30px;*/
    background: #FFFFFF;
    min-height: 800px;
}
.help_right_t {
    line-height: 48px;
    display: inline;
    float: left;
    height: 48px;
    width: 100%;
    padding-left:36px;
    background: #eeeeee;
}
.help_right_t >a{
    font-size: 12px;
    color: #777777;
}
.help_right_div {
    font-size: 14px;
    line-height: 30px;
    color: #000;
    display: inline;
    float: left;
    padding: 0px  78px 60px;
    margin-top:38px;
    width: 100%;
}

.h_r_d_title{
    height: 50px;
    width: 100%;
    border-bottom: 1px dashed #eaeaea;
}
.h_r_d_title>h1{
    font-size: 24px;
    color: #111111;
    font-family: "microsoft yahei";
    font-weight:normal;
}
.h_r_d_content{
    margin-top: 35px;
}
.h_r_d_content h2{
    text-indent: 28px;
}
.help_content .page_wrapper{
    clear: both;
}



.mui_addr_tri_1{
    color: #333;
    margin-top: 8px;


}
.mui_addr_tri_1 .downIcon{
    right:-12px
}
.mui_item{
    cursor: pointer;
    margin-right: 20px;
    position: relative;
}
.address_warp{
    position: absolute;
    left: 0px;
    top:40px;
    z-index: 999;
    color: #333;
    background: #ffffff;
    display: none;


}
html{
    /*隐藏滚动条，当IE下溢出，仍然可以滚动*/
    -ms-overflow-style:none;
    /*火狐下隐藏滚动条*/
    overflow:-moz-scrollbars-none;
}
.address_lists::-webkit-scrollbar{
    display:none;
}
.address_dialog{
    width: 488px;
    position: relative;
    background-color: #fff;
    border: 1px solid #aaa;
    height: 300px;
    padding: 10px;

}
.address_part_title{
    margin-bottom: 5px;
    font-size: 13px;
}
.address_lists {
    height: 215px;
    overflow: auto;
    margin-right: -10px;
}
.clearfix:after, .clearfix:before, .headerCon:after, .headerCon:before {
    display: table;
    content: "";
    overflow: hidden;
}
.address_item{
    width: 215px;
    height: 82px;
    margin: 0 10px 10px 0;
    display: block;
    float: left;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    padding: 5px 8px;
    background-image: url(../images/T1VPiBXvpeXXbjLKQ7-237-106.png) ;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size:100% 100% ;
}
.address_default{
    position: absolute;
    right: 0;
    top: 0;
    background-color: #ccc;
    color: #FFF;
    padding: 0 2px;
    filter: alpha(opacity=70);
    opacity: .7;
    font-size: 12px;
    line-height: 1.5;
}
.address_sub {
    font-weight: bolder;
    border-bottom: 1px dashed #ccc;
    line-height: 24px;
    height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.address_brief{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.address_detail{
    line-height: 19px;
    height: 57px;
    color: #333;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.active.address_item, .address_item:hover{
    background-image: url(../images/TB1OVRCRpXXXXaMXFXXXXXXXXXX-237-106.png);
}
.active.address_item i{
    display: block;
}

.address_close{
    float:right;
    width: 14px;
    height: 14px;
    cursor: pointer;
    color: #333;
    background: url("../images/addclose.png") no-repeat;
    background-size: 100% 100%;
    margin-top: 8px;
}
.address_item:nth-child(even) {
    margin-right: 0;
}


.bz_title{height:130px;background:url(../images/bg1.jpg) no-repeat center top;text-align:center;color:#ffffff;font-size:48px;line-height:130px;}

.dynamic_content ul li {
    border-bottom: 1px solid #efefef;
    padding: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.dynamic_content ul li p {
    color: #999999;
    height: 30px;
    width: 100%;
    line-height: 30px;
}

.dynamic_content ul li .title {
   font-size: 20px;
    font-weight: 400;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    line-height: 40px;
    height: 40px;
}


.dynamic_content .word {
    width: 680px;
    display: block;
    float: left;
    overflow: hidden;
    height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    line-height: 30px;
}

.d_l_time {
    float: right;
    font-size: 14px;
    line-height:30px;
}

.dynamic_content ul li:hover .title{color:#e02b4d;}

.a_page{padding:50px 0 0 0;text-align:center;}

.xwxq_nr {
    padding: 20px 26px;font-size:14px;color:#000;line-height:2.1;
}

.xwxq_nr img {
    max-width: 100%;
    vertical-align: middle;
}

.xwxq_nr > h1 {
    color: #000000;
    font-weight: bold;
    font-family: "microsoft yahei";
    font-size: 30px;
    text-align: center;
    line-height:1.5;
}

.xwxq_nr > h2 {
    color: #777777;
    font-family: "Arial";
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    margin-bottom: 30px;
     /*line-height:1.5;*/
}

.xwxq_nr p {
    text-indent: 32px;
    line-height: 30px;
}

.xwxq_nr p a {
    color: #4c75ee;
}










