/*
pc端店铺模板css
*/
.grid ul.upload-image-list{padding: 0 10px}
.grid input.numInput{ width: 50px}
.editorTip{ color: #ff0000}

.contentpanel-pc {color: #585858; font-size: 12px; font-family:'Microsoft YaHei'}
.contentpanel-pc *{margin: 0;padding: 0;box-sizing: border-box }
.contentpanel-pc ul {list-style: none;}
.contentpanel-pc a {color: #585858; text-decoration: none}
.contentpanel-pc a:hover{text-decoration: underline}
.contentpanel-pc img {border-style: none; }

/*清浮动*/
.contentpanel-pc .clear {clear: both}

/*------------------------wrap--------------------------*/
.contentpanel-pc{
    width: 990px;
    margin: 0 auto;
    margin-bottom: 20px;
}

/*------------------------banner--------------------------*/
.contentpanel-pc .model-banner{
    width: 100%;
    height: 150px;
    position: relative;
}
.contentpanel-pc .model-banner img{
    width: 100%;
    height: 150px;
}
.contentpanel-pc .model-banner h1{
    position: absolute;
    top: 20px;
    left: 50px;
    color: #ffff00;
}

/*------------------------nav--------------------------*/
.contentpanel-pc .model-nav{
    background: #585858;
    height: 50px;
}
.contentpanel-pc .model-nav ul li{
    float: left;
    width: 14%;
    line-height: 50px;
    padding: 0 20px;
    font-size: 16px;
}
.contentpanel-pc .model-nav ul li a{
    color: #fff;
    font-size: 16px;
}

/*------------------------main--------------------------*/
.contentpanel-pc .model-main{
    clear: both;
    margin-top: 10px;
    width: 100%;
}

/*------------------------main-left--------------------------*/
.contentpanel-pc .model-main-left{
    float: left;
    width: 20%;
    padding-right: 10px;
}

/*------------------------商品分类列表--------------------------*/
.contentpanel-pc .sortList{
    width: 100%;
    height: 300px;
    background: #f5f7f6;
}
.contentpanel-pc .sortList a{ color: #585858}

/*------------------------推荐总样式--------------------------*/
.contentpanel-pc .model-recommend{
    width: 100%;
    margin-top: 10px;
}
.contentpanel-pc .recommendTitle{
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #585858;
    color: #fff;
    text-align: center;
    font-size: 16px;
}
.contentpanel-pc .recommendDetail ul li{
    background: #f5f7f6;
    margin: 5px 0;
    padding: 5px 10px;
}

/*------------------------品牌集合（多品牌商铺专有）--------------------------*/
.contentpanel-pc .brandDetail ul li{
    font-size: 14px;
    padding: 10px 20px;
}

/*------------------------经典推荐--------------------------*/
.contentpanel-pc .typicRecommendDetail ul li a{
    display: inline-block;
    width: 60%;
    height: 30px;
    line-height: 30px;
    color: #585858;
    font-size: 14px;
}
.contentpanel-pc .typicRecommendDetail ul li img{
    display: block;
    float: right;
    height: 30px;
    width: 40px;
}

/*------------------------热销推荐--------------------------*/
.contentpanel-pc .hotRecommendDetail ul li{
    padding: 0;
}
.contentpanel-pc .hotRecommendDetail ul li a img{
    width: 100%;
    height: 200px;
}

/*------------------------水牌--------------------------*/
.contentpanel-pc .signboardDetail ul li{
    padding: 0;
}
.contentpanel-pc .signboardDetail ul li a img{
    width: 100%;
    height: 250px;
}

/*------------------------main-right--------------------------*/
.contentpanel-pc .model-main-right{
    float: left;
    width: 80%;
    padding-left: 10px;
}

/*------------------------slide--------------------------*/
.contentpanel-pc .model-slide{
    float: left;
    width: 480px;
    height: 270px;
}
.contentpanel-pc .model-slide img{
    display: block;
    width: 100%;
    height: 270px;
}

/*------------------------资源位小图--------------------------*/
.contentpanel-pc .model-sourcePic{
    float: left;
    height: 270px;
    padding-left: 20px;
}
.contentpanel-pc .model-sourcePic ul li{
    width: 100%;
}
.contentpanel-pc .model-sourcePic img{
    display: block;
    width: 280px;
    height: 130px;
    margin-bottom: 10px;
}
.contentpanel-pc .model-sourcePic img:last{margin-bottom: 0}

/*------------------------商品展示--------------------------*/
.contentpanel-pc .model-show{
    clear: both;
    margin-top: 20px;
}

.contentpanel-pc .model-showTitle{
    position: relative;
    margin-bottom: 20px;
}
.contentpanel-pc .model-showTitle .showName{
    height: 40px;
    width: 200px;
    padding: 0 20px;
    line-height: 40px;
    margin: 0 auto;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    border: 1px solid #585858;
}
.contentpanel-pc .model-showTitle .showTab{
    position: absolute;
    line-height: 40px;
    top: 0;right: 0;
}
.contentpanel-pc .model-showTitle .showTab ul li{
    display: block;
    float: right;
    color: #585858;
    text-decoration: none;
    border-right: 1px solid #999;
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
    margin: 10px 0;
}

.contentpanel-pc .model-showDetail{
    width: 792px;
}
.contentpanel-pc .model-showDetail ul li{
    float: left;
    width: 188px;
    background: #f5f7f6;
    margin-right: 10px;
    margin-bottom: 10px;
}
.contentpanel-pc .model-showDetail ul li img{
    display: block;
    width: 100%;
    height: 250px;
}
.contentpanel-pc .model-showDetail ul li a{
    display: block;
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-weight: bold;
}
.contentpanel-pc .model-showDetail ul li b{
    display: block;
    text-align: center;
    padding-bottom: 10px;
}

/*
鼠标hover编辑样式
*/

.contentpanel .model-editor{
    position: relative;
}

.contentpanel .editorIcon{
    position: absolute;
    display: block;
    top: 5px;
    right: 5px;
    width: 50px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    background: deepskyblue;
    color: #fff;
    font-weight: bold;
    /*opacity: 0.8;*/
}

.contentpanel .model-editor .editorBorder{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0px;
    border: 5px solid #7cfc00;
}

/*******  showTab定制  ********/
.contentpanel-pc .showTab .editorBorder{
    height: 60px;
    top: -20px;
}
.contentpanel-pc .showTab .editorIcon{
    top: -15px;
}

/*******  showDetail定制  ********/
.contentpanel-pc .model-showDetail .editorBorder{
    width: 782px;
}
.contentpanel-pc .model-showDetail .editorIcon{
    right: 15px;
}

/*
畅销Top20样式
*/
.topList{
    width: 300px;
    font-family:'Microsoft YaHei';
    color: #585858;
}
.topList .topListName{
    text-align: center;
    font-size: 14px;
    padding: 5px 0;
    font-weight: bold;
}
.topList .topListDetail ul{
    padding: 0;
    margin: 0;
}
.topList .topListDetail ul li{
    width: 25%;
    float: left;
    height: 80px;
    position: relative;
    border: solid #fff;
    border-width: 0 2px 2px 0;
}
.topList .topListDetail ul li a{
    display: block;
    height: 100%;
    width: 100%;
}
.topList .topListDetail ul li a img{
    display: block;
    width: 100%;
    height: 100%;
}
.topList .topListDetail ul li a b{
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 30px;
    background: #585858;
    opacity: 0.8;
    z-index: 1;
}
.topList .topListDetail ul li a span{
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    z-index: 2;
}
.topList .topListDetail ul li a i{
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    width: 100%;
    height: 100%;
    border: 5px solid #7cfc00;
    z-index: 3;
    /*background: #7cfc00;
    opacity: 0.5;*/
}
.topList .topListDetail ul li.selected a i{
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    border: 5px solid #7cfc00;
    z-index: 3;
}
.topList .topTip{
    color: #ff0000;
    margin-top: 20px;
}