/*---------- section s ----------*/

/*sort-title s*/

.sort-title {
    width: 100%;
    float: left;
    margin-top: 10px;
    margin-bottom: 15px;
}

.sort-title .controls {
    display: inline-block;
    float: left;
    border: 1px solid #f56a6a;
}

.sort-title .controls span {
    display: inline-block;
    float: left;
    padding: 5px 10px;
}

.sort-title .controls span:first-child {
    color: #fff;
    background: #f56a6a;
}

.sort-title .controls span.control {
    cursor: pointer;
    margin-right: 5px;
}

.btn-sort {
    color: #333 !important;
    border: 1px solid #f56a6a;
    background-color: #fff !important;
}

.btn-sort.focus,
.btn-sort:hover {
    color: #555 !important;
    background-color: #f5f5f5 !important;
    border-color: #f56a6a !important;
}

/*sort-title e*/

/*products-view s*/

.products-view {
    margin-bottom: 20px;
}

.full-view {
    width: calc(100% - 100px);
    float: left;
}

.thumb-pic {
    position: relative;
    width: 100px;
    height: 595px;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
}

.thumb-pic ul {
    position: relative;
    width: 100px;
    padding-left: 10px;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    overflow: auto;
}

.thumb-pic ul li {
    width: 100%;
    float: left;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 15px;
}

.thumb-pic ul li > a {
    display: block;
}

.thumb-pic ul li:last-child {
    margin-bottom: 0;
}

.thumb-pic .control-btn {
    position: absolute;
    width: 90px;
    top: 0;
    right: 0;
    z-index: 999;
}

.thumb-pic .control-btn .scroll-btn {
    position: absolute;
    right: 0;
    display: block;
    width: 100%;
    height: 20px;
    color: #fff;
    line-height: 20px;
    text-align: center;
    background-color: rgba(254, 206, 211, .8);
}

.thumb-pic .control-btn .scroll-down {
    bottom: -595px;
}

/*products-view e*/

/*option-box s*/

.detail-selection {
    margin-bottom: 1px;
}

.detail-selection .option-box-main {
    margin-bottom: 10px;
}

.detail-selection .option-box-main:last-child {
    margin-bottom: 0;
}

.option-box-main .sub-title {
    font-weight: bold;
    margin-bottom: 0;
}

.detail-selection .radio-inline {
    /*padding-left: 0;*/
    margin-right: 5px;
}

.option-box-main > label > input {
    /*display: none;*/
}

.option-style02 > label > input {
    display: block !important;
}

.checkbox-select > img {
    display: block;
    width: auto;
    height: 100%;
}

.checkbox-select > span {
    display: block;
    height: 18px;
    text-align: center;
    line-height: 18px;
    background-color: #efefef;
}

.checkbox-select {
    display: block;
    position: relative;
    border-radius: 5px;
    border: 2px solid #ddd;
    overflow: hidden;
}

.option-style02 .sub-title {
    display: inline-block;
    padding-right: 5px;
}

.option-style02 .checkbox-select {
    border: none;
}

.option-style02 .checkbox-select > p {
    margin-bottom: 0;
}

.checkbox-select.check-on {
    display: block;
    position: relative;
    border-radius: 5px;
    border: 2px solid #f00;
}

.checkbox-select .fa {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}

.checkbox-select.check-on .fa {
    display: block;
    color: #fff;
    background-color: #f00;
}

.option-box-main select.form-control {
    width: calc(100% - 30%);
}

/*option-box e*/

/*product-infomation s*/

.product-infomation {
    width: 100%;
    float: left;
    margin-bottom: 0px;
}

.product-infomation .left,
.product-infomation .right {
    margin-bottom: 0px;
}

.product-infomation .col-md-5.left {
    width: 38% !important;;
}

.product-infomation .col-md-7.right {
    width: 62% !important;;
}

.product-infomation .right .fa-star {
    color: #ff8d00;
}

.product-infomation .page-title {
    width: 100%;
    float: left;
    position: relative;
    padding-bottom: 1px;
}

.product-infomation .page-title .title {
    display: inline-block;
    color: #333;
    font-size: 24px;
    margin: 0;
}

.product-infomation .page-title .favorite-share {
    display: inline-block;
    float: right;
}

.product-infomation .page-title img {
    width: auto;
    height: 100%;
}

.product-infomation .page-title .fa {
    color: #ff8d00;
    font-size: 30px;
}

.product-infomation .right > p {
    width: 100%;
    float: left;
}

.product-infomation .right > p > span,
.product-infomation .right > p > del {
    display: inline-block;
}

.product-infomation .right .reference-price {
    color: #999;
    font-size: 16px;
}

.product-infomation .right .star .fa {
    color: #f7cb1c;
    font-size: 21px;
}

.product-infomation .right .star > a {
    color: #2a6bc4;
    text-decoration: none;
    margin-left: 15px;
}

.product-infomation .right .price-box {
    padding: 5px 0;
}

.product-infomation .right .right .price-box {
    text-align: center;
}

.product-infomation .right .price-box p {
    color: #333;
    font-size: 16px;
}

.product-infomation .right .price-box p > span {
    color: #f50000;
    font-size: 26px;
    font-weight: bold;
}

.product-infomation .right .type-choice {
    position: relative;
    padding: 25px 15px;
    border: 2px solid #ff2c2c73;
}

.product-infomation .right .type-choice .title {
    position: absolute;
    top: -18px;
    left: 15px;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 10px;
    background-color: #fff;
}

.product-infomation .right .type-choice .title span {
    color: #fff;
    font-size: 12px;
    line-height: 1;
    padding: 2px 8px;
    margin-left: 10px;
    background-color: #ea5151;
}

.product-infomation .right .type-choice form .form-group:last-child {
    margin-bottom: 0;
}

.product-infomation .right .type-choice form .form-control {
    border: 1px solid #ddd;
}

.product-infomation .right .type-choice form label {
    font-size: 16px;
}

.product-infomation .right .type-choice form label > a,
.product-infomation .right .type-choice form label > span {
    color: #ff1d79;
    font-size: 14px;
    text-decoration: underline;
    margin-left: 15px;
    cursor: pointer;
}

.product-infomation .right .type-choice form label > a:hover,
.product-infomation .right .type-choice form label > a:focus {
    color: #5ba0ff;
    outline: none;
}

.product-infomation .right .summary {
    color: #333;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.6;
}

.summary span {
    color: #f00;
}

/*product-infomation e*/

/*detail-content s*/

.product-content {
    padding: 15px;
    border: 1px solid #dadada;
}

.product-content .content-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}

.product-content p {
    font-size: 16px;
    font-weight: 500;
    line-height: 2;
    margin-bottom: 20px;
}

.product-content img {
    display: block;
    max-width: 750px;
    margin-bottom: 10px;
}

.product-content .table {
    border: none;
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #fff;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #fff;
    background-color: #fff5f6;
}

/*detail-content e*/

/*product-detail-content s*/

.product-detail-content .content-box .title {
    position: relative;
    width: 100%;
    height: 50px;
    float: left;
    font-size: 16px;
    font-weight: bold;
    line-height: 2;
    padding-top: 12px;
    padding-left: 15px;
    margin-bottom: 10px;
    border-radius: 15px 15px 0 0;
    border-bottom: 1px solid #f56a6a;
    background: url(../img/title/title-bar-bg.png) 0 0 repeat-x;
}

.product-detail-content .content-box .h-title,
.product-detail-content .content-box .sub-h-title {
    width: 100%;
    float: left;
    position: relative;
    height: 38px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #333;
    font-size: 16px;
    font-weight: bold;
    line-height: 38px;
    padding: 0 15px;
    margin: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #f1efe7;
    background-color: #f9f4f5;
    background: linear-gradient(#feced3, #fffefb);
}

.product-detail-content .table > tbody > tr > th {
    border: 1px solid #fff;
    background-color: #ffedef;
}

.product-detail-content .table > tbody > tr > td {
    border: 1px solid #fff;
    background-color: #fff5f6;
}

.product-detail-content .content-box .item-box .sub-h-title {
    margin-bottom: 10px;
}

.product-detail-content .content-box .item-box .info {
    padding: 10px 5px;
}

.product-detail-content .content-box img {
    width: auto;
    height: 100%;
    max-width: 1000px;
}

.new-detail-content img {
    max-width: 488px !important;
    height: auto !important;
}

.product-detail-content .content-box img + img {
    margin-top: 10px;
}

.product-detail-content .new-detail-content img + img {
    margin-top: 0;
}

.product-detail-content .content-box .three-pic img + img {
    margin-top: 0;
}

.product-detail-content .content-box .pic-reset img {
    margin-top: 10px;
}

/*20190518 s*/

.product-img-list .h-title {
    width: 100%;
    float: left;
    position: relative;
    height: 38px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #333;
    font-size: 16px;
    font-weight: bold;
    line-height: 38px;
    padding: 0 15px;
    margin-bottom: 10px;
    border-bottom: 1px solid #f1efe7;
    background-color: #f9f4f5;
    background: linear-gradient(#feced3, #fffefb);
}

.product-detail-content .product-img-list .row {
    margin-left: -8px;
    margin-right: -8px;
}

.product-detail-content .product-img-list .row > div {
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 15px;
}

.product-detail-content .content-box .info span {
    color: red;
    font-size: 14px;
    font-weight: bold;
}

/*20190518 e*/

/*product-detail-content e*/

/*details-nav-tabs s*/

.details-nav-tabs {
    position: relative;
    display: table;
    /*table-layout: fixed;*/
    width: 100%;
    height: 44px;
    float: left;
    padding-top: 10px;
    margin-top: 0px;
    margin-bottom: 30px;
    border-radius: 15px 15px 0 0;
    border-bottom: 1px solid #f56a6a;
    background: url(../img/title/title-bar-bg.png) 0 0 repeat-x;
}

.details-nav-tabs > li {
    display: table-cell;
    position: relative;
    float: none;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    line-height: 44px;
    cursor: pointer;
}

.details-nav-tabs > li + li {
    border-left: 1px solid #fff;
}

.details-nav-tabs > li > a {
    width: 100%;
    display: block;
    overflow: hidden;
    color: #270101;
    border: none;
    background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.55) 100%);
    cursor: pointer;
}

.details-nav-tabs > li > a:focus,
.details-nav-tabs > li > a:hover {
    color: #f56a6a;
    background-color: transparent;
    border: none;
    border-bottom-color: rgb(221, 221, 221);
    border-bottom-color: transparent;
}

.details-nav-tabs > li.active > a,
.details-nav-tabs > li.active > a:focus,
.details-nav-tabs > li.active > a:hover {
    color: #270101;
    cursor: default;
    background-color: transparent;
    border: none;
    border-bottom-color: rgb(221, 221, 221);
    border-bottom-color: transparent;
}

.details-nav-tabs > li.active::before {
    content: "";
    border: 10px solid transparent;
    border-top-color: transparent;
    border-top-width: 10px;
    border-bottom-color: transparent;
    border-bottom-style: solid;
    border-bottom-width: 10px;
    border-top-width: 12px;
    border-top-color: #f56a6a;
    border-bottom: 0;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    bottom: -12px;
}

/*details-nav-tabs e*/

/*details-tab-content s*/

.details-tab-content {}

.details-tab-content .h-title,
.details-tab-content .content-box .title {
    width: 100%;
    float: left;
    position: relative;
    height: 38px;
    color: #333;
    font-size: 16px;
    font-weight: bold;
    line-height: 38px;
    padding: 0 15px;
    margin: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #f5dd6a;
    background-color: #feced3;
    background: linear-gradient(#efac19, #ecd79a);
}

.details-tab-content .content-box .h-title,
.details-tab-content .content-box .sub-h-title {
    width: 100%;
    float: left;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    margin-top: 15px;
    margin-bottom: 15px;
}

.details-tab-content .table > tbody > tr > th {
    width: 20%;
    color: #555;
    background-color: #eccb71;
}

.details-tab-content .table > tbody > tr > td {
    background-color: #fff5f6;
}

.details-tab-content .info-box {
    width: 100%;
    float: left;
    padding: 10px 15px;
    margin-bottom: 10px;
    background: #fff5f6;
}

.details-tab-content img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 750px;
    margin-bottom: 10px;
}

.details-tab-content img + img {
    /*margin-left: 15px;*/
}

.abc-tab-content img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 600px;
    margin-bottom: 10px;
}

.details-tab-content .three-pic img {
    display: inline-block;
    width: auto;
    height: 100%;
    max-width: inherit;
    margin-bottom: 10px;
}

.details-tab-content .three-pic img + img {
    margin-left: 15px;
}

.details-tab-content .boxtitle {
    cursor: pointer;
}

.details-tab-content .openbox {
    color: #3f42d2;
    margin-bottom: 15px;
}

/*details-tab-content e*/

/*comment-box s*/

.comment-box .user-name {
    color: #333;
    font-size: 16px;
    font-weight: bold;
}

.comment-box .fa {
    color: #999;
}

.comment-box .star .fa {
    color: #f7cb1c;
    font-size: 24px;
}

.comment-box .star > a {
    color: #2a6bc4;
    margin-left: 15px;
}

.comment-box .comment-content {
    padding: 15px;
    border: 1px dashed #dadada;
}

.comment-box .comment-content .date,
.comment-box .comment-content .product-type {
    font-weight: bold;
}

.comment-box .comment-content .show-time img {
    width: auto;
    height: 100%;
}

/*comment-box e*/

/*write-comment s*/

.write-comment .form-control {
    border-color: #dadada;
}

/*write-comment e*/

/*section-article s*/

/*blog-list s*/

.blog-content .blog-list {
    width: 100%;
    float: left;
}

.blog-content .blog-list > li {
    position: relative;
    line-height: 3;
    padding-left: 160px;
    border-bottom: 1px solid #ddd;
}

.blog-content .blog-list > li:last-child {
    border-bottom: none;
}

.blog-content .blog-list > li > p {
    position: absolute;
    left: 0;
    margin-bottom: 0;
}

.blog-content .blog-list > li > p > span:nth-of-type(2) {
    color: #fff;
    padding: 0 2px;
    margin-left: 10px;
    border-radius: 2px;
    background-color: #f26829;
}

.blog-content .blog-list > li > a {
    display: block;
    color: #222;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.blog-content .blog-list > li > a:hover {
    color: #f26829;
    text-decoration: none;
}

/*blog-list e*/

/*blog-list-box s*/

.blog-content .blog-list-box > li {
    position: relative;
    padding-left: 120px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px dashed #ddd;
}

.blog-content .blog-list-box > li .pic-box {
    position: absolute;
    top: 0;
    left: 0;
}

.blog-content .blog-list-box > li .pic-box img {
    width: auto;
    height: 100%;
    max-height: 100px;
    transition: all 1s ease;
}

.blog-content .blog-list-box > li:hover .pic-box img {
    border-radius: 100%;
}

.blog-content .blog-list-box > li .info {}

.blog-content .blog-list-box > li .title {
    display: block;
    color: #222;
    font-size: 16px;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-decoration: none;
    margin-bottom: 10px;
    overflow: hidden;
}

.blog-content .blog-list-box > li:hover .title {
    color: #f26829;
}

.blog-content .blog-list-box > li .summary {
    display: -webkit-box;
    color: #222;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.blog-content .blog-list-box > li:hover .summary {
    color: #999;
}

.blog-content .blog-list-box > li .summary > a {
    display: -webkit-box;
    color: #222;
    text-decoration: none;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.blog-content .blog-list-box > li:hover .summary > a {
    color: #999;
}

.blog-content .blog-list-box > li:hover .date {
    display: none;
}

.blog-content .blog-list-box > li .view-detail {
    display: none;
}

.blog-content .blog-list-box > li:hover .view-detail {
    display: inline-block;
    color: #f26829;
    text-decoration: none;
    margin-bottom: 10px;
}

/*blog-list-box e*/

/*blog-title s*/

.blog-title {
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}

.blog-title .title {
    color: #222;
    font-size: 20px;
    font-weight: bold;
}

.blog-title .author {}

.blog-title .author span {
    margin-right: 15px;
}

.blog-title .author span > a {
    color: #777;
    text-decoration: none;
}

.blog-title .author span > a:hover {
    color: #ff8d00;
}

.blog-title .author span:before {
    font-family: FontAwesome;
    padding-right: 5px;
}

.blog-title .author span:nth-of-type(1):before {
    content: "\f007";
}

.blog-title .author span:nth-of-type(2):before {
    content: "\f073";
}

.blog-title .author span:nth-of-type(3):before {
    content: "\f02c";
}

.blog-title .author span:nth-of-type(3) a:after {
    content: "、";
}

.blog-title .author span:nth-of-type(3) a:last-child:after {
    content: " ";
}

/*blog-title e*/

/*blog-box s*/

.blog-box {
    margin-bottom: 20px;
}

.blog-box img {
    max-width: 650px;
    margin-bottom: 10px;
}

.blog-box p {
    line-height: 2;
}

/*blog-box e*/

/*pre-next s*/

.pre-next {
    width: 100%;
    float: left;
    /*margin-top: 20px;*/
}

.pre-next .view-blog {
    position: relative;
    display: inline-block;
    max-width: 40%;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 2px;
    background-color: #ff8d00;
    overflow: hidden;
}

.pre-next .previous-blog {
    padding-left: 20px;
}

.pre-next .previous-blog:before {
    position: absolute;
    top: 5px;
    left: 5px;
    content: "\f100";
    font-family: FontAwesome;
}

.pre-next .next-blog {
    padding-right: 20px;
}

.pre-next .next-blog:after {
    position: absolute;
    top: 5px;
    right: 5px;
    content: "\f101";
    font-family: FontAwesome;
}

/*pre-next e*/

/*section-article e*/

/*faq s*/

/*faq-menu s*/

.faq-menu .section-title,
.faq-page-content .section-title {
    color: #f56a6a;
    border-bottom: 1px solid #f56a6a !important;
}

.faq-menu ul > li {
    margin-bottom: 15px;
}

.faq-menu ul > li > a {
    position: relative;
    display: block;
    color: #fff;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 8px 15px;
    padding-right: 50px;
    border-radius: 5px;
    background-color: #f56a6a;
    overflow: hidden;
}

.faq-menu ul > li > a:after {
    position: absolute;
    right: 15px;
    content: "\f054";
    font-family: FontAwesome;
}

.faq-menu ul > li.active > a,
.faq-menu ul > li > a:hover {
    text-decoration: none;
    padding: 10px 15px;
    background-color: #d03838;
}

/*faq-menu e*/

/*faq-page-content s*/

.faq-page-content .content > p {
    font-size: 16px;
    line-height: 1.6;
}

.faq-page-content .content img {
    display: block;
    width: 100%;
    max-width: 800px;
    height: auto;
    margin-bottom: 15px;
}

.faq-page-content .content img.full-width {
    max-width: 100%;
}

.faq-page-content .content .link {
    margin-top: 30px;
}

.faq-page-content .content .link .title {
    font-weight: bold;
}

.faq-page-content .content .link ul > li > a {
    display: inline-block;
    color: #f56a6a;
    font-weight: bold;
    text-decoration: underline;
    padding: 6px 0;
}

.product-details-info {
    width: 100%;
    float: left;
    font-size: 16px;
    margin-bottom: 10px;
}

/*faq-page-content e*/

/*faq e*/

/*---------- section e ----------*/