/* 头部start */
.statusbar-overlay {
    background: #f7f7f8;
    z-index: 10000;
    position: absolute;
    left: 0;
    top: 0;
    height: 20px;
    width: 100%;
    display: none;
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
}
.view, .views {
    position: fixed;
    width: 100%;
    height: 100%;
    /* z-index: 5000; */
}
.view {
    overflow: hidden;
    box-sizing: border-box;
}
.page>.navbar, .page>.toolbar, .view>.navbar, .view>.toolbar, .views>.navbar, .views>.toolbar {
    position: absolute;
}

.gray-bg {
   background: #f9f9f9;
}
/* 头部end */
/* ------ */
.pages {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #000;
}
.page {
    background: #eee;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding-top: 44px;
}
.toolbar-through .page-content {
    padding-bottom: 44px;
    position: static;
    overflow: auto;
    box-sizing: border-box;
    height: 100%;
}

.bx-wraper .sidebar {
    width: 80px;
    /* position: fixed; */
    left: 0;
    height: 100%;
    float:left;
}
/* 左侧  */
.content-block {
    padding: 0 0px;
    color: #6d6d72;
    box-sizing: border-box;
}
.bx-wraper .content-block .buttons-row{display: block;height: 100%;background: #fff;/* position: fixed; */width:80px;border: solid 1px #d9d9d9;left: 0; top: 360px;}
.bx-wraper .content-block .buttons-row a.active {
    color: #da251c;
    background: #eee;
}
.bx-wraper .content-block .buttons-row a {
    display: block;
    border-radius: 0;
    margin-top: -1px;
    border-color: #d9d9d9;
    background: #fff;
    border-left: none;
    border-right: none;
    height: 42px;
    line-height: 40px;
    color: #555;
    padding: 0;
    text-align: center;
    width: 100%;
}
.auction-venue{
    background-color:white;
}
.button {
    border: 1px solid #007aff;
    text-decoration: none;
    margin: 0;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    font-family: inherit;
    cursor: pointer;
}
.bx-wraper .content-block .buttons-row a.active span {
    display: inline-block;
    color: #d93434;
    float: left;
}
.bx-wraper .content-block .buttons-row a span {
    width: 4px;
    background: #d93434;
    height: 42px;
}
.bx-wraper .tabs {
    margin-left: 90px;
}
/* 右侧 */
.tabs .tab {
	display: none;
}
.tabs .tab.active {
    display: block;
}
.content-block {
    color: #6d6d72;
    box-sizing: border-box;
}
.tabcon-box {
    margin-top: 10px;
}
.tabcon-bx h1 {
    margin: 10px 0 8px 0;
    font-size: 12px;
    color: #b5b5b5;
    font-weight: normal;
}
.tabcon-box ul {
    overflow: hidden;
}
ul, li {
    list-style: none;
    padding: 0;
    margin: 0;
}
.huo li {float: left;width: 30.3%;background: #fff; margin: 0 3% 3% 0;text-align: center; padding-bottom: 7px;padding-top: 6px;font-size: 12px;}
ul, li {list-style: none; padding: 0;margin: 0;}
.huo li a {display: block;color: #666;font-size: 13px;}
.huo li img { width: 100%;}
/* 弹出框 */
.popover-links {
    background: #3b3b3b;
    width: 170px;
    border-radius: 0;
}
/* .popover {
    z-index: 11000;
    margin: 0;
    top: 0;
    opacity: 0;
    left: 0;
    border-radius: 7px;
    position: absolute;
    display: none;
    transform: none;
} */
.popover.modal-in {
	display: block;
    transition-duration: 300ms;
    opacity: 1;
}
.popover-angle {
    width: 26px;
    height: 26px;
    position: absolute;
    left: -26px;
    top: 0;
    z-index: 100;
    overflow: hidden;
}
.popover-inner {
    overflow: auto;
}
.popover .list-block {
    margin: 0;
}
.list-block {
    font-size: 17px;
}
.popover .list-block:first-child:last-child li:first-child:last-child a, .popover .list-block:first-child:last-child ul:first-child:last-child {
    border-radius: 7px;
}
.popover .list-block ul {
    background: 0 0;
}
.list-block ul {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
}
.popover-links .list-block li {
    margin: 10px 0;
}
.list-block li {
    box-sizing: border-box;
    position: relative;
}
ul, li {
    list-style: none;
    padding: 0;
}
.popover-links .list-block:first-child li:first-child a {
    border-radius: 0;
}
.popover-links .list-block .item-link.list-button {
    padding: 0;
    text-align: left;
    padding-left: 20px;
}
.popover-links .list-block a {
    color: #fff !important;
}
.popover-links .list-block img {
    width: 34px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -6px;
}
.popover-links .list-block .item-link.list-button {
    padding: 0;
    text-align: left;
    padding-left: 20px;
}
.list-block .item-link.list-button {
    padding: 0 15px;
    display: block;
    line-height: 43px;
}
.popover-links .list-block a {
    color: #fff !important;
}
.popover-links .popover-angle:after {
    background: #3b3b3b;
}
.popover-angle.on-top:after {
    left: 0;
    top: 19px;
}
.popover-angle:after {
    content: ' ';
    background: rgba(255,255,255,.95);
    width: 26px;
    height: 26px;
    position: absolute;
    border-radius: 3px;
    transform: rotate(45deg);
}
.popover-angle.on-top {
    left: 0;
    top: -26px;
}
.popover-angle {
    width: 26px;
    height: 26px;
    position: absolute;
    left: -26px;
    top: 0;
    z-index: 100;
    overflow: hidden;
}
.search-btn {
    background: url(/images_mb/search-gray.png) center center no-repeat !important;
    width: 46px;
    height: 34px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    background-size: 20px auto !important;
}
.popover:before {
    display: none;
}

#cat-rakuten .huo li {
	width: 45%;
	padding: 0;
	margin-left: 2%;
	height:40px;
}
#cat-rakuten .huo li a {
	font-size: 14px;
    vertical-align: middle;
    display: table-cell;
}
.cat_bdiv{
	height: 100%;
    display: table;
    vertical-align: middle;
    text-align: center;
    width: 100%;
}
.theme_tab{height:255px;}
.theme_tab .theme_tab2 ul li {
    float: left;
    width: 24.5%;
    padding: 2% 0 0 2%;
    text-align: center;
}
.theme_tab .theme_tab2 ul li a{
    font-size: 14px;
    display: block;
    line-height: 0;
}
.theme_tab .theme_tab2 ul li img{
     width: 100%;
}
.theme_tab .theme_tab2 ul li a span {
    color: #666;
    background-color:#f1f1f1;
    display: block;
    font-size: 12px;
    text-align: center;
    line-height: 27px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}
.cat_title{
	height: 30px;
    text-align: Center;
    line-height: 30px;
    background:#fff;
}

.theme_part{}
.theme_part .theme_row{display: flex;flex-direction: row;margin-top: 5px;}
.theme_part .theme_row:last-child{margin-bottom: 5px;}
.theme_part .theme_row>a{display: flex;width: 25%;flex-grow: 1;margin-left: 5px;position: relative;}
.theme_part .theme_row>a:last-child{margin-right: 5px;}
.theme_part .theme_row>a>img{width: 100%;height: 100%;}
.theme_part .theme_row>a>span{position: absolute;bottom: 0px;width: 100%;text-align: center;color: white;font-size: 12px;background-color: rgba(0,0,0,0.4);}

.site_part{display: flex;flex-direction: column;font-size: 14px;margin: 7px 0;}
.site_title{display: flex;justify-content: center;align-items: center;height: 36px;background-color: #fff;font-size: 16px;}
.site_content{display: flex;padding: 5px;flex-wrap: wrap;background-color: #fff;border-radius: 5px;}
.site_content>a{display: flex;flex-direction:column;justify-content: center;align-items: center;flex-grow:1;width: 30%;height: 55px;color: #000;flex-wrap:wrap;padding: 5px;background-color: #f3f3f3;}

/*
.site_content>a>lable{display: flex;width: 100%;align-items:center;font-size: 15px;}
.site_content>a>lable>img{width: 20px;margin-right: 2px;}
.site_content>a>span{display: flex;width: 100%;font-size: 12px;color: #666;}
*/
.div-icon-hot{background-image: url(/images_mb/icon/hot2.png);background-repeat: no-repeat; background-size: 100% 100%;width: 18px;height: 18px;margin-left:2px;margin-bottom: 3px; }

.site_content>a>div{display: flex;flex-direction: column;}
.site_content>a>div>lable{display: flex;align-items: center;}
.site_content>a>div>lable>img{display: flex;width: 20px;margin-right: 2px;}
.site_content>a>div>lable>.div-stie-name{display: flex;font-size: 15px;line-height: normal;align-items: flex-end;min-height: 20px;}
.site_content>a>div>span{display: flex;font-size: 12px;line-height: normal;color: #666;}

.site_content>a:nth-child(1){width: 49%;margin: 0 5px 0 0;}
.site_content>a:nth-child(2){width: 49%;}
/*
.site_content>a:nth-child(3){width: 49%;margin: 5px 5px 0 0; }
.site_content>a:nth-child(4){width: 49%;margin: 5px 0 0 0;}
.site_content>a:nth-child(5){margin: 5px 5px 0 0;}
.site_content>a:nth-child(6){margin: 5px 5px 0 0;}
.site_content>a:nth-child(7){margin: 5px 0 0 0;}
*/
.site_content>a:nth-child(n+3){width: calc((100% - 20px) / 5);margin: 5px 5px 0 0;}
/* .site_content>a:last-child{margin: 5px 0 0 0;} */
.site_content>a:nth-child(n+3)>div>lable{flex-direction: column;}
.site_content>a:nth-child(n+3)>div>lable>img{margin-right: 0;}
.site_content>a:nth-child(n+3)>div>lable>span{font-size: 12px;}
.site_content>a:nth-child(7)>div>lable>img{height: 16px;margin-top: 2px;margin-bottom: 2px;}
/*
.site_content>a:nth-child(1)>lable{width: 110px;}
.site_content>a:nth-child(1)>span{width: 110px;}
.site_content>a:nth-child(2)>lable{width: 90px;}
.site_content>a:nth-child(2)>span{width: 90px;}
.site_content>a:nth-child(3)>lable{width: 110px;}
.site_content>a:nth-child(3)>span{width: 110px;}
.site_content>a:nth-child(4)>lable{width: 90px;}
.site_content>a:nth-child(4)>span{width: 90px;}
.site_content>a:nth-child(5)>lable{width: 85px;}
.site_content>a:nth-child(5)>span{width: 85px;}
.site_content>a:nth-child(6)>lable{width: 75px;}
.site_content>a:nth-child(6)>span{width: 75px;}
.site_content>a:nth-child(7)>lable{width: 75px;}
.site_content>a:nth-child(7)>span{width: 75px;}
*/

.segmented-ctrl-site{display: flex;background-color:#fff;border-top-left-radius: 5px;border-top-right-radius: 5px;border-top:none;}
.segmented-ctrl-site>.ctrl-item{display: flex;width: 20%;flex-grow: 1;height: 50px;justify-content: center;align-items: center;flex-direction: column;font-size: 12px;color: #555;border-bottom: 1px solid #ddd;border-top: 1px solid #eee;}
.segmented-ctrl-site>.ctrl-item>img{display: flex;height: 24px;}
.segmented-ctrl-site>.ctrl-item.ctrl-item-paypayfleamarket>img{height: 21px;}
.segmented-ctrl-site>.ctrl-item:first-child{border-top-left-radius: 5px;}
.segmented-ctrl-site>.ctrl-item:last-child {border-top-right-radius: 5px;}
.segmented-ctrl-site>.ctrl-item.active {border-bottom: 1px solid #fff;border-top: 1px solid #ddd;border-right: 1px solid #ddd;border-left: 1px solid #ddd;}
.segmented-ctrl-site>.ctrl-item.active:first-child {border-left: none;border-top-left-radius: 5px}
.segmented-ctrl-site>.ctrl-item.active:last-child {border-right: none;border-top-right-radius: 5px;}

.segmented-ctrl-body-site>.ctrl-content{display: none;background-color: #fff;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.segmented-ctrl-body-site>.ctrl-content.active{display: block;}


.subject_part{display: flex;flex-direction: column;font-size: 14px;background-color: #fff;}
.subject_title{display: flex;justify-content: center;align-items: center;height: 36px;background-color: #fff;}
.subject_content{display: flex;flex-wrap: wrap;padding: 5px 5px 5px 5px;margin-bottom: 10px;}
.subject_content>a{display: flex;justify-content: center;align-items: center;width: 25%;height: 21px;color: #000;margin-top: 15px}
.subject_content>a>img{width: 20px;margin-right: 2px;}
.subject_content>a:nth-child(1){background-color: #fae8eb;color: #000;}
/*.subject_content>a:last-child{margin-bottom: 15px;}*/
.subject_content>a:nth-child(n+13){display: none;}
.subject_content.subject_content_all>a:nth-child(n+13){display: flex;}
.subject_toMore_show{}
.subject_toMore_show>span.icon{font-size: 12px;margin: 0 6px 0 4px;}
.subject_toMore_hide{display: flex;justify-content: center;align-items: center;width: 100% !important;}
.subject_toMore_hide>span.icon{font-size: 12px;margin: 0 6px 0 4px;}

.yahoo_title{padding: 5px;justify-content: flex-start;display: flex;align-items: center;height: 36px;background-color: #fff;font-size: 14px;display: none;}   
.yahoo_title>span{height: 30px;width: 25%;display: flex;justify-content: center;align-items: center;color: #000;background-color: #fae8eb;}
.yahoo_content{display: flex;border-top: 1px solid #eee;margin-left: 5px;}
.yahoo_content>.yahoo_content_left{display: flex; min-width: 26%;margin-right: 5px;flex-direction: column;}
.yahoo_content>.yahoo_content_left>a{display: flex;font-size: 14px;color: #555;justify-content: center;align-items: center;line-height: normal;height: 40px;border-top: 1px solid #eee;border-left: 1px solid #eee;border-right: 1px solid #eee;padding-left: 4px;}
.yahoo_content>.yahoo_content_left>a:first-child{border-top: 0;}
.yahoo_content>.yahoo_content_left>a.active{border-right: 1px solid #fff;border-bottom: 4px solid #f81d44;padding-left: 1px;background-color: #f3f3f3;}

.tabList{width: 30% !important;height: 90px !important;flex-direction: column;background-color: #fff !important;margin: 0% 1% 3% 2% !important;}
.tabList img {width: 90%;height: 66px;margin-bottom: 6px;}
.tabListTitle {color: #428bca !important;margin-top: 10px !important;height: 20px !important;}
.tabList span{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.yahoo_content>.yahoo_content_left>a:last-child{border-bottom: 1px solid #eee;}
.yahoo_content>.yahoo_content_right{display: flex;flex-grow: 1;}
.tab-content{display: none;flex-direction: column;padding: 5px;width: 100%;}
.tab-content.active{display: block;}
.tab-content-title{display: flex;margin: 5px 0;}
.tab-content-title>img{width: 27px;height: 27px;}
.tab-content-title>font{font-size: 14px;display: flex;height: 27px;line-height: normal; align-items: flex-end;}
.tab-content-group{display: flex;flex-wrap: wrap;padding: 5px 0;}
.tab-content-group>a{display: flex;align-items:center;justify-content:center;width: 32%;height:40px;color: #555;font-size: 12px;line-height: normal;margin: 0% 2% 2% 0%;background-color: #f3f3f3;}
.tab-content-group>a:nth-child(3n+3){margin-right: 0;}
.tab-content-group>a:nth-last-child(1),.tab-content-group>a:nth-last-child(2),.tab-content-group>a:nth-last-child(3){margin-bottom: 0;}
.tab-content-group-line{height: 1px;background-color: #d5cdcf;margin: 5px 0;}

#site_mercari{background-color: #fff;flex-direction: column;padding:10px 0;}
.hot-cat,.hot-brands{padding: 10px;display: flex;flex-direction: row;flex-wrap: wrap;}
.hot-cat>a,.hot-brands>a{padding: 5px 10px;color: #000;font-size: 14px;margin:5px 2px;min-width: 76px;}
.hot-cat>a:nth-child(1),.hot-brands>a:nth-child(1){background-color: #fae8eb;color: #000;padding: 5px 10px;}
.hot-brands{border-top: 1px solid #ddd;}
@media screen and (max-width: 768px) {.hot-cat>a,.hot-brands>a{width: 25%;margin:0;text-align: center;}}
@media screen and (max-width: 476px) {.hot-cat>a,.hot-brands>a{width: 33.3%;margin:0;text-align: center;}}

#site_jppm{background-color: #fff;flex-direction: column;padding: 10px 0;}
.jppm-desc{padding: 20px;font-size: 14px;flex-wrap: wrap;padding: 20px;}
.jppm-desc>strong{font-weight: 600;}
.auction-venue{display: flex;flex-wrap: wrap;padding: 15px 10px;}
.auction-venue>a{display: flex;align-items:center;font-size: 14px;line-height:normal;color: #000;height: 30px;margin: 5px 0;padding: 0 10px;}
.auction-venue>.a_title{background-color: #d80b2f;color: #fff;width: 100%;justify-content: center;}

#site_fril{background-color: #fff;flex-direction: column;padding: 10px 0;}
#site_suruga{background-color: #fff;flex-direction: column;padding: 10px 0;}
#site_brandear{background-color: #fff;flex-direction: column;padding: 10px 0;}
#site_paypayfleamarket{background-color: #fff;flex-direction: column;padding: 10px 0;}

.page-content.bx-wraper.bx-wraper-div{padding: 0 0 50px 0;}
.inner-title {
    text-align: center;
    color: #000000;
    font-size: 14px;
    width: 100%;
    height: 38px;
    line-height: 40px;
}
/*.outer-container{*/
/*    height: 54px;*/
/*    display: flex;*/
/*    padding: 5px;*/
/*    flex-wrap: wrap;*/
/*    background-color: #fff;*/
/*    border-radius: 5px;*/
/*}*/
#new_site_icon > a, #new_site_icon2 > a{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    width: 30%;
    height: 48px;
    color: #000;
    flex-wrap: wrap;
    padding: 5px;
    background-color: #ffffff;
    border: #E6E3E3 1px solid;
    border-radius: 8px;
    margin: 4px;
    flex-shrink: 0;
    font-size: 13px;
}
#new_site_icon2 > a {
    border: unset;
    width: 22%;
}
/*#new_site_icon > a:nth-child(1){*/
/*	 margin-left: 5px;*/
/*}*/
#new_site_icon > a > div, #new_site_icon2 > a > div{
	display: flex;
    flex-direction: column;
}
#new_site_icon > a > div > lable{
    display: flex;
    align-items: center;
}

#new_site_icon > a > div > lable > img, #new_site_icon2 > a > div > lable > img{
	width: 30px;
    margin-right: 4px;
} 
#new_site_icon, #new_site_icon2 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 4px 14px;
}
#new_site_icon2 > a > div > lable{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.tab-content2 {
    display: none;
    flex-direction: column;
    padding: 5px;
    width: 100%;
}
.tab-content2.active {
    display: block;
}