.width-30{
    width:30%;
}
.a-link-color {
    color: #009a62 !important;
}
#nprogress .bar {
    background-color: #009a62 !important;
    height:4px !important;
}
.shelf-current {
    background-color: white !important;
    color: #009a62 !important;
    border-color: #009a62;
}
.stone-color {
    background-color: #009a62 !important;
}
.shelf-image {
    border:3px solid #dedede;
    overflow:hidden;
    text-align:left;
    margin:1px;
    cursor:pointer;
    width:80px;
    height:50px;
}
.shelf-image img{
    text-align:center;
    height:auto;
    width:100%;
}
.cart-img img{
    width:auto;
    height:166px;
}
#descript-shelf-list{
    margin:10px;
}
.desc-header {
    background: #f7f7f7;
    border: 1px solid #eee;
    font-size: 14px;
    font-weight: bold;
    line-height: 40px;
    padding: 0 10px;
}
.desc-item {
    border: 1px solid #eee;
    margin-bottom:5px;
    margin-top:5px;
}
.description-review-bottom {
    padding: 0 !important;
}
.shelf-image-current{
    border:3px solid red;
   
}
.layui-form-checked span, .layui-form-checked:hover span {
    background-color: #009a62 !important;
}
.layui-form-checked i, .layui-form-checked:hover i {
    color: #009a62 !important;
}
.layui-form-checked i, .layui-form-checked:hover i {
    color: #5FB878;
}
.layui-form-checked[lay-skin=primary] i {
    border-color: #009a62 !important;
    background-color: #009a62 !important;
    color: #fff !important;
}
.layui-tab-brief > .layui-tab-title .layui-this {
    color: #009a62 !important;
}
    .layui-tab-brief > .layui-tab-more li.layui-this:after, .layui-tab-brief > .layui-tab-title .layui-this:after {
        border: none;
        border-radius: 0;
        border-bottom: 2px solid #009a62;
    }
.layui-layer-btn .layui-layer-btn0 {
    border-color: #009a62 !important;
    background-color: #009a62 !important;
    color: #fff !important;
}
.layui-btn-primary:hover {
    border-color: #009a62;
    color: #333;
}
.front-btn {
    cursor: pointer;
    color: #009a62;
    padding: 2px;
    border: 1px solid #009a62;
    border-radius:2px;
}
.locked {
    position: absolute;
    display: block;
    width: 200px;
    height: 200px;
    line-height: 191px;
    text-align: center;
    background: rgba(0,0,0,0.6);
    top: 89px;
    left: 50%;
    border-radius: 50%;
    margin-left: -100px;
    color: #fff;
    font-size: 20px;
    
}
.locked-min {
    position: absolute;
    display: block;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background: rgba(0,0,0,0.6);
    top: 25%;
    left: 35%;
    border-radius: 50%;
    margin-left: 0px;
    color: #fff;
    font-size: 15px;
}
.locked-xs {
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: rgba(0,0,0,0.6);
    top: 25%;
    left: 30%;
    border-radius: 50%;
    margin-left: 0px;
    color: #fff;
    font-size: 10px;
}
.un-lock{
    display:none;
}
.img-locked {
    position: absolute;
    display: block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    background: rgba(0,0,0,0.6);
    top: 40px;
    left: 65%;
    border-radius: 50%;
    margin-left: -100px;
    color: #fff;
    font-size: 12px;
}
.shop-img-locked {
    position: absolute;
    display: block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    background: rgba(0,0,0,0.6);
    top: 120px;
    left: 65%;
    border-radius: 50%;
    margin-left: -100px;
    color: #fff;
    font-size: 12px;
}
.timecount {
    color:red;
}
.blog-title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    
}
.blog-title a {
    color: #009a62 !important;
}
.blog-summary {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.blog-recent {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.common-color {
    color: #009a62 !important;
}
.text-center{
    text-align:center;
}
.text-right{
    text-align:right
}
.text-left{
    text-align:left;
}
.pd-10{
    padding:10px;
}
.width-60{
    width:60%;
}
.red{
    color:red !important;
}
#images .images-item {
    display:none;
}
#images .item-show{
    display:block;
    cursor:pointer;
}
.text-green {
    color: #009a62;
}
.sort{
    cursor:pointer;
}
.viewer-list li img {
    transform: none !important;
    height: 100%!important;
}
.viewer-list{
    height:60px!important;
}
.viewer-list li {

    width: 100px !important;
}
.mg-t-10{
    margin-top:10px;
}
.Blog-area-img img {
    width: 100%!important;
    height: auto !important;
    text-align:center;
}

.buy-btn{
    background-color: #009a62;
     border-radius: 5px!important;
    color: #fff;
    /* display: block; */
    display:inline-block!important;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    padding: 10px!important;
    text-align: center;
    text-transform: uppercase;
}
.text-red{
    color:red;
}
.curosr-pointer{
    cursor:pointer;
}
.tree-active{
    display:block !important;
}
.tree-msg{
    display:none;
}
.pd-l-10{
    padding-left:10px;
}
.tree-img {
    
    display:none;
}
.tree-img img {
    width: 100%;
    height: 180px;
    padding: 5px 5px 0 5px;
}
.tree-title {
    background-color: #eaeaea;
    padding: 3px;
    text-align: center;
    margin: 0 5px 5px 5px;
}
.stone-main-title {
    font-family: 'Microsoft YaHei';
    font-weight: 400;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal
}
.stone-sub-title {
    font-family: 'Microsoft YaHei';
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    color: #999;
}
.stone-sub-title-normal {
    font-family: 'Microsoft YaHei';
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
   
}
.stone-price-title {
    font-size: 18px;
    color: #d0111b;
    line-height: 31px;
    margin-right: 7px;
}
.login-see {
    font-size: 14px;
    color: #d0111b;
    line-height: 31px;
    margin-right: 7px;
    text-decoration: underline;
}
.price-nologin {
    color: #fe5252;
    padding-left:10px;
    padding-top:10px;
}
/*通用样式*/
.pd-t-10{
    padding-top:10px;
}
.pd-t-20{
    padding-top:20px;
}
.pd-t-30{
    padding-top:30px;
}
.pd-t-40{
    padding-top:40px;
}
.pd-6{
    padding:6px;
}
.pd-t-50{
    padding-top:50px;
}
.bd-t-1{
    border-top:1px solid #dedede;
}
.pd-0 {
    padding: 0 !important;
}

.pd-l-20 {
    padding-left: 20px;
}

.bd-l {
    border-right: 1px solid #dedede;
}

.pt-70 {
    padding-top: 70px !important;
    
}

.pd-l-60 {
    padding-left: 60px;
}
.mg-t-10{
    margin:10px 0 0 0 !important;
}
/*end*/
/*商品详情页样式*/
.product-title {
   
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 2px;
}
.shop-top-bd {
    border-top: 2px solid #009a62;
}
#product-content {
    background-color: #f8f8f8;
    padding-bottom:10px;
}
.product-details-content .product-details-price{
    margin:0 0 20px;
    vertical-align:bottom;
}
.product-desc-font{
    color:#999 !important;
    font-size:15px !important;
    padding-top:6px;
    padding-left:10px;
    padding-right:10px;
    width:80px;
}
.product-desc-price {
    font-size: 36px;
    color: #d0111a;
    line-height: 1;
    display: inline-block;
    position: relative;
    font-weight:400;
    top: 2px;
}
.product-desc-symbol {
    color: #fe5252;
    font-size:20px;
}
.product-desc-normal {
    color: #999 !important;
    font-size: 15px !important;
}
.product-desc-price {
    font-size: 36px;
    color: #fe5252;
    line-height: 1;
    display: inline-block;
    position: relative;
    top: 2px;
}
.product-desc-span{
    vertical-align:bottom;
    padding-top:10px;
}
#shelf-desc-content{
    margin-bottom:30px;
}
#shelf-image-list {
    padding: 5px;
    background-color: #f8f8f8;
    margin-top:5px;
}
.product-details-content .pro-details-quality {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
/*end*/
.desc-item {
    cursor: pointer;
}
.pre-next {
    cursor:pointer;
    z-index:999;
}
.pre-next:hover {
    color: #009a62 !important;
}
.bd-none{
    border:none !important;
}
.dpib{
    display:inline-block;
}
/*个人中心菜单样式*/
#user {
    margin-top:180px;
}
#user .user-menu-border{
    border:1px solid #dedede;
}
#user .user-top-title {
    background-color: #009a62;
    padding:10px;
    text-align:center;
    color:white;
    font-size:18px;
}
#reset-search {
    margin-top:4px;
}
#user .user-menu-sub-list {
}
#user .user-menu-sub-list li {
    font-size:14px;
    color: #dedede !important;
    padding-bottom:0px!important;
    padding-top:10px !important;
    padding-left:5px;
    
}
#user .user-menu-sub-list li a {
    color: #6c7377;
    font-size:15px;
}
#user .user-menu-list{

}
#user .user-menu-list>ul>li {
    padding-bottom:20px !important;
}
#user .user-menu-list > ul > li > p{
    font-size:15px;
    border-bottom:1px solid #dedede;
    margin:0 20px;
    padding-bottom:8px;
    letter-spacing:2px;
}
#user .user-menu-list > ul > li a{
   font-size:14px;
   cursor:pointer;
   
}
#user-menu {
    padding:0 50px 0 170px;
}
#user .user-menu-list > ul > li:hover a{
   color:none;
}
    #user .user-menu-sub-list li  a:hover {
        color: #009a62 !important;
    }
 .url-this {
    color: #009a62 !important;
}
#user-content {
    border: 1px solid #dedede;
    
    padding-top: 20px;
}
#user-copyright{
    padding-left:103px;
    padding-top:100px;
    text-align:center;
}
/*个人中心end*/
/*shopstart*/
#shpp{

}
#shop #filter{

}
#shop #filter .filter-border{
    border:1px solid #dedede;
    border-bottom:none;
}
#shop #filter .filter-header{
    background-color:#f2f2f2;
    text-align:center;
    padding:8px 8px 5px 3px;
    height:38px;
}
#shop #filter .filter-content{
    padding:5px 0;
    height:38px;
    overflow:hidden;
}
#shop #filtere .filter-search{

}
.filter-content .filter-stone-type{
    padding:5px 10px 5px 10px;
    
    display:inline-block;
}
.filter-stone-type:hover {
    color: #009a62;
}
.search-stone-type {
    margin-top: 8px;
}
#stone-type-more{
    margin-top:6px;
    cursor:pointer;
}
    #stone-type-more:hover {
        color: #009a62;
    }
#search-stone-spec{
    margin-top:4px;
}
.stone-type-btn{
    display:none;
}
.stone-content-show{
    height:auto!important;
}
.filter-border-bottom{
    border-bottom:1px solid #dedede !important;
}
#filter-search .filter-title {
    background-color: #009a62;
    color:white;
    padding:4px 3px;
}
#filter-search{
    display:none;
}
#filter-search ul li {
    display: inline-block;
    cursor:pointer;
    line-height:24px;
    border: 1px solid #009a62;
}
#filter-search ul li span {
    color: #009a62;
    padding:2px;
    height:100%;
}
    #filter-search ul li .filter-close {
        padding: 4px 3px;
        background-color: #009a62;
        color:white;
    }
    .price-width{
        width:30% !important;
    }
.tree-content-bd {
    border: 1px solid #d0111b;
    position: relative;
    box-shadow: 0 1px 8px rgba(208,17,27,.5);
    margin-bottom: 5px;
}
    /*shop页筛选end*/
    @media screen and (max-width:768px) {
        .mobile-pd-0{
        padding:0px!important;
    }
    .user-menu-none {
        display: none !important;
    }
        .locked-min {
            top: 20%;
            left: 30%;
        }
        .mobile-tree-spec {
            margin-top: 0 !important;
            padding-left: 24px !important;
            padding-top: 0 !important;
        }
        .mobile-center{
            text-align:center;
        }
}
@media screen and (min-width:768px) {
    .mobile-pd-0 {
        padding: 0px !important;
    }
    .user-menu-mg{
        margin-left:340px !important;
        margin-right:80px !important;
    }
    
}
video {
    width: 100%;
    height:auto;
}

source {
    min-width: 100%;
    min-height: 100%;
    height: auto;
    width: auto;
}