﻿@charset "utf-8";

body {
    font-family: "微软雅黑";
    background : #f8f8f8
}

.fk_banner {
    height  : 2.77rem;
    position: relative;
    height  : auto
}

.fk_banner .image {
    width: 100%
}

.fk_banner .title {
    width: 100%
}

.fk_banner .content {
    width     : 3.62rem;
    left      : .49rem;
    position  : absolute;
    top       : 50%;
    margin-top: -0.35rem
}

.fk_banner .describe {
    font-size  : .23rem;
    color      : #fff;
    line-height: .25rem;
    font-weight: 400;
    margin-left: .04rem
}

.fk_panel {
    width   : 100%;
    height  : 100%;
    margin-top:0.4545rem;
    position: relative
}

.fk_content {
    width        : 95%;
    left         : 0;
    right        : 0;
    position     : relative;
    margin       : 0 auto;
    min-height   : 8rem;
    overflow     : hidden;
    border-radius: 0 .08rem .08rem .08rem
}

.fk_content .fk_btn_list {

    width     : 100%;
    overflow  : hidden;
}

.fk_content .fk_btn_list .fk_btn {
    height          : .5rem;
    line-height     : .5rem;
    text-align      : center;
    width           : 1.76rem;
    cursor          : pointer;
    background-color: #fff;
    font-size       : .23rem;
    color           : #666;
    box-shadow      : 1px -0.02rem .1rem 0 rgba(57, 57, 57, 0.1);
    border-radius   : .08rem .08rem 0 0;
    margin-bottom   : 1px;
    position        : relative;
    margin-right:10px;
}

.fk_content .fk_btn_list .fk_btn.active {
    background-color: #ffa42f;
    color           : #fff;
    height          : .64rem;
    line-height     : .64rem;
    box-shadow      : 0 .08rem .07rem 1px rgba(219, 83, 1, 0.2)
}


    .fk_content .icon_app {
        width: .3rem;
        height: .3rem;
        top: .05rem;
        position: relative;
        display: inline-block;
        background: url(/mobile/images/icon_app.png) no-repeat;
        background-size: 100%
    }

.fk_content .desc {
    display: inline-block
}

    .fk_content .icon_mobi {
        width: .3rem;
        height: .3rem;
        top: .05rem;
        position: relative;
        display: inline-block;
        background: url(/mobile/images/icon_mobi.png) no-repeat;
        background-size: 100%
    }

    .fk_content .icon_site {
        width: .3rem;
        height: .3rem;
        top: .05rem;
        position: relative;
        display: inline-block;
        background: url(/mobile/images/icon_pc.png) no-repeat;
        background-size: 100%
    }

    .fk_content .fk_btn.active .icon_app {
        background: url(/mobile/images/icon_app2.png) no-repeat;
        background-size: 100%
    }

    .fk_content .fk_btn.active .icon_mobi {
        background: url(/mobile/images/icon_mobi2.png) no-repeat;
        background-size: 100%
    }

    .fk_content .fk_btn.active .icon_site {
        background: url(/mobile/images/icon_pc2.png) no-repeat;
        background-size: 100%
    }

.fk_item_list {
    min-height      : 8rem;
    position        : relative;
    background-color: #fff;
    box-shadow      : 1px -1px .1rem 0 rgba(57, 57, 57, 0.15);
    overflow        : hidden;
    display: flex;
    flex-wrap: wrap;
    padding-bottom:0.5455rem
}


.fk_item_list .fk_item_info {
    width        : 45.5%;
    height       : 3.0rem;
    background   : #fff;
    border       : 1px solid rgba(229, 228, 228, 1);
    border-radius: .14rem;
    text-align   : center;
    margin-bottom: .3rem;
    cursor       : pointer;
    position     : relative;
    overflow     : hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding:0.1818rem 0;
    margin-left:3%
}

.fk_item_list .fk_item_info .logo {
    width        : 1.8rem;
    height       : 1.8rem;
    border-radius: 10px;
    border       : 1px solid #eee;
    overflow     : hidden
}

.fk_item_list .fk_item_info .name {
    font-size    : .23rem;
    color        : #666;
    max-width    : 80%;
    margin       : 0 auto;
    margin-top   : .3rem;
    overflow     : hidden;
    white-space  : nowrap;
    text-overflow: ellipsis
}

.fk_item_list .fk_item_info .trade {
    font-size       : .23rem;
    color           : #666;
    background-color: #f0f0f1;
    padding         : .07rem .17rem .09rem .17rem;
    display         : inline-block;
    margin-top      : .16rem
}

.fk_item_list .fk_item_info .mask {
    position  : absolute;
    top       : 0;
    width     : 100%;
    height    : 100%;
    background: #000;
    opacity   : 0;
    filter    : alpha(opacity=0);
    transition: opacity .3s
}


.fk_case_warning {
    width:100%;
    padding:0.2727rem 0 ;
    padding-left:3%;
    font-size  : .22rem;
    font-family: MicrosoftYaHei;
    color      : #999;
}
