.classify{width: 1090px; margin: auto;}
.classify_main{width: 100%; height: auto; float: left; font-family: "微软雅黑"; font-size: 14px;}
.classify_left{width: 220px; height: auto; float: left; margin-right: 20px;}
.classify_left .list_left{width: 218px; border: 1px solid #ccc; border-top: 2px solid #008314; color: #333; margin-bottom: 15px;}
.classify_left .list_left_top{width: 100%; height: 30px; line-height: 30px; text-align: center; background: #f7f7f7; font-size: 16px; border-bottom: 1px solid #ccc;}
.classify_left .list_left_content{ overflow: hidden; width: 100%;}
.classify_left .list_left_content li{float: left;}
.classify_left .list_left_content .list_left_t{width: 198px; padding-left: 20px; height: 34px; line-height: 34px; font-size: 14px; border-bottom: 1px dashed #ccc;}
.classify_left .list_left_content .list_left_t span{padding: 0 5px; line-height: 25px; display: block; float: left; margin-top: 5px; max-width: 80px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.classify_left .list_left_content .list_left_t span:hover,.classify_left .list_left_content .list_left_t span.sel{background-color: #069b1f; color: #fff; text-decoration: none;}
.list_left_a{border: 1px solid #999; color: #333; width: 10px; height: 10px; line-height: 8px; text-align: center; float: right; margin: 11px 10px 0 0;}
.list_left_a:hover{text-decoration: none;}
.list_left_detailed {width: 198px; padding: 5px 0 5px 20px; line-height: 20px; font-family: "宋体"; color: #666; font-size: 12px; float: left; border-bottom: 1px dashed #ccc;}
.list_left_detailed li{  width: 50%;  float: left;line-height:25px; overflow: hidden;}
.list_left_detailed li a{color: #666; height: 20px; padding: 3px 5px;}
.list_left_detailed li a:hover,.list_left_detailed li a.sel{ background-color: #069b1f; color: #fff; text-decoration: none;}

.classify_history{width: 220px; margin-bottom: 15px; float: left;}
.classify_history_top{width: 198px; border: 1px solid #ccc; border-bottom: none; background: #f7f7f7; height: 48px; line-height: 48px; color: #5e5e5e; padding-left: 20px; font-size: 16px;}
.classify_history_content{width: 100%; float: left;}
.classify_right{margin-bottom: 30px;}
.classify_right a:hover{ text-decoration: none;}
.classify_list_right{border: 1px solid #ccc; color: #333; overflow: hidden;}
.list_right_top{background: #f7f7f7; height: 33px; line-height: 33px; font-size: 16px; border-bottom: 1px solid #ccc; padding: 0 15px;}
.list_right_content{padding: 10px 15px; line-height: 25px;}
.list_right_detailed{width: 100%; float: left;}
.list_right_detailed span{padding: 0 5px; float: left; margin-right: 5px;}
.list_right_detailed_total{display: inline-block; text-align: center; padding: 0 5px; color: #fff; float: left; height: 20px; line-height: 20px; margin-top: 5px;}
.list_right_detailed ul{float: left; width: 800px; padding-bottom: 5px;}
/*.list_right_detailed ul li{float: left; text-align: left; width:auto;margin:0 5px 0 0;}*/
.list_right_detailed ul li{text-align:left;margin: 0 5px 0 0; width: 128px;float: left;white-space: nowrap;}
.list_right_detailed ul li.sel,.list_right_detailed ul li:hover{color:#fff;}
.list_right_detailed ul li a{color: #333;  text-align:left; height: 20px; line-height: 20px; padding: 1px 8px; white-space:nowrap;}
.list_right_detailed ul li:hover a,.list_right_detailed li.sel a{ color: #fff; background-color: #069b1f;}
.list_right_canal{float: left; width: 100%; line-height: 30px; height: 30px; margin-bottom: 4px;}
.list_right_canal span{padding: 0 5px; float: left; margin-right: 5px;}
.list_right_canal ul{float: left; margin-left: 10px; width: 250px;}
.list_right_canal ul li{float: left; text-align: left; width: 50px;}
.list_right_canal ul li a{color: #333; display: block; text-align: center; line-height: 20px; margin: 5px;}
.list_right_canal ul li a:hover{ color: #fff; background-color: #069b1f;}
.classify_sort{height: 30px; line-height: 30px; margin-top: 15px; border: 1px solid #ccc; background: #f7f7f7; font-size: 12px; font-family: "宋体"; padding: 0 10px 0 15px;}
.classify_sort_sub{height: 20px; line-height: 20px; color: #666; display: inline-block; padding: 0 5px; margin-right: 5px;}
.classify_sort_sub:hover{color: #fff; background: #069b1f; text-decoration: none;}
.classify_sort_sub_i{background: url(/picture/home/icon.png); width: 10px; height: 12px; display: inline-block; background-position: -115px 0px; margin: 4px 0 0 1px; float: right;}
.classify_sort_sub:hover .classify_sort_sub_i{background: url(/picture/home/icon.png); background-position: -104px 0px;}
.classify_sort_page{border: 1px solid #ccc; height: 20px; line-height: 20px; float: right; margin: 4px 0; background: #fff; width: 63px; color: #666;}
.classify_sort a.sel{background:#069b1f;color:#fff;}
.triangle_n{border-right: 5px solid #069b1f; border-top: 5px solid transparent; border-bottom: 5px solid transparent; width: 0px; height: 0px; float: left; margin: 5px 7px 5px 5px;}
.triangle_y{border-left: 5px solid #069b1f; border-top: 5px solid transparent; border-bottom: 5px solid transparent; width: 0px; height: 0px; float: left; margin: 5px 5px 5px 7px; float: right;}


.classify_choose{border-left: 1px solid #ccc; border-right: 1px solid #ccc; width: 92px; height: 30px; float: right; margin-right: 10px;}
.classify_choose .cc_a1{display: block; float: left; width: 30px; height: 30px; border-right: 1px solid #ccc; background: url(/picture/home/icon.png); background-position: -48px -247px;}
.classify_choose .cc_a1:hover{display: block; float: left; width: 30px; height: 30px; border-right: 1px solid #ccc; background: url(/picture/home/icon.png); background-position: -116px -247px;}
.classify_choose .cc_a2{display: block; float: left; width: 30px; height: 30px; background: url(/picture/home/icon.png); background-position: -20px -247px;border-right: 1px solid #ccc;}
.classify_choose .cc_a2:hover{display: block; float: left; width: 30px; height: 30px; background: url(/picture/home/icon.png); background-position: -80px -247px;}
.classify_choose .viewTable{display: block; float: left; width: 30px; height: 30px; background: url(/picture/home/icon.png); background-position: -186px -249px;}
.classify_choose .currentThree{background-position: -158px -249px;}
.classify_choose .viewTable:hover{ background: url(/picture/home/icon.png); background-position: -158px -249px;}
.browsingHabits,.orderBy{vertical-align: -3px;}
.icon {
    position: absolute;  
    width: 15px;
    height: 12px;
    top: 7px;
    right: 0;
    background-image: url(/picture/home/icon.png);
    background-repeat: no-repeat;
}
.icon.icon-down {
    background-position: -62px -121px;
}
.icon.icon-up {
    background-position: -78px -121px;
}
#priceSorted {
    position: relative;
}
#priceSorted.sel {
    width: 35px;
}
#priceSorted.sel .icon {
    display: inline-block;
}
#priceSorted .icon {
    display: none;
}
#viewTwo .drug .tips {
    display: none;
    position: absolute;
    bottom: 35px;
    right: -110px;
    width: 150px;
    z-index: 99;
    line-height: 20px;
    padding: 5px;
    color: #fff;
    background-color: #000;
    border-radius: 4px;
    opacity: .9;
    filter: Alpha(opacity=90);
}
#viewTwo .drug .tips::before {
    content: ' ';
    position: absolute;
    top: 48%;
    left: -2%;
    width: 10px;
    height: 8px;
    background-color: #000;
    opacity: .9;
    filter: Alpha(opacity=90);
    transform: rotate(45deg);
}
/* 相似商品样式start */
.alikeBtn{
    margin-top:15px;
    width:82px;
    height: 12px;
    font-size: 12px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    left: -7px;
}
.alikeBtn:hover{
    color: #DA461D;
}
.alikeBtn:hover i{
    border: solid #DA461D ;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    margin-left:5px;
}
.alikeBtn i{
    border: solid #999999;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    margin-left:5px;
    position: absolute;
    top:3px;
}
#pis i{
    border: solid #999999;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 7px;
    margin-left:5px;
}
/* 箭头 */
.alikeBtn .up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}
.alikeBtn .down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
#pis .right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

#pis .left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
.alikeBtn+.aliveList{
    position: absolute;
    /* 商品的高度不是固定的,js控制 */
    /* top: 185px; */
    left: -1px; 
    z-index: 998;
    display: none;
    width: 960px;
    height: 356px;
}
.gridLinkBtn{
    position: relative;
    cursor: pointer;
}
/* 网格的样式 */
.gridLinkBtn+.aliveList{
    /* 根据最大的盒子来定位 */
    position: absolute;
    /* left动态添加 */
    top:30px;
    width: 960px !important;
    height: 356px !important;
    margin: 0;
    display: none;
    z-index: 998;
    /* 去掉公共样式 */
    background: none !important;
}
#slideGoods{
     position: relative;
     /* width: 960px;
     height: 356px; */
     background: white;
     box-sizing: border-box;
     border:1px solid #F89D83;
     overflow: hidden;
     margin: 0;
     text-align: center;
}
#slideGoods,#slideGoods ul li{
    width: 960px;
    height: 356px;
}
#slideGoods ul li{
    position:absolute;
    top: 0;
    left: 0;
    /* width: 960px;
    height: 356px; */
    padding: 21px 0 0 49px;
    box-sizing: border-box;

}
#slideGoods ul li img{
    width: 178px;
    height: 199px;
}
#slideGoods ul li div{
    width: 200px;
    height: 290px;
    padding: 11px;
    border: 1px solid #E5E5E5;
    margin:0 20px 0 0;
    box-sizing: border-box;
    float: left;
    background: none;
}
#slideGoods ul li p{
    font-size: 12px;
    color: #333333;
    line-height: 24px;
    text-align: left;
    /* 超出... */
    text-overflow: ellipsis;
    word-break: break-all;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    width: 100%;
}
#slideGoods ul li a{
    display: inline;
}
#slideGoods ul li a:hover{
    color: #DA461D;
}
#slideGoods ul li p span{
    color: #DA461D !important;
    font-weight: Bold;
}
#slideGoods #nodata{
    vertical-align:middle;
    margin-top:12%;
}
/* 上一张下一张按钮start */
#pis p{
	width: 25px;
	height: 70px;
	/* background: #ccc; */
    cursor: pointer;
    z-index: 998;
    position: absolute;
    /* display: none; */
}
#slideGoods:hover #pis p{
    display: inline-block;
}
.prev{
    /* float: left; */
    left: 6px;
    top:40%;
}
.next{
    /* float: right; */
    right: 10px;
    top:40%;
}
/* 上一张下一张按钮end */
/* 焦点start */
.light{
    position: absolute;
    left: 45%;
    bottom: 5px;
    width: 100%;
    height: 20px;
}
.light span{
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #E5E5E5;
    float: left;
    margin-right: 10px;
    cursor: pointer;
}
.light .active{
    background: #DA461D;
}
/* 网格start */
/* 这里样式整理一下start */
.drug .drug_img_d>p,.drug .drug_img_d .linkOnclick>p{
    color: white;
    background: #DA461D;
    display: inline-block;
    width: 49.5%;
    margin-left: 0;
    height: 30px;
    text-align: center;
    line-height: 30px;
}
.drug .drug_img_d .linkOnclick{
    display: inline-block;
    width: 49.5%;
    background: #DA461D;
    margin-right: 1%;
    height: 30px;
    text-align: center;
    line-height: 30px;
}
/* 这里样式整理一下end */
/* 网格end */
/* 焦点end */
/* 相似商品样式ene */