/* BASIC css start */
/* BASIC css start */
.topBannerWrap,
header{
 
}

#contents{
    padding-top:10px;
}

.pageTit {
    padding: 0 0 15px;
    font-size: 20px;
    font-weight: bold;
}

.pageTit.t_center{
    text-align:center;
}

/*»ó´Ü fixed ÇØ´õ*/
.listPageHeader{
    position:fixed;
    width:100%;
    top:0;
    left:0;
    background:#fff;
    z-index:998;
}

.listPageHeader .topBox{
    position:relative;
    border-bottom:1px solid #eee;
}

.listPageHeader .goToBackBtn{
    position:absolute;
    height:17px;
    top:50%;
    left:15px;
    transform:translateY(-50%);
}

.listPageHeader .goToBackBtn img{
    display:block;
    height:100%;
}

.listPageHeader .cateName{
    width:100%;
    text-align:center;
    padding:15px 0;
    font-size:16px;
    line-height:20px;
    font-weight:bold;
}

.listPageHeader .rightBox{
    position:absolute;
    top:50%;
    right:15px;
    transform:translateY(-50%);
}

.listPageHeader .rightBox ul li{
    position:relative;
    height:19px;
    margin-left:15px;
}

.listPageHeader .rightBox ul li a img{
    display:block;
    height:100%;
}





.boarderUseInfo{
    padding:20px 0;
    margin:0 15px;
    overflow:hidden;
}

.boarderUseInfo ol li{
    position:relative;
    padding-left:15px;
    font-size:11px;
    color:#777;
    line-height:18px;
}

.boarderUseInfo ol li span{
    position:absolute;
    top:0;
    left:0;
    font-size:11px;
    line-height:18px;
    color:#111;
}


.boarderUseInfo ul li{
    width:calc((100% - 6px)/2);
    margin:0 3px 3px 0;
    line-height:35px;
    text-align:center;
    font-size:12px;
    background:#ededed;
}

.boarderUseInfo ul li.active{
    background:#111;
}

.boarderUseInfo ul li.active a{
    color:#fff;
}

#gallery-list{padding:0 15px;}
#gallery-list .h_title .btn_Red {height: 25px; width: 60px; float: right; line-height: 25px; font-weight:normal; margin-top: -4px;}
#gallery-list .item-search {padding-bottom:20px;}
#gallery-list .item-search div {float:left;}
#gallery-list .item-search div:first-child {width:calc((100% - 6px)/3); margin-right:3px;}
#gallery-list .item-search div .brd-st {width:100%;height:40px;}
#gallery-list .item-search div:nth-child(2) {width:calc(100% - (100% - 6px)/3 - 88px); box-sizing: border-box; margin-right:3px; }
#gallery-list .item-search div:nth-child(2) input{height:40px;}
#gallery-list .item-search div:last-child {width:82px;}
#gallery-list .item-search div:last-child a.searchBtn{
    display: block;
    background: #111;
    border: 1px solid #111;
    line-height:38px;
    text-align:center;
    font-size: 12px;
    color:#fff;
}
#gallery-list .notice {}
#gallery-list .notice-bar {padding:10px 10px; border-bottom: 1px solid #bebebe;  background-color: #fefbe3;}
#gallery-list .item .list_shopping2x {margin-bottom:20px;}
#gallery-list .item .list_shopping2x ul{padding:0;}
#gallery-list .item li {width:100%; margin-bottom:0; background-color: #fff; border-bottom:1px solid #bebebe;}
#gallery-list .item .none-data-space {background-color: #eaeaea; width: 100%;}
#gallery-list .item .list_shopping2x li a {padding:0; }
#gallery-list .item .list_shopping2x .list_shoppingInfo { word-break: break-all; padding:10px; margin:0;}
#gallery-list .item .list_shopping2x .list_shoppingInfo p:nth-child(1){
    font-size:12px;
    font-weight:bold;
    text-align:left;
}
#gallery-list .item .list_shopping2x .list_shoppingInfo p:nth-child(2){
    font-size:12px;
    text-align:left;
}
#gallery-list .item .list_shopping2x .list_shoppingInfo p:nth-child(2) img{
    vertical-align:middle;
}

#container .list_shopping2x li img.listPic {width: calc(100vw - 30px);height: calc(100vw - 30px);}

#container .list_shopping2x li span { display:block; position:relative; }
.list_shopping2x.end ul li a span:after {content:'Á¾ ·á';width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,.5);font-size: 71px;color:#fff;text-align: center;line-height: calc(100vw - 30px);}

/* BASIC css end */


body *  {line-height:1.6}
/* BASIC css end */