﻿.span-search {
    position: relative;
}

a.clear {
    position: absolute;
    right: 10px;
    top: 12px;
    cursor: pointer;
    display: none;
}

.hidden {
    display: none;
}

li {
    float: initial;
}

.pay-rom {
    margin-top: -1px;
}

    .pay-rom > ul {
        border: 1px solid #00c750;
    }

        .pay-rom > ul > li {
            width: 100%;
        }

            .pay-rom > ul > li.li-rom {
                overflow: hidden;
                height: 139px;
                border-bottom: 1px dashed #00c750;
                background-color: #e3fff2;
            }

.li-bg {
    background: url('/Images/icon/icon-cleanrom.png') no-repeat right top;
    overflow: hidden;
}

.libg {
    background: url('/Images/icon/icon-cleanrom.png') no-repeat right top;
    overflow: hidden;
}
.libg-xsb {
     background: url('/Images/icon/xsb_rom.png') no-repeat right top;
     overflow: hidden;
 }

.libgroot {
    background: url('/Images/icon/icon-root.png') no-repeat right top;
    overflow: hidden;
}

.libgall {
    background: url('/Images/icon/icon-all.png') no-repeat right top;
    overflow: hidden;
}

.redbg {
    background: url('/Images/icon/icon-redbagrom.png') no-repeat right top;
    background-image: none;
}

.pay-rom .rom-img, .li-text .rom-img {
    float: left;
    height: 100px;
    width: 55px;
    padding: 20px 20px 20px 10px;
}

.pay-rom .rom-img2 {
    float: left;
    height: 100px;
    padding: 20px 20px 20px 10px;
    max-width: 130px;
}

    .pay-rom .rom-img2 img {
        height: 100px;
        width: 55px;
    }

.pay-rom .rom-img img, .li-text .rom-img img {
    width: 55px;
    height: 100px;
}

.pay-rom .rom_intro {
    float: left;
    width: 825px;
    position: relative;
}

.pay-rom .rom_intro2 {
    float: left;
    width: 825px;
    position: relative;
}

.rom_intro .rom-title, .rom_intro2 .rom-title {
    margin-top: 30px;
    font-size: 16px;
    color: #333;
    width: 600px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rom_intro .rom-des, .rom_intro2 .rom-des {
    font-size: 12px;
    color: #00c759;
    margin-top: 10px;
}

.fireware {
    font-size: 12px;
    margin-top: 5px;
    color: orangered;
}

.rom_intro .rom-flag, .rom_intro2 .rom-flag {
    background: url('/Images/icon/icon-rom-safe.png') no-repeat left center;
    line-height: 16px;
    padding-left: 25px;
    margin-top: 10px;
}

.intro-right {
    position: absolute;
    right: 20px;
    bottom: 0;
}

.rom-price, .rom-isbuy {
    text-align: center;
}

    .rom-price .price1 {
        font-size: 30px;
        color: #ff9000;
    }

    .rom-price .price2 {
        font-size: 14px;
        color: #999;
        text-decoration: line-through;
    }

    .rom-isbuy .icon-isbuy {
        font-size: 16px;
        color: #333;
        background: url('/Images/icon/icon-rom-isbuy.png') no-repeat left;
        display: inline-block;
        height: 18px;
        line-height: 18px;
        padding-left: 25px;
    }

.rom-btn {
    text-align: center;
    margin-top: 10px;
}

    .rom-btn .btn-buy {
        font-size: 14px;
        color: #fff;
        height: 30px;
        line-height: 30px;
        width: 120px;
        text-align: center;
        display: inline-block;
        background-color: #00c750;
        border-radius: 3px;
        text-decoration: none;
        cursor: pointer;
    }

    .rom-btn .btn-capacity {
        font-size: 14px;
        color: #00c750;
        border: 1px solid #00c750;
        padding: 6px;
        display: inline-block;
        border-radius: 3px;
        text-decoration: none;
        cursor: pointer;
    }

        .rom-btn .btn-capacity:hover {
            background-color: #00c750;
            color: #fff;
        }

    .rom-btn .btn-cv {
        margin-left: 10px;
    }

    .rom-btn .sversion {
        color: #00c750;
    }

.noborder {
    border: none !important;
}

.li-switch {
    height: 20px;
    overflow: hidden;
    text-align: center;
    margin-top: -20px;
}

.btn-switch {
    display: inline-block;
    width: 58px;
    height: 19px;
    border: 1px solid #00c750;
    border-bottom: none;
    background: url('/Images/icon/icon-m-arrow.png') no-repeat 85% 66%;
    color: #00c750;
    cursor: pointer;
}

    .btn-switch:hover {
        text-decoration: none;
        color: #00c750;
    }

.btn-switch-bg {
    background-position: 85% 100%;
}

.comment_item ul, .comment_item ul li {
    float: left;
}

.rom-tip {
    white-space: nowrap;
    font-size: 12px;
    color: #666;
    position: absolute;
    height: 30px;
    line-height: 30px;
    left: 0;
    top: -30px;
    background-color: #fddfb9;
    padding: 0 10px;
}

    .rom-tip b {
        padding: 0 3px;
    }

    .rom-tip .a-notip {
        color: #7cb6ee;
        margin: 0 10px;
    }

    .rom-tip .tip-close {
    }

        .rom-tip .tip-close i {
            vertical-align: text-bottom;
            display: inline-block;
            width: 14px;
            height: 14px;
            background: url('/images/rom/icon-tip-close.png') no-repeat center;
        }

    .rom-tip .d-arrow {
        border-style: solid;
        position: absolute;
        bottom: -10px;
        left: 40px;
        border-width: 10px 10px 0;
        border-color: #fddfb9 transparent transparent;
    }

.detail_box {
    overflow: initial;
}

.payrom-container {
    float: left;
    margin-top: 10px;
    background: #fff;
}

    .payrom-container .pay-rom-tab {
        overflow: hidden;
    }

        .payrom-container .pay-rom-tab span {
            float: left;
            height: 22px;
            line-height: 22px;
        }

            .payrom-container .pay-rom-tab span.span-right {
                width: 0;
                border-right: 1px solid #00c750;
                height: 23px;
            }

            .payrom-container .pay-rom-tab span.span-tab {
                width: 100px;
                color: #00c750;
                font-size: 12px;
                text-align: center;
                border: 1px solid #00c750;
                background-color: #fff;
                border-right: none;
                cursor: pointer;
            }

        .payrom-container .pay-rom-tab .redbag {
            background: url('/images/rom/icon-redbag-new.png') no-repeat 95% center;
        }

        .payrom-container .pay-rom-tab span.active {
            background-color: #e3fff2;
            border-bottom-color: #e3fff2;
        }

.btn-freerom {
    background-color: #ff3131;
    border-radius: 15px;
    padding: 5px 18px;
    color: #fff !important;
    font-size: 14px;
}

    .btn-freerom i {
        background: url('/images/rom/icon-hot-rom.png') no-repeat center;
        height: 22px;
        width: 20px;
        display: inline-block;
        vertical-align: text-bottom;
        margin-right: 10px;
    }

.img-freerom {
    position: absolute;
    right: 30px;
    bottom: -30px;
    width: 69px;
    height: 92px;
    z-index: 100;
}

.margin-pad{
    margin-left: 20px;
}