.main-body:after{
    content:" ";
    display:block;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:rgba(0,0,0,0.2);
    transition:0.2s;
    visibility: hidden;
    opacity:0;
    z-index:-1;
}
.main-body.shadow:after{
    visibility:visible;
    opacity:1;
    z-index:2;
}
.m-c-w{
    width:1000px;
    margin:0 auto;
}


/*branch navbar*/
.branch-nav .branch-nav-wrapper{
    padding:0 10px;
    background:#fff;
    text-align:center;
}
.branch-nav .branch{
    display:inline-block;
    vertical-align:middle;
}
.branch-nav .branch .item{
    float:left;
    font-size:14px;
    line-height:1.5;
    color:#898989;
    position:relative;
    padding:15px 0;
}
.branch-nav .branch .item+.item{
    margin-left:120px;
}
.branch-nav .branch .item.active{
    color:inherit;
}
.branch-nav .branch .item.active:after{
    content:" ";
    width:50px;
    height:3px;
    background:#008ddb;
    display:block;
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
}
/*branch navbar end*/


/*product filter style*/
.filter-area {
    display: flex;
    display: -webkit-flex;
    margin-top:30px;
    margin-bottom:30px;
}
.filter-area .filter{
    width:160px;
    margin:0px 30px 0 0;
    flex-shrink:0;
}
.filter-area .grid{
    flex:1;
    max-width:100%;
}
.filter .filter-wrapper{
    background-color:#fff;
    width:100%;
    line-height:1;
    overflow: hidden;
}
.filter .filter-groups{
    margin-bottom:20px;
}
.filter .filter-group .header{
    font-size:20px;
    padding:15px;
    font-family:AlternateGothic2 BT, Arial, sans-serif;
    position:relative;
    cursor:pointer;
    white-space:nowrap;
    text-transform: uppercase;
    background-color:#fff;
}
.filter .filter-group.open{
}
.filter .filter-group .header:after{
    content:" ";
    display:block;
    width:9px;
    height:9px;
    border-style:solid;
    border-color:#222;
    border-width:1px 1px 0 0;
    transform:rotate(135deg);
    position:absolute;
    right:15px;
    top:50%;
    margin-top:-6px;
    transition:0.2s;
    -webkit-transition:0.2s;
}
.filter .filter-group.open .header:after{
    transform:rotate(-45deg);
    margin-top:-2px;
}
.filter .filter-group .header .selected-result{
    font-size:14px;
    color:#008ddb;
    display:inline-block;
    vertical-align:middle;
    line-height:20px;
    float:right;
    margin-right:20px;
    opacity:1;
    visibility:visible;
    transition:0.2s;
}
.filter .filter-group.open .header .selected-result{
    visibility:hidden;
    opacity:0;
}
.filter .filter-group .content{
    overflow:hidden;
    transition:0.3s;
    height:0;
}
.filter .filter-group.open .content{
    height:auto;
}
.filter .filter-group .content-container{
    overflow:hidden;
    position:relative;
    background-color: #fff;
}
.filter .filter-group .content-wrapper{
}
.filter .filter-group .clear-line{
    text-align:right;
    margin-right:15px;
    display:none;
}
.filter .filter-group .clear-line.active{
    /*display:block;*/
}
.filter .filter-group .clear-btn{
    color:#d8d8d8;
    display:inline-block;
    cursor:pointer;
}
.filter .filter-group .option-list{
    padding:0;
    text-transform:capitalize;
    font-size:13px;
}
.filter .filter-group .option-list,
.filter .filter-group .option-list li{
    position:relative;
    overflow:hidden;
}
.filter .filter-group .option-list li.thr-depth .c-item{
}
.filter .option-list .c-item{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    padding:6px 0;
    cursor:pointer;
}
.filter .option-list .caption{
    font-weight:600;
}
.filter .option-list .fst-depth>.caption{
    font-size: 15px;
    padding: 8px 0;
    border-bottom:1px solid #d9d9d9;
}
.filter .option-list .fst-depth>ul{
    /*padding:6px 0;*/
}
.filter .option-list .sec-depth{
    padding:6px 0;
}
.filter .option-list .sec-depth+.sec-depth{
}
.filter .option-list .thr-depth{
    padding-left: 6px;
    display:flex;
    display:-webkit-flex;
    align-items:baseline;
}
.filter .option-list .c-item+span{
    margin-left:5px;
}
.filter .option-list .c-item.checked+span,
.filter .option-list .c-item.checked,
.filter .option-list .c-item.caption.checked + ul>li>.replace-item {
    color:#777;
}
.filter .option-list .c-angle{
    display: none;
    vertical-align:middle;
    width: 9px;
    height: 9px;
    border-width:1px 1px 0 0;
    border-color:#898989;
    border-style:solid;
    transition: 0.2s;
    transform:rotateZ(-45deg);
    top:11px;
    right:15px;
    cursor:pointer;
    position:absolute;
}
.filter .option-list li.close>.c-angle{
    transform: rotateZ(135deg);
    top:8px;
}
.filter .option-list li.close>ul{
    display:none;
}
.filter .price-range{
    padding:15px 33px;
    font-size:1.5rem;
}
.filter .price-range .full-bar{
    width:100%;
    height:4px;
    background-color:#d5d5d5;
    position:relative;
}
.filter .price-range .drag-bar{
    position:absolute;
    left:0;
    right:0;
    height:100%;
    background-color:#008ddb;
}
.filter .price-range .drag-btn{
    content:" ";
    display:block;
    width:20px;
    height:20px;
    border-radius:50%;
    background:#fff;
    border:1px solid #d8d8d8;
    cursor:pointer;
    margin-left:-10px;
    position:absolute;
    top:-8px;
}
.filter .price-range .drag-btn.right-btn{
    margin-right:-10px;
    margin-left:0;
    right:0;
}
.filter .price-range .price-des{
    margin:15px -10px 0;
    font-size:16px;
    color:#777;
}
.filter .price-range .price-des .max-price{
    float:right;
}
.filter .color-list{
    margin:-5px;
    padding:0 15px;
    overflow: hidden;
}
.filter .color-list .c-piece{
    width:20px;
    height:20px;
    border-radius:3px;
    margin:5px;
    float:left;
    cursor:pointer;
    position:relative;
}
.filter .color-list .c-piece.checked:after{
    content:" ";
    display:block;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate3d(-50%,-50%,0) rotate(-45deg);
    width:10px;
    height:5px;
    border-width:0 0 2px 2px;
    border-style:solid;
    border-color:#fff;
    margin-top:-1px;
}
.filter .color-list .c-piece:nth-child(1):after{
    border-color:#aaa;
}
.filter .brand-search-line{
    margin-top:10px;
    position:relative;
}
.filter .brand-search-input{
    height:30px;
    border:1px solid #eee;
    width:100%;
    border-radius:5px;
    font-size:1.2rem;
    padding:0 10px;
    color:#898989;
}
.filter .filter-group .icon-search{
    position:absolute;
    right:10px;
    top:0;
    margin-top:7px;
}
.filter .filter-group .c-item.hide{
    display:none;
}
.filter .related-collect-wrapper{
    padding:10px;
    font-size:15px;
    margin-top:40px;
}
.filter .related-collect .related-list{
    padding:5px 0;
    margin:0;
    color:#008ddb;
    font-size:12px;
    font-family:Arial,sans-serif;
}
.filter .related-collect .header{
    padding:5px 0;
    font-size:16px;
}
.filter .related-collect .related-list li{
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
    text-transform:capitalize;
    padding:6px 20px 6px 0;
}
.filter .filter-clear{
    padding:9px 10px;
    text-align:center;
    font-size:16px;
    margin:0 15px 15px;
    cursor:pointer;
    display:none;
    background:#606060;
    color:#fff;
}
.filter .filter-clear.active{
    display:block;
}

.sortbar-wrapper{
    padding:8px 0;
    border-bottom:1px solid #ddd;
}
.select{
    position:relative;
    font-size:13px;
    line-height:1;
    text-transform:capitalize;
    white-space:nowrap;
}
.select .caption{
    cursor:pointer;
}
.select .options{
    position:absolute;
    visibility: hidden;
    overflow:hidden;
    opacity: 0;
    transition:0.2s;
    -webkit-transition:0.2s;
}
.select .options.active{
    visibility:visible;
    opacity:1;
    z-index: 1;
}
.select .option{
    cursor:pointer;
}
.sb-i-c{
    display:inline-block;
}
.sb-i-c+.sb-i-c{
    margin-left:50px;
}
.sb-i-c.r{
    float: right;
}
.r .options{
    right: 0;
}
.sb-i-c .caption{
    padding:7px 0;
}
.sb-i-c .caption:after{
    content:" ";
    display:inline-block;
    vertical-align:middle;
    margin:-2px 0 0 10px;
    width:0;
    height:0;
    border-style:solid;
    border-width:4px 3px 0 3px;
    border-color:#222 transparent transparent transparent;
}
.sb-i-c .options{
    background-color:#fff;
    padding:20px 20px 10px;
    border:1px solid #979797;
}
.sb-i-c .color .options{
    width:306px;
}
.sb-i-c .option.checked{
    color: #6a9900;
}
.sb-i-c .color .option{
    float:left;
    width:33.33%;
    margin-bottom:10px;
}
.sb-i-c .c-piece{
    line-height: 18px;
}
.sb-i-c .c-piece>span{
    height:18px;
    width:18px;
    display: block;
    float: left;
    margin-right: 10px;
}
.sb-i-c .p-piece,
.sb-i-c .r-piece{
    margin-bottom:10px;
}

.sortbar .breakcrumb,
.sortbar .pro-count-wrapper{
    float:left;
    line-height:1.2;
}

.sortbar .sort-container{
    display:inline-block;
    vertical-align:middle;
    white-space:nowrap;
    text-align:left;
    height:32px;
}
.sortbar .sort-container>span{
    float:left;
    color:#777;
    margin-right:10px;
    line-height: 32px;
}
.pro-count-wrapper{
    color: #777;
    font-size: 13px;
}
#product-list-count{
    margin-left: 5px;
}
.sortbar .selected-caption{
    cursor:pointer;
    position:relative;
    border:1px solid #d9d9d9;
    z-index:1;
    overflow:hidden;
    background-color:#fff;
    min-width:141px;
    line-height:30px;
    display:inline-block;
}
.sortbar .selected-caption .selected{
    padding:0 20px 0 10px;
}
.sortbar .selected-caption:after{
    content: " ";
    width: 0;
    height: 0;
    border-style:solid;
    border-color:#222 transparent transparent transparent;
    border-width:5px 5px 0 5px;
    top:13px;
    position:absolute;
    right:8px;
    transition: 0.2s;
    -webkit-transition:0.2s;
}
.sortbar .selection{
    transition:0.2s;
    -webkit-transition:0.2s;
    height:0;
    overflow:hidden;
}
.sortbar .selection-wrapper{
    /*margin-top:5px;*/
    color:#777;
}
.sortbar .sort-container .selected-caption:hover .selection,.sortbar .selection.open{
    height:64px;
}
.sortbar .sort-container .selected-caption:hover:after{
    transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
}
.sortbar .selection .s-item{
    cursor:pointer;
    padding:0 20px 0 10px;
}
.sortbar .selection .s-item.checked{
    /*font-weight:700;*/
    color:#222;
    display:none;
}
.sortbar .selection .s-item:hover{
    background-color:#008ddb;
    color:#fff;
}
/* products list */
#products{
    clear:both;
    height: 100%;
}
#products:after{
    content:" ";
    display: block;
    clear: both;
}
.product-list{
    margin:0 -6px;
    overflow: hidden;
    position:relative;
    min-height: 300px;
}
.p-item {
    width:20%;
    float:left;
    visibility:visible;
    overflow: hidden;
    position:relative;
    padding: 0;
    transform:translate3d(0,0,0);
    -webkit-transform:translate3d(0,0,0);
    transition:transform 0.3s,opacity 0.3s;
    -webkit-transition:transform 0.3s,opacity 0.3s;
}
.p-item .p-item-wrap{
    padding:10px 6px;
    background-color: #fff;
}
.p-item.fall-item-hidden{
    width:0 !important;
    height:0 !important;
    margin:0 !important;
    visibility:hidden;
    transform:scale(0);
    opacity:0;
}
#products .related-collect.fall-item-hidden{
    width:0;
    height:0;
    margin:0;
    visibility:hidden;
    opacity:0;
}
.p-item .p-sale{
    font-size:13px;
    color:#777;
    text-align:center;
    padding:0 10px;
    line-height:12px;
    height:15px;
    display: flex;
    display:-webkit-flex;
    align-items: center;
    justify-content:center;
}
.p-item .p-picholder {
    position: relative;
    overflow:hidden;
}
.p-item .p-link {
    display:block;
    position:relative;
    padding-bottom:131.5%;
}
.p-item .shadow{
    color:#fff;
    font-size:15px;
    line-height:20px;
    background-color:rgba(0,0,0,0.35);
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    padding:15px;
    opacity:0;
    visibility:hidden;
    display:flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    -webkit-justify-content:center;
    flex-direction:column;
    -webkit-flex-direction:column;
    transition:0.2s;
    -webkit-transition:0.2s;
    -moz-transition:0.2s;
    -o-transition:0.2s;
    transform:scale(1.001);
    -webkit-transform:scale(1.001);
    -moz-transform:scale(1.001);
    -o-transform:scale(1.001);
}
.p-item .shadow span{
    text-transform:capitalize;
}
.p-item .p-link:hover .shadow{
    visibility:visible;
    opacity:1;
}
.p-item .img-container {
    position:absolute;
    z-index: 0;
    top:0;
    left:0;
    bottom:0;
    right:0;
    overflow:hidden;
    background:#fff no-repeat scroll center/contain;
}
/*.p-item .p-link:after{*/
/*content:" ";*/
/*display:block;*/
/*position:absolute;*/
/*background:rgba(0,0,0,0.1);*/
/*top:0;*/
/*left:0;*/
/*bottom:0;*/
/*right:0;*/
/*z-index:1;*/
/*visibility:hidden;*/
/*opacity:0;*/
/*transition:0.2s;*/
/*-webkit-transition:0.2s;*/
/*}*/
/*.p-item .p-link:hover:after{*/
/*opacity:1;*/
/*visibility:visible;*/
/*}*/
.p-item .p-img {
    /*max-height:100%;*/
    /*max-width:100%;*/
    width:100%;
}
.p-item .p-content {
    margin-top:6px;
    font-size:13px;
    line-height:1;
    text-align:center;
    border-top:1px solid #e5e5e5;
}
.p-item .p-name{
    height:36px;
    display:block;
    position:relative;
    overflow:hidden;
    text-transform:capitalize;
    max-width:100%;
    margin-top:12px;
    line-height:18px;
}
.p-item .p-name>span.t{
    color:#ed3737;
}
.p-item .p-name>span.indent{
    font-size:0;
}
.p-item .p-content.c-content{
    height:auto;
}
.p-item .p-content.c-content.active{
    height:56px;
}
.p-item .p-content.c-content.active .p-belong{
    display:none;
}
.p-item .p-c-name {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.p-item .p-price{
    margin-top:7px;
    font-size:15px;
}
.p-item .p-price span:nth-child(1){
    text-decoration:line-through;
}
.p-item .p-price span:nth-child(2){
    color:#ed3737;
    margin-left:5px;
}
.p-item .p-color{
    overflow:hidden;
    height:12px;
    margin-right:-5px;
    margin-top:7px;
}
.related-list .p-item .p-color{
    display:none;
}
.p-item .c-c{
    width:16px;
    height:12px;
    margin:0 2px;
    display:inline-block;
}
.p-item .bottom-line{
    margin-top:10px;
    position:relative;
    color:#adadad;
}
.p-item .bottom-line i{
    height:16px;
    width:16px;
    background:url(/s/images/wiki/p-b-icon.png) scroll no-repeat -6px -5px/78px;
    display:inline-block;
    vertical-align:bottom;
}
.p-item .bottom-line a{
    margin:0 7px;
}
.p-item i.b-icon{
    width:18px;
    background-position:-30px -5px;
}
.p-item i.h-icon {
    background-position:-57px -5px;
    margin-right:5px;
}
.p-item i.h-icon:hover{
    background-position:-57px -31px;
}
.p-item .liked i.h-icon{
    background-position:-57px -57px;
}
.p-item i.b-icon:hover{
    background-position:-30px -31px;
}
.p-item .get i.b-icon{
    background-position:-30px -57px;
}
.p-item i.s-icon:hover{
    background-position:-6px -31px;
}
.p-item:hover .s-icon{
    background-position:-6px -83px;
}
.p-item:hover .b-icon{
    background-position:-30px -83px;
}
.p-item:hover .h-icon{
    background-position:-57px -83px;
}
.p-item .like-count[data-count="0"]{
    visibility:hidden;
}
.p-item .icon-search{
    display:inline-block;
    border:1px solid #222;
    width:12px;
    height:12px;
    position:absolute;
    left:20px;
    visibility: hidden;
}
.p-item .icon-search:before{
    width:1px;
    background-color:#222;
    height:4px;
    top:11px;
}
.p-item .icon-search:hover{
    border-color: #e12932;
}
.p-item .icon-search:hover:before{
    background-color:#e12932;
}
.like-area{
    float:right;
    display:flex;
    display:-webkit-flex;
    align-items:flex-start;
    margin-left:10px;
    margin-top:1px;
}
.like-area .like-count{
    font-size:15px;
    line-height: 12px;
    margin-right:5px;
    color:#777;
}
.like-area .like-count[data-count="0"]{
    visibility:hidden;
}
.like-area .like-count[data-count="0"]+.p-like-btn{
    visibility: hidden;
}
.p-like-btn{
    cursor:pointer;
}
.p-like-btn:after{
    content:" ";
    display:block;
    width:14px;
    height:12px;
    background:url("/s/images/p-list-like-icon.png") no-repeat scroll -14px 0/28px;
}
.p-like-btn.liked:after{
    background-position:0 0;
}
.p-like-btn.r-t-btn{
    position: absolute;
    width:28px;
    height:28px;
    right:10px;
    top:10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    z-index:1;
    display:flex;
    display:-webkit-flex;
    align-items:center;-webkit-align-items:center;
    justify-content: center;
    background-color:rgba(255, 255, 255, 0.8);
    opacity: 0;
    visibility: hidden;
    transition:0.2s 0s;
    -webkit-transition:0.2s 0s;
}
.p-d-l:hover .p-like-btn.r-t-btn{
    visibility: visible;
    opacity:1;
}
.p-item:hover .r-t-btn{
    opacity: 1;
    visibility:visible;
}
.p-item .p-belong{
    height:30px;
    margin-top:10px;
    text-align: left;
    font-size:1.3rem;
    line-height:15px;
}
.p-item .p-belong>div{
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow:hidden;
}
#products .product-list .related-collect{
    float:left;
    width:100%;
    margin:0 0 20px;
}
.product-list .related-collect .header{
    margin:0 6px;
    padding:10px 0;
    font-size:1.5rem;
    border-bottom:1px solid #d8d8d8;
}
.product-list .related-collect .scrollx-container{
    margin:10px -6px 0;
    padding:0;
    overflow:hidden;
}
.product-list .related-collect .related-list{
    margin:0;
    padding:0;
}

.product-list .related-collect .related-list .r-item-wrapper{
    padding-bottom:62%;
    position:relative;
}
.product-list .related-collect .related-list .r-item-wrapper>a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:block;
    padding:10px;
}
.product-list .related-collect .related-list .l{
    width:48%;
    height:100%;
    background:#fff no-repeat scroll center/contain;
    float:left;
    border:1px solid rgb(230,230,230);
}
.product-list .related-collect .related-list .r{
    float:left;
    width:52%;
    height:100%;
    display:flex;
    display:-webkit-flex;
    align-items:center;-webkit-align-items:center;
    font-size:1.3rem;
    padding-left:5px;
    text-transform:capitalize;
}
#products .product-list .related-collect .related-list .item{
    width:234px;
    margin:6px 12px;
}

.sa-d-w{
    width:600px;
    background-color:#fff;
    font-size:13px;
    line-height:18px;
    position: relative;
    min-height:440px;
    min-width:320px;
}
.sa-d-w:after{
    content:" ";
    display:block;
    clear:both;
}
.sa-d-w .h{
    font-size:22px;
    line-height:25px;
    padding:25px;
    border-bottom:1px solid #f0f0f0;
    text-align:center;
}
.sa-d-w .pl{
    float:left;
    width:260px;
    border-right:1px solid #f0f0f0;
    padding:13px 30px;
    text-align:center;
}
.sa-d-w .ir{
    float:left;
    width:340px;
    padding:40px 30px;
}
.sa-d-w .pl .img-h{
    position: relative;
    padding-bottom:125%;
}
.sa-d-w .pl .img-w{
    position: absolute;
    left:0;
    right: 0;
    bottom:0;
    top:0;
    display: flex;
    display:-webkit-flex;
    align-items: center;
    justify-content:center;
}
.sa-d-w .pl img{
    max-width:100%;
    max-height:100%;
}
.sa-d-w .pl .sa-title{
    max-height:36px;
    overflow:hidden;
    margin-top:10px;
}
.sa-d-w .pl .sa-price{
    font-size:15px;
    margin-top:5px;
    font-weight:600; 
}
.sa-d-w .pl .sa-price span:nth-child(1){
    text-decoration:line-through;
}
.sa-d-w .pl .sa-price span:nth-child(2){
    color: #ed3737;
    margin-left: 5px;
}
.sa-d-w .sbb-i{
    margin-top:10px;
}
.sa-d-w .sbb-i-s{
    margin-top:25px;
    font-size:14px;
    height:40px;
    background-color: #e12932;
    border-radius:3px;
    color:#fff;
    width:100%;
}
.sa-d-w .ir input{
    border:1px solid #f0f0f0;
    width:100%;
    height:38px;
    border-radius:0;
    padding:0 15px;
}
.sa-d-w .ir .b-text{
    color:#adadad;
    font-size: 12px;
    margin-top:8px;
}
.sa-d-w .p-s-s .select{
    width:100px;
}
.sa-d-w .p-s-s .select .caption{
    height:38px;
}
.sa-d-w .p-s-s .select .caption,
.sa-d-w .p-s-s .select .options{
    border-color:#f0f0f0;
    background-color:#f9f9f9;
}
.sa-d-w>.close-btn{
    display: block;
    position:absolute;
    right:30px;
    top:30px;
}
.sa-d-w .close-icon{
    width:14px;
    height:14px;
}
.sa-d-w .close-icon:after,
.sa-d-w .close-icon:before{
    background-color:#adadad;
}
.verify-d-w{
    width:750px;
    padding:25px 35px;
    background-color:#fff;
}
.verify-d-w h2{
    font-size:16px;
    line-height:1;
    padding-bottom:15px;
    border-bottom:1px solid #e5e5e5;
}
.verify-d-w .c{
    font-size:14px;
    line-height:24px;
    margin-top:18px;
}
.verify-d-w .b-line{
    margin-top:30px;
    overflow:hidden;
    text-align:right;
}
.verify-d-w button{
    height:40px;
    width:150px;
    color:#fff;
    font-size:15px;
    background-color:#2385fc;
}
.verify-d-w .cancel-btn{
    border:1px solid #d4d4d4;
    background-color:#fff;
    color:#777;
    margin-left:20px;
}
.verify-d-w>.close-btn{
    display: block;
    position:absolute;
    right:30px;
    top:28px;
}
.verify-d-w .close-icon{
    width:12px;
    height:12px;
}
.verify-d-w .close-icon:after{
    height:2px;
    background-color:#c4c4c4;
}
.verify-d-w .close-icon:before{
    width:2px;
    background-color:#c4c4c4;
}
.verify-d-w button.close-btn{
    position: static;
    display:inline-block;
    padding:0;
}
    /* product list end */
/* fall loading */
.loading-indicator-container {
    width: 100%;
    padding:15px;
    display: flex;
    align-items: center;
    align-content: center;
    text-align: center;
    justify-content: center;
}
.loading-indicator {
    display: none;
}
.loading-indicator.active{
    display:block;
}

/* fall loading end */
/* product detail */
.p-c{
    margin:20px auto;
    z-index:1;
    position: relative;
}
.p-c-w{
    background:#fff;
}
.p-d{
    padding:30px 0;
}
.p-d:after{
    content:" ";
    display: block;
    clear: both;
}
.p-d-l{
    /*width:500px;*/
    /*overflow: hidden;*/
    float:left;
    position: relative;
}
.p-d-l .slider-nav{
    width:80px;
    float:left;
    margin-right:70px;
}
.p-d-l .slider{
    float:left;
    width:400px;
    overflow:hidden;
}
.p-d-l .slider.single{
    margin-left:125px;
}
.p-d-l .slider-nav .slick-list{
    margin:25px 0;
}
.p-d-l .slider-nav .slider-arrow {
    position: absolute;
    left: 50%;
    top:0;
    margin-left:-6px;
    cursor: pointer;
}
.p-d-l .slider-nav .slider-arrow.slider-next {
    bottom:0;
    top:auto;
}
.p-d-l .slider-nav .slider-arrow:before{
    border-width:2px 2px 0 0;
    border-color:#777;
    width:15px;
    height:15px;
}
.slick-track,.slick-list,.slider-item-holder{
    transform: translate3d(0,0,0);
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    height:100%;
}
.slick-slider {
    position: relative;
    display: block;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-slide {
    display:inline-block;
    height: 100%;
    min-height: 1px;
    text-align:center;
    vertical-align:middle;
    width:0;
}
.slick-vertical .slick-slide{
    height:auto;
    width:100%;
    display: block;
    overflow:hidden;
}
.slick-vertical .slick-slide.slick-center[aria-hidden="false"] .img-wrap{
    border:2px solid #e12932;
}
.p-d-l .slider .wrapper-img {
    max-height: 100%;
    max-width:100%;
}
.p-d-l .slider-item .img-wrap{
    background:#fff no-repeat scroll center/contain;
}
.p-d-l .slider .img-wrap{
    width:400px;
    height:500px;
}
.p-d-l .slider-nav .img-wrap{
    width:80px;
    height:124px;
    border:1px solid #d8d8d8;
}
.p-item .img-container,
.p-d-l .img-wrap{
    display: flex;
    display:-webkit-flex;
    align-items: center;
    -webkit-align-items:center;
    justify-content:center;
    -webkit-justify-content:center;
}
.p-item .img-container img,
.p-d-l .img-wrap img{
    max-width:100%;
    max-height:100%;
}
.p-d-l .slider-nav .slider-item-holder{
    margin:8px 0;
    cursor:pointer;
}
.p-d-l .thumb-btn{
    position:absolute;
    right:15px;
    top:15px;
    min-width:50px;
    height:26px;
    color:#fff;
    background-color:#ccc;
    font-size:15px;
    display:flex;
    display:-webkit-flex;
    align-items:center;-webkit-align-items:center;
    justify-content:center;
    padding:0 5px;
    border-radius:3px;
}
.p-d-l .thumb-icon{
    height:20px;
    width:18px;
    background:url(/s/images/wiki/product_thumb.png) no-repeat 0 -58px/46px;
}
#product .slider .wrapper-img[data-src]{
    opacity:0 !important;
}
.p-d-r{
    width:350px;
    margin-top:15px;
    position: relative;
    float:right;
}
.p-d-r h3{
    font-size:15px;
    line-height:1;
    display: inline-block;
    margin-right: 5px;
}
.p-d-r-i{
    margin-top:20px;
    font-size:14px;
    line-height:20px;
}
.p-d-r .from{
    font-size:13px;
    line-height: 1;
    text-transform:capitalize;
    color:#c38709;
}
.p-d-r .share-line{
    margin-bottom:15px;
    overflow:hidden;
}
.p-d-r .title{
    font-size:23px;
    line-height:30px;
    text-transform: capitalize;
    font-weight: normal;
}
.p-d-r .like-area{
    position:absolute;
    left: 100%;
    margin:0;
    top:9px;
}
.p-d-r .like-area .like-count{
    line-height:14px;
}
.p-d-r .price{
    font-size:20px;
    line-height:1;
    margin-top:20px;
    white-space: nowrap;
    display:inline-block;
    font-weight:600; 
}
.p-d-r .price span:nth-child(1){
    text-decoration:line-through;
    color:#777;
    font-size:16px;
    font-weight:normal;
}
.p-d-r .price span:nth-child(2){
    color:#ec3737;
    margin-left:10px;
}
.p-d-r .time-line{
    margin-top:10px;
    margin-left:10px;
    font-size:12px;
    line-height:1;
    display:inline-block;
    vertical-align:baseline;
}
.p-d-r .time-line a{
    color:#418ce3;
}
.p-d-r .from-line{
    font-size:14px;
    line-height:1;
    margin-top:12px;
    color:#777;
}
.p-d-r .btn-line{
    margin-top:25px;
    color:#fff;
    overflow:hidden;
}
.p-d-r .btn{
    width:100%;
    height:40px;
    font-size:14px;
    color:#fff;
    background-color:#e12932;
    border-radius:3px;
}
.p-d-r .btn.shop-btn{
    background-color:#4f91d6;
    height:48px;
    font-size:17px;
    line-height:48px;
}
.p-d-r .half-col{
    width:50%;
    float:left;
    margin-top:10px;
}
.p-d-r .half-col:nth-child(2n+1){
    padding-left:5px;
}
.p-d-r .half-col:nth-child(2n) {
    padding-right:5px;
}
.p-d-r .liked .fa,
.p-d-r .get .fa{
    color:#7e0a10;
}
.p-d-r .p-color,
.p-d-r .p-des{
    margin-top:30px;
}
.p-d-r .p-des{
    font-size:14px;
    line-height:20px;
}
.p-d-r .p-des .header{
    font-weight:700;
    margin-bottom:5px;
    font-size:15px;
}
.p-d-r .des-text{
    overflow:hidden;
    transition:height 0.2s;
    -webkit-transition:height 0.2s;
    line-height:20px;
}
.p-d-r .des-text *{
    margin:0;
    padding:0;
}
.p-d-r .more-des-btn{
    color:#777;
    text-decoration:underline;
    cursor:pointer;
    display:inline-block;
}
.p-d-r .thumb-line{
    margin-top:30px;
}
.p-d-r .thumb-btn{
    height:40px;
    width:50px;
    border:1px solid #d8d8d8;
    text-align:center;
    background-color:#fff;
}
.p-d-r .thumb-btn.thumb-up{
    border-radius:4px 0 0 4px;
}
.p-d-r .thumb-btn.thumb-down{
    border-radius:0 4px 4px 0;
    margin-left:-5px;
}
.p-d-r .thumb-icon{
    width:24px;
    height:24px;
    margin-right:0;
    vertical-align:middle;
    background:url(/s/images/wiki/product_thumb.png) no-repeat scroll 0 0/62px;
}
.p-d-r .thumb-down .thumb-icon{
    background-position:-39px 0;
}
.p-d-r .thumb-up.thumbed .thumb-icon{
    background-position:0 -40px;
}
.p-d-r .thumb-down.thumbed .thumb-icon{
    background-position:-39px -40px;
}
.p-d-r .tag-list-c{
    text-transform:capitalize;
}
.p-d-r .p-r-t+.p-r-t:before{
    content:"/";
    margin:0 3px;
}
.p-d-r .p-r-t:hover{
    text-decoration:underline;
}
.p-d-r .p-r-t:hover:before{
    text-decoration:none;
}
.p-d-r .tab-area{
    margin-top:50px;
}
.p-d-r .tab-area .tab-line{
    position:relative;
    font-size:15px;
    font-weight:600; 
    color:#888;
    line-height:1;
    border-bottom:1px solid #e5e5e5;
}
.p-d-r .tab-area .tab-item{
    display:inline-block;
    cursor:pointer;
    padding-bottom:10px;
}
.p-d-r .tab-area .tab-item.active{
    color:#222;
    border-bottom:2px solid #222;
}
.p-d-r .tab-area .tab-item+.tab-item{
    margin-left:50px;
}
.p-d-r .tab-c{
    margin-top:16px;
    margin-bottom: 16px;
    font-size:13px;
    line-height:20px;
}
.p-d-r .tab-c-i{
    visibility: hidden;
    height:0;
    overflow: hidden;
}
.p-d-r .tab-c-i.active{
    visibility:visible;
    height:auto;
    overflow:visible;
}
.p-d-r .tab-c-i[data-container='rcd'] label{
    color:#216ce3;
    font-weight:600;
}
.fresh-bar-c{
    margin:16px 0;
    line-height:1;
}
.fresh-bar-c .t-l{
    font-size:14px;
}
.fresh-bar-c .d-l{
    color:#777;
}
.fresh-bar-c .t-l span:nth-child(2),
.fresh-bar-c .d-l span:nth-child(2){
    float:right;
}
.fresh-bar{
    height:6px;
    border-radius:3px;
    background-color:#d8d8d8;
    position:relative;
    margin:10px 0;
}
.fresh-bar .color-bar{
    border-radius:3px;
    position:absolute;
    left:1px;
    top:0;
    right: 0;
    height:100%;
    background:#36c6ff;
    background:-webkit-linear-gradient(left, #ff0000,#ffe900,#36c6ff);
    background:-o-linear-gradient(right,#ff0000,#ffe900,#36c6ff);
    background:-moz-linear-gradient(right,#ff0000,#ffe900,#36c6ff);
    background:linear-gradient(to right,#ff0000,#ffe900,#36c6ff);
}
.fresh-bar .circle{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    background-color:#d8d8d8;
    border-radius:3px;
}
.fresh-bar .circle:after{
    content:" ";
    display:block;
    height:14px;
    width:14px;
    border:4px solid #216ce3;
    border-radius:50%;
    background-color:#fff;
    margin:-4px 0 0;
    float:right;
    transform:translateX(8px);
    -webkit-transform:translateX(8px);
    -moz-transform:translateX(8px);
    -ms-transform:translateX(8px);
    -o-transform:translateX(8px);
}
.p-s-s .select{
    position:relative;
    font-size:14px;
    white-space:nowrap;
    width:120px;
    display:inline-block;
}
.p-s-s .select+.select{
    margin-left:6px;
}
.p-s-s .select .caption{
    border:1px solid #d9d9d9;
    height:40px;
    padding:0 20px 0 15px;
    width:100%;
    cursor:pointer;
    background-color:#f5f5f5;
}
.p-s-s .select .options{
    position:absolute;
    top:100%;
    margin-top:-1px;
    left:0;
    width:100%;
    line-height:40px;
    border:1px solid #d9d9d9;
    background:#f5f5f5;
    visibility:hidden;
    opacity:0;
    max-height:400px;
    overflow-y:auto;
    transition:0.2s;
    -webkit-transition:0.2s;
}
.p-s-s .select .options.active{
    visibility:visible;
    opacity:1;
    z-index:1;
}
.p-s-s .select .option{
    padding:0 15px;
    cursor:pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;;
    transition:0.1s;
    -webkit-transition:0.1s;
}
.p-s-s .select .option:hover{
    background-color:rgba(0,0,0,0.1);
}
.p-s-s .select .triangle{
    position:absolute;
    right:10px;
    top:18px;
    border-style:solid;
    border-width: 4px 4px 0 4px;
    border-color:#222 transparent transparent transparent;
}
.s-c-l{
    overflow:hidden;
    margin-right:-10px;
    margin-top:-10px;
}
.s-c-l .c-c{
    float:left;
    width:40px;
    height:26px;
    padding:2px;
    margin-right:10px;
    margin-top:10px;
    background-clip:content-box;
    cursor:pointer;
}
.s-c-l .c-c.checked{
    border:1px solid #e12932;
}
.s-c-l .c-c[data-value="white"]:before,
.s-c-l .c-c[data-value="White"]:before{
    content:" ";
    width:100%;
    height:100%;
    border-radius:50%;
    display: block;
    border:1px solid #ccc;
}
.p-r-c{
    clear:both;
    padding-bottom: 0;
}
.p-r-c .header{
    font-size:15px;
    line-height:1;
    text-align:center;
    color:#e12932;
    margin-bottom:20px;
    position: relative;
}
.p-r-c .header .text{
    background-color:#fff;
    padding:0 20px;
    z-index:1;
    position: relative;
}
.p-r-c .header:after{
    content:" ";
    display:block;
    position:absolute;
    width:100%;
    height:1px;
    background-color:#d8d8d8;
    top:50%;
}
.p-r-c .product-list{
    width:auto;
}
.i-t-c .t-b{
    font-size:14px;
    color:#888;
    font-weight:600; 
}
.i-t-c .t-b ul{
    overflow:hidden;
    background-color:#f0f0f0;
    border-bottom:1px solid #e12932;
    white-space:nowrap;
}
.i-t-c .t-b:after{
    content:" ";
    clear:both;
    display: block;
}
.i-t-c .t-b li{
    display: inline-block;
    height:42px;
    line-height:42px;
    cursor:pointer;
    width:33.33%;
    margin:0 -1px;
    text-align:center;
}
.i-t-c .t-b li.active{
    color:#fff;
    background-color:#e12932;
}
.i-t-c .t-c{
    background:#fff;
    min-height:400px;
}
.i-t-c .t-i{
    position: relative;
    display:none;
    min-height:400px;
}
.i-t-c .t-i.active{
    display:block;
}
.pro-loading .loading-icon,
.i-t-c .t-i.loading:before{
    content:" ";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -35px 0 0 -35px;
    width:70px;
    height:70px;
    border-style:solid;
    border-width:2px;
    border-color:#777 #ccc #ccc #ccc;
    border-radius:50%;
    display:inline-block;
    animation:spin 1s ease infinite;
    -webkit-animation:spin 1s linear infinite;
}
.t-i .ehp-panel .header{
    display:none;
}
.t-i .ehp-list{
    margin-top:-10px;
    padding:0;
}
.t-i .coupon .coupon-wrap{
    margin:0;
}
.t-i .coupon .col-wrap{
    width:100%;
}
.t-i .t-i-text{
    font-size:13px;
    line-height:20px;
    margin:25px 0 10px;
}
.pb-item{
    margin-top:20px;
}
.pb-item .img{
    float:left;
    margin-right:30px;
}
.pb-item .img-h{
    width:300px;
    height:200px;
    overflow:hidden;
}
.pb-item .img-h img{
    width:100%;
}
.pb-item .ctt{
    max-height:200px;
    overflow:hidden;
}
.pb-item .ctt .t{
    font-size:20px;
    line-height:35px;
    font-weight:600;
    margin:0;
}
.pb-item .ctt .c{
    font-size:14px;
    line-height:20px;
    margin:10px 0 0;
}
/* product detail end */

/*right aside layout style*/
.r-a-l{
    margin:10px 0 20px;
}
.r-a-l .breakcrumb{
    padding:10px 0;
}
.r-a-l-w{
    margin-top:20px;
    background:#fff;
    overflow: hidden;
}
.r-a-l-w .m-c{
    width:700px;
    min-height:1px;
    margin:0 auto;
}
.r-a-l-w .r-a{
    width:270px;
    margin-left:30px;
    float: left;
}
.r-a-l .m-c .blog .blog-wrapper{
    margin:0;
    width:100%;
    font-family:inherit;
    min-height: 1px;
}
.r-a-l-w .r-a-p{
    border:1px solid #e7e7e7;
}
.r-a-l-w .r-a-h{
    font-size:18px;
    line-height: 16px;
    padding:10px 15px;
    background:#f9f9f9;
    border-bottom:1px solid #e7e7e7;
}
.r-a-l-w .r-a-c{
    padding:15px;
    overflow: hidden;
}
/*login and sign up page*/
.login-w{
    width:430px;
    margin:5% auto;
    padding:15px;
}




/*index blog list style*/
.m-b-item.a-l{
    width:100%;
}
.m-b-item+.m-b-item.a-l{
    margin-top:15px;
    padding-top:15px;
    border-top:1px solid #e7e7e7;
}
.m-b-item .m-b-w{
    overflow:hidden;
    /*padding:5px;*/
}
.m-b-item.a-l .l{
    width:80px;
    margin-right:10px;
    flex-shrink:0;-webkit-flex-shrink:0;
    float:left;
}
.m-b-item .img-c{
    width:100%;
    padding-bottom:100%;
    position:relative;
}
.m-b-item .img-w{
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    bottom:0;
    display:flex;
    display: -webkit-flex;
    align-items: center;-webkit-align-items: center;
    justify-content:center;-webkit-justify-content:center;
    overflow:hidden;
}
.m-b-item .img-w img{
    max-width:100%;
    max-height:100%;
}
.m-b-item.a-l .title{
    font-size:14px;
    line-height:19px;
    max-height:38px;
    overflow:hidden;
}
.m-b-l{
    margin:-18px;
}
.m-b-l .m-b-item{
    width:33.33%;
    float:left;
}
.m-b-l .m-b-w{
    padding:18px;
}
.m-b-l .m-b-item .title{
    margin-top:10px;
    font-size:16px;
    line-height:26px;
    text-align:center;
    height:52px;
    overflow:hidden;
}
/* colletions list */
#collections .grid {
    margin: 0 auto;
}
#collections {
    margin-top:10px;
    clear:both;
    overflow: hidden;
}
.collection-list {
    width:1850px;
    margin:10px auto 0;
}
#collections .item {
    width:350px;
    background: #fff;
    margin: 0 8px 16px;
    float: left;
    overflow:hidden;
    padding:15px;
}
#collections .item.fall-item-hidden{
    height:0;
    width:0;
    margin:0;
    padding:0;
    overflow:hidden;
    visibility:hidden;
}
#collections .item .c-wrapper {
    margin-top:10px;
    display: block;
}
#collections .item .c-holder {
    position: relative;
}
#collections .item .c-holder:after {
    content: " ";
    display: block;
    padding-bottom: 40%;
}
#collections .item .c-thumbs {
    left:0;
    right:0;
    top:0;
    bottom:0;
    overflow: hidden;
    padding: 0;
    margin: -5px;
    list-style-type: none;
    position: absolute;
}
#collections .item .c-thumbs li {
    width: 33.3%;
    height: 33.3%;
    overflow: hidden;
    padding: 5px;
    float: left;
    position: relative;
}
#collections .item .c-thumbs li:before {
    padding-bottom: 100%;
}
#collections .item .c-thumbs .c-b {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    border:1px solid #d8d8d8;
    background:#fff no-repeat scroll center/contain;
    transform:translate3d(0,0,0);
    -webkit-transform:translate3d(0,0,0);
}
#collections .item .c-thumbs img {
    /*width: 100%;*/
    height: 100%;
    position: absolute;
    left:50%;
    transform:translateX(-50%);
}
#collections .item .c-thumbs li{
    width: 33.3%;
    height: 100%;
}
#collections .item .c-btn-line {
    width: 100%;
    padding: 0 8px;
    margin-bottom:8px;
}
#collections .item .c-info-line{
    display:flex;
    display:-webkit-flex;
    align-items:center;-webkit-align-items:center;
    height:40px;
}
#collections .item .avatar{
    float:left;
    margin-right:10px;
    width:40px;
    height:40px;
}
#collections .item .u-name{
    display:flex;
    display:-webkit-flex;
    align-items:center;-webkit-align-items:center;
}
#collections .item .u-name{
    font-size:14px;
    line-height:1;
}
#collections .item .c-title{
    margin-top:5px;
    font-size:13px;
    line-height:1;
    color:#777;
}
#collections .item .u-name .n,
#collections .item .c-title{
    text-transform:capitalize;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
#collections .item .left-col{
    padding-right:10px;
    overflow:hidden;
    flex:1;
    -webkit-flex:1;
    display:flex;
    display:-webkit-flex;
    align-items:center;-webkit-align-items:center;
}
.uploader-nav .uploader .btn{
    width:150px;
    height:40px;
    line-height:40px;
    transition:all 0.2s;
    -webkit-transition:all 0.2s;
    text-transform:uppercase;
}
#collections .item .c-count{
    font-size:12px;
    line-height: 1;
    color: #fff;
    background-color:rgba(0,0,0,0.4);
    position:absolute;
    bottom:10px;
    left:10px;
    padding:2px 5px;
}
#collections .item .c-count:before{
    content:" ";
    display:block;
    width:3px;
    height:3px;
    background-color:#fff;
    box-shadow:5px 0px 0 0 #fff,5px 5px 0 0 #fff,0 5px 0 0 #fff;
    margin:2px 8px 5px 0;
    float:left;
}
.action-follow{
    font-size:16px;
    height:28px;
    width:90px;
    border:1px solid #e8e8e8;
    background:#fff;
    color:#585b5d;
    text-transform:uppercase;
}
.action-follow:before{
    font-family:sans-serif;
    content:"+";
    margin-right:5px;
    line-height:0;
}
.action-follow.followed{
    color:#fff;
    background-color:#008ddb;
    border-color:#008ddb;
}
.action-follow.followed:before{
    content:none;
}
.uploader-nav{
    background:#fff;
    box-shadow:0 3px 5px 0 rgba(0,0,0,0.1);
}
.uploader-nav .u-wrapper{
    height:80px;
    margin:0 auto;
    position:relative;
    padding:0 60px;
}
.uploader-nav .uploader{
    padding:15px 0;
    overflow:hidden;
    display:flex;
    display:-webkit-flex;
    align-items:center;-webkit-align-items:center;
}
.uploader-nav .uploader .avatar{
    margin-right:10px;
}
.uploader-nav .uploader .u-name{
    margin-right:20px;
    display:inline-block;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;;
}
.uploader-nav .uploader .btn+.btn{
    margin-left:10px;
}
.uploader-nav .branch-nav{
    position:absolute;
    left:50%;
    bottom:0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
/* collection list  end*/
/* product detail dialog */
#product-container {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    background: #fff;
    z-index: -1;
    visibility: hidden;
    display: none;
}
#product-container .scroll-container {
    height: auto;
    position: relative;
    display: flex;
    display: -webkit-flex;
    min-height: 100%;
    width: 100%;
    overflow: hidden;
}
body.showing {
    overflow: hidden;
}
#product-container.active{
    visibility: visible;
    z-index: 1001;
    display: block;
}
#product-container .close-btn .close-icon{
    width:26px;
    height:26px;
}

/* collection detail */
#collection .filter-area .filter{
    margin-top:65px;
}
#collection .c-nav{
    margin:0 auto -28px;
    text-align:center;
}
#collection #c-name{
    font-size:25px;
    line-height:1;
    margin:0;
    font-weight:normal;
    margin:0;
    text-transform:capitalize;
}
#collection .c-des{
    font-size:1.3rem;
    text-align:justify;
}
#collection .c-des.center{
    text-align:center;
}
.c-nav-container .pro-count-wrapper{
    line-height:1;
    margin-top:9px;
}
#collection .c-min-nav{
    height:47px;
    background:#fff;
    text-align:center;
    position:relative;
    display:none;
}
#collection .c-min-nav .fixed-nav-container{
    overflow:hidden;
    height:47px;
    border-top:1px solid rgba(207,207,207,1);
    border-bottom:1px solid rgba(207,207,207,1);
}
#collection .c-min-nav .fixed-nav-container.active{
    height: 47px;
    position: fixed;
    width: 100%;
    top: 50px;
    z-index:99;
    background:rgba(255,255,255,0.97);
    box-shadow:0 2px 3px rgba(68,68,68,0.2);
    -webkit-box-shadow:0 2px 3px rgba(68,68,68,0.2);
}
#collection .c-min-nav .c-min-name{
    height:100%;
    position:absolute;
    left:65px;
    display:flex;
    display:-webkit-flex;
    align-items:center;-webkit-align-items:center;
    overflow:hidden;
    max-width:40%;
    padding:10px;
    text-transform:capitalize;
    visibility:hidden;
    font-weight:700;
    transform:translateY(-100%);
    transition:transform 0.2s;
}
#collection .c-min-nav .active .c-min-name{
    visibility:visible;
    transform:translateY(0);
}
#collection .c-min-nav .c-social{
    height:100%;
    display:inline-block;
}
#collection .c-min-nav .c-social-col{
    display:flex;
    display:-webkit-flex;
    align-items:center;-webkit-align-items:center;
    align-content:center;-webkit-align-content:center;
    justify-content:center;-webkit-justify-content:center;
    float:left;
    height:100%;
}
#collection .c-min-nav .c-social-col+.c-social-col{
    margin-left:30px;
}
#collection .c-min-nav .c-social-col>div:nth-child(1){
    font-weight:700;
    margin-right:5px;
}
#collection .c-min-nav .c-collect{
    position:absolute;
    right:80px;
    top:50%;
    margin-top:-12px;
    line-height:24px;
    width:102px;
    height:24px;
    background:#3db9bb;
    text-transform:uppercase;
    font-size:1.2rem;
    border:none;
    border-radius:3px;
    color:#fff;
}
#collection .c-min-nav .c-collect.followed{
    background:#aaa;
}
#collection #products.collect-list{
    margin-top:0;
}

/* collection detail end */
/* search */
#search {
    padding-top:30px;
}
#search.product-container {
    background-color: #e9e9e9;
}
#search .toggle-btn {
    text-align: center;
    padding: 0 10px;
    margin: 10px 0;
}
#search .toggle-btn button {
    border: 1px solid #dfdfdf;
    background: #f1f1f1;
    font-size: 1.4rem;
    width: 160px;
    height: 40px;
    margin: 0 -3px;
    color: #aaa;
    border-radius:0;
    vertical-align: middle;
}
#search .toggle-btn button.active {
    background: #fafafa;
    color: #333;
}
#search .toggle-container.active {
    visibility: visible;
}
#search .search-container {
    visibility: hidden;
    height: 0;
    overflow: hidden;
}
#search .search-container.active {
    visibility: visible;
    height: auto;
}
#search #collections .collection-list {
    margin-top: 0;
}
#search #products .product-list,#search #collections .collection-list {
    margin:20px auto 0;
}
#search .nosearch-description {
    font-size: 1.4rem;
    text-align: center;
    margin-top: 5%;
}
/* search end*/

/*user profile*/
#account{
    position:relative;
}
#account .profile{
    background:#fff;
}
#account .profile-container{
    padding:0 80px;
    text-align:center;
    position:relative;
    display:flex;
    display: -webkit-flex;
    align-items: center;
}
#account .profile-container .username{
    font-size:16px;
    line-height:1;
    margin-left:5px;
    margin-right: auto;
}
#account .profile-container .edit-profile-btn{
    height:34px;
    width:120px;
    line-height:34px;
    border:1px solid #e7e7e7;
    background-color:#f9f9f9;
    transition:0.2s;
    -webkit-transition:0.2s;
    color:#777;
    margin-left: auto;
}
.profile-container .branch-nav .branch .item{
    padding:25px 0;
}
#account .profile-tabs{
    border-top:1px solid rgba(207,207,207,1);
}
#account .profile-tabs .nav-container{
    padding:0 10px;
    text-align:center;
}
#account .profile-tabs .profile-count{
    display:inline-flex;
}
#account .profile-tabs .profile-count-col{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    float: left;
    height: 100%;
    padding:10px 5px;
    margin:0 15px;
    color:rgba(156,156,156,1);
}
#account .profile-tabs .profile-count-col.active{
    color:#3db9bb;
}
/*profile end*/
/*edit page*/
.module-bg{
    background:rgba(224,224,224,0.95);
    position:fixed;
    left:0;
    top:0;
    bottom:0;
    right:0;
    z-index:1000;
    visibility:hidden;
    display:none;
    opacity:0;
}
body.in{
    overflow-y:hidden;
}
body.in .module-bg{
    visibility:visible;
    display:block;
    opacity:1;
}
.edit-profile .edit-wrapper{
    width:390px;
    display:flex;
    display:-webkit-flex;
    flex-direction:column;
    margin:50px auto;
    color:#777;
    font-size:16px;
    line-height:1;
    background-color: #fff;
}
.edit-profile .left-col .col-wrapper{
    overflow:hidden;
    padding:0 15px;
    border-bottom:1px solid #e7e7e7;
}
.edit-profile .edit-panel{
    visibility: hidden;
    opacity: 0;
    display:none;
}
.edit-profile .edit-panel.active{
    visibility: visible;
    opacity:1;
    display:block;
}
.edit-profile .toggle-btn{
    padding:15px 0;
    cursor:pointer;
    float:left;
    position: relative;
}
.edit-profile .toggle-btn+.toggle-btn{
    margin-left: 36px;
}
.edit-profile .toggle-btn.active:after{
    content:" ";
    display: block;
    position: absolute;
    bottom: -1px;
    width:100%;
    height:3px;
    background-color: #008ddb;
}
.edit-profile .right-col .col-wrapper{
    padding:20px;
}
.edit-profile .right-col .line{
    margin-bottom:20px;
    display:flex;
    display:-webkit-flex;
    align-items:center;-webkit-align-items:center;
}
.edit-profile .right-col .line .l{
    min-width:100px;
    white-space: nowrap;
}
.edit-profile .right-col .pswd-panel .line .l{
    min-width:150px;
}
.edit-profile .right-col .line .r{
    flex:1;
}
.edit-profile #id_avatar{
    display:none;
}
.edit-profile input,
.edit-profile select{
    width:100%;
    padding:7px 10px;
    border: 1px solid #e8e8e8;
    border-radius:5px;
    color:inherit;
    font-size:inherit;
    font-family:inherit;
    height:36px;
    background-color:#fff;
}
.edit-profile .right-col .line.btn-line{
    text-align:right;
    justify-content: flex-end;
    margin-bottom:0;
}
.edit-profile .right-col .line .btn{
    width:100px;
    height:34px;
    line-height:34px;
    border:none;
    color:#fff;
    background:#c9c9c9;
}
.edit-profile .right-col .line .btn.submit-btn{
    background:#6ac857;
    margin-left:20px;
}
#avatar-edit .avatar-wrapper {
    width: 60px;
    height: 60px;
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    position: relative;
    float:left;
    border-radius:50%;
}
#avatar-edit .avatar-wrapper.active:before {
    content: "\f110";
    font-family: FontAwesome;
    font-size: 2.5rem;
    animation: fa-spin 2s infinite linear;
    color: #3db9bb;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -12px 0 0 -12px;
}
#avatar-edit .avatar-wrapper img {
    width: 100%;
    min-height: 100%;
}
#avatar-edit .change-avatar {
    background-color:#008ddb;
    color: #fff;
    cursor: pointer;
    font-size:16px;
    font-weight:normal;
    width:120px;
    height:34px;
    line-height:34px;
    margin:13px 0 0 20px;
}
/*edit page end*/

@media screen and (max-width: 1600px) {
    /*nav*/
    .uploader-nav .u-wrapper{
        padding:0 10px;
    }
    .branch-nav .branch .item+.item{
        margin-left:60px;
    }
    .uploader-nav .uploader .btn{
        width:120px;
    }
}
@media screen and (max-width:1400px){
    .full-board .blogs-list .item .title{
        font-size:2rem;
    }
}
@media screen and (max-width: 1300px) {
    .mdcontainer-fluid {
        padding:0 10px;
    }
    footer .container{
        width:900px;
    }
    #collection .c-min-nav .c-collect{
        right:10px;
    }
    #collection .c-min-nav .c-min-name{
        left:0;
    }
    #product .promote-user{
        right:-50px;
    }
    #product .promote-user .cmt-board{
        padding:20px;
        width:240px;
    }
}
@media (max-width: 1200px) {
    .uploader-nav .u-wrapper{
        height:auto;
    }
    .uploader-nav .uploader{
        padding:10px 0;
    }
    .branch-nav .branch .item{
        padding:10px 0;
    }
    .uploader-nav .branch-nav{
        position:static;
        text-align:center;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
@media (max-width: 1100px) {
    .m-c-w{
        width:795px;
    }
    .r-a-l{
        margin-top:0;
    }
    .r-a-l-w .m-c{
        width: 100%;
    }
    .r-a-l-w .r-a{
        display:none;
    }
    .p-d-l .slider-nav{
        width:70px;
        margin-right:20px;
    }
    .p-d-l .slider-nav .img-wrap{
        width:70px;
        height:110px;
    }
    .p-d-l .slider .img-wrap,
    .p-d-l .slider{
        width:300px;
        height:460px;
    }
    .p-d-l .slider.single{
        margin-left:59px;
    }
    .p-d-r{
    }
    .p-item{
        width:25%;
    }
    #product .related-container .product-list .item{
        width:29.33%;
    }
    #product .promote-user{
        display:none;
    }
    .p-r-c .product-list{
        display:flex;
        display: -webkit-flex;
        flex-wrap:wrap;-webkit-flex-wrap:wrap;
        justify-content:space-around;-webkit-justify-content:space-around;
    }
}

/* for collections list response */
@media screen and (min-width:2216px){
    .collection-list{
        width:2196px;
    }
}
@media screen and (max-width:2215px) and (min-width:1850px){
    .collection-list{
        width:1830px;
    }
}
@media screen and (max-width:1849px) and (min-width:1484px){
    .collection-list{
        width:1464px;
    }
}
@media screen and (max-width:1483px) and (min-width:1118px){
    .collection-list{
        width:1098px;
    }
}
@media screen and (max-width:1117px) and (min-width:768px){
    .collection-list{
        width:732px;
    }
}

/*mobile devices*/
@media screen and (max-width: 767px) {
    input {
        box-shadow: none !important;
        -webkit-appearance: none;
        appearance: none;
    }
    body.dialog-enable{
        margin:0;
        overflow:hidden;
    }
    body.dialog-enable nav .navbar-fluid{
        right:0;
    }
    body.showing {
        overflow: hidden;
        height:100vh;
    }
    .m-c-w{
        width:100%;
        /*padding:10px;*/
    }
    .r-a-l .breakcrumb{
        padding:15px;
    }
    .r-a-l-w{
        padding:15px;
        margin-top:0;
    }
    .r-a-l-w .m-c{
        width:100%;
    }
    .r-a-l-w .r-a{
        display: none;
    }
    /*blog*/
    .m-b-item .m-b-w{
        display:flex;
        display:-webkit-flex;
    }
    .m-b-item .title{
        font-size:20px;
        line-height:24px;
    }
    .m-b-item .abstract{
        display: none;
    }
    .m-b-item .l{
        width:100px;
        margin-right: 10px;
    }
    .m-b-item+.m-b-item{
        margin-top:10px;
        padding-top:10px;
    }
    .m-b-l{
        margin:0;
    }
    .m-b-l .m-b-item{
        width:100%;
        margin-top:15px;
        padding:0;
    }
    .m-b-l .m-b-w{
        display:block;
        padding:0;
    }
    .m-b-l .m-b-item .img-c{
        padding-bottom:60%;
    }
    .m-b-l .m-b-item .title{
        margin-top:5px;
        padding:0 15px;
        height: auto;
        white-space:nowrap;
        text-overflow:ellipsis;
    }
    /*dialog*/
    .cmt-dialog .dialog-wrapper{
        top:0;
        left:0;
        padding:5px;
        width:100%;
        margin:0;
    }
    .cmt-board{
        width:100%;
        padding:30px 10px;
    }
    /*message*/
    .messages .message-tip {
        width: 100%;
        left: 0;
        margin: 0;
        border-radius: 0;
    }
    .avatar{
        width:40px;
        height:40px;
        min-width:40px;
        flex-shrink:0;
    }
    /*uploader nav*/
    .uploader-nav .btn-board{
        white-space: nowrap;
        margin-left:auto;
    }
    .branch-nav .branch{
        width:100%;
    }
    .branch-nav .branch .item{
        width:50%;
        text-align:center;
        font-size:1.5rem;
    }
    .branch-nav .branch .item+.item{
        margin:0;
    }
    /* products */
    .filter-area .grid{
        margin:0 15px;
    }
    .filter-area{
        flex-direction:column;
        -webkit-flex-direction:column;
        padding:0;
        margin-top:10px;
    }
    .filter .filter-clear{
        display:none !important;
    }
    .filter-area .filter{
        z-index:2;
        display:none;
    }
    .filter-area .filter, .filter .filter-fix-container{
        width:100%;
        margin:0;
        height:50px;
    }
    .filter .filter-fix-container{
        border-top:1px solid #e7e7e7;
    }
    .filter .filter-fix-container.fixed{
        position: fixed;
        top:0;
        transition:transform 0.2s;
        -webkit-transition:transform 0.2s;
    }
    .filter .filter-fix-container.fixed.open{
        transform:translateY(50px);
    }
    .filter .filter-wrapper{
        padding:0;
        height:50px;
    }
    .sortbar .breakcrumb, .sortbar .pro-count-wrapper{
        display:none;
    }
    .filter .filter-groups{
        display:flex;
        display:-webkit-flex;
        border-bottom:1px solid #e7e7e7;
    }
    .filter .filter-group{
        flex:1;-webkit-flex:1;
        border:none;
    }
    .filter .filter-group .header{
        font-size:18px;
        text-align:center;
        border-bottom:none;
        padding:0;
        line-height:49px;
        position:relative;
    }
    .filter .filter-group .header .selected-result{
        display:none;
    }
    .filter .filter-group .header:after{
        content:none;
    }
    .filter .filter-group.open .header:before{
        content:" ";
        display:block;
        width:100%;
        height:2px;
        background:#3db9bb;
        bottom:0;
        position:absolute;
    }
    .filter .filter-group.open .header{
        border-bottom:none;
    }
    .filter .filter-group .content{
        position:absolute;
        left:0;
        width:100%;
        z-index:2;
        background:#fff;
        margin-top:1px;
    }
    .filter .filter-group.open .content{
    }
    .filter .filter-group .content-wrapper{
        padding:20px;
        margin:0;
        max-height:308px;
        border-bottom:1px solid #e7e7e7;
        overflow-y:scroll;
        -webkit-overflow-scrolling:touch;
    }
    .filter .filter-group[data-group='category'] .content-wrapper{
        padding:0;
    }
    .filter .filter-group .clear-line+.content-wrapper{
        /*padding-bottom:20px;*/
        /*margin-bottom:10px;*/
    }
    .filter .filter-group .clear-line.active+.content-wrapper{
        margin-top: 0;
    }
    .filter .filter-group .color-list{
        margin:-10px -2px;
    }
    .filter .filter-group .color-list .c-piece{
        margin:10px;
    }
    .filter .filter-group .clear-line{
        position:absolute;
        right:10px;
        bottom:10px;
    }
    .filter .related-collect{
        display:none;
    }
    .sortbar{
        margin:5px 0;
    }
    .sortbar .breakcrumb{
        display: none;
    }
    .sortbar .sortbar-wrapper{
        padding:0;
    }
    .sortbar .selection-wrapper{
    }
    .sortbar .sort-container .selected-caption:hover .selection{
        height:0;
    }
    .sortbar .sort-container .selected-caption:hover .selection.open{
        height:52px;
    }
    #products .grid:after{
        content: " ";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        transition: 0.2s;
        visibility: hidden;
        opacity: 0;
        z-index: -1;
    }
    #products .grid.shadow:after{
        background: rgba(0,0,0,0.4);
        visibility: visible;
        opacity: 1;
        z-index: 1;
    }
    .product-list {
        width:auto;
        margin:0 -6px;
    }
    .p-r-c .p-item,
    .p-item {
        width:50%;
    }
    .p-item .p-link:after{
        content:none;
    }
    .p-item .p-content,
    .p-item .p-belong{
        padding:5px;
    }
    .p-item .p-content{
    }
    .p-item .p-content.active{
        height:auto;
        min-height:64px
    }
    .p-item .p-info{
        margin-top:5px;
    }
    .product-list .related-collect .header{
        padding:5px 0;
    }
    #products .product-list .related-collect{
        margin:0 0 10px;
        width:100%;
    }
    #products .product-list .related-collect-wrapper{
        width:100%;
    }
    #products .product-list .related-collect .scrollx-container{
        height:100px;
        margin-top:0;
        padding:5px 0;
        overflow-x:scroll;
        /*overflow-y:hidden;*/
        position:relative;
        -webkit-overflow-scrolling:touch;
    }
    #products .product-list .related-collect .related-list{
        position:absolute;
        display:flex;
        display:-webkit-flex;
        height:0;
        height:100%;
    }
    #products .product-list .related-collect .related-list .item{
        width:150px;
        margin:0 1vw;
        height:90px;
    }
    .product-list .related-collect .related-list .r-item-wrapper{
        padding-bottom:90px;
    }
    /* product */
    .p-c {
        /*padding: 0 5px;*/
        margin:0;
    }
    .p-c-w{
        width:100%;
        padding:0;
    }
    .p-d{
        padding:15px;
    }
    .p-d-l .slider-container{
        display:flex;
        display:-webkit-flex;
        width:100%;
        position: relative;
    }
    .p-d-l .slider-nav {
        margin-right:10px;
    }
    .p-d,.p-d-l{
        width:100%;
    }
    .p-d-l .slider{
        width:auto;
        flex:1;-webkit-flex:1;
        height:auto;
    }
    .p-d-l .slider.single{
        margin-left:0;
    }
    .p-d-l .slider .img-wrap{
        width:100%;
        height:100%;
    }
    .p-d-l .slider:not(.single) .slider-item-holder{
        height:428px;
    }
    .p-d-l .slider.single .img-wrap img{
        max-height:50vh;
    }
    .p-d-r{
        width:100%;
        margin:10px 0;
    }
    .p-d-r .title{
        font-size:18px;
        line-height: 25px;
    }
    .p-d-r .shop-btn{
        width:100%;
    }
    .p-d-r .tab-area,.p-d-r .share-line{
        margin-top:20px;
    }
    .p-d-r .tab-c,.p-d-r .share-line-c{
        margin-top:10px;
    }
    .i-t-c .t-c{
        padding:0 15px;
    }
    #product .related-container{
        margin-top:10px;
    }
    #product .related-container>div{
        margin-top:10px;
    }
    #product .related-heading {
        padding-top: 10px;
    }
    #product.related-list .product-list {
        margin-top: 10px;
    }
    .p-d-l .slider-nav .slider-arrow{
        top:5px;
    }
    #product .slider-arrow.slider-next {
        bottom: 5px;
    }
    #product .proreview .review-list .item+.item{
        margin-top:10px;
    }
    #product #collections.min-layout{
        margin:0;
    }
    /* collections for mobile */
    #trending-pro>.heading>h1{
        padding:10px  20px;
        font-size:2rem;
    }
    .collection-list{
        width:100%;
        padding:0 5px;
        margin-top:0;
    }
    #collection .c-nav-container{
        position: absolute;
        top:50px;
        left:0;
        width:100%;
    }
    #collection .c-nav{
        padding:10px;
    }
    #collection #c-name{
        font-size:2rem;
    }
    #collections .item{
        width:100%;
        margin:0 0 10px;
        padding:10px;
    }
    #collections .item .avatar{
        margin-top:5px;
    }
    #collections .item .u-name{
        font-size:1.5rem;
    }
    #collections .item .u-name>span{
    }
    #collections .item .c-title{
        font-size:1.3rem;
    }
    .action-follow, .uploader-nav .uploader .btn{
        width:90px;
        height:30px;
        line-height:30px;
    }
    #search {
        padding-top:0;
    }
    #search .toggle-btn {
        padding: 0 5px;
        margin-top: 20px;
    }
    #search .toggle-btn button {
        width: 50%;
    }
    #search #products .product-list, #search #collections .collection-list{
        margin-top:0;
    }
    #account .profile-container{
        padding:10px;
    }
    #account .profile-container .edit-profile-btn{
        right:10px;
        top:10px;
        width:90px;
        height:30px;
        line-height:30px;
    }
    #account .branch-nav{
        display:none;
    }
    .edit-profile .edit-wrapper{
        width:auto;
        margin:10px;
    }
    .edit-profile .left-col{
        width:100%;
    }
    .edit-profile .right-col{
        margin-left: 0;
        width: 100%;
    }
    .edit-profile .right-col .col-wrapper{
        margin-top: 10px;
        padding:20px 10px;
    }
    .edit-profile .toggle-btn{
        width:50%;
        float:left;
        text-align:center;
        padding:15px 5px;
    }
    .edit-profile .toggle-btn+.toggle-btn{
        margin:0;
    }
    .edit-profile .right-col .line .btn{
        flex: 1;
    }
    .top-banner .banner-wrapper{
        height:200px;
    }
    .blog .blog-wrapper{
        width:100%;
        padding-top: 20px;
    }
    .blog .blog-wrapper section>img{
        width:100%;
        margin:10px 0;
    }
    .blog .blog-wrapper .slider{
        padding:0;
    }
    .blog .blog-wrapper .img-container{
        width:100px;
        height:120px;
    }
    .blog .slider-arrow{
        top:45px;
    }
    .blog .slider-prev{
        left:0;
    }
    .blog .slider-next{
        right:0;
    }
    .sa-d-w{
        width:100%;
    }
    .sa-d-w .h{
        padding:15px;
        font-size:18px;
    }
    .sa-d-w>.close-btn{
        right:22px;
        top:22px;
    }
    .sa-d-w .pl{
        width:100%;
        border-right:none;
        border-bottom:1px solid #f0f0f0;
        padding:15px;
    }
    .sa-d-w .pl .img-h{
        height:300px;
        width:200px;
        padding-bottom:0;
        margin:0 auto;
    }
    .sa-d-w .ir{
        width:100%;
        padding:15px 30px;
    }
    .sa-d-w .p-s-s .select .options{
        margin-top:1px;
        top:0;
        transform:translateY(-100%);
        -webkit-transform:translateY(-100%);
    }
    .i-t-c .t-b{
        overflow:auto;
        -webkit-overflow-scrolling:touch;
        border-bottom:none;
    }
    .i-t-c .t-b ul{
        display:inline-block;
    }
    .i-t-c .t-b li{
        width:auto;
        padding:0 15px;
    }
    .i-t-c .t-b li.active{
        border-color:transparent transparent #222 transparent;
    }
    .pb-item .img-h{
        width:90px;
        height:60px;
    }
    .p-blog-list{
        /*padding:0 15px;*/
    }
    .pb-item .img{
        margin-right:10px;
    }
    .pb-item .ctt{
        max-height:60px;
    }
    .pb-item .ctt .t{
        font-size:16px;
        line-height:20px;
    }
    .pb-item .ctt .c{
        display:none;
    }
    .verify-d-w{
        width:100%;
        min-height:100vh;
        padding:15px;
    }
    .verify-d-w>.close-btn{
        top:17px;
        right:15px;
    }
    .pro-loading .loading-icon,
    .i-t-c .t-i.loading:before{
        width:40px;
        height:40px;
        margin-left:-20px;
        margin-top:-20px;
    }
}

/*grid*/
.container{
    width:1170px;
}