@charset "utf-8";
@import url("commonhome-2018.css");
/*主体*/
.wrap,.jkn_wrap_b,.slide_box{width:1210px;margin:0 auto;overflow: hidden;}
.jkn_wrap_b_l_b li em,.jkn_wrap_b_r_b li em,#jkn_div_4 ul.jk_zxwt li em,#jkzs3 .prev,#jkzs3 .next,.banner-btn,.index_a_prev,.index_a_next{background-image:url('//image.360lj.com/portal/image/lj2016.png');background-repeat:no-repeat;}
.slide_right em{ background:url(//image.360lj.com/portal/image/slide_icon.png) no-repeat; }

.jnk_allsorthover .mc{ display:block; }

body{ color: #333;}

/*轮播图*/
.slide_box { width:100%; overflow: hidden; position: relative; height:510px;min-width: 1210px;}
.slide_right_bottom dt a em{ display: inline-block;*display: inline;*zoom:1; cursor: pointer;}

.banner{ position:relative; z-index:9; width:100%; height:510px; overflow:hidden;}
.banner-btn{position:absolute; top: 50%; width: 34px; height: 68px; margin-top: -34px;opacity: 0.7;filter:alpha(opacity=70);z-index: 99; }
.banner-prev{background-position:-2px -275px; left:50%;margin-left:-405px; display:none; }
.banner-next{background-position:-37px -275px;right:50%;margin-right:-364px; display:none; }
.banner-prev:hover,.banner-next:hover{opacity:1;filter:alpha(opacity=100);}
.banner-pic .ul{ width:100%; height:510px; }
.banner-pic .li{ width:100%; height:510px;position: absolute;top:0;left:0;z-index: 60; background-position:center center;}
.banner-pic .li a{ height:510px;margin:0 auto;display: block;}
.banner-pic .li img{ width: 100%;height: 100%;object-fit: cover;}
.dot{width: 100%;height:60px;position:absolute;bottom:0; left:0;z-index:500;line-height:60px;text-align:center;}
.dot span{ display:inline-block; }
/* .dot a{ display:inline-block; width:16px; height:16px; border-radius:50%; background:url(//image.360lj.com/portal/image/dot_1.png) no-repeat 0 0; margin:4px; opacity: 0.5;filter:alpha(opacity=50); }
.dot .active{background:url(//image.360lj.com/portal/image/dot_2.png) no-repeat 0 0; opacity: 0.9;filter:alpha(opacity=90);  width:16px; height:16px; }*/
.dot a{
    display:inline-block;width:90px;height:36px;line-height: 36px;

    background: rgba(0,0,0,.5);
    /*兼容 IE 7/8 不支持 rgba 用滤镜解决*/
    margin-top: 20px !important;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000) \9;   /* IE9/8/7/6 */

    /**filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);     !* IE7 *!*/

    /*_filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);     !* IE6 *!*/

    color: #fff; margin-right:1px;text-align: center;position: relative;font-size: 12px;
}
.dot .active:after{position: absolute;content: "";left: 50%;top: 30px;width: 36px;height: 2px;background: #0691fa;margin-left: -18px;}



/* 亮健banner 暂时先不用
.banner-nav{ width:100%;  position:absolute; bottom:55px; left:0; z-index:500; text-align:center; }
.banner-nav .item{display:inline-block; width:90px; height:36px; line-height: 36px; background: rgba(0,0,0,.3); color: #fff; margin-right:1px; text-align: center; position: relative;}
.banner-nav .item h6{}

.banner-nav .item .item-list{ position: absolute; left: 0; bottom: 36px; display: none;}
.banner-nav .item li{width: 200px; height: 36px; line-height: 36px; background: rgba(0,0,0,.5); color: #fff; padding-left: 10px; text-align: left;}
.banner-nav .item a{ color: #fff; }
.banner-nav .item.cur .item-list{ display: block; }
.banner-nav .item.active{background: rgba(0,0,0,.5	);}
.banner-nav .item.active:after{content: ""; position: absolute; left: 50%; top: 30px; width: 36px; height: 2px; background: #0691fa; margin-left: -18px; }
html代码
<div class="banner-nav">
    <div class="item active">
        <h6>标题1</h6>
        <ul class="item-list">
            <li><a href="#">1111111</a></li>
            <li><a href="#">111111111111</a></li>
        </ul>
    </div>
</div>
*/

/* 顶部悬浮搜索 */
.topfloat{ position: fixed; left: 0; top: 0; background: #fff; width: 100%; z-index: 500;-webkit-box-shadow:inset 0 0 10px #0CC; -webkit-box-shadow:0 0 10px #333; -moz-box-shadow:0 0 10px #333; box-shadow:0 0 10px #333; display: none;}
.topfloat .logo-float{ float: left; margin: 0 10px;}
.topfloat .jkn_sear_box{ margin-top: 10px; margin-left: 20px; padding-left: 5px;}
.topfloat .jkn_sear_btn{ margin-top: 10px; }
/* 侧边右导航 */
.side_right{ position: fixed; top: 465px; right: 10px; margin-top: 0; margin-right: 0; border: 1px solid #dad9df; border-bottom: none; background: #fff;}
.side_right ul{}
.side_right ul li{width: 38px; height: 33px; padding: 15px 5px 0; color: #6a6a6a; text-align: center; font-size: 12px; line-height: 1.2; border-bottom: 1px solid #dad9df; position: relative;}
.side_right ul li a span{ display: none; }
.side_right ul li.side_download_app{background: url(//image.360lj.com/portal/image/2018/side_right2.png) no-repeat;}
.side_right ul li.personal{ background: url(//image.360lj.com/portal/image/2018/side_right2.png) 0 -48px no-repeat; }
.side_right ul li.mobile{background: url(//image.360lj.com/portal/image/2018/side_right2.png) 0 -96px no-repeat;}
.side_right ul li.mobile .side-ewm{position: absolute;top: 0; left: -105px; width: 103px; height: 132px; border: 1px solid #e5e5e5; background: url(//image.360lj.com/portal/image/2018/side-ewm.jpg) no-repeat; display: none;}
.side_right ul li.cat{background: url(//image.360lj.com/portal/image/2018/side_right2.png) 0 -144px no-repeat;}
.side_right ul li.cat .circle{ position: absolute; top: 2px; right: 2px; background: #f74306; text-align: center; line-height: 18px; color: #fff; width: 18px; height: 18px; display:inline-block; border-radius: 50%;}
.side_right ul li.fk{background: url(//image.360lj.com/portal/image/2018/side_right2.png) 0 -192px no-repeat;}
.side_right ul li.top{background: url(//image.360lj.com/portal/image/2018/side_right2.png) 0 -241px no-repeat;}
.side_right ul li.active{ background:#0691f8;}
.side_right ul li.active a span{ color: #fff; }
.side_right ul li a{ display: block; }
.side_download_app{

}
.side_download_app .side-ewm-APP{
    display: none;
    background: url('//image.360lj.com/images/login2018/img/log/nav_download_qr.png');width: 316px;height: 209px;position: absolute;left: -316px;top: -15px;
}
/*右侧广告*/
.slide_right{position: absolute;width:240px;height: 430px;background:#fff;right:50%;margin-right:-605px;top:38px; z-index: 10;}
.slide_right_middle li,.slide_right_foot li{width:68px;height:68px;float: left;text-align: center; /* border-right:1px solid #eaeaea; */ }
.slide_right .overflow{ overflow:hidden; height:133px; }
/* .slide_right_top,.slide_right_middle li,.slide_right_bottom dt,.slide_right_foot li{border-bottom: 1px solid #eaeaea; } */
.slide_right_top{ height: 165px; border-bottom: 1px dashed #999;}
.sign_no{padding-top: 10px;}
.sign_no .text{ text-align: center; color: #777; font-size: 12px; padding: 10px 0;}
.sign_no .btn{ text-align: center; }
.sign_no .btn a{ width: 65px; height: 22px; line-height: 22px; border: 1px solid #e94a19; color: #e94a19; border-radius: 10px; display: inline-block; text-align: center;}
.sign_yes{padding: 24px 30px 0 24px;}
.sign_yes .name{ padding-bottom: 12px; }
.sign_yes .jifen{display: block; height: 18px; line-height: 18px; padding: 0 8px; border-radius: 8px; background: #ff4400; color: white; font-size: 12px;float: left;}
.sign_yes .out{display: block; float: right; font-size: 12px; color: #777;}

/* .slide_right_top a{ display:block; width:200px; height:82px;} */
.slide_right_middle{ padding-left: 18px; }
.slide_right_middle li em,.slide_right_foot li em{width:30px;height:30px;display: block; /* margin:9px 17px 0 19px; */ margin: 10px auto 0; cursor: pointer;}
.slide_right_middle li em,.floor_right_r img,.tszl_ul li img{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.slide_right_middle li em{ margin: 5px auto 0; }
.slide_right_middle li:hover em{ margin-top:4px; }
.slide_jkwd em{background-position: 0px 0px}
.slide_yyzd em{background-position: 0px -30px}
.slide_jkzx em{background-position: 0px -60px}
.slide_right_foot{ padding-left: 18px; }
.slide_right_foot .slide_jkwd em{background-position: 0px -90px}
.slide_right_foot .slide_yyzd em{background-position: 0px -120px}
.slide_right_foot .slide_jkzx em{background-position: 0px -150px}
.slide_right_foot .slide_zys em{background-position: 0px -180px}
.slide_right_foot .slide_jkfk em{background-position: 0px -210px}
.slide_right_foot .slide_ysbz em{background-position: 0px -240px}
.slide_right_bottom dt{color:#3c3c3c;font-size: 16px;height: 1px; padding-left:14px; }
/* .slide_right_middle_service{ border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; } */
.slide_right_bottom dt a{font-size:12px;color: #666;float:right;display: none;_padding-top:14px;_height: 16px;_line-height: 16px}
.slide_right_bottom dt a em{width:12px;height:9px;background-position:-88px -175px;*vertical-align: 4px;_vertical-align:-5px;}
.slide_right_bottom dd{padding:10px; overflow: hidden;}
.slide_right_bottom dd p{line-height: 22px;height: 22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.slide_right_foot li em{ cursor:inherit; }
.slide_right_foot span{ display:block; line-height:28px; color: #777; font-size: 12px;}
.slide_right_middle span{display:block; line-height:28px; color: #777; font-size: 14px;}
.slide_right .hover{ color:#ff4400; }

/*限时特价*/
.sale{ width:1210px; overflow:hidden; margin-top:30px; margin-bottom: 30px;}
.sale .bgcolor{width: 242px; height: 170px; background:#ddd; float: left; background: url(//image.360lj.com/portal/image/2018/count-down.jpg) no-repeat;}
.count_down{ padding:0 10px;}
.count_down h6{ font-weight:bold; font-size:40px; color:#fff; line-height: 2; text-align: center;}
.count_down p{ color:#fff; font-size:14px; line-height:42px; vertical-align:middle; text-align: center;}
.count_down span{ display:inline-block; width:30px; height:30px; background:#323232; color:#FFF; font-size:20px;  line-height:30px; text-align:center; vertical-align:middle; font-family:Arial, Helvetica, sans-serif; padding: 0 5px;}
.count_down .text{ text-align: center; color: #fff; font-size: 14px;}
.product{ overflow:hidden; background:#FFF; float: left;}
.product li{ float:left; width:242px; height: 140px; padding-top: 30px; position: relative; background: #f8f8f8;}
.product li .tip{ width: 66px; height: 32px; line-height: 32px; text-align: center; background: url(//image.360lj.com/portal/image/2018/zhe.png) no-repeat; color: #fff; font-size: 14px; position: absolute; top: 0; right: 0; font-weight: bold;}
.product li:nth-of-type(2n){ background: #f2f2f2;}
.product a{ display:block; overflow:hidden;text-align: center;  }
.product a.img{ width: 110px; height: 110px; float: left; margin-left: 5px;}
.product a img{ width: 100%;}
/* .product img{height:160px; } */
.product .message{width: 110px; float: left; padding: 10px 0 0 10px; text-align:left; }
.product .message p{ /* white-space:nowrap; overflow:hidden; text-overflow:ellipsis; */ font-size: 15px; color: #333;}
.product .message a{ height: 48px; text-align: left; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.product .message:hover{ color:#0088cc; }
.product .price{ height:26px; line-height:26px; font-size:12px; display:block; /* background:url(//image.360lj.com/portal/image/price_bg.png) no-repeat 20px 2px; */ }
.product .price font{ float:right; height:28px; line-height:28px; font-size:14px; padding-right:6px; color:#fff; font-family:Arial, Helvetica, sans-serif; }
.product .price i { font-size:12px; }
.product em{ color:#e4393c; font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding-left:6px; }

/* 专场 */
.zc{}
.zc > a { display: block; width: 292px; height: 358px; float: left; margin-right: 10px !important;overflow: hidden;background-size: 100%;}
.zc > a > img { width: 100%;}
.zc > a:hover img { display: none; }

/*热门搜索*/
.hot_search{ width:1210px; height:272px; }
.hot_search dt{ height:42px; font-weight:bold; font-size:20px; line-height:42px; color:#3c3c3c; margin-top:13px; text-indent:10px; }
.hot_search dt a{ font-size:14px; line-height:36px; padding:6px 22px 0 0; color:#999; background:url(//image.360lj.com/portal/image/small_icon.png) no-repeat right -32px; float:right; }
.hot_search dt a:hover{ color:#0088cc; background:url(//image.360lj.com/portal/image/small_icon.png) no-repeat right -68px; }
.hot_search dd{ width:1218px; position:absolute; }
.hot_search dd a{ width:195px; height:230px; background:#fff; margin-right:8px; float:left; }
.hot_search dd a:hover{ box-shadow:2px 2px 4px rgba(0,0,0,0.3);}
.hot_search img{ height:164px; max-width:195px; margin:0 auto; display:block; }
.hot_search h6{ padding:0 10px; height:28px; font-size:16px; line-height:28px; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.hot_search p{ padding:0 10px; font-size:14px; line-height:24px; color:#e4393c; font-weight:bold; font-family: Arial, Helvetica, sans-serif; padding-bottom:14px; }
.hot_search .price{ display:inline-block; }
.hot_search .amount{ font-size:12px; color:#999; float:right; }
.hot_search .hot{ background:url(//image.360lj.com/portal/image/small_icon.png) no-repeat 0 -110px; color:#e4393c; padding-left:20px; }


.jkn_add{margin-top:25px;display: block}

/*主体中部*/
/* .wrap_middle .jk_mode dt{border-bottom-style:solid;border-bottom-width: 1px; text-indent:10px; } */
.jk_mode{ margin: 15px 0; position: relative;}
.jk_floor_one dt{border-bottom-color: #3c9dff}
.jk_floor_two dt{border-bottom-color: #3b9dff}
.jk_floor_three dt{border-bottom-color: #8b42ff}
.jk_floor_four dt{border-bottom-color: #4353dd}
.jk_floor_five dt{border-bottom-color: #1ac8d5}
.jk_floor_six dt{border-bottom-color: #ff4e4f}
.jk_floor_one dd,.jk_floor_two dd,.jk_floor_three dd,.jk_floor_four dd,.jk_floor_five dd,.jk_floor_six dd{ background:#FFF; }


/* 楼层中间 */
.floor_mid{ float: left; }
.floor_mid dt{ height: 50px; }
.floor_mid dt ul{}
.floor_mid dt ul li{height: 50px; line-height: 50px; float: left; margin-right: 40px; font-size: 16px; color: #8c8c8c; cursor: pointer;}
.floor_mid dt ul li:hover{ color: #333;}
.floor_mid dt ul li.cur{ color: #333; position: relative;}
.floor_mid dt ul li.cur:after{content: ""; position: absolute; left: 50%; top: 40px; margin-left: -20px; width: 40px; height: 4px; background: #f2f2f2;}
.floor_mid dd{ height: 660px; width: 714px; overflow: hidden; border: 2px solid #f2f2f2; border-right: none;}

.floor_left_box{padding-bottom: 8px;}
.floor_left_box h6{ text-align: left; font-size: 18px; color: #999; line-height: 38px; margin-left: 12px; margin-top: 15px;}
.floor_left_box .left_box_top{ border-left: 1px solid #d8d8d8; margin-left: 12px;}
.left_box_top li{float:left; text-align: center; width:112px;height: 40px;line-height: 40px;overflow: hidden; border-top: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8;}
.left_box_top li:nth-of-type(3){border-bottom: 1px solid #d8d8d8;}
.left_box_top li:nth-of-type(4){border-bottom: 1px solid #d8d8d8;}
.left_box_top li a{ display: block; color: #333;}
.left_box_top li a:hover{background:url(//image.360lj.com/portal/image/pro_bg2_on.png) repeat;}
.left_box_bot{ width: 229px; border: 1px solid #e5e5e5; margin: 0 auto;}
.left_box_bot li{float: left; width:114px;height:65px;_display:inline;}
.left_box_bot li a{ height:62px; text-align: center;}
.left_box_bot li a img{ width: 100%; }
.bor_top{border-top: 1px solid #e5e5e5}

.bor_left,.right_box_l li,.right_box_r li{border-left: 1px solid #e5e5e5}


.mar_top{margin-top:1px;}
.mar_left{margin-left:1px;}

/* 楼层左边 */
.floor_left{float: left; width:253px;}
.floor_left h2{ height: 50px; line-height: 50px; font-size: 20px; color: #8c8c8c; font-weight: bold;}
.floor_left h2 span{ width: 30px; height: 30px; background: red; margin-right: 10px; display: inline-block; vertical-align: middle;}
.floor_left dd{height: 660px; border: 2px solid #f2f2f2; border-right: none;}

/* 中间产品列表 */
.goods_list_m{ float: left;}
.goods_list_m a:hover p{color:#666}
.goods_list_m div p{overflow: hidden; font-size:16px; line-height:30px; padding-top:6px; color: #333; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.goods_list_m div span{color:#ff4400;font:16px/22px Arial,Helveticam,sans-serif; font-weight:bold; display:block; height:22px; position:relative; }
.goods_list_m ul img{ width: 100%; margin-top:10px; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.goods_list_m ul li a{ height:100%; text-align: left;}
.goods_list_m ul li a .img{text-align: center; padding:10px 18px;}
.goods_list_m ul li a .info{ padding: 0 20px;}
.goods_list_m ul{width:715px; display: none;}
.goods_list_m ul li{float: left; width:237px;height:329px;overflow: hidden;}
.goods_list_m ul li:nth-of-type(2){ border-bottom: 1px solid #f2f2f2;}
.goods_list_m ul li:nth-of-type(5){border-left: 1px solid #f2f2f2; }
.goods_list_m ul li:nth-of-type(4){ border-left: 1px solid #f2f2f2; }
.goods_list_m ul li:hover img{margin-left: 15px;}


/* 右边产品列表 */
.goods_list_l{ height: 615px; overflow: hidden; background: #fff;}
.goods_list_l ul{ position: relative; left: 0; top: 0;}
.goods_list_l ul li{ height: 124px;}
.goods_list_l a{ color: #333;}
.goods_list_l .img{float: left; width: 105px; height: 110px; padding: 5px;}
.goods_list_l .img img{ width: 100%;}
.goods_list_l .info{float: left; width: 115px; padding: 25px 0 0 5px;}
.goods_list_l .info h4{height: 36px; overflow: hidden;}
.goods_list_l .info h4 p{ font-size: 13px; line-height: 1.3; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow: hidden;}
.goods_list_l .info .text{ padding-top: 10px; font-weight: bold;}
.goods_list_l .info .text span{ color: #fd3a02;}

.floor_right{ width: 238px; height: 660px; float: left; border: 2px solid #f2f2f2; border-left: 1px solid #f2f2f2; margin-top: 50px;}
.floor_right dt{ height: 44px; line-height: 44px; border-bottom: 1px solid #f2f2f2; font-size: 16px;}
.floor_right dt .left{float: left; width: 120px; text-align: center; border-top: 2px solid #f2f2f2; margin-top: -2px;}
.floor_right dt .right span{ width: 17px; height: 17px; background: url(//image.360lj.com/portal/image/2018/huang.png) no-repeat; display: inline-block; vertical-align: middle; margin-right: 6px;}
.floor_right dt .right{float: right; color: #999; padding-right: 8px; font-size: 13px; cursor: pointer;}

.right_box_r{width:231px;height:450px;}
.right_box_r li{width:229px;position: relative; border-right: 1px solid #e5e5e5; overflow:hidden; }
.right_box_r li:hover img{margin-left:71px;}


.right_box_r a{ height:149px; }
.right_box_r div{text-align: left; cursor: pointer;width: 214px;padding-left: 15px;}
.r_box_img{margin:-16px 0 0 59px; }

/* 楼层1 */
.floor_1{}
.floor_1 .floor_left h2{color: #ffb30f;}
.floor_1 .floor_left h2 span{ background: url(//image.360lj.com/portal/image/2018/floor-icon.png) no-repeat 0px 0px;}
.floor_1 .floor_right dt .left{border-top: 2px solid #ffb30f;}
.floor_1 .floor_left dd{border: 2px solid #ffb30f; border-right: none;}
.floor_1 .floor_mid dt ul li.cur:after{ background:#ffb30f;  }

/* 楼层2 */
.floor_2{}
.floor_2 .floor_left h2{color: #988ffb;}
.floor_2 .floor_left h2 span{ background: url(//image.360lj.com/portal/image/2018/floor-icon.png) no-repeat 0px -30px;}
.floor_2 .floor_left dd{border: 2px solid #988ffb; border-right: none;}
.floor_2 .floor_right dt .left{border-top: 2px solid #988ffb;}
.floor_2 .floor_mid dt ul li.cur:after{ background:#988ffb;}

/* 楼层3 */
.floor_3{}
.floor_3 .floor_left h2{color: #ff5191;}
.floor_3 .floor_left h2 span{ background: url(//image.360lj.com/portal/image/2018/floor-icon.png) no-repeat 0px -60px;}
.floor_3 .floor_left dd{border: 2px solid #ff5191; border-right: none;}
.floor_3 .floor_right dt .left{border-top: 2px solid #ff5191;}
.floor_3 .floor_mid dt ul li.cur:after{ background:#ff5191;}

/* 楼层4 */
.floor_4{}
.floor_4 .floor_left h2{color: #68a4ff;}
.floor_4 .floor_left h2 span{ background: url(//image.360lj.com/portal/image/2018/floor-icon.png) no-repeat 0px -90px;}
.floor_4 .floor_left dd{border: 2px solid #68a4ff; border-right: none;}
.floor_4 .floor_right dt .left{border-top: 2px solid #68a4ff;}
.floor_4 .floor_mid dt ul li.cur:after{ background:#68a4ff;}

/* 楼层5 */
.floor_5{}
.floor_5 .floor_left h2{color: #80bf12;}
.floor_5 .floor_left h2 span{ background: url(//image.360lj.com/portal/image/2018/floor-icon.png) no-repeat 0px -120px;}
.floor_5 .floor_left dd{border: 2px solid #80bf12; border-right: none;}
.floor_5 .floor_right dt .left{border-top: 2px solid #80bf12;}
.floor_5 .floor_mid dt ul li.cur:after{ background:#80bf12;}

/* 楼层6 */
.floor_6{}
.floor_6 .floor_left h2{color: #ff85a5;}
.floor_6 .floor_left h2 span{ background: url(//image.360lj.com/portal/image/2018/floor-icon.png) no-repeat 0px -150px;}
.floor_6 .floor_left dd{border: 2px solid #ff85a5; border-right: none;}
.floor_6 .floor_right dt .left{border-top: 2px solid #ff85a5;}
.floor_6 .floor_mid dt ul li.cur:after{ background:#ff85a5;}
.floor_mid .goods_list_m ul li img{margin-top: 0;}
.floor_mid .goods_list_m ul li:nth-of-type(1):hover img{ margin-left: 0; }
/* 楼层7 */
.floor_7 .floor_left{width: 100%}
.floor_7 .floor_left h2{color: #0691f9;}
.floor_7 .floor_left h2 span{ background: url(//image.360lj.com/portal/image/2018/floor-icon.png) no-repeat 0px -181px;}
.floor_7 .box li{
    width: 151px;
    font-size: 18px;
    color: #000;
    text-align: center;
    line-height: 35px;
    border: none;
    float: left;
    height: auto;
    background: #fafafa;
}
.floor_7 .box h4{
    position: relative;
    border: 1px solid #ccc;
    line-height:53px;
    height: 53px;
    margin-right: -1px;
    margin-bottom: -1px;
    cursor: pointer;
}
.floor_7 .wrap{
    text-align: left;
    padding: 30px 20px 15px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    display: none;
    line-height: 26px;
    /*height: 220px;*/
}
.floor_7 .wrap>a{
    display: block;
    color: #0691F9;
    line-height: 1;
    text-align: right;
}
.floor_7 .wrap.on{
    display: block
}
.floor_7 .box .on{
    background: #fff
}
.floor_7 .on>h4::after{
    display: block;
    position: absolute;
    bottom: 0;
    content: '';
    background: #0691f9;
    height: 4px;
    width: 100%;
}
.floor_7 .article-item{
    display: inline-block;
    width: 25%;
    margin: 0 -2px;
    font-size: 14px;
}
.floor_7 .article-item>a{
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 280px
}
.floor_7 .article-item strong{
    color: #0691f9;
}
/* 侧边左导航 */
.side_left{ position: fixed; top: 50%; left: 50%; margin-top: -170px; margin-left: -690px; border: 1px solid #dad9df; border-bottom: none; background: #fff;}
.side_left ul{}
.side_left ul li{width: 38px; height: 38px; padding: 10px 5px 0; color: #6a6a6a; text-align: center; font-size: 12px; line-height: 1.2; border-bottom: 1px solid #dad9df;}
.side_left ul li.active{ background:#0691f8; color: #fff;}



/*主体底部*/
.jk_ul{font-size: 16px;color:#3c3c3c;height:40px;border:1px solid #e5e5e5; background:#f4f4f4;_overflow: hidden;border-right:none;}
.jk_ul li{height:40px;line-height:40px;text-align:center;border-right:1px solid #e5e5e5;cursor:pointer;color:#3c3c3c;float:left;}
.jk_ul li.active{height:40px;line-height:38px;background:#fff;border-top: 2px solid #0691f9;color:#0691f9;position: relative;margin-top: -1px}
.jkn_wrap_b{height: 305px;  background:#FFF; }
.jkn_wrap_b_b{width:1210px; height:303px; margin:0 auto;}
.jkn_zx{width:930px; float:left;}
.jkn_zx a{color: #3c3c3c;}
.jkn_zx .jk_health_ad li{width:180px;}
.jkn_zx .jk_health_ad li.active,.jkn_zx .jk_health_ad li.active a,#jkn_div_5 li p a:hover,.jkn_wrap_b_l_t_r dd a:hover,#jkn_div_3 ul.jk_zxyp li a:hover,.jkn_zx a:hover,.jkn_wrap_b_r_b a:hover,.slide_right_bottom dt a:hover{color: #0088cc;}
#jkn_li_5{width: 204px;}
.jkn_zx_t{height:262px; width:928px; border:1px solid #e5e5e5; border-top:none; overflow:hidden;}
#jkn_div_3 ul.jk_zxyp{width:900px;height:95px; margin:0 auto; border-bottom:1px dashed #cbcbcb; overflow:hidden;}
#jkn_div_3 ul.jk_zxyp li{width:225px; height:90px; padding-top:5px; float:left;}
#jkn_div_3 ul.jk_zxyp li a{display:block;width:225px; height:90px; cursor:pointer;}
#jkn_div_3 ul.jk_zxyp li .zxyp_l{width:72px; height:90px; float:left;}
#jkn_div_3 ul.jk_zxyp li .zxyp_l img{width:70px; height:60px;margin-top: 15px;}
#jkn_div_3 ul.jk_zxyp li .zxyp_r{width:145px; float:left; padding-left:8px; margin-top:25px; font-size:14px;}
#jkn_div_3 ul.jk_zxyp li p{font-size:14px;}
#jkn_div_3 ul.jk_zxyp li del{padding-left:6px; font-size:12px;}
#jkn_div_3 ul.jk_zxyp li .zxyp_r_bt{line-height:20px; font-size:12px; display:block; height:20px; overflow:hidden;}
#jkn_div_3 ul.jk_zxypqd{width:880px; margin:0 auto; padding:12px 10px 0;}
#jkn_div_3 ul.jk_zxypqd li{float:left; width:170px; padding-left:6px; height:28px; line-height:28px;}
#jkn_div_4 ul.jk_zxwt{padding:26px 0 17px; border-bottom:1px solid #eaeaea; overflow:hidden; margin-bottom:12px;}
#jkn_div_4 ul.jk_zxwt li{width:65px; border-right:1px dotted #d4d4d4; height:50px; text-align:center; float:left;}
#jkn_div_4 ul.jk_zxwt li.last{border-right:none;}
#jkn_div_4 ul.jk_zxwt li em{ width:26px; height:26px; display:block; margin:0 auto;}
.wt_nank{background-position:-58px -242px}
.wt_jianf{background-position:-95px -215px}
.wt_neik{background-position:-130px -215px}
.wt_waik{background-position:-130px -160px}
.wt_fuk{background-position:-130px -106px}
.wt_erk{background-position:-129px -51px}
.wt_zyk{background-position:-128px 4px}
.wt_pfk{background-position:-2px -242px}
.wt_bjys{background-position:-31px -242px}
.wt_xlk{background-position:-129px -240px}
.wt_wgk{background-position:-129px -268px}
.wt_crk{background-position:-129px -130px}
.wt_zlk{background-position:-129px -78px}
.wt_yp{background-position:-129px -25px}

#jkn_div_4 ul.jk_zxwt li a{display:block;color: #0088cc}
#jkn_div_4 .jk_zxwt_l{float:left; padding-left:30px; width:390px;}
#jkn_div_4 ul.jk_zxwt_r{float:right; padding-right:30px; padding-left:0;}
#jkn_div_4 .jk_zxwt_l li{height:28px; line-height:28px; width:390px;vertical-align: top}
#jkn_div_4 .jk_zxwt_l .p_zxet_l{width:300px;white-space:nowrap;text-overflow:ellipsis; overflow:hidden; float:left;}
#jkn_div_4 .jk_zxwt_l a .p_zxet_l{color:#3c3c3c;}
#jkn_div_4 .jk_zxwt_l a .p_zxet_r{color:#666;}
#jkn_div_4 .jk_zxwt_l span{padding-right:5px; _cursor:pointer; font-weight:bold;}
#jkn_div_4 .jk_zxwt_l .p_zxet_r{width:70px; float:right; text-align:right;}
#jkn_div_5 ul{float:left; padding-left:30px; width:405px; overflow:hidden; padding-top:19px;}
#jkn_div_5 .jk_djdzp_r{float:right; padding-right:30px; padding-left:0;}
#jkn_div_5 p{text-overflow:ellipsis; overflow:hidden; float:left; color:#3c3c3c; font-size:12px;}
#jkn_div_5 span{color:#ff4400;}
#jkn_div_5 .p_djdzp_l{width:275px; margin-right:10px;}
#jkn_div_5 .p_djdzp_r{width:60px; text-align:right;}
#jkn_div_5 li{height:22px; line-height:22px; padding:8px 0 6px; border-bottom:1px dashed #cbcbcb;vertical-align: top}
#jkn_div_5 li.last{border-bottom:none;}
#jkn_div_5 li p a{color:#3c3c3c;white-space:nowrap;text-overflow:ellipsis; overflow:hidden; display:block;}
.jkn_wrap_b_l_t{height:127px; border-bottom:1px dashed #d8d8d8; padding-left:13px;width:915px; padding-top:16px;}
.jkn_wrap_b_l_t_l{float:left; width:117px; height:117px; margin-right:7px;}
.jkn_wrap_b_l_t_l a{width:117px; height:117px; text-align:center;*font-size: 102px;display: table-cell;vertical-align:middle;*display: block;*font-family:Arial Black,Microsoft YaHei;}
.jkn_wrap_b_l_t_l a img{width:103px;height:103px;vertical-align: middle;}
.jkn_wrap_b_l_t_r{float:left; width:763px; height:117px; padding-top:9px; color:#3c3c3c;}
.jkn_wrap_b_l_t_r dt{font-size:16px; margin-bottom:9px;height: 26px;overflow: hidden;}
.jkn_wrap_b_l_t_r dd{text-indent:2em; height:60px; overflow:hidden;}
.jkn_wrap_b_l_b{width:904px; padding-left:24px; padding-top:11px; overflow:hidden;}
.jkn_wrap_b_l_b li,.jkn_wrap_b_r_b li{padding-left:13px; display:block; height:22px; line-height:22px; overflow:hidden; position:relative;}
.jkn_wrap_b_l_b li em,.jkn_wrap_b_r_b li em{display:block; width:4px; height:3px;position:absolute; left:0; top:10px;background-position:-107px -178px;_background-position-x:-106px;_width:5px;}
.jkn_wrap_b_l_b li span{color:#0691f9;}
.jkn_wrap_b_l_b ul{float:left;}
.jkn_wrap_b_l_b ul.ul1{width:310px;}
.jkn_wrap_b_l_b ul.ul2{width:300px;}
.jkn_wrap_b_l_b ul.ul3{width:290px;}
.jkn_wrap_b_b_r{width:279px; float:left;border:1px solid #e5e5e5; border-left:none; height:303px; background:#f5f5f5;}
.jkn_wrap_b_b_r .jk_title{ font-size:16px; height:41px; line-height:41px; padding-left:17px; position:relative;}
.jkn_wrap_b_b_r .jk_title a,.jkn_wrap_b_b_r .jk_title,.jkn_wrap_b_r_b li a{color:#3c3c3c;}
.jkn_wrap_b_b_r .jk_title span{color:#6c6c6c; width: 35px; height:22px; line-height:22px;font-size: 12px;position:absolute; top:10px; right:0; display:block; font-weight:lighter;}
.jkn_wrap_b_b_r_t{width:253px; height:165px; overflow:hidden; margin-left:13px; margin-top:5px;}
#jk_mt{position:relative; width:100%; height:100%; overflow:hidden;}
.index_a{width:100%; height:100%;position:absolute;}
.index_a img{display:block;width:100%; height:100%;}
.index_a .jk_text{width:243px; height:27px; padding:0 5px; position:absolute; bottom:0; left:0; text-align:center; line-height:27px; color:#fff;font-size:14px; font-weight:bold;overflow:hidden;background:url(//image.360lj.com/portal/image/ban_on_bg.png) repeat; }
.index_a .jk_text a{color:#fff;}
.index_nav{display:none}
.index_a_prev,.index_a_next{width: 14px;height: 23px;position: absolute;top:50%;margin-top:-12px;display: block}
.index_a_prev{background-position: -2px -218px;left:2px}
.index_a_prev:hover{background-position: -23px -218px;}
.index_a_next{background-position: -48px -218px;right: 2px}
.index_a_next:hover{background-position: -67px -218px;}
.jkn_wrap_b_r_b{margin:14px 13px 0;}

/*link*/
.jkn_wrap_b,.jkn_link{margin-top:25px;}
.jkn_link .jk_ul{border-right:1px solid #e5e5e5}
.jkn_link li{width:180px;}
.jk_con_links{width:1162px;height:50px;padding:20px 23px;border:1px solid #e5e5e5;border-top:none;background:#fff;overflow:hidden;}
.jk_tcon_links{display:none;}
.jk_tcon_links a{margin-right:25px;white-space:nowrap;_overflow:hidden;float:left;}

/* 咨询客服 */
/*#zxkf{ width:372px; height:172px; background:url(//image.360lj.com/images/zxkftc.png) no-repeat 0 0; position:fixed; z-index:500; top:0; display:none; }
#zxkf .close{ width:26px; height:26px; position:absolute; top:20px; right:0; cursor:pointer; }
#zxkf .shzx{ left:157px; }
#zxkf .djzx{ left:240px; }
#zxkf .shzx,#zxkf .djzx{ width:77px; height:26px; position:absolute; top:140px; cursor:pointer; }*/

/* 首页底部导航 */
body {
    background: #fff;
}

.tab {
    position: relative;
    width: 1208px;
	height: 372px;
    overflow: hidden;
    margin: 0 auto 20px auto;
    font-family: Arial;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.tab-nav {
    height: 44px;
    overflow: hidden;
    background: #f5f5f5;
}

.tab-nav a {
    display: block;
    float: left;
    width: 300px;
    height: 46px;
    background: #f4f4f4;
	border: solid 1px #e6e6e6;
    line-height: 46px;
    text-align: center;
    font-size: 18px;
    text-decoration: none;
    color: #333333;
}

.tab-nav a.current {
    background: #ffffff;
    color: #0698ff;
    border: solid 1px #0698ff;
}

.tab-con {
    position: relative;
    width: 1220px;
    height: 326px;
    overflow: hidden;
    background: #ffffff;
}

.tab-con-item {
    display: none;
}
/* 用药指导 */
.guidance .dhl{
  height: 46px;
  width: 1258px;
}
.guidance ul>li{
  list-style:none;
  float: left;
  width: 150.7px;
  text-align: center;
  height: 46px;
  line-height: 46px;
  color: #333333;
  font-size: 16px;
  border-bottom: solid 1px #0698ff;
  border-top: solid 1px #0698ff;
}
.guidance .active{
  color: #0698ff;
}
.guidance ul>li:nth-child(1){
  border-top:none;
  height: 47px;
  border-left: solid 1px #0698ff;
}
.guidance ul>li:nth-child(2){
  border-top:none;
  height: 47px;
}
.guidance ul>li:nth-child(8){
  border-right: solid 1px #0698ff;
}
.guidance .xinwen{
    display: none;
    width: 1208px;
    height: 282px;
}
.guidance >.xinwen>a{
  display: block;
  width: 330px;
  height: 40px;
  line-height: 40px;
  float: left;
  font-size: 16px;
  margin-left: 50px;
  margin-top: 5px;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.guidance >.xinwen>a>span{
  color: #0698ff;
}
/* 最新药品 */
.newest{
  width: 1170px;
  height: 326px;
  margin:  0 auto;
}
.newest>ul{
  height: 127px;
  padding: 0;
}

.newest>ul>li{
  list-style:none;
  width: 282px;
  height: 127px;
  float: left;
  border-bottom: dashed 1px #e6e6e6;
}
.newest>ul>li>a{
  display: inline;
  width: 282px;
  height: 127px;
 }
.newest>ul>li>a>img{
 margin-top: 26px;
 margin-left: 17px;
 width: 70px;
height: 60px;
object-fit: contain;
}
.newest>ul>li>a>h3{
 float: right;
 width: 120px;
 color: #333333;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 text-align: left;
 height: 34px;
 font-size: 18px;
 line-height: 34px;
 margin-right: 35px;
 margin-top: 20px;
}
.newest>ul>li>a>h4{
  float: right;
  width: 120px;
 height: 18px;
 margin: -28px;
 font-size: 18px;
 color: #ff0000;
 margin-right: 35px;
}
.newest >.texta{
  width: 1170px;
  height: 200px;
  margin:  0 auto;
}
.newest >.texta>a{
  width: 234px;
  text-decoration: none;
  height: 40px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  
  line-height: 40px;
  font-size: 14px;
  color: #333333;
  float: left;
  
}

/* 最新问题 */
.issue .log{
  width: 1170px;
  height: 94px;
  background: #f2f9ff;
  margin: 20px auto;
}  
.issue .log ul>li{
  list-style:none;
  width: 64px;
  height: 49px;
  float: left;
  font-size: 16px;
  margin: 24px 13.5px 0 6px;
  
}
.issue .log ul>li>a{
  width: 64px;
  height: 49px;
  display: block;
}
.issue .log ul>li:nth-child(1){
  background: url(./img/nx.png) no-repeat center;
}
.issue .log ul>li:nth-child(2){
  background: url(./img/ek.png) no-repeat center;
}
.issue .log ul>li:nth-child(3){
  background: url(./img/nk.png) no-repeat center;
}
.issue .log ul>li:nth-child(4){
  background: url(./img/wk.png) no-repeat center;
}
.issue .log ul>li:nth-child(5){
  background: url(./img/xljk.png) no-repeat center;
}
.issue .log ul>li:nth-child(6){
  background: url(./img/zx.png) no-repeat center;
}
.issue .log ul>li:nth-child(7){
  background: url(./img/fk.png) no-repeat center;
}
.issue .log ul>li:nth-child(8){
  background: url(./img/rcsh.png) no-repeat center;
}
.issue .log ul>li:nth-child(9){
  background: url(./img/bjys.png) no-repeat center;
}
.issue .log ul>li:nth-child(10){
  background: url(./img/gmfs.png) no-repeat center;
}
.issue .log ul>li:nth-child(11){
  background: url(./img/pf.png) no-repeat center;
}
.issue .log ul>li:nth-child(12){
  background: url(./img/crk.png) no-repeat center;
}
.issue .log ul>li:nth-child(13){
  background: url(./img/xy.png) no-repeat center;
}
.issue .log ul>li:nth-child(14){
  background: url(./img/wg.png) no-repeat center;
}
.issue .official{
  width: 1170px;
  height: 190px;
  display: none;
  border-top: 1px dashed #eeeeee;
  margin: 0 auto;
}
.issue .official >ul>li{
  list-style: none;
  width: 584px;
  color: #666666;
  margin-top: 16px;
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.issue .official >ul>li>a{
  color: #666666;
  display: inline;
  width: 350px;
  text-align: center;
}


/* 大家都在评 */
.saking>ul{
   width: 1170px;
   height: 294px;
   margin: 0 auto;
   padding-top: 10px;
}
.saking>ul>li{
    list-style:none;
    float: left;
    margin: 0 10px 0 10px;
    width: 560px;
    font-size: 16px;
    line-height: 50px;
    color: #666666;
    height: 50px;
    display: inline-flex;
    border-bottom: 1px dashed #eeeeee;
}
.saking>ul>li>a{
  display: initial;
  width: 200px;
  color: #666666;
  white-space: nowrap;
  overflow: hidden;
  text-decoration: none;
  text-overflow:ellipsis; 
  white-space:nowrap; 
  float: left;
  color: #0698ff;
}
.saking>ul>li>span{
  float: right;
}
.saking>ul>li>p{
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: inline-block;
width: 260px;
padding-left: 10px;
font-size: 16px;
line-height: 50px;
height: 50px;
margin: 0;
}