/*
pc端店铺模板css
*/
.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;
}
.contentpanel-pc .model-banner img{
    width: 100%;
    height: 150px;
}

/*------------------------nav--------------------------*/
.contentpanel-pc .model-nav{
    background: #585858;
    height: 50px;
}
.contentpanel-pc .model-nav ul li{
    float: left;
    width: 150px;
    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{
    padding: 5px 0;
}
.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;
}

/*------------------------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-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-pc .model-editor{
    position: relative;
}

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

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

/*******  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;
}