@charset "UTF-8";

.page-search {
    padding: 0 px2rem(25);
    form {
        @include clearfix;
        overflow: hidden;
        height: px2rem(88);
        .back {
            
            .icon-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%;
                
            }
        }
        .search-wrap {
            width: px2rem(626);
            height: px2rem(66);
            margin-top: px2rem(12);
            background: #f5f5f5;
            border-radius: 50px; 
            input[type=text] {
                display: block;
                float: left;
                width: px2rem(523);
                line-height: px2rem(66);
                text-indent: px2rem(25);
                font-size: px2rem(26);
                background: transparent;
                color: #000;
            }
            .btn-search {
                display: block;
                float: right;
                width: px2rem(33);
                height: px2rem(33);
                margin: px2rem(16) 0 0 0;
                background: url(../img/icon-search-gray.png) ;
                background-size: 100% 100%;
                margin-right: px2rem(25);
            }
        }
    }
    .mod-history {
        margin: px2rem(30) 0 0 0;
        li {
            border-color: #ff2b68;
        }
        a {
            color: #ff2b68;
        }
    }
    .mod-hot {
        margin: px2rem(70) 0 0 0;
        li {
            border-color: #f3493d;
        }
        a {
            color: #f3493d;
        }
    }
    .search-hd {
        @include clearfix;
        line-height: px2rem(44);
        
        color: #999;
        .title {
            font-size: px2rem(30);
            line-height: inherit;
            float: left;
        }   
        .clear {
            line-height: inherit;
            font-size: px2rem(24);
            float: right;
        }
    }
    .search-content {
        @include clearfix;
        margin-top: 15px;
        li {
            float: left;
            text-align: center;
            height: px2rem(56);
            border-style: solid;
            border-width: 1px;
            margin-right: px2rem(24);
            border-radius: 15px;
            padding: 0 px2rem(20);
            line-height: px2rem(56);
            a {
                display: block;
                line-height: px2rem(56);
                font-size: px2rem(24);
            }
        }
    }
}