_index.scss 2.15 KB
@import "header-download", "banner-top","banner-center", "side-nav", "floor-header", "banner-top", "banner-bottom", "hot-brands", "fine-brands", "creative-life", "plus-star", "footer", "maybe-like",
"icons-enter","trendsetter-collocation",
"trend-topics","goods-category","hot-brands", "hot-category", "home-header";

body {
    font-family: helvetica,Arial,"黑体";
    background: #f0f0f0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

ol, ul {
    list-style: none;
}

.hide {
    display: none !important;
}

a {
    text-decoration: none;
}

a:focus {
    outline: none;
}

/**
 * 闭合浮动
 * @Doc: http://nicolasgallagher.com/micro-clearfix-hack/
 */
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both; 
}
.clearfix { 
    *zoom: 1; /* IE6-7 触发 hasLayout */
} 

/*
 * 去掉高亮
 */
* { 
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -moz-tap-highlight-color: rgba(0,0,0,0);
    tap-highlight-color: rgba(0,0,0,0);
}

/*
 * 字体图标
 */
@font-face {font-family: 'iconfont';
    src: font-url('iconfont.eot'); /* IE9*/
    src: font-url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    font-url('iconfont.woff') format('woff'), /* chromefirefox */
    font-url('iconfont.ttf') format('truetype'), /* chromefirefoxoperaSafari, Android, iOS 4.2+*/
    font-url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale; 
}

.mobile-container{
    width: 100%;
    overflow: hidden;
}
.mobile-wrap {
    position: relative;
    z-index: 2;
    background: #f0f0f0;
    @include transition(transform .3s);
}

.mobile-wrap.menu-open {
    @include transform(translateX(540rem / $pxConvertRem));
    @include transition(transform .3s);
}


.overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0.3;
    z-index: 99;
}

.overlay.show {
    display: block;
}
.login-tip{
    display: none;
}