a {
    color: #333333;
}

a:focus, a:hover {
    text-decoration: none;
}

li {
    list-style: none;
}

* {
    padding: 0;
    margin: 0;
}

div:after {
    display: block;
    clear: both;
    content: '';
}
html{
    height: 100%;
}
body {
    font: 12px/1 "PingFang SC", "Microsoft YaHei", simsun, "Helvetica Neue", Arial, Helvetica, sans-serif;
    background-color: #fff;
    /*min-height: 100%;*/
    position: relative;
    overflow: auto;
    max-width: 1920px;
    margin: 0 auto !important;
}

.text-black {
    color: #333;
}

.text-warning {
    color: #f0ad4e;
}

.btn-bg-self {
    background: #AF997E;
    color: #fff;
    border: 1px solid #AF997E;
}
.btn-bg-self:hover{
    background: #b9a286;
    color: #fff;
    border: 1px solid #b9a286;
}

.btn.btn-bg-orange{
    background: #FE661B;
    border-color: #FE661B;
    color: #fff;
}
.btn-bg-orange:hover, .btn-bg-orange:focus, .btn-bg-orange:active, .btn-bg-orange.active, .btn-bg-orange.active:focus, .btn-bg-orange.active:hover{
    background: #db5416;
    border-color: #db5416;
}



.subject-title {
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    line-height: 32px;
    margin: 20px 70px;
}

.pagination > li > a, .pagination > li > span {
    color: #a3533e;
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    z-index: 2;
    color: #a3533e;
    background-color: #eee;
    border-color: #ddd;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #a3533e;
    border-color: #a3533e;
}

.carousel-slide {
    float: left;
}

.carousel-slide img {
    width: 100%;
}

.modal {
    z-index: 5050;
}

.modal .modal-dialog {
    margin-top: 140px;
}

.modal-backdrop {
    z-index: 5040;
}

.radio-box {
    width: 21px;
    height: 21px;
    background: url(../images/icon.png);
    background-position: -278px -73px;
}

.radio-box input {
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
}

.radio-box.selected {
    background-position: -256px -73px;
}

textarea+.limit-num {
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #999;
    font-size: 16px;
}
.btn-lg,.btn-sm,.btn,.form-control{
    border-radius: 0;
}



.product-container{
    padding: 0 5px;margin: 5px 0;position: relative
}
.product-container .product-flag{
    right: 6px;
}
.product-item{
    border: 1px solid gainsboro;text-align: center;padding:0 0 0 0
}
.product-img-container{
    height: 175px;
    padding: 0 20px;
    text-align: center;
    width: 100%;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
}
.product-img-container img{
    width: 100%;
    transition: 0.5s;
    display: inline-block;
    max-height: 175px;
}
.product-img-container:hover img{
    transform: scale(1.2);
}
.product-name{
    font-size: 16px;
    color: #8F8F8F;
    line-height: 25px;
}
.product-money{
    font-size: 16px;
}


.product-container .delete-box{
    position: absolute;
    top: 0;
    right: 5px;
    background: rgba(0,0,0,.5);
    color: #fff;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    z-index: 10;
    transition: all .5s;
    display: none;
}
.product-container .delete-box:hover{
    cursor: pointer;
    background: red;
}
.product-container:hover .delete-box{
    display: block;
}
.relative-pos{
    position: relative;
}

.absolute-center{
    position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)
}
.banner-title{
    font-size: 35px;
    color: #fff;
}
.product-list-container:hover{
    cursor: pointer;
}
.product-item:hover{
    cursor: pointer;
}
.cols-lg-1-5 {
    width: 20%;
    float: left;
}
@media screen and (min-width: 770px) and (max-width:1050px) {
    .product-img-container{
        height: 150px;
    }
    .product-img-container img{
        max-height: 150px;
    }
}