﻿/*********************2像素白色边框*************************/
.s-rim {
    border-radius: 4px;
    box-shadow: 0px 4px 0px rgba(0,0,0,0.1),0px 0px 0px 2px #fff;
    overflow: hidden;
    background: #3e3e3e;
}
/*********************2像素黄色边框*************************/
.s-yellowRimInset {
    border-radius: 4px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0px 0px 0px 2px #b27000 inset;
}

.s-yellowRim {
    border-radius: 4px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0px 0px 0px 2px #b27000;
}

.s-grayRim {
    border-radius: 4px;
    background: #fff;
    background: linear-gradient(to bottom, #f5f5f5 0%,#dddddd 100%);
    overflow: hidden;
    box-shadow: 0px 0px 0px 2px #858585 inset;
}
/*******************背景色*******************/
/*灰色*/
.bg-gray {
    background: #858585;
    border-radius: 4px;
}
/*黄色*/
.bg-brown {
    background: #b27000;
    border-radius: 4px;
}

/*********************外边框btn*************************/
.s-btn {
    display: block;
    text-align: center;
    line-height: 38px;
    height: 38px;
    position: relative;
    border-radius: 4px;
    font-size: 14px;
    color: #3e3e3e;
    font-weight: bold;
    text-shadow: 0px 1px 1px #f6f6f6;
}
/*灰色btn*/
.btn-gray {
    background: #dcdcdc;
    box-shadow: 0px 0px 0px 2px #858585 inset,0px 3px 4px #f6f6f6 inset;
    border-radius: 4px;
}
/*黄色btn*/
.btn-yellow {
    color: #a04f00;
    box-shadow: 0px 0px 0px 2px #b27000 inset,0px 3px 4px #f6f6f6 inset;
    background: #ffde03;
    border-radius: 4px;
}
/*绿色btn*/
.btn-green {
    background: #99eb4f;
    box-shadow: 0px 0px 0px 2px #16ad06 inset,0px 3px 4px #f6f6f6 inset;
    border-radius: 4px;
    color: #0d8600;
}
/*蓝色btn*/
.btn-blue {
    background: #2ddfff;
    box-shadow: 0px 0px 0px 2px #1c7ec2 inset,0px 3px 4px #f6f6f6 inset;
    border-radius: 4px;
}


/*******************文字，颜色*******************/
.s-tit {
    color: #ffdd03;
    font-size: 14px;
}
/*白色*/
.text-white {
    color: #fff;
    font-size: 14px;
}
/*灰色*/
.text-gray {
    color: #3e3e3e;
    font-size: 14px;
}
/* display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;*/
/*黄色*/
.text-yellow {
    color: #a04f00;
    font-size: 14px;
}
/*蓝色*/
.text-blue {
    color: #0d5f98;
    font-size: 14px;
}
/*绿色*/
.text-green {
    color: #0d8600;
    font-size: 14px;
}

/*文字居中，左，右*/
.tac {
    text-align: center;
}

.tal {
    text-align: left;
}

.tar {
    text-align: right;
}


/*******************输入框*******************/
::-ms-clear, ::-ms-reveal {
    display: none;
}

.search-box {
    background: #3e3e3e;
    height: 28px;
    line-height: 28px;
}

    .search-box input {
        border-radius: 4px;
        font-size: 14px;
        color: #fff;
        height: 100%;
        width: 96%;
        padding: 0 2%;
    }
/*搜索放大镜ico*/
.s-ico {
    background: url(../images/sprite.png) no-repeat 11px -26px;
}


/*小标签收藏，购物车，删除*/
.sIco-collect {
    text-indent: -999em;
    width: 22px;
    height: 23px;
    background: #ffde06 url(../images/sprite.png) no-repeat -162px 5px;
}

.btn-gray.sIco-collect {
    background: #dcdcdc url(../images/sprite.png) no-repeat -162px -12px;
}

.sIco-shoppingCart {
    text-indent: -999em;
    width: 22px;
    height: 23px;
    background: #99eb4f url(../images/sprite.png) no-repeat -191px 5px;
}

.btn-gray.sIco-shoppingCart {
    background: #dcdcdc url(../images/sprite.png) no-repeat -317px 5px;
}

.sIco-delete {
    text-indent: -999em;
    width: 22px !important;
    height: 23px;
    background: #99eb4f url(../images/sprite.png) no-repeat;
    background-position: -335px 6px;
}

.btn-gray.sIco-delete {
    text-indent: -999em;
    background: #dcdcdc url(../images/sprite.png) no-repeat;
    background-position: -353px 6px;
}

/**************售卖标签*****************/
.s-tag {
    width: 78px;
    height: 20px;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    transform: rotate(-45deg);
    position: absolute;
    top: 4px;
    left: -25px;
    letter-spacing: 0rem;
    border: 1px solid #b27000;
}
/*推荐*/
.s-recommend {
    color: #0085b7;
    background: #2ddfff;
}
/*热门*/
.s-hot {
    color: #ffffff;
    background: #ff51f1;
}
/*新品*/
.s-news {
    color: #ffffff;
    background: #ff5165;
}
/*折扣*/
.s-discount {
    color: #ffffff;
    background: #ff8e51;
}
/*限时*/
.s-TimeLimit {
    color: #a04f00;
    background: #ffe006;
}
/*1+1*/
.s-onePlusOne {
    color: #0d8600;
    background: #99eb4f;
}
/*新手*/
.s-Newbie {
    color: #0a8961;
    background: #35dfa9;
}
/*必需*/
.s-essential {
    color: #ffffff;
    background: #eb4fa3;
}
/*畅销*/
.s-SellWell {
    color: #ffffff;
    background: #625eff;
}
/*强化*/
.s-strengthen {
    color: #ffffff;
    background: #c052ff;
}


/*******复选框********/
.check {
    width: 60px;
    line-height: 16px;
    height: 16px;
    position: absolute;
    top: 12px;
    right: 10px;
}

    .check label {
        display: block;
        height: 16px;
    }

    .check input[type=checkbox] {
        width: 16px;
        height: 16px;
        position: absolute;
        opacity: 0;
        cursor: pointer;
        z-index: 2;
        font-size: initial;
    }

    .check .checkBtn {
        margin-left: 20px;
        cursor: pointer;
    }

.checkWhite i {
    position: absolute;
    top: 0px;
    width: 15px;
    height: 15px;
    border: 1px solid #fff4db;
    border-radius: 3px;
}

.checkWhite input[type=checkbox]:checked + i {
    background: #fff4db url(../images/sprite.png) no-repeat -398px 3px;
}

/* 数据表格样式 */
.list_box {
    height: 210px;
    width: 100%;
}

.award-tb {
    text-align: center;
    margin: 0 auto;
    width: 97%;
    margin-top: 10px;
    box-shadow: -1px 0px 0px #b27000 inset;
}

    .award-tb tr {
        height: 28px;
    }

    .award-tb th {
        height: 28px;
        background: #b27000;
        color: #fff;
        font-size: 14px;
        box-shadow: 1px 0px 0px #fff inset;
        font-family: "微软雅黑"
    }

        .award-tb th:first-child {
            box-shadow: -1px 0px 0px #b27000 inset;
        }

    .award-tb td {
        color: #3e3e3e;
        font-size: 12px;
        word-break: break-all;
        padding: 0px 5px;
        box-shadow: 1px 0px 0px #b27000 inset, 0px -1px 0px #b27000 inset;
    }

        .award-tb td a {
            width: 56px;
            height: 22px;
            line-height: 22px;
            display: block;
            margin: 0 auto;
            background: #b27000;
            color: #fff;
            text-decoration: none;
        }

        .award-tb td span {
            display: block;
        }
