@import url('../css/common/common.less');

.zoushi-page {
    width:100%;
    position:fixed;
    top:55px;
    bottom:60px;
    #ads-wrapper{
        display:none;
    }
    .zoushi-category-wrapper {
    
        width:100%;
        height:40px;
        line-height:40px;
        .center();
        .border();
        display: flex;
        .title();

        .zoushi-category-item {
            box-sizing:border-box;
            flex: 1;
            text-align: center;

            .zoushi-category-name {
                width: 100%;
                display: block;
            }

            &.zoushi-active {
                box-sizing:border-box;
                border-bottom: 3px solid #E84542;
                color: #E84542;
                font-weight: bold;
            }

            &:last-child {
                border-right: 0;
            }
        }
    }

    .zoushi-cainfo-gpc {
        width: 100%;
    }

    .zoushi-cainfo-wrapper {
        top: 80px;
        bottom: 0;
        width: 100%;
        position: absolute;
        overflow:auto;
        .zoushi-cainfo-list {
            width: 100%;
            /*overflow: auto;*/

            .zoushi-cainfo-title {
                height: 45px;
                line-height: 45px;
                padding: 1px 10px;
                /*.border();*/
                .border-1px-bottom();
                .title-bg();

                .zoushi-title-left {
                    .subTitle();

                    .zoushi-cainfo-icon {
                        margin: 0 5px;
                        float: left;
                        font-size: 28px;
                    }
                }
            }

            .zoushi-cainfo-content {
                /*background-color: #FFF;
					flex-wrap: wrap;
					padding: 1px 10px;*/
                display: flex;
                display: -webkit-flex;
                flex-wrap: wrap;
                justify-content: flex-start;
                align-content: center;

                .zoushi-cainfo-item {
                    /*height: 30px;
						line-height: 30px;
						width: 30.5%;
						text-align: center;
						border: 1px solid rgba(0, 0, 0, .1);
						display: inline-block;
						margin: 6px 1%;*/
                    flex: 1 0 auto;
                    padding: 5px 8px;
                    margin: 5px;
                    text-align: center;
                    border-radius: 2px;
                    border: 1px solid rgba(0,0,0,.1);
                    /*.border-1px();*/
                    margin-bottom: 5px;
                    /*.content();*/
                }
            }
        }
    }
}