/* BASIC css start */
/* =============================================================================
   皋牢 index.html
   ========================================================================== */
#event .MS_img-wrap { position: relative; width: 100%; overflow: hidden; }
#event .event-imgs { position: relative; }
#event .MS_img-area { float: left; }
#event .MS_img-area:not(:first-child) { display: none; }
#event .MS_img-area img { width: 100%; }
#event .pagination { position: relative; left: 0; text-align: center; width: 100%; }
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 2px; text-indent: -9999px; background: url(/images/d3/m_01/bull/event_now@2x.gif) no-repeat 0 50%; background-size: 19px 7px; width: 10px; height: 10px; }
#event .pagination .swiper-active-switch { background-position: -12px 50%; }
#container.main .items-wrap .items[data-type=tile],
#container.main .items-wrap .items[data-type=horizontal] { margin-top: 14px; }
#container.main .items-wrap .items[data-type=horizontal] .price img { vertical-align: -1px; }
#container.main .items-wrap .items[data-type=vertical] li { min-height: initial; }
#container.main .items-wrap .items[data-type=vertical] .price-info li { min-height: initial; }
#container.main .items-wrap .items[data-type=vertical] .price-info li .tit img { vertical-align: -1px; }

/* =============================================================================
   皋牢 酒捞能 棺 前例硅版 包访
================================================================================*/
.items-wrap .items .icons { position: absolute; left: 5px; top: 0; }
.items-wrap .items .icons span img { display:block;padding:3px 0; }
.items-wrap .items .sold-out { position: absolute; z-index: 1; width: 100%; height: 100%; background: url(/images/d3/m_01/bg/sold_out.png) no-repeat top center; background-size: 100%; }
.items-wrap .items[data-type=vertical] .vertical-img { position:relative; float: left; margin: 0; width: 95px; height: auto; }
.items-wrap .items[data-type=vertical] .vertical-img img { width: 100%; height: auto; max-height: none; }
.items-wrap .items[data-type=vertical] .sold-out { left: 0; top: 0; }

.main_cont .main_goods_display .btn_goods_more {padding-left:12px;padding-right:12px;}
.main_cont .main_goods_display .btn_goods_more a {text-align:center;display:inline-block;width:100%;box-sizing:border-box;border:1px #1e1e1e solid;height:36px;line-height:34px;vertical-align:middle;}
.main_cont .main_goods_display .btn_goods_more a img {width:auto !important;height:12px !important;margin:-3px auto 0 auto;vertical-align:middle;}



.main_tab {margin:0 auto;padding:0 0 40px 0;width: calc(100% - 20px);position:relative;z-index:1;}
.main_tab .nav {height:34px;width:100%;box-sizing:border-box;}
.main_tab .nav:after {clear:both;content:"";display:block;}
.main_tab .nav li {transition: 0.1s;cursor:pointer;height:34px;line-height:32px;float:left;padding:0;text-align:center;width:33.32%;background-color:#f5f5f5;font-size:12px;color:#8e8e91;border:1px #6e6c6c solid;position:relative;z-index:1;box-sizing:border-box;}
.main_tab .nav li:hover {transition: 0.1s;}
.main_tab .nav li + li {border-left:0;}
.main_tab .nav li.on {background-color:#fff;border-bottom:1px #fff solid;color:#070707;font-weight:700;z-index:5;}


.tab_view_box {padding:30px 6px 0 6px;border:1px #6e6c6c solid;border-top:0;}
.tab_view_box ul.items li {float:left;width:31.25%; text-align:center; padding:0 0 30px;}
.tab_view_box ul.items li + li {margin-left:3.125%;}
.tab_view_box ul.items li:nth-child(3n+1) {clear:both;float:left;margin-left:0;}
.tab_view_box ul.items li .goodsImg {padding:0 0 10px;}
.tab_view_box ul.items li .goodsImg img {width:100%;}
.tab_view_box ul.items li .goodsName {color:#777; font-size:15px; font-weight:400; line-height:15px;}
.tab_view_box ul.items li .goodsSprice {color:#c0a18d; font-size:14px; font-weight:600; padding:5px 0 3px;}
.tab_view_box ul.items li .goodsPrice {color:#555; font-size:14px; font-weight:400;}


/* BASIC css end */