﻿/*20200704*/
.slogan{display:flex;flex-flow:row wrap;justify-content:space-around;}
.slogan li{float:left;margin-right:10px;text-indent:2.1rem;background:url(../images/icon_gou.png) no-repeat left center;font-size:0.8rem;line-height:3rem;background-size:1.5rem;}
.slogan li:last-child{margin-right:0px;}




.bg_hui {background:#f5f5f5}
.borbottom{height:1px; line-height:1px; font-size:1px; border-top:1px #CCC solid; clear:both; margin-top:5px;margin-bottom:5px}
.tel_green{font-size:20px;color:#0fab6a;font-weight:bold;text-align:center;}
.tel_green2{font-size:16px;color:#4eb14c;font-weight:bold;text-align:center;}
.topwarp{height:40px;background:#ff633a!important;width:100%;padding-top:5px;}
.topwarp .bg_logo{background:url(../images/2015/nav_bg_logo_18.png) no-repeat;margin-left:10px;width:190px;height:33px;float:left}
.topwarp .bg_back{float:left;width:190px;background:url(../images/2015/nav_icon_back_28.png) 5px 3px no-repeat;height:33px;line-height:33px;}
.topwarp .bg_back a{color:#FFFFFF;font-weight:bold;font-size:14px;margin-left:30px;}
.topwarp .icon_r{height:33px;width:100px;float:right;}
.topwarp .icon_r a{display:block;width:18px;height:18px;margin:7px 0px 0px 11px;background-size:18px 18px;float:left;}
.topwarp .icon_r .top_qq{background:url(../images/2015/nav_icon_qq_18.png) 0px 0px no-repeat}
.topwarp .icon_r .top_tel{background:url(../images/2015/nav_icon_tel_18.png) 0px 0px no-repeat;}
.topwarp .icon_r .top_wx{background:url(../images/2015/nav_icon_wx.png) 0px 0px no-repeat;background-size:18px;}
.topwarp .icon_r .top_menu{background:url(../images/2015/nav_icon_menu_18.png) 0px 0px no-repeat;}

.topicon{width:100%;height:85px;}
.topicon li{width:20%;text-align:center;height:60px;float:left;margin-top:10px;}
.topicon li img{width:38px;height:38px;}

.pro_list .t_p{height:30px;line-height:30px;border-bottom:1px solid #fafafa;}
.pro_list .t_p span{margin-top:5px;display:block;float:left;width:19px;height:19px;line-height:19px;color:#FFFFFF;font-weight:bold;text-align:center;border-radius:2px;}
.pro_list .t_p .bg_yellow {background:#ffba27;}
.pro_list .t_p .bg_zhi {background:#ff555b;}

.pro_list .t_p h1{font-size:14px;padding:0px;margin:0px;float:left;margin-left:5px;}
.pro_list .t_p .a_more{float:right;}

.pro_list  .pro{width:95px;float:left;margin:6px 7px 0px 0px;text-align:center;}
.pro_list  .pro.no{margin:6px 0px 0px 0px;}
.pro_list  .pro .proimg{width:95px;height:124px;border:1px solid #dedede;text-align:center;}
.pro_list  .pro .proname{height:24px;line-height:24px;text-align:center;color:#7f7f7f;font-size:14px;width:95px;overflow:hidden;}
.pro_list  .pro .proname a{color:#7f7f7f;}
.pro_list  .pro .proprice{height:20px;line-height:20px;color:#ca060a;width:100%;font-size:1.6em;text-align:left;}
.pro_list  .pro .addcart{width:60px;height:25px;line-height:25px;background:#0fcd9a;text-align:center;color:#ffffff;border-radius:2px;clear:both;margin-top:5px;}
.pro_list  .pro .addcart a{color:#ffffff;}

.p_box div{height:25px;line-height:25px;}
.p_box .proname{width:50%;color:#222;font-size:15px;float:left;overflow:hidden;}
.p_box .proid{width:48%;color:#222;font-size:15px;float:left;}
.p_box .proprice{width:50%;color:#222;font-size:15px;float:left;}
.p_box .prohyj{width:50%;color:#222;font-size:15px;float:left;}

/*page:list*/
.top_mark{height:33px;line-height:33px;color:#5e5d5d;border-bottom:1px solid #f6f6f6}
.top_mark .more_mark{width:80px;height:25px;line-height:25px;margin-top:3px;text-align:center;color:#f83636;border-radius:2px;border:1px solid #f83636;float:right;display:block;}
.top_filter{width:100%;}
.top_filter li{border-bottom:1px solid #f6f6f6;width:25%;text-align:center;height:32px;line-height:32px;color:#333333;background:url(../images/arrow.png) no-repeat 80% 11px;float:left;background-size:10px !important;}
.top_filter li a{color:#333333;display:block;width:100%;height:33px;}
.top_filter li a.selected{color:#FFFFFF;background-color:#F0282D;}
.top_filter span{background:url(../images/arrow.png) 10px 0px; no-repeat;}

.filter_box{position:absolute;background:#FFFFFF;z-index:999;}/*background:#666666;filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;*/
.filter_box .filter_ul{width:320px;margin:0px auto;background:#FFFFFF;display:none;border:1px solid #e4e4e4;border-top:none;clear:both;min-height:150px;}
.filter_box .filter_ul li{width:50%;float:left;height:30px;line-height:30px;background:#FFFFFF;text-indent:10px;}
.filter_box .filter_ul li a{font-size:14px;}
.filter_box .filter_ul li a.selected{color:#f83636}



/*Page:Ucenter*/
.u_top_info{height:73px;background:url(../images/2015/ucenter_bg.jpg);}

.u_top_info td{color:#FFFFFF;line-height:21px;}
.u_top_info .l_td{width:150px;text-align:right;font-weight:bold;font-size:14px;}
.u_top_info .r_td{width:130px;padding-left:10px;}
.u_top_info .u_box{width:100%;color:#FFFFFF;font-size:14px;font-weight:bold;height:40px;}
.u_top_info .u_box .user_face{height:33px;line-height:33px;background:#FFFFFF;width:33px;border-radius:5px;border:2px solid #f7e1d2;float:left;}
.u_top_info .u_box .user_face img{border-radius:7px;}
.u_top_info .u_box .u_name{padding:0px 10px;float:left;line-height:33px;}
.u_top_info .u_box span{display:block;padding:3px 5px;height:19px;border-radius:2px;background:#6bd72a;text-align:center;float:left;margin-top:7px;}

.t_nav_img a{display:block;width:20%;text-align:center;height:55px;float:left;}


/*detail*/
.detail_icon{width:100%;}
.detail_icon li{width:20%;text-align:center;height:70px;float:left;margin-top:10px;}
.detail_icon li img{width:38px;height:38px;}
.pro_content_box ul{height:25px;width:100%;margin-bottom:10px;}
.pro_content_box ul li{width:33%;text-align:center;float:left;height:25px;line-height:25px;}
.pro_content_box ul li a{text-align:center;display:block;height:25px;line-height:25px;}
.pro_content_box ul li a.selected,.pro_content_box ul li a:hover{border-bottom:2px solid #f83636;color:#f83636;}
.pro_content_box .pro_content{display:none;}

/*ppt*/
.slider{width:100%;overflow:hidden;min-height:100px;max-height:185px;position:relative;}
.sul,.lsul,.gfs{position:relative;z-index:1;width:100%;height:100%;overflow:hidden;}
.sul li,.lsul li{width:100%;height:100%;float:left;}
#gslider{position:relative;width:100%;height:185px;overflow:hidden;background-color:#fff;}
.gfs li{width:100%;height:100%;display:block;float:left;}
/*.btn{position:absolute;left:0;width:100%;bottom:3px;z-index:2;}
.btn i{cursor:pointer;display:inline-block;width:6px;height:6px;border:1px rgba(0,0,0,0.2) solid;margin:0 2px;background-color:#f7f7f7;border-radius:6px;opacity:0.7;}
.btn i.on{background-color:#cc0000;}*/
/*ppt end*/
.goods_name{/*height:56px;margin-top:10px;border-bottom:1px solid #f8f8f8;*/}
.goods_name h1{margin:0px;padding:0px;float:left;display:block;line-height:23px;font-size:15px;width:180px;height:46px;overflow:hidden;}
.goods_name .ic{display:block;width:65px;height:56px;line-height:70px;float:right;text-align:center}
.goods_name a{color:#4a4a4a;}
.goods_name a.tel{background:url(../images/2015/details_icon_tel.png) 20px 5px no-repeat;}
.goods_name a.weixin{background:url(../images/2015/details_icon_weixin.png) 20px 5px no-repeat;}
.goods_price{ /*height:56px;*/ }
.goods_price .pri{height:56px;width:160px;float:left;line-height:28px;font-size:12px;font-weight:bold;color:#eb1b1b}
.goods_price .pri strong{color:#232323;}
.goods_price .pro_no{color:#afafaf;display:block;float:right;width:80px;margin-top:35px;}



.weixin_tips{line-height:23px;font-size:14px;}



/*20180630 video*/
 .flashppt {
            position: relative;max-width:720px;width:100%;
        }
            .flashppt .video_ppt {
                width: 320px;height: 240px;margin:0px auto;clear:both;
            }
            /*.flashppt .close {
                display: block;
                position: absolute;
                top: -10px;
                right: -10px;
                font-size: 16px;
                font-weight: bold;
                color: #FFFFFF;
            }*/
            .flashppt .close {
                width: 320px;
                height: 20px;
                margin: 3em auto 0em auto;
            }
            .flashppt .close img{float:right;
            }
             .flashppt {
                    position: relative;
                }
        .flashppt {position:relative;margin:0px auto;}
        .btnact{position:absolute;bottom: 20px;z-index:999;width: 100%;}
        .btnact ul{width: 120px;margin: 0px auto;}
        .btnact li{margin-right:10px;float: left;}
        .btnact a{display:block;padding:5px 10px;text-align: center;border-radius: 5px;background: #b9b9b9;color: #000;}
        .btnact a.selected{background: #fdb62d;color: #FFF;}
        .i_video{position: absolute;top: 40%;left: 40%;width: 64px;height: 64px;z-index: 999;
            background:url(/res/images/video.png) no-repeat !important;}
        .gtn {
            width: 100%;
            background-color: #333;
            background-color: rgba(0,0,0,0.6);
            position: fixed;
            top: 0;
            left: 0;
            bottom: 0;
            line-height: 4.2rem;
            z-index: 2000;
            display: none;
        }


.price_detail{width:100%;position:relative;}
.price_detail .detail_price_bg{width:100%;height:auto;border-radius:10px;}
.price_detail .price_inner{position:absolute;top:0px;left:0px;width:100%;}
.price_detail .fl{width:65%;}
.price_detail .fl .price_detail_box{}
.price_detail .fr{width:28%;margin-right:5px;}
.price_detail .fr #djs{display:flex;flex-flow:row wrap;justify-content:space-between;}
.price_detail .fr #djs i{display:block;width:25px;height:25px;line-height:25px;border-radius:5px;background-color:#000;color:#FFF;font-size:14px;text-align:center;float:left;}
.price_detail .fr #djs em{float:left;color:#FFF;font-size:14px;}

.white_bg_price{width:96%;margin:0px auto 10px auto;}
.white_bg_price::after{width:100%;display:block;clear:both;content:'';}
/*.white_bg_price .fl{width:75%;height:30px;overflow:hidden;}*/
.white_bg_price span{padding:0px 15px;background-image: linear-gradient(to right ,#F31418, #FF766B);border-radius:20px;color:#FFF;
                         font-size:12px;float:left;margin-right:10px;line-height:30px;margin-top:3px;}
.white_bg_price a.fr{width:70px;height:24px;line-height:24px;text-align:center;color:#FFF;border-top-left-radius:10px;border-bottom-left-radius:10px; margin:3px 0px 0px 0px;background-image: -moz-linear-gradient(left, #d19800, #d19800); /* Firefox */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffcb43), color-stop(1, #d19800)); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcb43', endColorstr='#d19800', GradientType='0'); /* IE*/}


.boxTitle{margin:10px 0px;width:100%;line-height:3rem;text-align:center;background-color:#E7E5E6;color:#000;font-size:1.6rem;font-weight:bold;border-top:1px solid #BBBCBE;border-bottom:1px solid #BBBCBE}


.pro_shop_box .shop_right {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  /*max-width: 13.57142857rem;*/
  width:40%;
  margin-top: 0px;
  /*margin-top: 0.28571429rem;*/
  position: relative;
  height: 16rem;
}
.pro_shop_box .shop_right .name {
  font-size: 1.6rem;
  color: #3D4D42;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pro_shop_box .shop_right .instro {
  line-height: 1.6rem;
  margin-top: 0.71428571rem;
  margin-bottom: 0.64285714rem;
  color: #71797F;
  font-size:1.2rem;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pro_shop_box .shop_right .product-item-info-tag > span 
{
    display: inline-block;
  border-radius: 1rem;
  border: 0.02rem solid #FF734C;
  background-color: #FFF0EC;
  color: #FF3D12;
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0 0.5rem;
}
.pro_shop_box .shop_right .promo {
  min-height: 1.14285714rem;
  color: #FF734C;
  font-size: 0.85714286rem;
  border-top:1px solid #E9E9E9;
  border-bottom:1px solid #E9E9E9;margin-bottom:5px;
}
.pro_shop_box .shop_right .price {
  color: #ca060a;
  font-size: 1.4rem;
  margin-top: 1rem;
}
.pro_shop_box .shop_right .avg_price {
  margin-top: 0.5rem;
  color: #B4BABF;
  font-size: 1rem;
  text-decoration: line-through;
}
.pro_shop_box .shop_right .price_box {
        position:absolute;bottom:0px;
}
.pro_shop_box .shop_right .buy_cart {
  position: absolute;
  bottom: 0;
  right: 20px;
}
    .pro_shop_box .shop_right .buy_cart img{width:30px;height:30px;
    }
.pro_shop_box .shop_right .buy_now {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 7rem;
  height: 3.42857143rem;
  color: #ffffff;
  text-align: center;
}
.pro_shop_box .shop_right .buy_now .sell {
  height: 1.71428571rem;
  background-color: #FFA76B;
  font-size: 0.85714286rem;
  line-height: 1.71428571rem;
  border-radius: 0.14285714rem 0.14285714rem 0 0;
}
.pro_shop_box .shop_right .buy_now .buy {
  height: 1.71428571rem;
  line-height: 1.71428571rem;
  background-color: #FF734C;
  font-size: 1rem;
  border-radius: 0 0 0.14285714rem 0.14285714rem;
}
.prowap .shop_list_box {
  padding: 0;
  position: relative;width:98%;margin:0px auto 0px auto;padding-top:5px;
}
.prowap .shop_list_box .li {
  padding: 0px;
  background: #FFF;
  border-radius:10px;
  display: -webkit-box;
  /*display: -webkit-flex;*/
  display: -ms-flexbox;
  display: flex;
  position: relative;overflow:hidden;margin-bottom:10px;
}
.prowap .shop_list_box .li.plural .shop_left{
    order:2;margin-right:0px;margin-left:0.57142857rem;
}
.prowap .shop_list_box .li.plural .shop_right {margin:5px 0px 0px 10px;
    }
.prowap .shop_list_box .li .shop_left {
  width: 50%;
  margin-right: 0.57142857rem;
}
    .prowap .shop_list_box .li .shop_left img{
    width:100%;height:auto;}


