@charset "UTF-8";
$yahei: "Microsoft YaHei";
$pingfan:PingFangSC-Regular;

/*通用变量*/

$baseFontSize:14px;
$baseFontColor:#999;
$mainColor: #35ffd5;
$borderColor: #dedede;
$grayFont: #999;
$blackFont: #000;

/*基础样式*/


@import "base/mBase";
@import "base/mMixins";


@import "pages/index";
@import "pages/login";
@import "pages/forum";
@import "pages/search";
@import "pages/myForum";
@import "pages/chooseContext";
@import "pages/notification";
@import "pages/signIn";
@import "pages/personal";
@import "pages/message";
@import "pages/artical";
@import "pages/edit";



html,body{
    height: 100%;
}

body {
    // font-size: $baseFontSize;
    font-family: "Adobe 黑体 Std",'Helvetica Neue',Helvetica,Arial,sans-serif;
    color: $baseFontColor;
}

a {
    text-decoration: none;
}

p {
    margin: 0;

}

.fl {
    float: left;
}

.fr {
    float: right;
}

.g-inner {
    max-width: 480px;
    margin: 0 auto;
}

.g-header {
    height: px2rem(90);
    @include clearfix;
    // border-bottom: 1px solid $borderColor;
    .g-header-fl,.g-header-fm {
        float: left;
    }
    .g-header-fl,.g-header-fr {
        width: px2rem(45);
    }
    .g-header-fm {
        width: px2rem(610);
        text-align: center;
        color: #333;
        font-size: px2rem(34);
        line-height: px2rem(90);
    }
    .g-header-fr {
        float: right;
    }
    .g-header-fl .back {
        display: block;
        margin-top: px2rem(22);
        width: px2rem(45);
        height: px2rem(45);
        background: url(../img/icon-back.png) no-repeat;
        background-size: 100% 100%; 
    }
    a {
        display: block;
        width: px2rem(45);
        height: px2rem(45);
        margin-top: px2rem(22);

    }
    .icon-search {
        background: url(../img/icon-search.png);
        background-size: 100% 100%;
        
    }
    .icon-user {
        background: url(../img/icon-mine.png);
        background-size: 100% 100%;
        
    }
}

.g-nav-tab {
    height: px2rem(90);
    border-bottom: 1px solid #dedede;
    overflow-x: scroll;
    padding-right: px2rem(48);
    &::-webkit-scrollbar{
        display:none;
    }
    a {
        display: block;
        line-height: px2rem(90);
        white-space: nowrap;
        font-size: px2rem(30);
        color: #999999;
        margin-right: px2rem(48);
        text-decoration: none;
        &:first-child {
            margin-left: px2rem(25);
        }
        &.cur {
            color: #333;
            position: relative;
            &:after {
                content: "";
                position: absolute;
                width: 100%;
                height: 2px;
                background: $mainColor;
                border-radius: 1px;
                left: 0;
                bottom: 1px;
            }
        }
    }
}

.g-select {
    display: none;
    position: absolute;
    width: px2rem(190);
    padding: 0 px2rem(12);
    top: px2rem(85);
    background: #666;
    border-radius: 5px;
    left: 0;
    z-index: 10;
    &:before {
        content:"";
        display: block;
        position: absolute;
        @include triangle-up(px2rem(15), #666);
        top: -px2rem(28);
        left: px2rem(20);
        
    }
    .list-wrap {
        max-height: px2rem(600);
        overflow-y: scroll;
    }
    
    p {
        text-indent: 0;
        // margin-left: 1em;
        text-align: center;
        padding: px2rem(20) 0;
        line-height: px2rem(35);
        font-size: px2rem(26);
        color:#fff;
        border-bottom:1px solid #999;
        &:last-child {
            border: none;
        }
    }
}

.g-select-horizontal {
    position: absolute;
    padding: 0 px2rem(12);
    background: #666;
    border-radius: 5px;
    z-index: 10;
    left:-px2rem(20);
    top: -px2rem(15);
    transform: translateX(-100%);
    display: none;
    &:before {
        content:"";
        display: block;
        position: absolute;
        @include triangle-right(px2rem(15), #666);
        top: px2rem(15);
        right: -px2rem(25);
        font-size: px2rem(26);
        color:#fff;
    }
    .list-wrap {
        white-space: nowrap;
        padding: px2rem(10) 0;
    }
    p {
        display: inline-block;
        line-height: px2rem(35);
        padding: 0 px2rem(15);
        font-size: px2rem(26);
        color:#fff;
        border-right: 1px solid #999;
        &:last-child {
            border: none;
        }
    }
}


.g-ft-ad {
    position: fixed;
    height: px2rem(145);
    width: 100%;
    left: 0;
    bottom: 0;
    background: rgba(#000,.6);
    .close-ad {
        width: px2rem(44);
        height: px2rem(45);
        position: absolute;
        left: 1px;
        top: -px2rem(48);
        background: url(../img/icon-close.png) no-repeat;
        background-size: 100% 100%; 
    }
    .ft-wrap {
        width: px2rem(705);
        margin: 0 auto;
        @include clearfix;
        .code {
            width: px2rem(120);
            height: px2rem(120);
            margin-right: px2rem(25);
            margin-top: px2rem(13);
            img {
                width: 100%;
                height: 100%;
            }
        }
        .text-wrap {
            margin-top: px2rem(13);
            width: px2rem(360);
            h3 {
                line-height: px2rem(72);
                width: 100%;
                @include ellipsis;
                font-size: px2rem(42);
                color: #fff;
                font-weight: bold;
            }
            p {
                line-height: px2rem(35);
                color: #fff;
                font-size: px2rem(26);
                width: 100%;
                @include ellipsis;
            }
        }
        .btn {
            margin-top: px2rem(40);
            margin-right: px2rem(25);
            width: px2rem(170);
            height: px2rem(66);
            a {
                display: block;
                width: 100%;
                height: 100%;
                text-align: center;
                color: #fff;
                line-height: px2rem(66);
                font-size: px2rem(34);
                background: $mainColor;
                border-radius: 5px;
            }
        }
    }
}

