* {
    margin: 0;
    padding: 0;
    border: none;
}

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source,  main {
    display: block
}

mark, rp, rt, ruby, summary, time {
    display: inline
}

a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var {
    background: transparent;
    border: 0 none;
    font-weight: inherit;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: top;
}

a {
    text-decoration: none;
    outline: none !important;
}

b, strong {
    font-weight: bold !important;
}

ul, ol {
    list-style: none;
}

q {
    quotes: none;
}

table, table td {
    padding: 0;
    border: none;
    border-collapse: collapse;
}

img {
    vertical-align: top;
}

.left {
    float: left;
}

.right {
    float: right;
}
embed {
    vertical-align: top;
}

input, textarea {
    font-family: inherit;
}

input, button {
    outline: none;
    background: transparent;
}

button::-moz-focus-inner {
    border: 0;
}

th {
    text-align: left;
}

textarea {
    outline: none !important;
}

.clearfix::after {
    content: "";
    display: block;
    clear: both;
}

button {
    cursor: pointer;
}

#_atssh {
    display: none !important;
}

html {
    height: 100%;
}

body {
    font-family: 'Microsoft Yahei';
    font-size: 14px;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    height: 100%;
}

body.is-ontop {
    margin-top: 53px;
}

h1 {
    font-size: 44px;
}

h2 {
    font-size: 20px;
}

h3 {
    font-size: 18px;
}

a, a:focus {
    color: #666;
}

a:hover {
    color: #FF1A2B;
    text-decoration: none;
    transition: all 0.25s;
}

a:focus {
    text-decoration: none;
}

.fa {
    line-height: inherit;
}

.bold {
    font-weight: bold;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.btn-fb-login {
    width: 65px;
    height: 22px;
    background: url('../images/fb.jpg') no-repeat;
    display: inline-block;
    margin-top: 5px;
    font-size: 0;
    border: none !important;
}

.tbutton {
    padding-top: 10px;
    display: block;
    color: #FF6600;
}

.button {
    padding: 10px 20px;
    border: 1px solid #eaeaea;
    background: #38b25d;
    color: #fff;
}

.sbutton {
    padding: 3px 6px;
    display: block;
    background: #FF6633;
    margin: 0 auto 3px auto;
    color: #fff;
    margin-right: 5px;
}

.sbutton:hover {
    background: #38b25d;
}

.bbutton {
    padding: 3px 6px;
    display: block;
    background: #666;
    margin: 0 auto 3px auto;
    color: #fff;
}

.bbutton:hover {
    background: #38b25d;
}

.button-sm {
    padding: 5px 10px;
}

.button:hover {
    background: #38b25d;
    border: 1px solid #38b25d;
}

.input {
    border-radius: 0 border : 1 px solid #eaeaea;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
}

.button .fa {
    line-height: inherit;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

img.alignleft {
    margin: 0 20px 15px 0;
}

img.alignright {
    margin: 0 0 15px 20px;
}

.hr {
    border-top: 1px solid #f3f3f3;
}

.clearfix:before {
    content: "";
    display: table;
}

.container {
    padding-left: 0;
    padding-right: 0;
}

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #fff url('../images/Preloader_4.gif') 50% 50% no-repeat;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.red {
    color: #FF1A2B;
}

.ccc {
    color: #999;
}

.orange {
    color: #FF6600;
}

.f_24 {
    font-size: 24px;
}

.f_18 {
    font-size: 18px;
    padding-bottom: 6px;
    display: block;
    color: #333;
}

.w140 {
    width: 140px;
}

.w180 {
    width: 180px;
}

.w200 {
    width: 200px;
}

.w260 {
    width: 260px;
}

.w300 {
    width: 300px;
}

.w320 {
    width: 320px;
}

.w420 {
    width: 420px;
}

/* ·ÖÏí */
.bdsharebuttonbox {
    float: right;
    width: 126px;
    padding-bottom: 0 !important
}

.bdsharebuttonbox a {
    width: 20px !important;
    padding: 0 !important;
    height: 20px !important;
    background: url(../images/share1.png) no-repeat !important;
    margin: 0 4px 0 0 !important
}

.bdsharebuttonbox .bds_tsina {
    background-position: 0 0 !important
}

.bdsharebuttonbox .bds_qzone {
    background-position: -20px 0 !important
}

.bdsharebuttonbox .bds_tqq {
    background-position: -40px 0 !important
}

.bdsharebuttonbox .bds_weixin {
    background-position: -60px 0 !important
}

.bdsharebuttonbox .bds_renren {
    background-position: -80px 0 !important
}

.bdsharebuttonbox .bds_more {
    background-position: -100px 0 !important
}

#share-bd {
    float: left;
    width: 195px;
    padding-bottom: 0 !important;
}

#share-bd a {
    width: 28px !important;
    display: block;
    padding-left: 0 !important;
    height: 28px !important;
    float: left;
    background: url(../images/share.png) no-repeat !important;
    margin: 0 4px 0 0 !important;
}

#share-bd .bds_tsina {
    background-position: 0 0 !important;
}

#share-bd .bds_qzone {
    background-position: -28px 0 !important;
}

#share-bd .bds_tqq {
    background-position: -56px 0 !important;
}

#share-bd .bds_weixin {
    background-position: -84px 0 !important;
}

#share-bd .bds_renren {
    background-position: -112px 0 !important;
}

#share-bd .bds_more {
    background: url(../images/share.png) no-repeat -140px 0 !important;
    width: 28px !important;
    height: 28px !important;
    display: block;
    padding: 0 !important;
}

.central_box {
    border: 1px solid #f1f1f1;
}

.no_products {
    width: 200px;
    padding-top: 70px;
    text-align: center;
    margin: 0px auto 80px auto;
}

.no_products i {
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 44px;
    text-align: center;
    display: block;
    margin: 0 auto 10px auto;
    background: #999;
    color: #fff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.no_products p {
    line-height: 26px;
}

.no_products p a {
    width: 100px;
    color: #FF3300;
    padding: 5px 0;
    font-size: 14px;
    margin: 10px auto;
    display: block;
    text-align: center;
    border: 1px solid #FF3333;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.banner-opacity {
    position: relative;
}

.banner-opacity a:before {
    display: block;
    position: absolute;
    -webkit-transition: all 0.1s ease-in 0.1s;
    transition: all 0.1s ease-in 0.1s;
    background: rgba(0, 0, 0, 0.1);
    opacity: 0;
    filter: alpha(opacity=0);
    left: 0px;
    top: 0px;
    content: "";
    height: 0%;
    width: 100%;
    left: 0%;
    top: 50%;
}

.banner-opacity a:hover:before {
    opacity: 1;
    filter: alpha(opacity=1);
    -webkit-transition: all 0.2s ease-in 0.1s;
    transition: all 0.2s ease-in 0.1s;
    height: 100%;
    left: 0%;
    top: 0%;
}

.tab-container {
    position: relative;
}

.tab-container .container-title {
    position: relative;
    top: 30px;
    text-align: center;
    height: 20px;
    font-size: 18px;
    font-weight: 600;
    font-family: '微软雅黑', '黑体';
}

.tab-container .container-description1 {
    position: relative;
    top: 40px;
    text-align: center;
    height: 20px;
    font-size: 16px;
    /*color: #C4C4C4;*/
}

.tab-container .container-description2 {
    position: relative;
    top: 50px;
    text-align: center;
    height: 20px;
    font-weight: 600;
    color: #ED7521;
}

.tab-container img {
    text-align: center;
    float: left;
}
.tab-container .avartar img {
    width: 30px;
    border-radius: 50%;
    height: 30px;
}

.tab-container .tab-panel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
}

.tab-container .active {
    opacity: 1;
    visibility: inherit;
    position: inherit;
    -vendor-animation-duration: 0.3s;
    -vendor-animation-delay: 1s;
    -vendor-animation-iteration-count: infinite;
}

.hover-zoom {
    -webkit-transition: 0.7s all ease-in-out;
    transition: 0.7s all ease-in-out;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    overflow: hidden;
}

.hover-zoom:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0.7;
}

.banner-boder-zoom {
    position: relative;
    overflow: hidden;
}

.banner-boder-zoom a:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    display: block;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.2);
    color: rgba(0, 0, 0, 0.2);
    opacity: 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.banner-boder-zoom a:after {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    content: "";
    display: block;
    z-index: 10;
    border: 1px solid #fff;
    opacity: 0;
}

.banner-boder-zoom a img {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.banner-boder-zoom:hover a img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.banner-boder-zoom:hover a:before {
    opacity: 1;
}

.banner-boder-zoom:hover a:after {
    opacity: 0;
}

.banner-boder-zoom2 {
    position: relative;
    overflow: hidden;
}

.banner-boder-zoom2 a:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    display: block;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0);
    background: rgba(0, 0, 0, 0);
    color: rgba(0, 0, 0, 0);
    opacity: 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.banner-boder-zoom2 a:after {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    content: "";
    display: block;
    z-index: 10;
    border: 1px solid #fff;
    opacity: 0;
}

.banner-boder-zoom2 a img {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.banner-boder-zoom2:hover a img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.banner-boder-zoom2:hover a:before {
    opacity: 1;
}

.banner-boder-zoom2:hover a:after {
    opacity: 0;
}

.icon-up,
.icon-down {
    width: 100%;
    height: 17px;
    display: block;
}

.icon-up {
    background: url("../images/up.png") no-repeat center center;
}

.icon-down {
    background: url("../images/down.png") no-repeat center center;
}

.image-hover2 a {
    position: relative;
    display: table;
    width: 100%;
}

.image-hover2 a:after {
    overflow: hidden;
    position: absolute;
    top: 0;
    content: "";
    z-index: 100;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    z-index: 1;
}

.image-hover2 a:before {
    font: normal normal normal 22px/1 iconfont;
    content: "\e642";
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    color: #fff;
    ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

    ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    -webkit-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
}

.image-hover2 a:hover:after {
    visibility: visible;
    opacity: 0.8;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.image-hover2 a:hover:before {
    opacity: 1;
}

/* ----------------
 [2. Top banner]
 */
.top-banner {
    height: 150px;
    background: url('../images/bg-top-banner.jpg') no-repeat top center;
    position: relative;
    text-align: center;
    color: #fff;
    line-height: 20px;
}

.bg-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
}

.top-banner .container {
    position: relative;
    padding-top: 35px;
}

.top-banner h1 {
    color: #38b25d;
    font-weight: bold;
    line-height: auto;
}

.top-banner h2 {
    font-weight: bold;
}

.top-banner span {
    font-size: 12px;
    color: #999;
}

.top-banner .btn-close {
    width: 24px;
    height: 24px;
    background: #2d2c2e url("../images/btn-close.png") no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

/* ----------------
 [3. Header]
 */
/*-----------------
 [ 3.1 Nav on top]
 */
.nav-ontop {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    padding-bottom: 0px;
    height: 50px;
    background: #F3F3F3;
    z-index: 101;
    box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.1);
}

.nav-ontop span.notify-right {
    top: 2px;
}

.nav-ontop > .container {
    position: relative;
}

.nav-ontop #box-vertical-megamenus {
    padding: 0;
}

.nav-ontop #box-vertical-megamenus .title {
    text-align: center;
    background: #F3F3F3;
    color: #999;
    padding: 0;
    height: 42px;
}

.nav-ontop #box-vertical-megamenus .title.active {
    background: #fff;
}

.nav-ontop #box-vertical-megamenus .title .btn-open-mobile {
    margin-right: 15px;
}

.nav-ontop #box-vertical-megamenus .title .title-menu {

}

.nav-ontop #box-vertical-megamenus .vertical-menu-content {
    min-width: 270px;
    position: absolute;
    display: none;
    border-top: none;
    border-right: 1px solid #eaeaea;
    /*padding-bottom: 15px;*/
    border-left: 1px solid #eaeaea;
}

.nav-ontop #box-vertical-megamenus .vertical-menu-content .vertical-menu-list {
    border-left: none;
}

.nav-ontop #box-vertical-megamenus .vertical-menu-content .all-category {
    margin-left: 20px;
}

#shopping-cart-box-ontop {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    display: none;
}

#shopping-cart-box-ontop .fa {
    line-height: 50px;
    cursor: pointer;
    font-size: 20px;
    text-align: center;
    width: 100%;
    color: #999;
}

#shopping-cart-box-ontop .shopping-cart-box-ontop-content {
    position: absolute;
    right: 0;
    top: 100%;
}

#shopping-cart-box-ontop:hover .cart-block {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    visibility: visible;
}

#user-info-opntop {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 50px;
}

#user-info-opntop a.current-open span {
    display: none;
}

#user-info-opntop a.current-open {
    height: 50px;
    padding-top: 17px;
    width: 50px;
    float: left;
    text-align: center;
}

#user-info-opntop a.current-open:hover .dropdown-menu {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -khtml-transform: translateY(0px);
    opacity: 1;
    z-index: 2;
}

#user-info-opntop a.current-open:before {
    font: normal normal normal 18px/1 iconfont;
    content: "\e743";
    color: #999;
}

#user-info-opntop .dropdown {
    height: 50px;
}

#user-info-opntop .dropdown-menu {
    border-radius: 0;
    border: none;
    top: 48px;
    right: 0;
    left: auto;
    border-top: 2px solid #38b25d;
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    opacity: 0;
    display: block;
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -o-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -khtml-transform: translateY(50px);
    z-index: 0;
    visibility: hidden;
}

#user-info-opntop .dropdown.open > .dropdown-menu {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -khtml-transform: translateY(0px);
    opacity: 1;
    z-index: 2;
    visibility: inherit;
}

#form-search-opntop {
    position: absolute;
    top: 0;
    right: 100px;
    height: 50px;
}

#form-search-opntop .form-category {
    display: none;
}

#form-search-opntop form {
    margin-top: 10px;
    border: 1px solid transparent;
    padding-right: 10px;
}

#form-search-opntop .btn-search {
}

#form-search-opntop .btn-search {
}

#form-search-opntop .btn-search:before {
    font: normal normal normal 18px/1 iconfont;
    content: "\e602";
    color: #999;
    height: 30px;
    width: 25px;
    display: block;
    padding-top: 6px;
}

#form-search-opntop .input-serach {
    height: 30px;
    padding: 5px 5px 0 15px;
}

#form-search-opntop .input-serach input {
    width: 0px;
    -webkit-transition: width 1s ease-in-out;
    -moz-transition: width 1s ease-in-out;
    -o-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out;
}

#form-search-opntop:hover form {
    border: 1px solid #dfdfdf;
    background: #fff;
}

#form-search-opntop:hover .input-serach input {
    width: 220px;
}

/*-----------------
 [ 3.2 Top header]
 */
.top-header {
    /* background: #f6f6f6;  */
    font-size: 12px;
}

.top-header .nav-top-links,
.top-header .language,
.top-header .currency,
.top-header .user-info,
.top-header .support-link,
.top-header .top-bar-social {
    color: #333;
    width: auto;
    display: inline-block;
    line-height: 34px;
    font-size: 14px;
}

.top-header .top-bar-social .fa {
    line-height: inherit;
}

.top-header .top-bar-social a {
    border: none;
    padding: 0;
    color: #999;
    font-size: 14px;
}

.top-header .support-link {
    float: right;
}

.top-header img {
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 5px;
}

.top-header a {
    border-right: 1px solid #e0e0e0;
    padding-right: 10px;
    margin-left: 10px;
}

.top-header a.first-item {
    margin-left: 0;
}

.top-header a.current-open:after {
    content: "\e9d8";
    font-family: "iconfont";
    font-size: 17px;
    vertical-align: 0;
    padding-left: 6px;
    font-weight: bold;
}

.top-header .dropdown {
    width: auto;
    display: inline-block;
}

.open {
    background: #38b25d;
}

.open a {
    color: #fff;
    border-right: 1px solid #38b25d;
}

.top-header .dropdown-menu {
    border-radius: 0;
    border: none;
    top: 100%;
    left: 0;
    margin-top: -1px;
    border-top: 2px solid #38b25d;
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    opacity: 0;
    display: block;
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -o-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -khtml-transform: translateY(50px);
    z-index: 0;
    visibility: hidden;
}

.top-header .dropdown.open > .dropdown-menu {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -khtml-transform: translateY(0px);
    opacity: 1;
    z-index: 2;
    visibility: inherit;
}

.top-header .dropdown.open > .dropdown-menu a {
    border-right: 1px solid #fff;
    margin-left: 0px;
}

.page-500 {
    text-align: center;
    padding-top: 80px;
    padding-bottom: 100px;
    border: 1px solid #f1f1f1;
    margin: 20px 0;
}

.page-500 .number {
    display: inline-block;
    letter-spacing: -10px;
    line-height: 128px;
    font-size: 128px;
    font-weight: 300;
    color: #38b25d;
    text-align: right;
}

.page-500 .number_ok {
    display: inline-block;
    letter-spacing: -10px;
    line-height: 128px;
    font-size: 120px;
    font-weight: 300;
    color: #339900;
    text-align: right;
}

.page-500 .details {
    margin-left: 40px;
    display: inline-block;
    text-align: left;
}

.page-500 .details h2, .page-500 .details p {
    padding-bottom: 8px;
    clear: both;
}

.page-500 .details p a {
    padding: 0 12px 0 8px;
    color: #FF6633;
}

/*-----------------
 [ 3.3 Main header]
 */
.main-header {
    width: 1170px;
    padding: 20px 0 20px 0;
}

.main-header .header-search-box {
    margin-top: 17px;
    padding-left: 80px;
    padding-right: 45px;

}

.main-header .header-search-box .form-inline {
    height: 41px;
    border: 2px solid #38b25d;
    position: relative;
}

.main-header .header-search-box .form-inline .form-category {
    background: #f6f6f6;
    height: 39px;
}

.main-header .header-search-box .form-inline .select2 {
    border-right: 1px solid #eaeaea;
    min-width: 152px;
    height: 40px;
}

.main-header .header-search-box .form-inline .select2 .select2-selection {
    border: none;
    background: transparent;
    margin-top: -1px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 41px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 6px;
    right: 15px;
}

.select2-dropdown {
    border: 1px solid #eaeaea;
}

.select2-container--open .select2-dropdown {
    left: -1px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 15px;
}

.main-header .header-search-box .form-inline .input-serach {
    width: calc(100%);

}

.main-header .header-search-box .form-inline .input-serach input {
    border: none;
    padding-left: 15px;
    width: 100%;
    height: 40px;
}

.main-header .header-search-box .form-inline .btn-search {
    width: 80px;
    height: 40px;
    background-color: #38b25d;
    /* background: #38b25d url("../images/search.png") no-repeat center center; */
    border: none;
    border-radius: 0;
    color: #fff;
    font-weight: bold;
    position: absolute;
    top: -1px;
    right: -1px;
}

.main-header .header-search-box .form-inline .btn-search:hover {
    opacity: 0.8;
}

.main-header .shopping-cart-box {
    margin-top: 17px;
    margin-top: 17px;
    padding: 0;
    margin-right: 15px;
    margin-left: -15px;
    line-height: normal;
}

.main-header .shopping-cart-box:hover .cart-block {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    visibility: visible;
}

.main-header .shopping-cart-box a.cart-link {
    height: 41px;
    width: 100%;
    /* border: 1px solid #eaeaea; */
    display: block;
    position: relative;
    padding: 2px 41px 0 15px;
}

.main-header .shopping-cart-box a.cart-link:hover:before {
    opacity: 0.8;
}

.main-header .shopping-cart-box a.cart-link .title {
    width: 100%;
    float: left;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 0px;
    text-align: center;
}

.main-header .shopping-cart-box a.cart-link .total {
    width: 100%;
    font-family: "Microsoft Yahei";
    font-size: 11px;
    line-height: 22px;
    position: absolute;
    left: 55px;
    bottom: 0px;
}

.main-header .shopping-cart-box a.cart-link .total em {
    font-style: normal;
    padding-right: 2px;
}

.main-header .shopping-cart-box a.cart-link:before {

    width: 41px;
    height: 41px;
    /*background: url('../images/cart.png') no-repeat center center;*/
    content: "\e629";
    font-family: "iconfont";
    text-align: center;
    line-height: 60px;
    font-size: 40px;
    color: #38b25d;
    bottom: 25px;
    position: absolute;
    top: -1px;
    left: -1px;
}

.cart-block {
    position: absolute;
    top: 100%;
    right: -1px;
    z-index: 1002;
    max-height: 500px;
    overflow-y: auto;
    background: #FFF;
    color: #666;
    width: 320px;
    opacity: 0;
    -webkit-box-shadow: 0px 4px 7px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 0px 4px 7px 0px rgba(50, 50, 50, 0.2);
    box-shadow: 0px 4px 7px 0px rgba(50, 50, 50, 0.2);

    -webkit-transition: opacity 0.5s,
    -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
    -webkit-transform: translate(0, 40px);
    -moz-transform: translate(0, 40px);
    -o-transform: translate(0, 40px);
    -ms-transform: translate(0, 40px);
    transform: translate(0, 40px);
    opacity: 0;
    display: block;
    visibility: hidden;
}

.cart-block .cart-block-content {
    padding: 20px;
    overflow: hidden;
}

.cart-block .cart-block-content .cart-title {
    text-transform: uppercase;
    font-size: 12px;
}

.cart-block .cart-block-content .cart-block-list {

}

.cart-block .cart-block-content .product-info {
    margin-top: 10px;
    border-bottom: 1px solid #eaeaea;
    display: block;
    overflow: hidden;
    padding-bottom: 10px;
}

.cart-block .cart-block-content .product-info .p-left {
    width: 100px;
    float: left;
    position: relative;
}

.cart-block .cart-block-content .product-info .p-left .remove_link {
    position: absolute;
    left: 0;
    top: 0;
}

.cart-block .cart-block-content .product-info .p-left .remove_link:after {
    content: '';
    background: url("../images/delete_icon.png") no-repeat center center;
    font-size: 0;
    height: 9px;
    width: 9px;
    display: inline-block;
    line-height: 24px;
}

.cart-block .cart-block-content .product-info .p-right {
    margin-left: 110px;
    line-height: 25px;
}

.cart-block .cart-block-content .product-info .p-right .p-rice {
    color: #38b25d;
}

.cart-block .cart-block-content .product-info .p-right .change_quantity {
    margin-top: 10px;
}

.cart-block .cart-block-content .product-info .p-right .change_quantity .blockcart_quantity_down,
.cart-block .cart-block-content .product-info .p-right .change_quantity .blockcart_quantity_up {
    float: left;
    width: 20px;
    height: 30px;
    border: 1px solid #ccc;
    padding-top: 2px;
    text-align: center;
}

.cart-block .cart-block-content .product-info .p-right .change_quantity .cart_quantity_input_text {
    width: 60px;
    border: 1px solid #ccc;
    margin-left: -1px;
    margin-right: -1px;
    height: 30px;
    line-height: 100%;
    float: left;
    text-align: center;
}

.cart-block .cart-block-content .toal-cart {
    margin-top: 10px;
}

.cart-block .cart-block-content .toal-cart .toal-price {
    font-size: 18px;
    color: #999;
}

.cart-block .cart-block-content .cart-buttons {
    overflow: hidden;
    width: 100%;
}

.cart-block .cart-block-content .cart-buttons a {
    width: 50%;
    float: left;
    margin-top: 12px;
    text-transform: uppercase;
    font-size: 13px;
    padding: 10px 0;
    text-align: center;
}

.cart-block .cart-block-content .cart-buttons a:hover {
    opacity: 0.8;
}

.cart-block .cart-block-content .cart-buttons a.btn-my-cart {
    background: #eee;
}

.cart-block .cart-block-content .cart-buttons a.btn-check-out {
    background: #38b25d;
    color: #fff;
    width: 100%;
}

span.notify {
    width: 32px;
    height: 22px;
    color: #fff;
    text-align: center;
    position: absolute;
    line-height: normal;
    font-size: 11px;
    padding-top: 3px;
    z-index: 1;

}

span.notify-left {
    background: url('../images/notify.png') no-repeat;
    right: 160px;
    top: -10px;
}

span.notify-right {
    /*background: url('../images/notify-right.png') no-repeat;*/
    /*right: 160px;*/
    /*top: -9px;*/
    /*height: 20px;*/
    /*width: 28px;*/
    /*text-align: center;*/
    /*border-radius: 40%;*/
    /*background:#38b25d;*/
}

/*-----------------
 [ 3.4 Main menu]
 */
.nav-top-menu {
    height: 45px;
    border-bottom: 3px solid #38b25d;
}

/*-----------------
 [ 3.4.1 Vertical megamenus]
 */
.box-vertical-megamenus {
    width: 210px;
    position: absolute;
    left: 15px;
    right: 15px;
    z-index: 1000;
    /*background: #fefefe;*/
}

.box-vertical-megamenus .title {
    background: #38b25d;
    color: #fff;
    height: 43px;
    line-height: 43px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    padding-left: 20px;
    padding-right: 20px;
    letter-spacing: 1px;
    overflow: hidden;
}

body.home .box-vertical-megamenus .title {
    height: 42px;
}

.box-vertical-megamenus .title .btn-open-mobile > .fa {
    line-height: inherit;
}

.box-vertical-megamenus .title .btn-open-mobile {
    font-size: 17px;
    cursor: pointer;
    line-height: 48px;
}

.box-vertical-megamenus .vertical-menu-content {
    border-top: 3px solid #38b25d;
    /*background: #f8f8f8;*/
    background: rgba(248, 248, 248, 1) none repeat scroll !important;;
    display: none;
    padding-bottom: 0px;
    position: relative;
}

.home .box-vertical-megamenus .vertical-menu-content {
    display: block;
    position: relative;
}

.box-vertical-megamenus .vertical-menu-list {
    /*border: 1px solid #dddddd;*/
    height: 475px;
}

.box-vertical-megamenus .vertical-menu-list li {
    display: block;
    line-height: 34px;
    margin-left: -1px;
    /*position: relative;*/
}

.box-vertical-megamenus .vertical-menu-list > li:hover {
    background: #38b25d;
}

.box-vertical-megamenus .vertical-menu-list > li:hover > a {
    color: #fff;
    border-color: #38b25d;
}

.box-vertical-megamenus .vertical-menu-list > li:hover > p >a {
    color: #fff;
    border-color: #38b25d;
}
.box-vertical-megamenus .vertical-menu-list  li  p.nav-content-smallp a:hover {
    text-decoration:underline;
}

.box-vertical-megamenus .vertical-menu-list > li:hover > a.parent:before {
    color: #fff;
}

.box-vertical-megamenus .vertical-menu-list > li > a {
    padding-left: 10px;
    line-height: 40px;
    display: block;
    /*font-weight: bold;*/
    font-size: 15px;
    margin-top: 5px;
    color:#333333;
}
.box-vertical-megamenus .vertical-menu-content ul > li > a.parent:before {
    display: inline-block;
    font-family: iconfont;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e62a";
    position: relative;
    top: 6px;
    /*right: 8px;*/
    left:168px;
    font-size: 16px;
    color: #666666;
}
.vertical-dropdown-menu .mega-group .mega-group-header > span:before{
    display: inline-block;
    font-family: iconfont;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e62a";
    position: relative;
    left:138px;
    font-size: 18px;
    /*color: #ffffff;*/
}
.box-vertical-megamenus .vertical-menu-content ul > li > a.parent:after {
    position: absolute;
    background: #fff;
    height: 100%;
    top: 0;
    right: -2px;
    width: 2px;
    content: ' ';
    z-index: 2000;
    opacity: 0;
}

.box-vertical-megamenus .vertical-menu-content ul > li:hover > a.parent:after {
    opacity: 1;
}

.box-vertical-megamenus .vertical-menu-content ul > li.cat-link-orther {
    display: none;
}

.box-vertical-megamenus .vertical-menu-content ul li:hover .vertical-dropdown-menu {
    visibility: visible;
    display: block;
    height: auto;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    border: 3px solid #38b25d;
    margin: 2px 0px 0px -2px;
    z-index: 99999;
}

.box-vertical-megamenus .vertical-menu-content ul li img.icon-menu {
    vertical-align: middle;
    padding-right: 15px;
}

.box-vertical-megamenus .all-category {
    text-align: center;
    margin-top: 2px;
    padding-right: 20px;
}

.box-vertical-megamenus .all-category span {
    height: 38px;
    width: 210px;
    line-height: 38px;
    border: 1px solid #eaeaea;
    text-align: center;
    display: block;
    cursor: pointer;
}

.box-vertical-megamenus .all-category span:hover {
    background: #38b25d;
    color: #fff;
    border-color: #38b25d;
}

.box-vertical-megamenus .all-category span:after {
    font: normal normal normal 14px/1 iconfont;
    content: "\e62a";
    font-weight: bold;
    margin-left: 20px;
}

.vertical-dropdown-menu {
    position: absolute;
    top: -2px;
    left: 100%;
    z-index: 900;
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    /* transition: opacity 0.5s, transform 0.5s;
  -webkit-transition: all 0.45s ease-in 0s;
  -moz-transition: all 0.45s ease-in 0s;
  -o-transition: all 0.45s ease-in 0s;
  transition: all 0.45s ease-in 0s; 
  -moz-transform: translate(-5px, 0);
  -webkit-transform: translate(-5px, 0);
  transform: translate(-5px, 0);*/
    opacity: 0;
    display: block;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    /*height: 0;*/
    background: #ecf2ee;
    border: 0px !important;
    min-width: 960px;
    min-height: 480px;!important;
}
/**/
.nav-content-smallp{
    margin-top: -16px;
    margin-bottom: -8px;
    margin-left: 26px;
    overflow: hidden;
    width:170px;
    height: 31px;
}
.nav-content-smallp a{
    font-size: 12px;
    color: #4c4c4c;
    margin-top: -1px;
    display: inline-block;
    /*padding-left: 10px;*/
    /*margin-left: 25px;*/
}
.newcdxc-header-div-navs-split{
    color: #999;
    display: inline-block;
    position: absolute;
    left: 140px;
    top: -7px;
}

/**/
.vertical-dropdown-menu .vertical-groups {
    padding: 24px 15px;
}

.vertical-dropdown-menu .mega-group {
    margin-bottom: 16px;
}
.vertical-dropdown-menu .mega-group .group-link-default{
    float: left;
    width:430px;
    margin-left: 18px;
    padding-bottom: 3px;
    border-bottom: 1px solid #dcdcdc;
}
.vertical-dropdown-menu .mega-group-header {
    /*border-bottom: 1px solid #E8E8E8;*/
    font-size: 14px;
    margin-top: 2px;
    /*display: table;*/
    display:inline-block;
    margin-right: 15px;
    min-width: 150px;
    float: left;
    margin-left: 3px;
}

.vertical-dropdown-menu .mega-group-header span {
    /*border-bottom: 1px solid #38b25d;*/
    float: left;
    margin-bottom: -1px;
}

.vertical-dropdown-menu .mega-group-header span a {
    color: #333333;
    font-weight: bold;
}

.vertical-dropdown-menu .group-link-default li {
    float: left;
    border: none !important;
    margin-right: 15px;
    padding-left: 0 !important;
    line-height: 20px !important;
    /*margin-top: 8px;*/
    margin-bottom: 13px;
}
.vertical-dropdown-menu .group-link-default li a{
    color:#333333;
}
.vertical-dropdown-menu .group-link-default li a:hover{
    color:#37B35B;
}
.vertical-dropdown-menu .mega-products .mega-product {
    border-right: 1px solid #eaeaea;
    margin-top: 15px;
    line-height: 18px;
}

.vertical-dropdown-menu .mega-products .mega-product:last-child {
    border-right: none;
}

.vertical-dropdown-menu .mega-products .mega-product .product-price .new-price {
    width: auto;
    display: inline-block;
    color: #38b25d;
}

.vertical-dropdown-menu .mega-products .mega-product .product-price .old-price {
    color: #999;
    text-decoration: line-through;
    width: auto;
    display: inline-block;
    padding-left: 20px;
}

.vertical-dropdown-menu .mega-products .mega-product .product-star {
    margin-top: 5px;
    color: #ff9900;
}

/*-----------------
 [ 3.4.2 Main menu]
 */
#main-menu {
    padding: 0;
    height: 45px;
    margin-left: -15px;
}

#main-menu .container-fluid {
    padding: 0;
}

#main-menu .navbar-header {
    display: none;
}

#main-menu .navbar {
    border: none;
    margin: 0;
    background: none;
}

#main-menu .navbar-collapse {
    padding: 0;
}

#main-menu .navbar .navbar-nav > li > a {
    font-size: 16px;
    color: #333;
    margin: 15px 0;
    padding: 0;
    border-right: 1px solid #cacaca;
    padding: 0 25px;
    background: transparent;
}

#main-menu .navbar .navbar-nav > li:last-child > a {
    border-right: none;
}

#main-menu .navbar .navbar-nav > li:hover > a,
#main-menu .navbar .navbar-nav > li.active > a {
    color: #38b25d;
    font-weight: bold;
}

#main-menu .nav,
#main-menu .collapse,
#main-menu .dropup,
#main-menu .dropdown {
    position: static;
}

#main-menu .dropdown-menu {
    border-radius: 0;
    min-width: 200px;
    border-top: none;
    left: auto;
    padding: 30px 15px;
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
    -webkit-transform: translate(0, 40px);
    -moz-transform: translate(0, 40px);
    -o-transform: translate(0, 40px);
    -ms-transform: translate(0, 40px);
    transform: translate(0, 40px);
    display: block;
    visibility: hidden;
    opacity: 0;
    background: #fff;
}

#main-menu .dropdown-menu.container-fluid {
    padding: 15px 30px;
}

#main-menu .navbar-nav > li:hover .dropdown-menu {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    visibility: visible;
}

.area_dropdown {
    height: 300px;
    width: auto;
    overflow-y: scroll;
}

#main-menu .mega_dropdown .block-container {
    padding: 0 15px;
}

#main-menu .mega_dropdown .group_header {
    text-transform: uppercase;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 13px;
    margin-top: 15px;
}

#main-menu .mega_dropdown .group_header:first-child {
    margin-top: 0;
}

#main-menu .mega_dropdown .img_container {
    padding: 0 0 5px;
}

#main-menu .dropdown-menu .block-container .link_container > a {
    line-height: 32px;
}

#main-menu .dropdown-menu .block-container .group_header > a {
    line-height: 32px;
    border-bottom: 1px solid #38b25d;
    display: inline-block;
    margin-bottom: -1px;
}

#main-menu li.dropdown > a:after {
    content: "\f107";
    font-family: "iconfont";
    font-size: 14px;
    vertical-align: 0;
    padding-left: 7px;
}

#main-menu li.dropdown:before {
    content: "\f0de";
    font-family: "iconfont";
    font-size: 15px;
    color: #fff;
    padding-left: 7px;
    position: absolute;
    bottom: -13px;
    right: 48%;
    display: none;
    z-index: 1001;
}

#main-menu li.dropdown:hover:before {
    display: none;
}

/*---------------
[4. Nav menu]
*/
.nav-menu {
    border: none;
}

.nav-menu .container-fluid {
    padding: 0;
}

.nav-menu .navbar-collapse {
    z-index: 10000;
    padding: 0;
    margin: 0;
    border: none;
}

.nav-menu .nav > li:last-child a {
    background-image: none;
}

.nav-menu .nav > li > a {
    padding: 15px 25px;
    background: url('../images/kak.png') no-repeat right center;
}

.nav-menu .navbar-toggle {
    background: url('../images/bar.png') no-repeat left center;
    height: 50px;
    margin: 0;
    padding-right: 3px;
}

.nav-menu .navbar-brand {

    font-size: 14px;
    font-weight: bold;
    display: none;
    text-transform: uppercase;
}

.nav-menu .navbar-brand a {
    color: #fff;
}

.nav-menu .toggle-menu {
    float: right;
    line-height: 49px;
    max-height: 50px;
}

.nav-menu .toggle-menu:before {
    font: normal normal normal 17px/1 iconfont;
    content: "\f0c9";
    line-height: inherit;
    color: #fff;
}

.floor-elevator {
    width: 80px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    padding-left: 15px;
    padding-right: 0px;
    padding-top: 16px;
}

.floor-elevator a {
    color: #38b25d;
    font-size: 16px;
    line-height: normal;
    text-decoration: underline;
}

.floor-elevator span {
    display: inline-block;
    margin-top: -2px;
    vertical-align: middle;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 3px;
    height: 3px;
    background-color: #38b25d;
    margin-right: 3px;
}

.floor-elevator .fa {
    font-weight: bold;
}

.floor-elevator .btn-elevator {
    height: 28px;
    display: block;
    cursor: pointer;
}

.floor-elevator .btn-elevator:hover, .floor-elevator .disabled {
    color: #ccc;
}

.floor-elevator .down {
    margin-top: -10px;
}

/** default nav **/
.nav-menu-default {
    height: 50px;
    background: #38b25d;
    border-radius: 0;
    padding: 0;
    margin: 0;
}

.nav-menu-default .navbar-collapse {
    background: #eee;
}

.nav-menu-default ul > li > a:hover,
.nav-menu-default ul > li.active > a,
.nav-menu-default ul > li.selected > a {
    background: #38b25d;
    color: #fff;
}

/** read nav **/
.nav-menu-red {
    height: 51px;
    /* background: #38b25d; */
    border-radius: 0;
    padding: 0;
    padding-bottom: 1px;
    margin: 0;
}

.nav-menu-red .navbar-collapse {
    background: #fff;
}

.nav-menu-red li a:hover,
.nav-menu-red li.active a,
.nav-menu-red li.selected a {
    background: #38b25d;
    color: #fff;
}

/**green nav**/
.nav-menu-green {
    height: 53px;
    background: #339966;
    border-radius: 0;
    padding: 0;
    padding-bottom: 3px;
    margin: 0;
}

.nav-menu-green .navbar-collapse {
    background: #fff;
}

.nav-menu-green li a:hover,
.nav-menu-green li.active a,
.nav-menu-green li.selected a {
    background: #339966;
    color: #fff;
}

/**orange nav**/
.nav-menu-orange {
    height: 53px;
    background: #ff6633;
    border-radius: 0;
    padding: 0;
    padding-bottom: 3px;
    margin: 0;
}

.nav-menu-orange .navbar-collapse {
    background: #fff;
}

.nav-menu-orange li a:hover,
.nav-menu-orange li.active a,
.nav-menu-orange li.selected a {
    background: #ff6633;
    color: #fff;
}

/** blue nav**/
.nav-menu-blue {
    height: 53px;
    background: #3366cc;
    border-radius: 0;
    padding: 0;
    padding-bottom: 3px;
    margin: 0;
}

.nav-menu-blue .navbar-collapse {
    background: #fff;
}

.nav-menu-blue li a:hover,
.nav-menu-blue li.active a,
.nav-menu-blue li.selected a {
    background: #3366cc;
    color: #fff;
}

/**gray nav**/
.nav-menu-gray {
    height: 53px;
    background: #6c6856;
    border-radius: 0;
    padding: 0;
    padding-bottom: 3px;
    margin: 0;
}

.nav-menu-gray .navbar-collapse {
    background: #fff;
}

.nav-menu-gray li a:hover,
.nav-menu-gray li.active a,
.nav-menu-gray li.selected a {
    background: #6c6856;
    color: #fff;
}

/**blue2 nav**/
.nav-menu-blue2 {
    height: 53px;
    background: #669900;
    border-radius: 0;
    padding: 0;
    padding-bottom: 3px;
    margin: 0;
}

.nav-menu-blue2 .navbar-collapse {
    background: #fff;
}

.nav-menu-blue2 li a:hover,
.nav-menu-blue2 li.active a,
.nav-menu-blue2 li.selected a {
    background: #669900;
    color: #fff;
}

.show-brand .navbar-brand {
    display: block;
    width: auto;
    margin-left: 0 !important;
    text-transform: uppercase;
    padding: 0;
    padding-left: 0px;
    line-height: 50px;
    font-size: 22px;
}

.show-brand .navbar-brand span {
    font-family: Arial;
    color: #38b25d;
    font-size: 28px;
    display: block;
    float: left;
    padding-top: 3px;
    padding-right: 15px;
    padding-left: 15px;
}

.show-brand .navbar-brand a {
    font-weight: 100;
    color: #626262;
    line-height: 53px;
}

.show-brand .navbar-brand img {
    vertical-align: middle;
    margin-right: 15px;
}

/*----------------
[5. Home slide]
*/
.header-top-right {
    margin-left: -15px;
    padding: 0;
    /*border-top: 3px solid #38b25d;*/
}

.header-top-right .homeslider {
    width: 100%px;
    float: left;
}

.header-top-right .header-banner {
    width: 230px;
    height: 480px;
    float: right;
    border: 1px solid #dddddd;
    background-color: #f8f8f8;
    position: absolute;
    bottom: 1px;
    right: 0px;
}

.header-banner .rtop{
    height:150px;
    border-bottom: 1px solid #dddddd;
}
.header-banner .info {
    text-align: center;
    padding-top: 10px;
}
.header-banner .info .a1 {
    color: #000000;
    line-height: 30px;
    font-size: 14px;
}
.header-banner .info1 {
    margin-top: 8px;
}
.header-banner .info1 .a1{
    margin:0 21px 0 23px;
    display: inline-block;
    width: 80px;
    height: 30px;
    background-color: #37B35B;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 31px;
}
.header-banner .info1 .a2{
    display: inline-block;
    width: 80px;
    height: 30px;
    background-color: #37B35B;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 31px;
}

.mod_yhd_notice {
    padding: 0px;
    height: 160px;
}

.mod_yhd_notice dt {
    height: 34px;
    margin-bottom: 5px;
    border-bottom: 1px solid #E8E8E8;
    margin-bottom: 10px;
    display: table;
    width: 100%;
}

.mod_yhd_notice dt span {
    line-height: 34px;
    color: #38b25d;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 5px;
    border-bottom: 2px solid #38b25d;
    float: left;
    padding: 2px 10px;
    margin-bottom: -1px;
}

.mod_yhd_notice dt span.active {
}

.mod_yhd_notice dd {
    padding-left: 10px;
    display: block;
    height: 26px;
    overflow: hidden;
    line-height: 26px;
}

.mod_yhd_notice dd:before {
    /* font: normal normal normal 14px/1 iconfont;
      content: "\e9db"; color:#999; */
}

.ly_index_btn {
    width: 100%;
    height: 68px;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    margin-top: 8px;
}

.ly_index_btn a {
    width: 88%;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    display: block;
    background: #FF6633;
    margin: 10px auto;
}

.mod_vip {
    position: relative;
    height: 188px;
}

.mod_vip .mod_vip_list {
    position: relative;
    overflow: hidden;
}

.mod_vip .mod_vip_list .vip_tit {
    height: 30px;
    padding: 0 15px;
    font-size: 16px;
    line-height: 26px;
    color: #333;
    margin-top: 5px;
}

.mod_vip .mod_vip_list li {
    float: left;
    width: 76px;
    height: 84px;
    margin-left: -1px;
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    text-align: center;
}

.mod_vip .mod_vip_list li a {
    display: block;
    padding: 15px 0 0 0;
    color: #666;
}

.mod_vip .mod_vip_list li .vip_iconfont {
    font-family: "iconfont" !important;
    font-size: 30px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale;
}

.lanse {
    color: #2da5e2;
}

.chengse {
    color: #e77817;
}

.hongse {
    color: #da251d;
}

.lvse {
    color: #00923f;
}

.qingse {
    color: #b1dee4;
}

.ly_shop p {
    padding-bottom: 6px;
}

.header-top-right .homeslider img {
    width: 100%;
}

.homeslider{
    height: 480px;
    width:100%;
    position: relative;
    overflow: hidden;
}

/**/
.homeslider > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    height: 480px;
}
/**/

.header-top-right .homeslider .bx-wrapper .bx-viewport {
    -moz-box-shadow: 0;
    -webkit-box-shadow: 0;
    box-shadow: none;
    border: 0;
    left: 0;
    background: #fff;
}

.header-top-right .homeslider .bx-controls-direction .bx-prev,
.header-top-right .homeslider .bx-controls-direction .bx-next {
    background: #38b25d;
    text-indent: 0px !important;
    color: #fff;
    font-size: 15px;
    text-align: center;
    line-height: 32px;
    -moz-transition: all 0.45s ease;
    -webkit-transition: all 0.45s ease;
    -o-transition: all 0.45s ease;
    -ms-transition: all 0.45s ease;
    transition: all 0.45s ease;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.header-top-right .homeslider .bx-controls-direction .bx-prev {
    left: 50%;
}

.header-top-right .homeslider .bx-controls-direction .bx-next {
    right: 50%;
}

.header-top-right .homeslider:hover .bx-controls-direction .bx-next {
    right: 10px;
    opacity: 1;
    visibility: inherit;
}

.header-top-right .homeslider:hover .bx-controls-direction .bx-prev {
    left: 10px;
    opacity: 1;
    visibility: inherit;
}

.header-top-right .homeslider .bx-controls-direction .bx-prev:hover,
.header-top-right .homeslider .bx-controls-direction .bx-next:hover {
    opacity: 0.8;
}

.header-top-right .homeslider .bx-wrapper:hover .bx-prev, .bx-wrapper:hover .bx-next {
    display: block;
}

#home-slider .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center;
    padding-right: 25px;
}

#home-slider .bx-wrapper .bx-pager .bx-pager-item {
    width: 20px;
    height: 20px;

    border-radius: 90%;
    margin-right: 5px;
    line-height: 20px;
}

#home-slider .bx-wrapper .bx-pager .bx-pager-item a {
    width: 100%;
    height: 100%;
    float: left;
    background: transparent;
    margin: 0;
    padding: 0;
    text-align: center;
    text-indent: 0px;
    border-radius: 90%;
    color: #666;
    border: 1px solid #999;
    padding-left: 1px;
}

#home-slider .bx-wrapper .bx-pager.bx-default-pager a:hover, #home-slider .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #38b25d;
    color: #fff;
    border: 1px solid #38b25d;
}

.bx-wrapper {
    margin: 0;
}

/*---------------
[6. Page top]
*/
.page-top {
    margin-top: 30px;
}

/*------------------
[6.1 Latest deals]
*/
.latest-deals {
}

.latest-deals .latest-deal-title {
    height: 54px;
    background: url("../images/latest-deal-title.png") no-repeat left center;
    padding: 0;
    margin: 0;
    line-height: 54px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    padding-left: 52px;
    margin-left: 8px;
}

.latest-deals .product-list li {
    padding-right: 0;
    border: none;
}

.latest-deals .latest-deal-content {
    border: 3px solid #38b25d;
    padding: 20px 15px 10px 15px;
}

.latest-deals .count-down-time {
    text-align: center;
    padding-bottom: 15px;

}

.latest-deals .count-down-time span {
    height: 24px;
    background: #999;
    color: #fff;
    width: auto;
    display: inline-block;
    line-height: 24px;
    margin: 0 3px;
    font-size: 18px;
    letter-spacing: 17px;
    padding-left: 7px;
    position: relative;
}

.latest-deals .count-down-time span:after {
    content: '';
    height: 24px;
    width: 2px;
    position: absolute;
    left: 25px;
    top: 0;
    background: #fff;
}

.latest-deals .count-down-time span:before {
    content: '';
    height: 24px;
    width: 11px;
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
}

.latest-deals .count-down-time span:first-child {
    margin-left: 10px;
}

.latest-deals .count-down-time b {
    margin-left: -8px;
    position: relative;
}

.latest-deals .count-down-time b:after {
    position: absolute;
    right: -1px;
    top: 0;
    content: ':';
}

.latest-deals .product-list .owl-controls {
    width: 100%;
    top: 40%;
}

.latest-deals .product-list li .right-block {
    padding: 0;
}

.latest-deals .content_price {
    width: 100% !important;
}

.latest-deals .colreduce-percentage {
    float: right;
    padding-right: 20px;
}

.latest-deals .owl-prev,
.latest-deals .owl-next {
    -moz-transition: all 0.45s ease;
    -webkit-transition: all 0.45s ease;
    -o-transition: all 0.45s ease;
    -ms-transition: all 0.45s ease;
    transition: all 0.45s ease;
    display: block;
    opacity: 0;
}

.latest-deals .owl-next {
    right: -50px;
}

.latest-deals .owl-prev {
    left: -50px;
}

.latest-deals:hover .owl-prev {
    left: -15px;
    opacity: 1;
}

.latest-deals:hover .owl-next {
    right: -15px;
    opacity: 1;
}

/*-------------------
[6.2. Popular tabs]
*/
.popular-tabs .owl-controls .owl-next {
    top: -46px;
}

.popular-tabs .owl-controls .owl-prev {
    top: -46px;
    left: inherit;
    right: 26px;
}

.popular-tabs .nav-tab {
    margin: 0;
    padding: 0;
}

.popular-tabs .nav-tab {
    margin: 0;
    border-bottom: 1px solid #eaeaea;
    overflow: hidden;

}

.popular-tabs .nav-tab li {
    list-style: none;
    display: inline;
    /* border-bottom: 2px solid #ccc; */
    margin-right: 2px;
    height: 45px;
    line-height: 45px;
    float: left;
    padding: 0 10px;
    width: 110px;
    text-align: center;
}

.popular-tabs .nav-tab li:hover, .popular-tabs .nav-tab li.active {
    border-bottom: 2px solid #38b25d;
}

.popular-tabs .nav-tab li:hover a, .popular-tabs .nav-tab li.active a {
    color: #38b25d;
}

.popular-tabs .nav-tab li a {
    font-size: 14px;
    text-transform: uppercase;
    color: #333;
    font-weight: bold;
}

.popular-tabs .tab-container {
    padding-top: 5px;
}

.popular-tabs .product-list li {
    border: 1px solid #eaeaea;
    padding-bottom: 10px;
    overflow: hidden;
}

/*--------------------
[7. Services]
*/
.service {
    padding: 19px 0;
    font-size: 12px;
    margin: 10px;
    float: left;
    min-width: 100%;
}

.service .service-item {
    margin-left: 10px;
    padding-left: 15px;
    overflow: hidden;
    width: 220px;
}

.service .service-item .icon {
    width: 58px;
    height: 58px;
    float: left;
}

.service .service-item .info {
    font-size: 16px;
    padding-left: 15px;
    margin-left: 50px;
    padding-top: 10px;
}

.service .service-item h3 {
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

.service .service-item:last-child {
    border-right: none;
}

/*----------------
[8. Product]
*/
.product-list li {
}

.product-list li:hover .add-to-cart {
    bottom: 0;
}

.product-list li:hover .quick-view a.heart {
    margin-left: 0;
}

.product-list li:hover .quick-view a.compare {
    margin-left: 0;
}

.product-list li:hover .quick-view a.search {
    margin-left: 0;
}

.product-list li .left-block {
    position: relative;
    width: 100%;
    overflow: hidden;
    /* height: 310px; */
    background: #ECECEC;
}

.product-list li .left-block a {
    display: block;
    overflow: hidden;
}
.product-list li .left-block img {
    width: 100%;
}
.product-list li .left-block p {
    position: absolute;
    left: 0;
    top: 10px;
    width: 92px;
    height: 26px;
    display: block;
    line-height: 26px;
    font-size: 12px;
    background: #fff;
    color: #333333;
    padding-left: 5px;
    border-radius: 0px 13px 13px 0px;
}

.product-list li .right-block {
    padding: 0 15px;
    margin-top: 15px;
    height: 112px;
}


.product-list li .quick-view {
    position: absolute;
    right: 20px;
    top: 20%;
    width: 32px;
    overflow: hidden;
}

.product-list li .quick-view a {
    width: 32px;
    height: 32px;
    float: left;
    border-radius: 90%;
    margin-top: 5px;
    text-align: center;
    line-height: 32px;
    color: #fff;
    display: block;
}

.product-list li .quick-view a.heart {
    -webkit-transition: margin-left 0.4s ease 0.4s;
    -moz-transition: margin-left 0.4s ease 0.4s;
    -ms-transition: margin-left 0.4s ease 0.4s;
    -o-transition: margin-left 0.4s ease 0.4s;
    transition: margin-left 0.4s ease 0.4s;
    margin-left: 200px;
    background: #FF1A2B;

}

.product-list li .quick-view a.heart:before {
    font: normal normal normal 18px/1 iconfont;
    content: "\e85e";
    display: block;
    height: 32px;
    line-height: 32px;
}

.product-list li .quick-view a.compare {
    background: #FF1A2B;
    -webkit-transition: margin-left 0.3s ease 0.3s;
    -moz-transition: margin-left 0.3s ease 0.3s;
    -ms-transition: margin-left 0.3s ease 0.3s;
    -o-transition: margin-left 03s ease 0.3s;
    transition: margin-left 0.3s ease 0.3s;
    margin-left: 200px;
}

.product-list li .quick-view a.compare:before {
    font: normal normal normal 16px/1 iconfont;
    content: "\e95f";
    display: block;
    height: 32px;
    line-height: 32px;
}

.product-list li .quick-view a.search {
    background: #FF1A2B;
    -webkit-transition: margin-left 0.2s ease 0.2s;
    -moz-transition: margin-left 0.2s ease 0.2s;
    -ms-transition: margin-left 0.2s ease 0.2s;
    -o-transition: margin-left 0.2s ease 0.2s;
    transition: margin-left 0.2s ease 0.2s;
    margin-left: 200px;
}

.product-list li .quick-view a.search:before {
    font: normal normal normal 16px/1 iconfont;
    content: "\e7ff";
    display: block;
    height: 32px;
    line-height: 32px;
}

.product-list li .quick-view a:hover {
    background-color: #FF1A2B;
}

.product-list li .add-to-cart {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    height: 50px;
    bottom: -50px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    color: #fff;
    text-align: center;
    line-height: 50px;
    -moz-transition: all 0.45s ease;
    -webkit-transition: all 0.45s ease;
    -o-transition: all 0.45s ease;
    -ms-transition: all 0.45s ease;
    transition: all 0.45s ease;

}

.product-list li .add-to-cart:hover {
    /* background-color: rgba(255,51,102,0.5); */
    border: 1px solid #FF1A2B;
}

.product-list li .add-to-cart a {
    background: url("../images/add-cart.png") no-repeat left center;
    height: 32px;
    line-height: 32px;
    color: #fff;
    width: auto;
    padding-left: 40px;
    display: inline-block;
    vertical-align: middle;

}

.product-list li .product-name {
    padding-bottom: 5px;
}

.product-list li .ly-product-name {
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-bottom: 5px;
}
.product-list li .ly-product-name a {
    font-size: 18px;
    font-weight: bold;
}

.product-list li .product-info {
    padding: 0 5px;
}

.product-list li .content_price {
    width: auto;
    display: inline-block;
    position: relative;
}
/* .product-list li .content_price em {
    position: absolute;
    display: block;
    width: 10px;
    height: 100%;
    left: 0;
    top: 7px;
    background: url(../images/reduction.png) no-repeat;
} */

.product-list li .product-price {
    font-size: 18px;
    color: #eb6100;
}

.product-list li .old-price {
    text-decoration: line-through;
    margin-left: 11px;
    line-height: 25px;
    color: #666;

}

.product-list li .colreduce-percentage {
    line-height: 28px;
}

.product-list li .group-price {
    position: absolute;
    position: absolute;
    top: 10px;
    left: 10px;
    height: auto;
}

.product-list li .group-price .price-percent-reduction {
    width: 36px;
    height: 36px;
    background: #ff6600;
    color: #fff;
    float: left;
    border-radius: 90%;
    line-height: normal;
    text-align: center;
    font-size: 12px;
    padding-top: 5px;
    margin-bottom: 5px;
}

.product-list li .price-percent-reduction2 {
    width: 52px;
    height: 44px;
    background: url("../images/price-percent-br.png") no-repeat center center;
    color: #fff;
    line-height: normal;
    text-align: center;
    font-size: 14px;
    position: absolute;
    top: 10px;
    right: 0;
    font-family: 'Arial Narrow', Arial, sans-serif;
    padding-left: 5px;
    padding-top: 2px;
}

.product-list li .group-price .product-new {
    color: #fff;
    float: left;
    line-height: 22px;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    padding: 0 10px;
    background: #ffc000;
    height: 22px;
}

.product-list li .group-price .product-sale {
    color: #fff;
    float: left;
    line-height: 22px;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    padding: 0px 10px;
    background: #ff4318;
    height: 22px;
}

.product-list li .product-star {
    width: auto;
    float: right;
    color: #ff9900;
    text-align: right;
    display: inline-block;
    padding-top: 5px;
    font-size: 13px;
}

/* ·ÖÒ³ */
.pages_bar {
    text-align: center;
    color: #333;
    padding: 40px 0px;
    margin-top: 10px;
}

.pages_bar a, .pages_bar span {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    padding: 0px 12px;
    border: 1px solid #eaeaea;
    text-align: center;
    color: #333;
    margin: 0 4px;
    font-size: 14px;
    background: #fff;
}

.pages_bar a.current_page {
    color: #FFF !important;
    border: 1px solid #38b25d;
    background: #38b25d;
}

.pages_bar a:hover {
    text-decoration: none;
    border: 1px solid #38b25d;
    color: #333;
}

.pages_bar span {
    color: #333;
}

/*------------------
[9. Owl carousel]
*/
.owl-controls {

}

.owl-controls .owl-prev {
    position: absolute;
    left: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.owl-controls .owl-next {
    position: absolute;
    right: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.owl-controls .owl-prev,
.owl-controls .owl-next {
    background: #eaeaea;
    width: 24px;
    height: 24px;
    color: #ccc;
    text-align: center;
    line-height: 24px;
}

.owl-controls .owl-prev:hover,
.owl-controls .owl-next:hover {
    background: #FF1A2B;
    color: #fff;
}

.owl-controls .owl-prev .fa,
.owl-controls .owl-next .fa {
    font-weight: bold;
}

/*-----------------
[10. Banner advertisement]
*/
.banner a {
    width: 100%;
    overflow: hidden;
    height: auto;
    display: block;
    position: relative;
}

.banner a:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    content: '';
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 300%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0, 300%, 0);
}

.banner a:hover:before {
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -300%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0, -300%, 0);
}

.banner-img,
.banner-img2 {
    position: relative;
    display: inline-block;
}

.banner-img a:before,
.banner-img2 a:before {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    bottom: 15px;
    right: 15px;
    z-index: 9;
    border-top: 1px solid rgba(255, 255, 255, 0.8);
    border-bottom: 1px solid rgba(255, 255, 255, 0.8);
    transform: scale(0, 1);
}

.banner-img2 a:before {
    border-width: 3px 0 3px 0;
}

.banner-img a:after,
.banner-img2 a:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    bottom: 15px;
    right: 15px;
    z-index: 9;
    border-left: 1px solid rgba(255, 255, 255, 0.8);
    border-right: 1px solid rgba(255, 255, 255, 0.8);
    transform: scale(1, 0);
}

.banner-img2 a:after {
    background: rgba(0, 0, 0, 0.1);
    top: 5px;
    left: 5px;
    bottom: 5px;
    right: 5px;
}

.banner-img a:hover:before,
.banner-img a:hover:after,
.banner-img2 a:hover:before,
.banner-img2 a:hover:after {
    transform: scale(1);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

/* content page */
.ly-content-page {
    width: 100%;
    padding: 0px;
    height: auto;
    display: table;
    margin-bottom: 15px;
}

.ly-content-page a {
    color: #767F88;
}

.ly-content-page a:hover {
    color: #E02222;
}

.ly-content-page .link, .ly-content-page .link:hover, .ly-content-page .link:active {
    color: #E02222;
}

.ly-content-page h2, .ly-content-page h3, .ly-content-page h4, .ly-content-page h5, .ly-content-page h6 {
    text-transform: inherit;
    padding-top: 10px;
}

.ly-content-page h3 {
    font-size: 20px;
    margin-bottom: 7px;
}

.ly-content-page h4 {
    font-size: 17px;
    margin-bottom: 4px;
}

.ly-content-page h5, .ly-content-page h6 {
    font: 700 15px 'Open Sans', Arial, sans-serif;
    margin-bottom: 2px;
}

.ly-content-page p,
.ly-content-page .list-unstyled {
    margin-bottom: 20px;
}

.ly-content-page .list-unstyled .list-unstyled {
    margin-left: 20px;
    padding-top: 3px;
    margin-bottom: 0;
}

.ly-content-page .list-unstyled li {
    margin-bottom: 3px;
}

dl.sorting {
    position: relative;
    width: 100%;
    border-top: transparent;
    text-align: left;
    overflow: hidden;
    background: #fff;
}

dl.sorting dt {
    width: 100px;
    height: 40px;
    float: left;
    text-align: center;
    color: #626262;
    line-height: 40px;
}

dl.sorting dd {
    padding-left: 75px;
}

dl.sorting dd a {
    display: block;
    float: left;
    line-height: 24px;
    padding: 0px 12px;
    border-radius: 5px;
    margin-top: 10px;
}

dl.sorting dd a.current {
    background: #FF1A2B;
    color: #fff;
    text-decoration: none;
}

dl.sorting dd a.current:link, dl.sorting dd a.current:visited, dl.sorting dd a.current:hover, dl.sorting dd a.current:active {
    color: #fff
}

.panel-success {
    webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.panel-success h3 {
    padding-bottom: 10px;
}

.hidden {
    display: none;
}

/*-----------------
[11. Page content]
*/
.content-page {
    background: #FFF;
    margin-top: 0px;
    padding-bottom: 15px;
}

/*------------------
[11.1 Category featured]
*/
.category-featured {
    margin-top: 20px;
}

/*------------------
[11.1.1 Banner featured]
*/
.category-banner {
    overflow: hidden;
}

.category-banner .banner {
    padding: 0;
    overflow: hidden;
}

.featured-text {
    position: absolute;
    right: -5px;
    top: -5px;
    background: url('../images/featured2.png') no-repeat;
    width: 75px;
    height: 75px;
    z-index: 100;
}

.featured-text span {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    width: 100%;
    height: 20px;
    line-height: 24px;
    float: left;
    margin-top: 24px;
    margin-left: 17px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    color: #003366;
    font-weight: bold;
    text-indent: -999px;
}

/*------------------
[11.1.2 Product featured]
*/
.product-featured {
    background: #fff;
}

.product-featured .product-featured-content {
    /* width: 100%; */
    float: right;
}

.product-featured .product-featured-content .product-featured-list {
    /* margin-left: 234px; */
    overflow: hidden;
}

.product-featured .banner-featured {
    /* width: 234px; */
    float: left;
    /* margin-right: -100%; */
    position: relative;
}

.product-featured .product-list li {
    border-right: 1px solid #eaeaea;
    padding-bottom: 10px;
    min-height: 350px;
}

.product-featured .product-list .owl-stage .active:last-child li {
    border: none;
}

.product-featured .owl-prev,
.product-featured .owl-next {
    -moz-transition: all 0.45s ease;
    -webkit-transition: all 0.45s ease;
    -o-transition: all 0.45s ease;
    -ms-transition: all 0.45s ease;
    transition: all 0.45s ease;
    opacity: 0;
    visibility: hidden;
}

.product-featured .owl-next {
    right: -50px;
}

.product-featured .owl-prev {
    left: -50px;
}

.product-featured .owl-carousel:hover .owl-prev {
    left: 0;
    opacity: 1;
    visibility: inherit;
}

.product-featured .owl-carousel:hover .owl-next {
    right: 0;
    opacity: 1;
    visibility: inherit;
}

/*
[11.2 Banner bootom]
*/
.banner-bottom {
    margin-top: 30px;
}

.owl-carousel .item {
    background: #eaeaea;
}

/*----------------
[12. Brand showcase]
*/
.brand-showcase {
    margin-top: 30px;
}

.brand-showcase .brand-showcase-title {
    font-size: 16px;
    text-transform: uppercase;
    color: #333;
    font-weight: bold;
    border-bottom: 3px solid #38b25d;
    line-height: 40px;
    padding-left: 10px;
}

.brand-showcase-box {
    border-bottom: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    padding-bottom: 30px;
}

.brand-showcase-box .brand-showcase-logo {
}

.brand-showcase-box .brand-showcase-logo .owl-item:last-child {
    margin-right: 0 !important;
}

.brand-showcase-box .brand-showcase-logo li {
    background: #eaeaea;
    cursor: pointer;
}

.brand-showcase-box .brand-showcase-logo li:hover, .brand-showcase-box .brand-showcase-logo li.active {
    background: #fff;
}

.brand-showcase-box .brand-showcase-logo .owl-controls .owl-prev,
.brand-showcase-box .brand-showcase-logo .owl-controls .owl-next {
    top: -18px;
}

.brand-showcase-box .brand-showcase-logo .owl-controls .owl-next {

}

.brand-showcase-box .brand-showcase-logo .owl-controls .owl-prev {
    left: inherit;
    right: 26px;
}

.brand-showcase-box .brand-showcase-logo .owl-controls .fa {
    font-weight: bold;
}

.brand-showcase-content .brand-showcase-content-tab {
    display: none;
}

.brand-showcase-content .active {
    display: block;
}

.trademark-info {
    padding-left: 45px !important;
}

.trademark-info .trademark-logo,
.trademark-info .trademark-desc {
    border-bottom: 1px dotted #999999;
    padding-bottom: 20px
}

.trademark-info .trademark-logo {
    margin-top: 30px;
}

.trademark-info .trademark-desc {
    line-height: 18px;
    margin-top: 20px;
}

.trademark-info .trademark-link {
    line-height: 30px;
    text-transform: uppercase;
    border: 1px solid #999;
    padding: 0 10px 0 15px;
    margin-top: 20px;
    float: left;
}

.trademark-info .trademark-link:after {
    font: normal normal normal 14px/1 iconfont;
    content: "\e62a";
    padding-left: 12px;
}

.trademark-product {
    padding-right: 45px;
}

.trademark-product .product-item {
    margin-top: 30px;
}

.trademark-product .image-product {
    float: left;
    width: 40%
}

.trademark-product .info-product {
    float: right;
    width: 60%;
    padding-left: 20px;
    line-height: 35px;
    padding-top: 20px;

}

.trademark-product .info-product .product-price {
    font-size: 18px;
    color: #F36;
    font-weight: bold;
}

.trademark-product .info-product .product-star {
    color: #ff9900;
    font-size: 13px;
}

.trademark-product .info-product .quick-view a {
    width: 25px;
    height: 25px;
    display: inline-block;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    text-align: center;
}

.trademark-product .info-product .btn-view-more {
    height: 26px;
    text-align: center;
    line-height: 24px;
    padding: 0 15px;
    display: inline-block;
    border: 1px solid #eaeaea;
}

.trademark-product .info-product .btn-view-more:hover {
    background: #38b25d;
    color: #fff;
}

.trademark-product .info-product .quick-view a .fa {
    text-align: center;
    line-height: 25px;
}

.trademark-product .info-product .quick-view a:hover {
    background: #38b25d;
}

/*------------------
[12. Hot categories]
*/
#hot-categories {
    margin-top: 30px
}

.group-title-box {
    margin-bottom: 20px;
}

.group-title {
    font-size: 16px;
    border-bottom: 1px solid #e1e1e1;
    font-weight: bold;
    padding-bottom: 7px;

}

.group-title span {
    border-bottom: 3px solid #38b25d;
    text-transform: uppercase;
    padding: 5px 10px;
}

.cate-box {
    padding-bottom: 20px;
}

.cate-box .cate-tit {
    background: #f4f4f4;
    height: 110px;
    overflow: hidden;
}

.cate-box .cate-tit .div-1 {
    width: 46%;
    float: left;
    padding-left: 25px;
    padding-right: 15px;
}

.cate-name-wrap {
    display: table;
    margin-bottom: 18px;
}

.cate-box .cate-name {
    font-size: 16px;
    font-weight: bold;
    height: 55px;
    display: table-cell;
    vertical-align: bottom;
}

.cate-box .cate-link {
    padding: 4px 4px 3px 7px;
    background: #999999;
    text-decoration: none;
    color: #fff;
}

.cate-box .cate-link:hover {
    background: #38b25d !important;
}

.cate-link span {
    padding-right: 12px;
    background: url('../data/cate-readmore-arrow.png') right 2px top 50% no-repeat;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 20px;
}

.cate-content {
    padding-top: 10px;
    padding-bottom: 10px;
}

.cate-content ul {
    list-style: none;
}

.cate-content ul li a:before {
    display: inline-block;
    font-family: iconfont;
    content: "\f105";
    padding: 0 10px;
    font-weight: bold;
}

.cate-box .div-2 {
    width: 54%;
    float: left;
    padding-top: 10px;
    overflow: hidden;
}

/*
[14. footer]
*/
#footer {
    /*background: #eee;*/
}

/** add-box **/
#address-list .tit-name {
    float: left;
    font-weight: bold;
    width: 40px;
    padding-right: 5px;
}

#address-list {
    margin-top: 18px;
}

#address-list .tit-contain {
    display: flex;
}

/** #introduce-box **/
#introduce-box {
    margin-top: 40px;
    margin-bottom: 40px;
    font-size: 14px;
}

.introduce-title {
    text-transform: uppercase;
    color: #666;
    font-size: 18px;
    list-style: none;
    font-weight: bold;
    margin-bottom: 0px;
}

.introduce-list li {
    padding-top: 2px;
    padding-bottom: 2px;
    font-style: normal;
}

.introduce-list {
    font-style: normal;
}

/** contact-box **/
#mail-box {
    margin-bottom: 20px;
}

#mail-box input {
    height: 30px;
    background: #fff;
    width: 100%;
    padding-left: 10px;
}

#mail-box .btn {
    font-weight: bold;
    color: #fff;
    height: 30px;
    border-radius: 0;
    background: #38b25d;
    border: none;
    outline: none;
}

#mail-box .btn:hover {
    z-index: 0;
    opacity: 0.8;
    transition: 0.3s;
}

/** /#introduce-box **/
/** #trademark-box **/
#trademark-text-box {
    font-size: 13px;
}

#trademark-list {
    list-style: outside none none;
    border-top: 1px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
    margin-bottom: 30px;
    display: table;
    width: 100%;
    margin-top: 30px;
}

#trademark-list li {
    display: inline-block;
    padding: 10px 11px;
}

#trademark-list li:last-child {
    padding-right: 0;
}

#trademark-list #payment-methods {
    display: table-cell;
    vertical-align: middle;
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 0px;
}

.trademark-text-tit {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
}

.trademark-list {
    list-style: none;
    margin-bottom: 10px;
}

.trademark-list li {
    display: inline;
    padding: 0 7px 0 5px;
    border-right: 1px solid #666666;
}

.trademark-list li:first-child {
    border-right: none;
    padding-right: 0;
    padding-left: 0;
}

.trademark-list li:last-child {
    border-right: 0;
    padding-right: 0;
}

.social-link {
    margin-bottom: 2px;
}

.social-link a:hover {
    opacity: 0.8;
}

.social-link .fa {
    width: 30px;
    height: 30px;
    color: #fff;
    line-height: 30px;
    text-align: center;
}

.social-link .fa-facebook {
    background: #415a99;
}

.social-link .fa-pinterest-p {
    background: #cb222a;
}

.social-link .fa-vk {
    background: #5b7fa6;
}

.social-link .fa-twitter {
    background: #00caff;
}

.social-link .fa-google-plus {
    background: #da4735;
}

.social-link p {
    color: #ff9000;
    font-family: Arial;
    font-size: 16px;
    padding-bottom: 2px;
}

.social-link p.cn {
    font-family: "Microsoft Yahei", "Arial";
    font-size: 16px;
    font-weight: 100;
}

/** #footer-menu-box **/
#footer {
    /*background: #f2f2f2;*/
}

/*友情链接*/
.friend{
    border-bottom: #d4d4d4 1px dotted;
    border-top: #7d7a74 1px solid;
    padding: 28px 0 25px;
}

#footer-menu-box {
    margin-top: 10px;
    padding: 20px;
    /*background-color: #959595;*/
    /*color: #FFF;*/
    text-align: center;
}

.min-footer {
    background-color: #fff;
    color: #666;
}

.min-footer p {
    text-align: center;
}

.footer-menu-list {
    list-style: none;
    text-align: center;
    margin-bottom: 5px;
}

.footer-menu-list li {
    display: inline;
    padding: 0 7px 0 5px;
    border-right: 1px solid #0066cc;
}

.footer-menu-list li:last-child {
    border-right: none;
}

.footer-menu-list li a {
    color: #0066cc;
}

.footer-menu-list li a:hover {
    text-decoration: underline;
    transition: all 0.3s;
}

.scroll_top {
    width: 60px;
    height: 60px;
    position: fixed;
    display: none;
    z-index: 9999;
    right: 20px;
    /*background: #38b25d;*/
    text-align: center;
    background-image: url("../images/qq.png");
    background-size: cover;
}

.top1 {
    bottom: 25px;
    background-image: none;
}

.top1:before {
    content: "\e865";
    font-family: "iconfont";
    font-size: 50px;
    /*color: #fff;*/
    color: #38b25d;
    text-align: center;
    line-height: 60px;
    bottom: 25px;
}

.top2 {
    background-image: none;
}

.top2:before {
    content: "\e973";
    font-family: "iconfont";
    font-size: 40px;
    /*color: yellow;*/
    text-align: center;
    line-height: 60px;
    display: block;
}

.top3 {
    /*content: "\e618";*/
    /*font-family: "iconfont";*/
    /*font-size: 40px;*/
    /*color: yellow;*/
    /*text-align: center;*/
    line-height: 120px;
    display: block;

}


/*------------------
[15. Breadcrumb]
*/
.breadcrumb {
    background: none;
    padding: 0;
    margin: 0;
    padding-bottom: 17px;
    line-height: normal;
}

.breadcrumb .navigation-pipe:before {
    content: "\e9c9";
    font-size: 14px;
    display: inline-block;
    text-align: right;
    width: 6px;
    color: #666;
    font-family: "iconfont";
    padding: 0 15px 0 7px;
}

/*------------------
[16. Columns]
*/
#columns {
    padding-top: 16px;
    padding-bottom: 30px;
}

/*--------------
16.1 Left column
*/
#left_column .left-module {
    width: 210px;
    margin-bottom: 15px;
    overflow: hidden;
}

#left_column .left-module .owl-dots {
    bottom: 5px;
}

#left_column .left-module:last-child {
    margin-bottom: 0;
}

#left_column .left-module img {
    margin: 0 auto;
}

#left_column .block {
    /* border: 1px solid #eaeaea; */
}

#left_column .block .title_block {
    font-weight: bold;
    padding-left: 15px;
    text-transform: uppercase;
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: left;
    background:url('../images/rankingback.png') no-repeat;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #FF1A2B;
    font-size: 16px;
}
.marker1 {
    background: url('../images/marker1.png') no-repeat;
}
.marker2 {
    background: url('../images/marker2.png') no-repeat;
}
.marker3 {
    background: url('../images/marker3.png') no-repeat;
}
.marker4 {
    background: url('../images/marker4.png') no-repeat;
}

#left_column .block .block_content {
    background: #fff;
    padding-top: 10px;
}
.

.layered .layered_subtitle {
    color: #666;
    font-size: 16px;
    padding-bottom: 4px;
    text-transform: uppercase;
}

.layered .layered-content {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 15px;
    margin-bottom: 15px;
    padding-top: 15px;
}

.layered .layered-content:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.layered .layered-content:first-child {

}

.layered-category .layered-content {
    border-bottom: none;
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 0;
}

.tree-menu li {
    line-height: 28px;
    padding-left: 35px;
}

.tree-menu li:hover > a,
.tree-menu li.active > a,
.tree-menu li:hover > span:before,
.tree-menu li.active > span:before {
    color: #FF1A2B;
}

.tree-menu > li > span:before {
    content: "\e9db";
    font-size: 14px;
    display: inline-block;
    text-align: right;
    color: #666;
    font-family: "iconfont";
    padding-right: 8px;
    color: #ccc;
    font-weight: bold;
    cursor: pointer;
}

.tree-menu > li > span.open:before {
    content: "\f107";
    font-size: 14px;
    display: inline-block;
    text-align: right;
    color: #666;
    font-family: "iconfont";
    padding-right: 12px;
    color: #ccc;
    font-weight: bold;
    cursor: pointer;
}

.tree-menu > li > ul {
    padding-left: 17px;
    display: none;
}

.tree-menu > li > ul > li {
    border-bottom: 1px dotted #eaeaea;
}

.tree-menu > li > ul > li:last-child {
    border: none;
}

.tree-menu > li > ul > li > span:before {
    content: "\ea8f";
    font-size: 10px;
    display: inline-block;
    text-align: right;
    color: #666;
    font-family: "iconfont";
    padding-right: 8px;
    color: #ccc;
}

/** FILTER PRICE **/
.layered-filter-price .amount-range-price {
    padding: 15px 0;
}

.layered-filter-price .slider-range-price {
    height: 7px;
    background: #38b25d;
    border: none;
    border-radius: 0;
}

.layered-filter-price .slider-range-price .ui-widget-header {
    background: #ccc;
    height: 7px;
}

.layered-filter-price .slider-range-price .ui-slider-handle {
    border: none;
    border-radius: 0;
    background: url("../images/range-icon.png") no-repeat;
    cursor: pointer;
}

.check-box-list {
    overflow: hidden;
}

.check-box-list li {
    line-height: 24px;
}

.check-box-list label {
    display: inline-block;
    cursor: pointer;
    line-height: 12px;
}

.check-box-list label:hover {
    color: #38b25d;
}

.check-box-list input[type="checkbox"] {
    display: none;
}

.check-box-list input[type="checkbox"] + label span.button {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 13px;
    background: url("../images/checkbox.png") no-repeat;
    padding: 0;
    border: none;
}

.check-box-list input[type="checkbox"]:checked + label span.button {
    background: #38b25d url("../images/checked.png") no-repeat center center;

}

.check-box-list input[type="checkbox"]:checked + label {
    color: #38b25d;
}

.check-box-list label span.count {
    color: #a4a4a4;
    margin-left: 2px;
}

.filter-color ul {
    padding: 0;
    margin: 0;
    overflow: hidden;
    margin-left: -5px;
    margin-right: -5px;
    margin-top: -5px;
}

.filter-color li {
    display: inline;
    padding: 0;
    margin: 0;
    line-height: normal;
    float: left;
    padding: 5px;
}

.filter-color li label {
    border: 1px solid #eaeaea;
    width: 20px;
    height: 20px;
    padding-top: 6px;
    padding-left: 6px;
    float: left;
}

.filter-color li input[type="checkbox"] + label span.button {
    background: none;
    margin: 0;
}

.filter-color li input[type="checkbox"]:checked + label {
    border-color: #38b25d;
}

.filter-size {
    max-height: 200px;
    overflow-y: auto;
}

.filter-size li {
    width: 50%;
    float: left;
}

.owl-controls .owl-dots {
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    width: 100%;
}

.owl-controls .owl-dots .owl-dot {
    width: 14px;
    height: 14px;
    background: #adadad;
    display: inline-block;
    margin: 0 6px;
    border-radius: 90%;
}

.owl-controls .owl-dots .owl-dot.active {
    background: #38b25d;
}

/** special-product**/
.products-block {
    overflow: hidden;
}

.products-block .products-block-left {
    width: 100%;
    margin-bottom: 10px;    
}
.products-block .products-block-left img {
    width: 100%;
}
.products-block .products-block-left span {
    position: absolute;
}
.products-block .products-block-left span a {
    display: block;
    width: 36px;
    height: 33px;
    position: absolute;
    top: -6px;
}

.products-block .products-block-left span a.badge-important {
    background: #fe6a00;
}

.products-block .products-block-left span a.badge-success {
    background: #37b35d;
}

.products-block .products-block-right {
    /* margin-left: 103px; */
}

.products-block .product-price {
    font-size: 16px;
    color: #FF1A2B;
}

.products-block .product-star {
    color: #ff9900;
}

.products-block-bottom {
    padding-top: 15px;
}

.products-block .link-all {
    height: 35px;
    width: 120px;
    border: 1px solid #38b25d;
    line-height: 33px;
    font-size: 14px;
    color: #38b25d;
    display: block;
    margin: 0 auto;
    text-align: center;
    clear: both;
    background: #38b25d;
    color: #fff;
}

.products-block .link-all:hover {
    opacity: 0.8;
}

.products-block .link-all:after {
    font: normal normal normal 13px/1 iconfont;
    content: "\e9db";
    margin-left: 10px;
}

.best-sell li {
    /* border-bottom: 1px solid #eaeaea; */
    padding: 10px 0;
}

.best-sell li:first-child {
    padding-top: 0;
}

.best-sell li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.owl-best-sell {
    padding-bottom: 35px;
}

#left_column .block .block_content.product-onsale {
    padding: 15px 20px;
}

#left_column .block .block_content.product-onsale .product-list {
    padding-bottom: 25px;
}

#left_column .block .block_content.product-onsale .product-list .product-container {
    border: none;
}

#left_column .block .block_content.product-onsale .product-list .product-container .right-block {
    padding: 0;
}

.product-bottom {
    padding-top: 10px;
    text-align: center;
}

.btn-add-cart {
    height: 35px;
    width: auto;
    line-height: 32px;
    font-size: 16px;
    color: #FF1A2B;
    display: block;
    float: left;
    margin: 0px auto;
    text-align: center;
    padding: 0 15px;
    border-radius: 4px;
    border: 2px solid #FF1A2B;
}

.btn-add-cart:hover {
    color: #FF1A2B;
    opacity: 0.8;
}

.btn-add-cart:before {
    width: 16px;
    height: 100%;
    float: left;
    background: url("../images/cart.png") no-repeat scroll left center;
    content: " ";
    margin-right: 15px;
}

.btn-add-buy {
    height: 35px;
    width: auto;
    line-height: 35px;
    font-size: 16px;
    color: #fff;
    display: block;
    float: left;
    margin: 0px auto;
    text-align: center;
    padding: 0 30px;
    margin-right: 10px;
    background: #FF1A2B;
    border-radius: 4px;
}

.btn-add-buy:hover {
    color: #fff;
    opacity: 0.8;
}
.btn-design {
    height: 35px;
    width: auto;
    line-height: 35px;
    font-size: 16px;
    color: #fff;
    display: block;
    float: left;
    margin: 0px auto;
    text-align: center;
    padding: 0 30px;
    margin-left: 10px;
    background: #449D44;
}

button[disabled], html input[disabled], button[disabled]:hover, html input[disabled]:hover {
    background: #ccc;
    border-color: #ccc;
    color: #ffffff;
}

.btn-add-favorite {
    height: 35px;
    width: 35px;
    line-height: 35px;
    font-size: 14px;
    color: #fff;
    display: block;
    float: left;
    margin: 0px auto;
    text-align: center;
    background: #FF6666;
    margin-left: 10px;
}

.btn-add-favorite:hover {
    color: #fff;
    opacity: 0.8;
}

.btn-add-favorite:before {
    width: 42px;
    height: 42px;
    line-height: 42px !important;
    height: 100%;
    float: left;
    font: normal normal normal 20px/1 iconfont;
    content: "\e85e";
    display: block;
}

/* grade style start */
.grade-star {
    background: rgba(0, 0, 0, 0) url("../images/commentsListIcons.png") no-repeat scroll -183px -239px;
    height: 16px;
    width: 85px;
    display: block;
    float: left;
}

.grade-star.g-star0 {
    background-position: -83px 0;
}

.grade-star.g-star1 {
    background-position: -68px 0;
}

.grade-star.g-star2 {
    background-position: -51px 0;
}

.grade-star.g-star3 {
    background-position: -34px 0;
}

.grade-star.g-star4 {
    background-position: -17px 0;
}

.grade-star.g-star5 {
    background-position: 0 0;
}

/** tags **/
.tags {
    line-height: 26px;
}

.tags span {
    padding: 0 5px;
}

.tags .level1 {
    font-size: 12px;
}

.tags .level2 {
    font-size: 16px;
}

.tags .level3 {
    font-size: 18px;
}

.tags .level4 {
    font-size: 20px;
}

.tags .level5 {
    font-size: 24px;
}

/** testimonials **/
.testimonials {
    padding-bottom: 38px;
}

.testimonials .client-mane {
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
}

.testimonials .client-avarta {
    margin-top: 10px;
    text-align: center;
}

.testimonials .client-avarta img {
    width: 110px;
    height: 110px;
    border: 3px solid #eaeaea;
    border-radius: 90%;
    margin: 0 auto;
}

/*--------------------
[16.2 Center column]
*/

.category-slider .owl-controls .owl-prev,
.category-slider .owl-controls .owl-next {
    background: #aaa;
    width: 40px;
    height: 40px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    -moz-transition: all 0.45s ease;
    -webkit-transition: all 0.45s ease;
    -o-transition: all 0.45s ease;
    -ms-transition: all 0.45s ease;
    transition: all 0.45s ease;
    position: absolute;
    visibility: hidden;
    opacity: 0;

}

.category-slider .owl-controls .owl-prev:hover,
.category-slider .owl-controls .owl-next:hover {
    background: #FF1A2B;
}

.category-slider .owl-controls .owl-prev {
    left: 50%;
}

.category-slider .owl-controls .owl-next {
    right: 50%;
}

.category-slider:hover .owl-controls .owl-next {
    right: 0;
    visibility: inherit;
    opacity: 1;
}

.category-slider:hover .owl-controls .owl-prev {
    left: 0;
    visibility: inherit;
    opacity: 1;
}

/** subcategories **/
.subcategories {
    height: auto;
    display: table;
    width: 100%;
    margin-top: 10px;
    background: #fff;
}
.subcategories h2 {
    float: left;
    width: 78px;
    height: 34px;
    background: #e9e9e9;
    color: #333333;
    text-align: center;
    font-size: 14px;
}

.subcategories ul {
    overflow: hidden;
    float: left;
}

.subcategories li {
    display: inline;
    float: left;

}

.subcategories li a {
    height: 26px;
    float: left;
    line-height: 26px;
    padding: 0 10px;
    font-size: 13px;
}

/*.subcategories li a:hover {*/
    /*background: #f2f2f2;*/
    /*color: #666;*/
/*}*/

.subcategories li.current-categorie {
    position: relative;
    background: #FF1A2B;
}

.subcategories li.current-categorie a {
    background: #FF1A2B;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
}

.subcategories li span {
    display: block;
    float: right;
    width: 20px;
    height: 34px;
}

.subcategories li span.r:after {
    font-family: 'iconfont';
    font-weight: bold;
    content: "\ea74";
}

.subcategories li span.asc:after {
    font-family: 'iconfont';
    font-weight: bold;
    content: "\e9ce";
}

.subcategories li span.desc:after {
    font-family: 'iconfont';
    font-weight: bold;
    content: "\e9d0";
}

.view-product-list {
    margin-top: 20px;
    margin-left:5px;
    position: relative;
}

.page-heading {
    text-align:center;
    height: 41px;
    border-bottom: 1px solid #eaeaea;
    line-height: 40px;
    position: relative;
    font-size: 24px;
    margin-left:16px;
    margin-right:60px;
}

.page-heading span.page-heading-title {
    border-bottom: 3px solid #38b25d;
    position: absolute;
    bottom: -1px;
    padding: 0 12px;
}

.page-heading span.page-heading-title2 {
    text-transform: uppercase;
}

.no-line {
    border-bottom: none;
}

.view-product-list .display-product-option {
    position: absolute;
    top: -45px;
    right: 0px;
}

/** botton view option **/
.display-product-option {
    width: 68px;
    height: 34px;
    float: right !important;
}

.display-product-option li.view-as-grid span {
    width: 34px;
    height: 34px;
    display: block;
    float: left;
    cursor: pointer;
    text-indent: -9999px;
    background: url("../images/grid-view-bg.png") 0 0 #666;
    border: none;
    float: left;
}

.display-product-option li.view-as-list span {
    width: 34px;
    height: 34px;
    display: block;
    float: left;
    cursor: pointer;
    text-indent: -9999px;
    background: url("../images/list-view-bg.png") 0 0 #666;
    border: none;
    float: right;
}

.display-product-option li.selected span,
.display-product-option li:hover span {
    background-color: #FF1A2B;
    background-position: 0 -34px;
}

.view-product-list .product-list.grid, .view-product-list .product-list.list {
    margin-top: -10px;
}

.product-list .btn-block {
    overflow: hidden;
    padding-top: 23px;
}

.product-list .describe {
    /* margin-top: 22px; */
}
.product-list .describe p {
    font-size: 14px;
    color: #666666;
    position: relative;
    width: 280px;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.product-list .new-product-block {
    float: right;
    margin-top: 10px;
}
.product-list .new-product-block .new-product-left {
    display: block;
    float: left;
    height: 28px;
    background-color: #FF1A2B;
    text-align: center;
    padding: 0 30px;
    border-radius: 15px;
}

.product-list .new-product-block .new-product-left a {
    color: #FFFFFF;
    font-size: 14px;
    line-height: 26px;
}

.product-list .btn-block .btn-right {
    display: block;
    float: left;
    border: 1px solid #ff1a2b;
    height: 28px;
    border-radius: 15px;
    text-align: center;
    margin-right: 40px;
    padding: 0 32px;
}

.product-list .btn-block .btn-right a {
    color: #FF1A2B;
    font-size: 14px;
    line-height: 26px;
}

.product-list .btn-block .btn-right a:before {
    font-size: 16px;
    line-height: 28px;
    font-family: 'iconfont';
    content: '\e85e ';
}

.product-list .new-porduct-block .new-porduct-left:before {
    font-size: 16px;
    line-height: 28px;
    font-family: 'iconfont';
    color: #FFFFFF;
    content: '\e629 ';
}

.product-list .info-orther {
    display: none;
    color: #999;
}

.product-list.grid li {
    margin-top: 5px;
    margin-bottom: 10px;
    width: 310px;
    float: left;
    background: #fff;
    border-radius: 6px;
    margin-left: 20px;
}
/* .product-list.grid li:nth-child(3n + 1) {
    margin-left: 5px;
} */

.product-list.grid .info-orther {
    display: none;
}

.product-list.list li {
    width: 100%;
    margin-top: -1px;
}

.product-list.list li .product-container {
    border: none;
    border-bottom: 1px solid #eaeaea;
    border-left: 1px solid transparent;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
}

.product-list.list li:first-child .product-container {
    margin-top: 20px;
}

.product-list.list li:hover .product-container {
    border: 1px solid #eaeaea;
}

.product-list.list .left-block {
    width: 168px;
    height: 168px;
    float: left;
    position: inherit;
}

.product-list.list .left-block img {
    width: 148px;
    height: 148px;
}

.product-list.list .add-to-cart {
    top: 120px;
    left: 202px;
    bottom: inherit;
    width: 129px;
    height: 36px;
    background: #FFFFFF;
    line-height: 36px;
    position: absolute;
}

.product-list.list .add-to-cart a {
    height: 36px;
    background: url("../images/cart.png") no-repeat left center;
    margin-left: 10px;
    padding-left: 25px;
    width: 114px;
    color: #38b25d;
}

.product-list.list .quick-view {
    width: 129px;
    right: 36px;
    top: 124px;
    text-align: center;
    padding-left: 5px;
}

.product-list.list .quick-view a {
    margin: 0 10px;
}

.product-list.list .quick-view a:last-child {
    margin: 0;
}

.product-list.list .quick-view a.heart {
    margin-left: inherit;
}

.product-list.list .quick-view a.compare {
    margin-left: inherit;
}

.product-list.list .quick-view a.search {
    margin-left: inherit;
}

.product-list.list .group-price {
    top: 34px;
    left: 25px;
}

.product-list.list .product-star {
    width: 100%;
    float: left;
    text-align: left;
    font-size: 14px;
    line-height: 26px;
    padding-top: 6px;
}

.product-list.list li .content_price {
    margin-top: -3px;
}

.product-list.list .right-block {
    width: 682px;
    float: left;
    margin-top: 20px;
    line-height: 26px;
}

.product-list.list .info-orther {
    display: block;
}

.product-list.list .right-block .product-name {
    font-size: 14px;
}

.product-list.list .right-block .availability span {
    color: #38b25d;
}

.product-list.list .right-block .product-desc {
    line-height: 24px;
    margin-top: 20px;
}

.product-list.style2.grid .add-to-cart {
    position: inherit;
    background: none;
    margin-top: 5px;

}

.product-list.style2.grid .add-to-cart a {
    background: #38b25d;
    padding: 0 15px;
}

.product-list.style2.grid .add-to-cart a:hover {
    opacity: 0.8;
}

.product-list.style2.grid .add-to-cart a:before {
    content: '';
    width: 16px;
    height: 100%;
    background: url("../images/cart.png") no-repeat left center;
    float: left;
    margin-right: 10px;
}

/** sortPagiBar **/
.sortPagiBar {
    margin-top: 20px;
}

.sortPagiBar .page-noite {
    line-height: 30px;
}

.sortPagiBar .sort-product,
.sortPagiBar .show-product-item {
    float: right;
    border: 1px solid #eaeaea;
    height: 31px;
    margin-left: 23px
}

.sortPagiBar select {
    background: transparent;
    padding: 0 10px;
    height: 29px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../images/dropdown.png") no-repeat right center #fafafa;
    padding-right: 20px;
    display: inline-block;
    font-size: 13px;
}

.sortPagiBar .sort-product .sort-product-icon {
    display: inline-block;
    width: 38px;
    text-align: center;
    float: right;
    height: 29px;
    border-left: 1px solid #eaeaea;
    background: #fafafa;
    padding-top: 8px;
}

.sortPagiBar .bottom-pagination {
    width: auto;
    float: right;
    margin-left: 23px;
}

.sortPagiBar .bottom-pagination .pagination {
    padding: 0;
    margin: 0;
    border-radius: 0;
}

.sortPagiBar .bottom-pagination .pagination a:hover {
    background: #38b25d;
    color: #fff;
}

.sortPagiBar .bottom-pagination .pagination .active a {
    background: #38b25d;
    color: #fff;
}

.sortPagiBar .bottom-pagination .pagination > li:first-child > a,
.sortPagiBar .bottom-pagination .pagination > li:first-child > span {
    margin-left: 0px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.sortPagiBar .bottom-pagination .pagination > li > a,
.sortPagiBar .bottom-pagination .pagination > li > span {
    position: relative;
    float: left;
    padding: 5px 12px;
    margin-left: -1px;
    line-height: 1.42857;
    color: #999;
    text-decoration: none;
    background-color: #fafafa;
    border: 1px solid #eaeaea;
}

.sortPagiBar .bottom-pagination .pagination > li:last-child > a,
.sortPagiBar .bottom-pagination .pagination > li:last-child > span {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/*----------------------
[17. Order page]
*/
.page-content {
    margin-top: 10px;
}

.page-order ul.step {
    width: 100%;
    clear: both;
    overflow: hidden;
}

.page-order ul.step li {
    display: inline;
    line-height: 30px;
    width: 20%;
    float: left;
    text-align: center;
    border-bottom: 3px solid #ccc;
}

.page-order ul.step li.current-step {
    border-bottom: 3px solid #FF1A2B;
}

.page-order .heading-counter {
    margin: 30px 0;
    padding: 15px;
    border: 1px solid #eaeaea;
}

.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
    border-bottom-width: 0px;
}

.page-order .cart_navigation a {
    padding: 10px 20px;
    border: 1px solid #eaeaea;
}

.page-order .cart_avail {
    text-align: center;

}

.page-order .cart_avail .label {
    white-space: normal;
    display: inline-block;
    padding: 6px 10px;
    font-size: 14px;
    border-radius: 0px;
}

.page-order .product-name {
    font-size: 16px;
}

.page-order .cart_description {
    font-size: 14px;
}

.page-order .cart_avail .label-success {
    background: #FFF;
    border: 1px solid #55c65e;
    color: #48b151;
    font-weight: normal;
}

.page-order .cart_navigation a.next-btn {
    float: right;
    background: #38b25d;
    color: #fff;
    border: 1px solid #38b25d;
}

.page-order .cart_navigation a.next-btn:hover {
    background: #FF6600;
    border: 1px solid #FF6600;
}

.page-order .cart_navigation a.prev-btn {
    float: left;
}

.page-order .cart_navigation a.prev-btn:before {
    font: normal normal normal 12px/1 iconfont;
    content: "\e660";
    padding-right: 15px;
}

.page-order .cart_navigation a.next-btn:after {
    font: normal normal normal 12px/1 iconfont;
    content: "\e714";
    padding-left: 15px;
}

.page-order .cart_navigation a:hover {
    background: #38b25d;
    color: #fff;
}

.cart_summary > thead,
.cart_summary > tfoot {
    background: #f7f7f7;
    font-size: 16px;
}

.cart_summary > thead > th {
    border-bottom-width: 1px;
    padding: 20px;
}

.cart_summary td {
    vertical-align: middle !important;
    padding: 20px;
}

.cart_summary .table > tbody > tr > td, .table > tbody > tr > th,
.cart_summary .table > tfoot > tr > td, .table > tfoot > tr > th,
.cart_summary .table > thead > tr > td, .table > thead > tr > th {
    padding: 10px;
}

.cart_summary img {
    max-width: 100px;
}

.cart_summary td.cart_product {
    padding: 10px;
}

.cart_summary .price {
    text-align: right;
}

.cart_summary .qty {
    text-align: center;
    width: 140px;
}

.cart_summary .qty input {
    text-align: center;
    max-width: 50px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    border-radius: 0px;
    float: left;
    border: 1px solid #eaeaea;
}

.cart_summary .qty .ly_cart_act {
    width: 20px;
    height: 40px;
    float: left;
}

.cart_summary .qty a.reduce {
    width: 30px;
    height: 40px;
    line-height: 40px;
    float: left;
    border: 1px solid #eaeaea;
    display: block;
    font-size: 18px;
    font-weight: bold;
}

.cart_summary .qty a:hover {
    background: #38b25d;
    border: 1px solid #38b25d;
    color: #fff;
}

.cart_summary .action {
    text-align: center;

}

/* ¹ºÎï³µ */
.flow_cart {
    height: 32px;
    line-height: 32px;
    margin-bottom: 18px;
    padding-right: 1px;
}

.flow_cart ul li {
    width: 200px;
    line-height: 32px;
    float: left;
    font: 700 14px/32px;
    text-align: center;
    background: #e6e6e6 url(../images/shipping_step.png) no-repeat right top;
    color: #666;
}

.flow_step_no1 .step_1, .flow_step_no2 .step_2, .flow_step_no3 .step_3 {
    background-color: #38b25d;
    color: #fff;
}

.flow_step_no1 .step_1, .flow_step_no1 .step_2, .flow_step_no3 .step_1 {
    background-position: right -66px;
}

.flow_step_no1 .step_3, .flow_step_no2 .step_3, .flow_step_no3 .step_3 {
    background-position: -999px -999px;
}

.flow_step_no2 .step_1 {
    background-color: #f3f3f3;
    background-position: right -33px;
}

.flow_step_no2 .step_2 {
    background-position: right -66px;
}

/* .flow_step_no3 .step_1,.flow_step_no3 .step_2{ background-color:#fdc8c8; } */
.flow_step_no3 .step_2 {
    background-position: right -33px;
}

label.badge {
    margin-right: 5px;
}

;

.cart_summary .action a:before {
    font: normal normal normal 14px/1 iconfont;
    content: "\e660";
    width: 20px;
    height: 20px;
    display: block;
    line-height: 20px;
    color: #38b25d;
    margin: 0 auto;
}

.cart_summary tfoot {
    text-align: right;
}

.cart_navigation {
    margin-top: 10px;
    float: left;
    width: 100%;
}

/*
[18. Product page]
*/

#product .pb-right-column {
    padding: 0px;
    line-height: 25px;
}


#product .pb-right-column .t-product,
#product .pb-right-column .m-product,
#product .pb-right-column .b-product {
    padding-top: 20px;
    padding-left: 12px;
    /* padding-bottom: 10px; */
    width: 726px;
    overflow: hidden;
}
.t-product{
    background:url('../new_image/greyblock.png') no-repeat;
}

.product-set-meal {
    float: left;
    margin-left: 20px;
}
.product-set-meal ul li {
    position: relative;
    float: left;
    margin-right: 15px;
    color: #CA8100;
    font-weight: 400;
    border: 1px dashed rgba(225,177,90,1);
    border-radius: 4px;
    margin-top: 5px;
    min-width: 72px;
    text-align: center;
}
.product-set-meal ul li img {
    display: block;
    width: 36px;
    position: absolute;
    right: -1px;
    top: -8px;
}
.product-set-meal .setmeal-active {
    background: #FFEDCE;
    border: 1px solid;
    border-bottom-right-radius: 0;
}
.product-set-meal .setmeal-active::after {
    content: '';
    display: block;
    width: 15px;
    background: url(../new_image/select_group_gou.png) no-repeat;
    height: 13px;
    position: absolute;
    bottom: 0;
    background-size: 15px;
    right: 0;
}
.t-product h1{
    margin-bottom: 10px;
}

#product .pb-right-column .m-product,
#product .pb-right-column .b-product {
    padding-top: 10px;
}

#product .pb-right-column .b-product {
    border-bottom: transparent;
}

#product .pb-right-column .fa {
    line-height: inherit;
}

#product .pb-right-column .product-name {
    font-family: "MicrosoftYaHei-Bold";
    font-weight: Bold;
    font-size: 24px;
    color: #2E3748;
    line-height:36px;
    padding-left: 10px;
    display: inline-block;
    float: left;
    overflow: hidden;
}

#product .pb-right-column .product-comments .product-star,
#product .pb-right-column .product-comments .comments-advices {
    width: auto;
    display: inline-block;
}

#product .pb-right-column .product-comments .product-star {
    color: #ff9900;
}

#product .pb-right-column .product-comments .comments-advices a {
    border-right: 1px solid #eaeaea;
    padding-left: 15px;
    padding-right: 15px;
}

#product .pb-right-column .product-comments .comments-advices a:last-child {
    border-right: none;
}

#product .pb-right-column .product-price-group .price,
#product .pb-right-column .product-price-group .old-price,
#product .pb-right-column .product-price-group .discount {
    display: inline-block;
    margin-right: 15px;
}

#product .pb-right-column .product-price-group{
    font-size: 18px;
    font-weight: bold;
    color: #ec6100;
}

#product .pb-right-column .product-price-group .old-price {
    text-decoration: line-through;
}

#product .pb-right-column .product-price-group .discount {
    background: #ff9900;
    color: #fff;
    padding: 0 15px;
    text-align: center;
    line-height: inherit;
    margin-right: 0;
    height: 23px;
    line-height: 23px;
}

#product .pb-right-column .info-orther {
    /*padding-bottom: 5px;*/
}

#product .pb-right-column .product-desc,
#product .pb-right-column .form-option,
#product .pb-right-column .form-action,
#product .pb-right-column .form-share {
    padding: 0px;
}

#product .pb-right-column .form-option #size_chart {
    color: #38b25d;
    text-decoration: underline;
    margin-left: 15px;
}

#product .pb-right-column .product-desc {
    line-height: 24px;
}

#product .pb-right-column .form-option .attributes {
    clear: both;
    padding: 5px 0;
    overflow: hidden;
}

#product .pb-right-column .form-option .attributes:first-child {
    padding-top: 0;
}

#product .pb-right-column .form-option .attributes .attribute-label {
    width: 97px;
    float: left;
    line-height: 32px;
    text-align: justify;
    text-justify: distribute-all-lines;
    text-align-last: justify;
    -moz-text-align-last: justify;
    -webkit-text-align-last: justify;
    padding-right: 10px;
}

#product .pb-right-column .form-option .form-option-title {
    font-weight: bold;
    line-height: 20px;
}

#product .pb-right-column .form-option .ly_crat {
    display: block;
    width: 200px;
    height: 24px;
    border: 1px solid #c8c7cc;
    color: #333;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    font-family: Tahoma;
    line-height: 24px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    overflow: hidden;
    float: left;
}

#product .pb-right-column .form-option .custom_size_input {
    margin-left: 2px;
    border: 1px solid #ff9900;
}

#product .pb-right-column .form-option .computing_act {
    width: 24px;
    float: left;
}

#product .pb-right-column .form-option .computing_act .add {
    display: block;
    text-align: center;
    width: 24px;
    border-top: 1px solid #c8c7cc !important;
    border-right: 1px solid #c8c7cc !important;
    border-bottom: 1px solid #c8c7cc !important;
    height: 24px;
    line-height: 24px;
    font-weight: bold;
}

#product .pb-right-column .form-option .computing_act .reduce {
    display: block;
    text-align: center;
    width: 24px;
    border-top: 1px solid #c8c7cc !important;
    border-bottom: 1px solid #c8c7cc !important;
    border-left: 1px solid #c8c7cc !important;
    height: 24px;
    line-height: 24px;
    font-weight: bold;
}
#product .pb-right-column div.black,#product .pb-right-column br{
    line-height: 26px;
    font-family: "Source Han Serif SC";
}
#product .pb-right-column div.black.oprice{
    color:#999 !important;
}
.tips_ly {
    width: 100%;
    background: #FF6633;
    padding: 8px 8px 8px 16px;
    display: table;
    color: #fff;
}

.tips_ly span {
    display: block;
    float: left;
}

.tips_ly a {
    display: block;
    float: right;
    background: #fff;
    color: #FF6633;
    padding: 0 8px;
}

.lytime {
    width: 100%;
    background: #FF6633;
    padding: 3px 8px 3px 12px;
    display: table;
    color: #fff;
    margin: 5px 0 10px 0;
}

.lytime i {
    font-style: normal;
    background: #fff;
    color: #FF6633;
    padding: 0 6px;
    margin: 0 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#product .pb-right-column .form-option .qty {
    width: 40px;
    display: inline-block;
    float: left;
    overflow: hidden;

}

#product .pb-right-column .form-option .product-qty {
    border: 1px solid #eaeaea;
    width: 60px;
    margin-left: 50px;
    overflow: hidden;
    background: #FAFAFA;

}

#product .pb-right-column .form-option .attributes .btn-plus {
    width: 18px;
    height: 29px;
    float: left;
    display: inline-block;
    margin-top: -5px;

}

#product .pb-right-column .form-option .btn-plus a {
    width: 18px;
    height: 10px;
    float: left;
    text-align: center;
    cursor: inherit;
}

#product .pb-right-column .form-option .attributes input {
    max-width: 50px;
    padding: 0 5px;
}

#product .pb-right-column .form-option .list-color {
    overflow: hidden;
    padding-top: 5px;
    max-width: 650px;
}
#product .pb-right-column .form-option .list-color .btn-new-select {
    background: #FF7F00;
    width: 100px;
    color: #fff;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    padding: 0;
}
#product .pb-right-column .form-option .list-color .btn-new-design {
    background:#fff;
    color: #FF7F00;
    border: 1px solid #FF7F00;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    padding: 0 10px;
}

#product .pb-right-column .form-option .list-color li {
    width: auto;
    height: 26px;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}

#product .pb-right-column .form-option .list-color .custom_size_div {
    float: left;
    display: block;
    width: 160px;
}

#product .pb-right-column .form-option .list-color .custom_size_div label {
    float: left;
    display: block;
    padding: 0px 5px;
}

#product .pb-right-column .form-option .list-color li a {
    border: 1px solid #d7d7d7;
    display: block;
    color: #4c4c4c;
}

#product .pb-right-column .form-option .list-color li a.current {
    border: 1px solid #38b25d;
    color: #38b25d;
    padding-right: 15px;
    /*background: url("../images/choose.png") no-repeat right bottom;*/

}

#product .pb-right-column .form-option .list-color li a.disabled,
#product .pb-right-column .form-option .list-color li select.disabled {
    border: 1px solid #c2c2c2;
    color: #c2c2c2;
    color: #c2c2c2;
    background-color: #efefef;
}

#product .pb-right-column .form-option .list-color li a {
    width: auto;
    height: 24px;
    line-height: 22px;
    float: left;
    padding: 0 8px;
}

#product .pb-right-column .form-action {
    padding: 0;
    padding-bottom: 5px;
}

#product .pb-right-column .form-action .button-group {
    margin-top: 15px;
    overflow: hidden;
}

#product .pb-right-column .form-action .button-group .wishlist,
#product .pb-right-column .form-action .button-group .compare {
    min-width: 50px;
    padding-right: 15px;
    text-align: center;
    float: left;
}

#product .pb-right-column .form-action .button-group .wishlist .fa,
#product .pb-right-column .form-action .button-group .compare .fa {
    font-size: 18px;
    width: 30px;
    height: 30px;
    color: #fff;
    line-height: 30px;
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0% 0%;
    border-radius: 90%;
}

#product .pb-right-column .form-action .button-group .wishlist:hover .fa,
#product .pb-right-column .form-action .button-group .compare:hover .fa {
    background: #38b25d;
}

#product .pb-right-column .form-share .fa {
    font-size: 18px;
}

#product .pb-right-column .form-share .sendtofriend-print a {
    margin-right: 15px;
    margin-bottom: 15px;
}

#product .pb-left-column {
    margin-left: -10px;
}

#product .pb-left-column .product-image .product-full {
    border: 1px solid #eaeaea;
    padding: 0px;
}

#product .pb-left-column .product-image .product-img-thumb {
    margin-top: 15px;
    padding: 0 28px;
}

#product .pb-left-column .product-image .product-img-thumb li {
    /* padding: 5px; */
}

#product .pb-left-column .product-image .owl-next {
    right: -30px;
}

#product .pb-left-column .product-image .owl-prev {
    left: -30px;
}

#product .pb-left-column .product-image .jqueryzoom img {
    width:100%;
}
#product .pb-left-column .product-image .images_box {
    position: relative;
}
#product .pb-left-column .product-image .images_box i {
    position: absolute;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    background: rgba(238,238,238,1);
    line-height: 28px;
    text-align: center;
}
#product .pb-left-column .product-image .images_box .icon-zuojiantou-01 {
    left: 0;
    top: 50%;
}
#product .pb-left-column .product-image .images_box .icon-youjiantou {
    right: 0;
    top: 50%;
}
#product .pb-left-column .product-image .images_box .prohibit{
    color: #B8B8B8;
}
#product .pb-left-column .product-image .images_list {
    overflow: hidden;
    width: 310px;
    margin: 10px auto;
}
#product .pb-left-column .product-image .images_list ul {
    overflow: hidden;
    position: relative;
    /* width: 420px; */
    left: 0;
}
#product .pb-left-column .product-image .images_list ul li {
    float: left; 
    margin-right: 5px;
}
#product .pb-left-column .product-image .images_list ul li img {
    width: 100px; 
    height: 100px;
}
#product .pb-left-column .product-image .cloudzoom-gallery-active{opacity: .5}

.product-tab {
    margin-top: 30px;
}

.product-tab .nav-tab {
    width: 100%;
    height: 50px;
    overflow: hidden;
    position: relative;
    background: #F7F7F7;
}

.product-tab .nav-tab > li {
    height: 100%;
    line-height: 50px;
    float: left;
    display: inline;
    color: #333333;
    text-transform: uppercase;
    text-align: center;
    font-size: 16px;
}

.product-tab .nav-tab > li:last-child {
    margin-right: 0;
}

.product-tab .nav-tab > li > a {
    color: #333333;
    padding: 0 30px;
    float: left;
}

.product-tab .nav-tab > li:hover > a,
.product-tab .nav-tab > li.active > a {
    background: #fff;
    border-top: 2px solid #FF1A2B;
    color: #FF1A2B;
}

.product-tab .tab-container {
    padding: 20px;
    z-index: 1;
}

.product-tab .tab-container p {
    margin: 0 0 10px;
}

.product-tab .tab-container .table {
    margin-bottom: 0;
}

.product-tab .tab-container .tab-panel {
    line-height: 24px;
}

.product-tab .tab-container ul {
    margin-left: 0px;
}

.product-featured-list .tab-container ul li {
    display: block;
    float: left;
    border:1px solid #fff;
    margin-left: 7px;
    margin-bottom: 8px;
}

.product-featured-list .tab-container ul li:hover {
    border: 1px solid #38b25d;
}

.product-featured-list .tab-container ul li img {
    width: 226px;
    height: 320px;
}

.product-comments-block-tab {
    overflow: hidden;
}

.product-comments-block-tab .fa {
    line-height: inherit;
}

.product-comments-block-tab .reviewRating {
    color: #ff9900;
}

.product-comments-block-tab .comment {
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px dotted #eaeaea;
}

.product-comments-block-tab .comment:first-child {
    padding-top: 0;
}

.product-comments-block-tab .comment:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.product-comments-block-tab .comment .author {
    border-right: 1px solid #eaeaea;
}

.product-comments-block-tab .btn-comment {
    padding: 5px 15px;
    border: 1px solid #eaeaea;
    float: left;
    margin-top: 15px;
}

.page-product-box {
    margin-top: 50px;
}

.page-product-box .heading {
    font-size: 16px;
    color: #38b25d;
    text-transform: uppercase;
    font-weight: bold;
    padding-bottom: 17px;
}

.page-product-box .owl-next {
    top: -20px;
}

.page-product-box .owl-prev {
    top: -20px;
    left: inherit;
    right: 26px;
}

.page-product-box .product-list li {
    margin-bottom: 1px;
}

.page-product-box .product-container {
    border-bottom: 1px solid #dddddd;
}

/* ----------------
 [19. Contact page]
 */
#contact {
    margin-top: 20px;
}

#contact .page-subheading {
    padding-left: 0px;
    border: none;
    margin: 14px 0 30px;
    text-transform: uppercase;
    font-size: 18px;
    color: #666;
}

#contact .contact-form-box {
    padding: 0;
    margin: 0 0 30px 0;
}

#contact .contact-form-box label {
    padding-bottom: 5px;
}

#contact .contact-form-box .form-selector {
    padding-bottom: 25px;
}

#contact input,
#contact select,
#contact textarea {
    border-radius: 0;
    border-color: #eaeaea;
    box-shadow: inherit;
    outline: 0 none;
}

#contact input:focus,
#contact select:focus,
#contact textarea:focus {
    box-shadow: inherit;
    outline: 0 none;
}

#contact #btn-send-contact {
    font-size: 14px;
    line-height: 18px;
    color: white;
    padding: 0;
    font-weight: normal;
    background: #666;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none;
    padding: 10px 25px;
}

#contact #btn-send-contact:hover {
    background: #F36;
}

#contact_form_map ul {
    line-height: 28px;
    list-style: disc;
    list-style-position: inside;
    font-style: italic;
}

#contact_form_map ul.store_info {
    list-style: none;
    font-style: normal;
    color: #696969;
}

#contact_form_map ul.store_info i {
    display: inline-block;
    width: 30px;
    line-height: inherit;
}

#message-box-conact .fa {
    line-height: inherit;
}

.content-text {
    padding: 20px 0;
    padding-left:60px;
    padding-right:80px;
    text-align: justify;
}

.content-text p {
    margin-bottom: 15px;
}

.right-sidebar #left_column {
    float: right;
}

/* ----------------
 [20. Bolog page]
 */
.blog-posts {
    line-height: 24px;
    margin-top: 20px;
}

.blog-posts .post-item {
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom: 1px solid #eaeaea;
    border-top: 1px solid #eaeaea;
    margin-top: -1px;
}

.blog-posts .post-item .entry-meta-data {
    padding: 5px 0;
    color: #666;
    font-size: 13px;
}

.blog-posts .post-item .entry-meta-data span {
    margin-right: 5px;
}

.blog-posts .post-item .entry-meta-data .author .fa {
    opacity: 0.7;
}

.blog-posts .post-item .entry-meta-data .fa {
    line-height: inherit;
}

.blog-posts .post-item .post-star {
    font-size: 13px;
}

.blog-posts .post-item .post-star .fa {
    line-height: inherit;
    color: #ff9900;
}

.blog-posts .post-item .entry-excerpt {
    text-align: justify;
}

.blog-posts .post-item .entry-more a {
    border: 1px solid #eaeaea;
    padding: 10px 12px;
    background: #eee;
}

.blog-posts .post-item .entry-more {
    margin-top: 15px;
}

.blog-posts .post-item .entry-more a:hover {
    background: #38b25d;
    color: #fff;
}

.blog-posts .post-item .entry-thumb img {
    border: 1px solid #eaeaea;
}

/** post sidebar **/
.blog-list-sidebar {

}

.blog-list-sidebar li {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 10px;
    margin-bottom: 10px;
    overflow: hidden;
}

.blog-list-sidebar li:last-child {
    border: none;
    margin-bottom: 0px;

}

.blog-list-sidebar li .post-thumb {
    width: 80px;
    float: left;
    border: 1px solid #eaeaea;
    padding: 4px;
    background: #fcfcfc;
}

.blog-list-sidebar li .post-info {
    margin-left: 90px;
    color: #999;
}

.blog-list-sidebar li .post-info .post-meta {
    font-size: 12px;
    margin-top: 5px;
}

.blog-list-sidebar li .post-info .fa {
    line-height: inherit;

}

/* Recent Comments*/
.recent-comment-list li {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 10px;
    margin-bottom: 10px;
    overflow: hidden;
}

.recent-comment-list li:last-child {
    border: none;
    margin-bottom: 0px;
}

.recent-comment-list li .author {
    color: #666;
    margin-bottom: 5px;
    font-size: 13px;
}

.recent-comment-list li .comment {
    margin-top: 5px;
    color: #666;
}

.recent-comment-list li > h5 > a {
    color: #333;
}

/** Blog detail **/
.entry-detail {
    margin-top: 20px;
}

.entry-detail .entry-photo img {
    border: 1px solid #eaeaea;
}

.entry-detail .entry-meta-data {
    padding: 10px 0;
    color: #666;
}

.entry-detail .entry-meta-data .fa {
    line-height: inherit;
}

.entry-detail .entry-meta-data span {
    margin-right: 10px;
}

.entry-detail .entry-meta-data .author .fa {
    opacity: 0.7;
}

.entry-detail .entry-meta-data .post-star {
    float: right;

}

.entry-detail .entry-meta-data .post-star .fa {
    color: #ff9900;
}

.entry-detail .entry-meta-data .post-star span {
    margin: 0;
}

/** COMMMENT list**/
.single-box {
    margin-top: 20px;
}

.single-box > h2 {
}

.comment-list {
    margin-top: 20px;
}

.comment-list ul {
    padding-left: 80px;
}

.comment-list ul li {
    overflow: hidden;
    margin-bottom: 15px;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 15px;
}

.comment-list ul li:last-child {
    margin-bottom: 0;
    border: none;
    padding: 0;
}

.comment-list > ul {
    padding-left: 0;
}

.comment-list .avartar {
    width: 250px;
    padding: 4px;
    float: left;
}

.comment-list .comment-body {
    margin-left: 40px;
    height: auto;
    display: table;
    padding-top: 3px;
}

.comment-list .comment-meta {
    width: 100%;
    height: 30px;
    display: block;
    color: #ccc;
}

.comment-list .comment-meta .author a {
    font-weight: bold;
    padding-right: 8px;
}

.comment-list .comment-meta .date {
    padding-left: 8px;
    float: right;
}

.comment-list .comment {
    width: 100%;
    clear: both;
}

.comment-list .comment_ly {
    width: 100%;
    padding-top: 4px;
    color: #FF6600;
}

.coment-form {
    margin-top: 20px;
}

.coment-form label {
    margin-top: 10px;
    margin-bottom: 2px;
}

.coment-form input,
.coment-form textarea {
    border-radius: 0px;
    border: 1px solid #eaeaea;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
}

.coment-form .btn-comment {
    padding: 10px 20px;
    border: 1px solid #eaeaea;
    background: #666;
    color: #fff;
    margin-top: 15px;
}

.coment-form .btn-comment:hover {
    background: #38b25d;
    border: 1px solid #38b25d;
}

/**Related Posts**/

.related-posts {
    margin-top: 20px;
}

.related-posts .entry-thumb img {
    border: 1px solid #eaeaea;
}

.related-posts .entry-ci {
    margin-top: 10px;
}

.related-posts .entry-meta-data {
    color: #999;
    font-size: 13px;
    margin-top: 10px;
}

.related-posts .entry-meta-data .fa {
    line-height: inherit;
}

.related-posts .entry-ci .entry-excerpt {
    padding: 10px 0;
}

.related-posts .entry-title {
    font-size: 14px;
}

.related-posts .owl-next {
    top: -31px;
}

.related-posts .owl-prev {
    top: -31px;
    left: inherit;
    right: 26px;
}

/* ----------------
 [21. Login page]
 */
.box-authentication {
    border: 1px solid #eaeaea;
    padding: 30px;
    min-height: 320px;
}

.box-authentication > h3 {
    margin-bottom: 15px;
}

.box-authentication label {
    margin-top: 10px;
    margin-bottom: 2px;
}

.box-authentication .forgot-pass {
    margin-top: 15px;
}

.box-authentication input,
.box-authentication textarea {
    border-radius: 0px;
    border: 1px solid #eaeaea;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    width: 50%;
}

.box-authentication .button {
    margin-top: 15px;
}

.box-border {
    border: 1px solid #eaeaea;
    padding: 20px;
    overflow: hidden;
}

.box-wishlist label,
.box-wishlist .button {
    margin-top: 15px;
    margin-bottom: 5px;
}

.box-wishlist {
    margin-top: 20px;
}

.table-wishlist {
    margin-top: 20px;
}

.table-wishlist th {
    background: #fafafa;
}

.list-wishlist {
    margin-top: 20px;
}

.list-wishlist li {
    margin-top: 30px;
}

.list-wishlist li .product-img {
    border: 1px solid #eee;
    padding: 10px;
}

.list-wishlist li .product-name,
.list-wishlist li .qty,
.list-wishlist li .priority,
.list-wishlist li .button {
    margin-top: 10px;
}

.list-wishlist li .button-action {
    position: relative;
}

.list-wishlist li .button-action a {
    position: absolute;
    right: 10px;
    top: 15px;
}

.list-wishlist li .button-action a .fa {
    line-height: inherit;
}

.table-compare td.compare-label {
    width: 150px;
    background: #fafafa;
    vertical-align: middle;
}

.table-compare .product-star .fa {
    line-height: inherit;
    color: #ff9900;
}

.table-compare .price {
    font-weight: bold;
    color: #38b25d;
}

.table-compare .add-cart {
    background: #38b25d;
    color: #fff;
}

.table-compare .add-cart:hover {
    opacity: 0.8;
}

.checkout-page .checkout-sep {
    padding-bottom: 15px;
    text-transform: uppercase;
}

.checkout-page .box-border {
    margin-bottom: 15px;
}

.checkout-page .box-border .button {
    margin-top: 15px;
}

.checkout-page .box-border label {
    margin-top: 5px;
}

.checkout-page .box-border p,
.checkout-page .box-border h4 {
    padding-bottom: 5px;
    margin-top: 5px;
}

.checkout-page .box-border .fa {
    line-height: inherit;
}

.checkout-page .box-border input[type="radio"] {
    margin-right: 10px;
}

/** cat-short-desc**/
.cat-short-desc {
    margin-top: 20px;
}

.cat-short-desc .cat-short-desc-products {
    margin-top: 20px;
}

.cat-short-desc .cat-short-desc-products li .product-container {
    border: 1px solid #eaeaea;
    padding: 10px;
}

.cat-short-desc .cat-short-desc-products li .product-container .product-name {
    margin-top: 10px;
}

/**today-deals**/
.today-deals {
    position: relative;
}

.today-deals .deals-product-list .product-info {
    margin-top: 10px;
}

.today-deals .deals-product-list .product-info .show-count-down {
    text-align: center;
}

.today-deals .deals-product-list .product-info .show-count-down .box-count {
    display: inline-block;
    margin-right: 2px;
    color: #38b25d;
}

.today-deals .deals-product-list .product-info .show-count-down .dot {
    display: none;
}

.today-deals .deals-product-list .product-info .show-count-down .box-count .number {

    width: 100%;
    float: left;
    background: #eaeaea;
    padding: 5px 0;
    font-size: 16px;
}

.today-deals .deals-product-list .product-info .show-count-down .box-count .text {
    background: #eaeaea;
    font-size: 12px;
    margin-top: 1px;
    width: 100%;
    float: left;
    padding: 5px 0;
    color: #666;
}

.today-deals .deals-product-list .product-info .product-name {
    margin-top: 15px;
}

.today-deals .deals-product-list .product-info .product-meta {
    margin-top: 7px;
    line-height: 18px;
}

.today-deals .deals-product-list .product-info .product-meta .fa {
    line-height: inherit;
}

.today-deals .deals-product-list .product-info .product-meta .price {
    color: #38b25d;
    font-size: 18px;

}

.today-deals .deals-product-list .product-info .product-meta .old-price {
    text-decoration: line-through;
    margin-left: 11px;
    color: #666;
}

.today-deals .deals-product-list .product-info .product-meta .star {
    float: right;
    font-size: 13px;
    color: #ff9900;
}

.today-deals .owl-next {
    top: -55px;
}

.today-deals .owl-prev {
    top: -55px;
    left: inherit;
    right: 26px;
}

.group-button-header {
    margin-top: 17px;
}

.group-button-header .btn-cart,
.group-button-header .btn-heart,
.group-button-header .btn-compare {
    width: 39px;
    height: 39px;
    float: right;
    position: relative;
    margin-right: 16px;
}

.group-button-header .btn-cart {
    background: url("../images/icon-cart-round.png") no-repeat center center;
    position: relative;
}

.group-button-header .btn-cart:after {
    content: "";
    width: 100%;
    height: 10px;
    display: block;
    position: absolute;
    bottom: -10px;
}

.group-button-header .btn-cart .notify-right {
    top: -12px;
    right: -12px;
}

.group-button-header .btn-heart {
    background: url("../images/icon-heart-round.png") no-repeat center center;
    text-indent: -999px;
    display: inline-block;
    font-size: 0;
}

.group-button-header .btn-compare {
    background: url("../images/icon-compare-round.png") no-repeat center center;
    text-indent: -999px;
    margin-right: 0;
    display: inline-block;
    font-size: 0;
}

.main-header .group-button-header .btn-cart > a {
    width: 100%;
    height: 100%;
    float: left;
    font-size: 0;
}

.main-header .group-button-header .btn-cart:hover .cart-block {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    visibility: visible;
}

/*----------------
[7. Blogs]
*/
.blog-list {
    margin-top: 30px;
}

.blog-list .page-heading {
    text-transform: uppercase;
}

.blog-list .blog-list-wapper {
    margin-top: 30px;
}

.blog-list .blog-list-wapper ul li {
    border: 1px solid #eaeaea;
    line-height: 30px;
}

.blog-list .blog-list-wapper ul li .post-desc {
    padding: 15px;
}

.blog-list .blog-list-wapper ul li .post-desc .post-title a {
    font-size: 14px;
    color: #333;
}

.blog-list .blog-list-wapper ul li .post-desc .post-title a:hover {
    color: #f96d10;
}

.blog-list .blog-list-wapper ul li .post-desc .post-meta {
    color: #919191;
    font-size: 13px;
}

.blog-list .blog-list-wapper ul li .post-desc .post-meta .date:before {
    font: normal normal normal 13px/1 iconfont;
    content: "\e912";
    padding-right: 5px;
}

.blog-list .blog-list-wapper ul li .post-desc .post-meta .comment:before {
    font: normal normal normal 13px/1 iconfont;
    content: "\f0e5";
    padding-right: 5px;
    padding-left: 15px;
}

.blog-list .blog-list-wapper ul li .readmore {
    text-align: right;
}

.blog-list .blog-list-wapper ul li .readmore a {
    color: #f96d10;
}

.blog-list .blog-list-wapper ul li .readmore a:after {
    font: normal normal normal 14px/1 iconfont;
    content: "\e9db";
    padding-left: 10px;
}

.blog-list .blog-list-wapper .owl-controls .owl-next {
    top: -50px;
}

.blog-list .blog-list-wapper .owl-controls .owl-prev {
    left: inherit;
    right: 26px;
    top: -50px;
}

/*----------------
[24. Hot deals]
-----------------*/
.hot-deals-row {
    margin-top: 30px;
}

.hot-deals-box {
    border: 1px solid #eaeaea;
}

.hot-deals-box .hot-deals-tab {
    display: table;
    width: 100%;
}

.hot-deals-box .hot-deals-tab .hot-deals-title {
    width: 45px;
    display: table-cell;
    text-transform: uppercase;
    font-size: 24px;
    text-align: center;
    background: #0088cc;
    color: #fff;
    padding-top: 40px;
}

.hot-deals-box .hot-deals-tab .hot-deals-title > span {
    width: 100%;
    float: left;
    text-align: center;
}

.hot-deals-box .hot-deals-tab .hot-deals-title > span.yellow {
    color: #ffcc00;
}

.hot-deals-box .hot-deals-tab .hot-deals-tab-box {
    display: table-cell;
    padding: 25px;
}

.hot-deals-box .hot-deals-tab .hot-deals-tab-box .nav-tab li {
    line-height: 40px;
    border-bottom: 1px solid #eaeaea;
    text-transform: uppercase;
    padding-left: 15px;
}

.hot-deals-box .hot-deals-tab .hot-deals-tab-box .nav-tab li.active > a {
    color: #0099cc;
}

.hot-deals-box .hot-deals-tab .box-count-down {
    margin-top: 20px;
    float: left;
    padding-left: 4px;
}

.hot-deals-box .hot-deals-tab .box-count-down .box-count {
    width: 67px;
    height: 67px;
    border: 1px solid #eaeaea;
    float: left;
    border-radius: 90%;
    text-align: center;
    padding: 10px;
    position: relative;
    color: #fff;
    margin-left: -4px;
    background: #fff;
}

.hot-deals-box .hot-deals-tab .box-count-down .dot {
    display: none;
}

.hot-deals-box .hot-deals-tab .box-count-down .box-count:before {
    width: 100%;
    height: 100%;
    background: #0088cc;
    float: left;
    content: '';
    border-radius: 90%;
}

.hot-deals-box .hot-deals-tab .box-count-down .box-count:after {
    content: '';
    width: 23px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 34px;
    left: 20px;
}

.hot-deals-box .hot-deals-tab .box-count-down .number {
    position: absolute;
    width: 100%;
    left: 0;
    top: 15px;
}

.hot-deals-box .hot-deals-tab .box-count-down .text {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 16px;
    font-size: 10px;
}

.hot-deals-box .hot-deals-tab-content-col {
    padding-left: 0;
}

.hot-deals-box .hot-deals-tab-content {
    padding: 30px 30px 0 0;
}

.hot-deals-box .product-list .left-block {
    border: 1px solid #eaeaea;
    padding: 0;
}

.hot-deals-box .product-list .right-block {
    padding: 0;
}

/*---------------
[25. Box product]
*/
/** box-products**/
.box-products {
    margin-top: 30px;
}

.box-products .box-product-head {
    height: 30px;
    border-bottom: 1px solid #eaeaea;
}

.box-products .box-product-head .box-title {
    color: #333;
    text-transform: uppercase;
    border-bottom: 3px solid #ff3300;
    padding-bottom: 5px;
    font-size: 18px;
    padding-left: 10px;
    padding-right: 5px;
}

.box-products .box-tabs {
    float: right;
}

.box-products .box-tabs li {
    display: inline;
    text-transform: uppercase;
    height: 30px;
    float: left;
}

.box-products .box-tabs li > a {
    position: relative;
    padding: 0 10px;
    display: block;
    line-height: normal;
    background: url('../images/kak3.png') no-repeat center right;
    float: left;
    height: 30px;
    line-height: 30px;
}

.box-products .box-tabs li > a:after {
    content: "\f0d8";
    font-family: 'iconfont';
    font-size: 13px;
    color: #0088cc;
    position: absolute;
    bottom: -12px;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: none;
}

.box-products .box-tabs li > a:before {
    content: '';
    height: 1px;
    background: #0088cc;
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 10px;
    transform: scale(0, 1);
}

.box-products .box-tabs li:last-child > a {
    background: none;
}

.box-products .box-tabs li:last-child > a:before {
    right: 0;
}

.box-products .box-tabs li:last-child > a {
    border-right: none;
    padding-right: 0;
}

.box-products .box-tabs li > a:hover:before,
.box-products .box-tabs li.active > a:before {
    transform: scale(1);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.box-products .box-tabs li > a:hover,
.box-products .box-tabs li.active > a {
    color: #333;
}

.box-products .box-tabs li > a:hover:after,
.box-products .box-tabs li.active > a:after {
    display: block;
}

.box-products .box-product-content {
    margin-top: 20px;
}

.box-products .box-product-content .box-product-adv {
    width: 226px;
    float: left;
}

.box-products .box-product-content .box-product-list {
    margin-left: 236px;
}

.box-products .box-product-content .box-product-list .product-list li {
    border: 1px solid #eaeaea;
    padding-bottom: 10px;
    overflow: hidden;
}

.box-products .box-product-content .box-product-list .product-list li .right-block {
    margin-top: 30px;
}

.option3 .product-list li .price-percent-reduction2 {
    right: -8px;
}

/** option color **/
/*new-arrivals*/
.box-products.new-arrivals .box-tabs li > a:after {
    color: #ff3300;
}

.box-products.new-arrivals .box-tabs li > a:before {
    background: #ff3300;
}

.box-products.new-arrivals .box-product-head .box-title {
    border-bottom: 3px solid #ff3300;
}

/**top-sellers**/
.box-products.top-sellers .box-tabs li > a:after {
    color: #ffcc00;
}

.box-products.top-sellers .box-tabs li > a:before {
    background: #ffcc00;
}

.box-products.top-sellers .box-product-head .box-title {
    border-bottom: 3px solid #ffcc00;
}

/**special-products**/
.box-products.special-products .box-tabs li > a:after {
    color: #38b25d;
}

.box-products.special-products .box-tabs li > a:before {
    background: #38b25d;
}

.box-products.special-products .box-product-head .box-title {
    border-bottom: 3px solid #38b25d;
}

/*recommendation*/
.box-products.recommendation .box-tabs li > a:after {
    color: #ff66cc;
}

.box-products.recommendation .box-tabs li > a:before {
    background: #ff66cc;
}

.box-products.recommendation .box-product-head .box-title {
    border-bottom: 3px solid #ff66cc;
}

/** Blog **/
.option3 .blog-list .page-heading {
    font-size: 18px;
}

.option3 .blog-list .blog-list-wapper ul li .readmore a {
    color: #0099cc;
}

.option3 .blog-list .page-heading span.page-heading-title {
    border-color: #0099cc;
}

.block-popular-cat {
    border: 1px solid #eaeaea;
    padding: 15px;
}

.block-popular-cat .parent-categories {
    text-transform: uppercase;
    font-size: 16px;
    text-decoration: underline;
    padding-bottom: 15px;
}

.block-popular-cat .image {
    width: auto;
    display: inline-block;
}

.block-popular-cat .sub-categories {
    width: auto;
    display: inline-block;
    line-height: 30px;
}

.block-popular-cat .sub-categories > ul > li > a:before {
    content: '';
    background: #008a90;
    border-radius: 50%;
    width: 4px;
    height: 4px;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 3px;
}

.block-popular-cat .more {
    height: 36px;
    width: 70px;
    line-height: 36px;
    color: #fff;
    background: #00abb3;
    margin-top: 10px;
    display: block;
    text-align: center;

}

.block-popular-cat .more:hover {
    color: #fff;
    opacity: 0.8;
}

.block-quickview {
    padding: 15px;
    background: #fff;
}

/*-------------------
[ 26. Service style 3 ]
-------------------*/
.service3 {
    padding-bottom: 30px;
}

.service3 .service-item {
    margin-top: 30px;
}

.service3 .service-item .icon {
    width: 50px;
    float: left;
}

.service3 .service-item .service-info {
    padding-left: 73px;
    display: block;
    padding-top: 8px;

}

.service3 .service-item .service-title a {
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
}

.service3 .service-item .service-desc {
    color: #999;
}

/*-------------------
[ 27. Footer style 3 ]
-------------------*/
.footer3 {
    background: #191919;
    padding-top: 10px;
}

.footer3 .footer-top,
.footer3 .footer-bottom {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(80, 80, 80, 0.6);
    overflow: hidden;
}

.footer3 .footer-bottom {
    padding: 40px 0;
}

.footer3 .footer-coppyright {
    padding: 30px 0;
}

.footer3 .footer-coppyright .coppyright,
.footer3 .footer-coppyright .payment-logo {
    width: auto;
    display: inline-block;
    color: #ccc;
}

.footer3 .footer-coppyright .payment-logo {
    float: right;
}

.footer3 .footer-bottom .footer-bottom-left {
    width: 64%;
    float: left;
}

.footer3 .footer-bottom .footer-bottom-right {
    width: 36%;
    float: left;
}

.footer3 .widget-container {
    margin-bottom: 50px;
}

.footer3 .widget-container:last-child {
    margin-bottom: 0;
}

.footer3 .widget-container .widget-title,
.footer3 .widget-container .block-heading h3 {
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    margin-bottom: 20px;
}

.footer3 .widget-container li {
    line-height: 24px;
    list-style: none;
    font-weight: 300;
}

.footer3 .widget-container li a {
    color: #999;
}

.footer3 .widget-container li a:hover {
    color: #fff;
}

.footer3 .social-link a {
    margin-right: 20px;
}

.footer3 .social-link a:last-child {
    margin-right: 0;
}

.footer3 .social-link .fa {
    width: 32px;
    height: 32px;
    border: 1px solid #8c8c8c;
    background-color: transparent;
    color: #8c8c8c;
    webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.footer3 .mailchimp-form .input-group {
    border: 1px solid #505050;
}

.footer3 .mailchimp-form .input-group input {
    height: 40px;
    padding-left: 15px;
}

.footer3 .mailchimp-form .mailchimp-submit {
    height: 40px;
    background-color: #505050;
    border: none;
    color: #999999;
    text-transform: uppercase;
    padding: 0 20px;
    webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    float: right;
}

.footer3 .mailchimp-form .mailchimp-submit:hover,
.footer3 .mailchimp-form .mailchimp-submit:focus {
    background-color: #ffd68f;
    color: #fff;
}

/*-------------------
[2. Featured banner ]
-------------------*/
.section-featured-banner {
    margin-top: 30px;
}

.featured-banner {
    display: block;
    overflow: hidden;
    background: #fff;
}

.featured-banner .left,
.featured-banner .right {
    width: 50%;
    float: left;
    position: relative;
}

.featured-banner .box-countdown {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 37px;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    text-align: center;
}

.featured-banner .box-countdown .box-title {
    width: 100px;
    height: 100px;
    background-color: rgba(255, 102, 51, 0.8);
    font-size: 36px;
    line-height: 36px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    vertical-align: middle;
    padding: 15px 0;
    display: inline-block;
}

.featured-banner .box-countdown-inner {
    display: inline-block;
    height: 100px;
}

.featured-banner .box-countdown-inner .dot {
    display: none;
}

.featured-banner .box-countdown-inner .box-count {
    width: 80px;
    height: 100px;
    background-color: rgba(255, 255, 255, 0.8);
    display: inline-block;
    float: left;
    margin-left: 1px;
    text-align: center;
    padding-top: 10px;
    color: #333;
    position: relative;
}

.featured-banner .box-countdown-inner .box-count:before {
    content: '';
    height: 1px;
    background-color: #b0b0ae;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.featured-banner .box-countdown-inner .box-count .number {
    font-size: 60px;
    font-weight: 700;
    display: block;
    line-height: 60px;
    position: relative;
}

.featured-banner .box-countdown-inner .box-count .text {
    font-size: 16px;
    text-transform: uppercase;
    display: block;
    margin-top: 3px;
    position: relative;
}

.featured-banner .box-small-banner {
    width: 50%;
    float: left;
    position: relative;
}

.featured-banner .box-small-banner .text-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.featured-banner .box-small-banner .banner:before {
    content: '';
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    background-color: rgba(255, 102, 51, 0.8);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.featured-banner .box-small-banner .text-content .title {
    font-size: 18px;
    text-transform: uppercase;
    color: #333;
    font-weight: 600;
}

.featured-banner .box-small-banner .text-content .title:after {
    content: '';
    height: 2px;
    background: #333;
    width: 50px;
    display: inline-block;
    margin: 0 auto 0 auto;
    margin-top: 3px;
}

.featured-banner .box-small-banner .text-content .title span {
    display: block;
}

.featured-banner .box-small-banner .text-content .sub-title {
    font-size: 14px;
    text-transform: uppercase;
    color: #666666;
    margin-top: 5px;
    display: inline-block;
}

.featured-banner .box-small-banner.style1 .text-content {
    display: none;
}

.featured-banner .box-small-banner.style1:hover .text-content,
.featured-banner .box-small-banner:hover .group-button {
    display: block;
}

.featured-banner .box-small-banner:hover .banner:before {
    opacity: 1;
    filter: alpha(opacity=100);
}

.featured-banner .box-small-banner.style1 .text-content .sub-title,
.featured-banner .box-small-banner.style1 .text-content .title {
    color: #fff;
}

.featured-banner .box-small-banner.style1 .text-content .title:after {
    background-color: #fff;
}

.featured-banner .box-small-banner .group-button {
    position: absolute;
    bottom: 43px;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: none;
}

.featured-banner .box-small-banner .group-button a {
    font-size: 0;
    display: inline-block;
    float: left;
    margin-right: 30px;
}

.featured-banner .box-small-banner .group-button .btn-quick-view {
    width: 25px;
    height: 24px;
    background: url('../images/icon-quick-view.png') no-repeat center center;
}

.featured-banner .box-small-banner .group-button .btn-add-to-cart {
    width: 32px;
    height: 25px;
    background: url('../images/icon-add-tocart.png') no-repeat center center;
}

.featured-banner .box-small-banner .group-button .btn-compare {
    width: 24px;
    height: 24px;
    background: url('../images/icon-compare.png') no-repeat center center;
    margin-right: 0;
}

.featured-banner .box-small-banner.style2 img {
    opacity: 0;
    filter: alpha(opacity=0);
}

.featured-banner .box-small-banner.style2:hover img {
    opacity: 1;
    filter: alpha(opacity=100);
}

.featured-banner .box-small-banner.style2:hover .text-content .title,
.featured-banner .box-small-banner.style2:hover .text-content .sub-title {
    color: #fff;
}

.featured-banner .box-small-banner.style2:hover .text-content .title:after {
    background-color: #fff;
}

.featured-banner .box-small-banner.style2:hover .text-content .price del {
    color: #eaeaea;
}

.featured-banner .box-small-banner .price {
    font-size: 18px;
    text-decoration: none;
    font-weight: 600;
    line-height: 18px;
    display: inline-block;
}

.featured-banner .box-small-banner .price ins {
    text-decoration: none;
}

.featured-banner .box-small-banner .price del {
    font-size: 14px;
    margin-left: 15px;
    color: #999999;
    font-weight: normal;
}

/* Banner text */
.featured-banner .banner-text {
    position: relative;
}

.featured-banner .banner-text .banner:before {
    content: '';
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    background-color: rgba(255, 102, 51, 0.8);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.featured-banner .banner-text:hover .banner:before {
    opacity: 1;
    filter: alpha(opacity=100);
}

.featured-banner .banner-text .text-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
}

.featured-banner .banner-text .text-content .title {
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 600;
    line-height: 30px;
}

.featured-banner .banner-text .text-content .title span {
    display: block;
}

.featured-banner .banner-text .text-content .sub-title {
    display: inline-block;
    margin-top: 28px;
    font-size: 24px;
    font-weight: 600;
}

.featured-banner .banner-text .text-content .sub-title span {
    display: block;
}

.featured-banner .banner-text .text-content .sub-title span:first-child:after {
    content: '';
    width: 40px;
    height: 2px;
    background-color: #fff;
    display: block;
    margin: 0 auto;
    margin-bottom: 3px;
}

.featured-banner .banner-text .text-content .sub-title span:last-child {
    font-size: 14px;
    font-weight: normal;
}

.featured-banner .banner-text .group-button {
    margin-top: 45px;
}

.featured-banner .banner-text .group-button a {
    height: 40px;
    padding: 0 30px;
    line-height: 40px;
    color: #333;
    background-color: #fff;
    border: 2px solid #fff;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
}

.featured-banner .banner-text .group-button a.border {
    background-color: transparent;
    color: #fff;
}

/* section-hot cat */
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
}

.hotcat-section {
    padding: 60px 0 35px 0;
    background: url("../images/service-bg.jpg") 50% 0 no-repeat fixed;
    position: relative;
    margin-top: 30px;
}

.section-title-2 {
    text-align: center;
    position: relative;
    margin-bottom: 55px;
}

.section-title-2:after {
    content: '';
    width: 50px;
    height: 2px;
    background-color: #333333;
    margin: 0 auto;
    margin-top: 10px;
    display: block;
}

.section-title-2 h2 {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-weight: 600;
}

.hotcat-section .section-title-2 {
    color: #fff;
}

.hotcat-section .section-title-2:after {
    background-color: #fff;
}

/* HOT CAT*/
.hot-cat-9 {
    position: relative;
    text-align: center;
    color: #fff;
}

.hot-cat-9 .cat-item .cat-title {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.hot-cat-9 .cat-item .cat-title a {
    color: #fff;
}

.hot-cat-9 .cat-item:hover .cat-title a {
    color: #ff6633;
}

.hot-cat-9 .cat-item .icon {
    width: 100px;
    height: 100px;
    display: block;
    margin: 0 auto;
}

.hot-cat-9 .cat-item .icon .img2 {
    display: none;
}

.hot-cat-9 .cat-item .info {
    margin-top: 15px;
}

.hot-cat-9 .cat-item:hover {
    color: #ff6633;
}

.hot-cat-9 .cat-item:hover .icon .img1 {
    display: none;
}

.hot-cat-9 .cat-item:hover .icon .img2 {
    display: inline-block;
}

/* BLOG */
.section-lasttest-blog {
    padding: 90px 0 48px 0;
}

.lasttest-blog9 {

}

.lasttest-blog9 .item {
    display: table;
    position: relative;
}

.lasttest-blog9 .item:before {
    content: '';
    height: 6px;
    width: 0%;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #ff6633;
    webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 2;
}

.lasttest-blog9 .item:hover:before {
    width: 100%;
}

.lasttest-blog9 .item .thumb,
.lasttest-blog9 .item .info {
    display: table-cell;
    width: 50%;
}

.lasttest-blog9 .item .info {
    padding: 30px;
    position: relative;
}

.lasttest-blog9 .item .info .cat {
    height: 30px;
    padding: 0 10px;
    display: inline-block;
    background-color: #ff6633;
    line-height: 30px;
    color: #fff;
}

.lasttest-blog9 .item .info .title {
    font-size: 24px;
    text-transform: uppercase;
    margin-top: 30px;
}

.lasttest-blog9 .item .info .title a {
    color: #333;
}

.lasttest-blog9 .item .info .title a:hover {
    color: #ff6633;
}

.lasttest-blog9 .item .info .readmore {
    position: absolute;
    bottom: 30px;
    left: 30px;
    font-weight: 400;
    color: #999;
}

.lasttest-blog9 .item .info .readmore:hover {
    color: #ff6633;
}

.lasttest-blog9 .item .info .readmore:before {
    font-family: 'iconfont';
    content: "\f105";
    margin-right: 10px;

}

.lasttest-blog9 .owl-controls .owl-dots .owl-dot.active {
    background-color: #999;
    border-color: #999;
}

.section-band-logo {
    padding: 40px 0;
    background-color: #ebebeb;
}

.lasttest-blog11 .item {
    background-color: #fff;
}

.lasttest-blog11 .item .info {
    padding: 25px;
}

.lasttest-blog11 .item .title {
    font-size: 18px;
    font-weight: 700;
}

.lasttest-blog11 .item .desc {
    padding: 10px 0;
}

.lasttest-blog11 .item .readmore {
    color: #ff6600;
}

.lasttest-blog11 .item .readmore:before {
    font-family: 'iconfont';
    content: "\f105";
    margin-right: 10px;
}

.lasttest-blog11 .item .thumb {
    position: relative;
}

.lasttest-blog11 .item .cat {
    padding: 3px 30px;
    color: #fff;
    position: absolute;
    bottom: 20px;
    left: 0;
    background-color: rgba(255, 102, 0, 0.8);
}

.option12 {
    font-family: 'Arimo', sans-serif;
}

.header.style12 {
    background-color: #394264;
}

.header.style12 #main-menu {
    margin: 0;
    padding: 0 15px;
}

.header.style12 .top-header {
    background-color: transparent;

}

.header.style12 .top-header a {
    color: #9099b7;
    border-color: rgba(220, 220, 220, 0.3);
    padding-right: 15px;
}

.header.style12 .top-header .dropdown-menu {
    border-color: #009999;
}

.header.style12 .top-bar-social {
    float: right;
    padding-top: 5px;
}

.header.style12 .top-bar-social a {
    width: 23px;
    height: 23px;
    border: 1px solid #9099b7;
    display: inline-block;
    line-height: 23px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin-left: 8px;
    float: left;
    font-size: 10px;
    padding: 0;
}

.header.style12 .top-bar-social a:first-child {
    margin-left: 15px;
}

.header.style12 .top-header .inner {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: rgba(220, 220, 220, 0.3);
    padding: 3px 0;
}

.header.style12 .language a {
    border: none;

}

.header.style12 .support-link > a {
    text-transform: uppercase;
}

.header.style12 .support-link > a:before {
    font-family: 'iconfont';
    content: "\f095";
    width: 23px;
    height: 23px;
    border: 1px solid #9099b7;
    display: inline-block;
    line-height: 23px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin-right: 8px;
}

.header.style12 .main-header {
    padding: 40px 0 65px 0;
}

.header.style12 .main-menu .navbar-collapse {
    float: right;
}

.header.style12 #main-menu .navbar .navbar-nav > li > a {
    color: #9099b7;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    padding: 0 10px;
}

.header.style12 #main-menu .navbar .navbar-nav > li > a:before {
    content: '';
    width: 20px;
    height: 2px;
    background-color: #fff;
    display: block;
    margin: 0 auto;
    display: none;
    position: absolute;
    bottom: -10px;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.header.style12 #main-menu .navbar .navbar-nav > li:last-child > a {
    padding-right: 0;
}

.header.style12 #main-menu .navbar .navbar-nav > li:hover,
.header.style12 #main-menu .navbar .navbar-nav > li.active {
    background-color: transparent;
    color: #fff;
}

.header.style12 #main-menu .navbar .navbar-nav > li:hover > a:before,
.header.style12 #main-menu .navbar .navbar-nav > li.active > a:before {
    display: block;
}

.header.style12.optop {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 100;
}

.header.style12.optop .top-header {
    display: none;
}

.header.style12.optop .main-header {
    padding: 15px 0;
}

.block-header-top12 {
    display: table;
    background-color: #50597b;
    padding: 13px 20px;
    margin-top: -34px;
    width: 100%;
}

.block-header-top12 .block-vertical,
.block-header-top12 .block-search,
.block-header-top12 .block-mini-cart {
    display: table-cell;
    position: relative;
}

.block-header-top12 .block-vertical {
    width: 250px;
    height: 44px;
}

.block-header-top12 .block-search {
    width: 690px;
}

.block-header-top12 .box-vertical-megamenus {
    left: 0;
    right: 0;
    position: static;
}

.block-header-top12 .box-vertical-megamenus .title {
    height: 44px;
    line-height: 44px;
    padding: 0 20px 0 30px;
    background-color: #38b25d;
}

.block-header-top12 .box-vertical-megamenus .btn-open-mobile {
    width: 16px;
    height: 16px;
    border: 1px solid #fff;
    text-align: center;
    line-height: 14px;
    font-size: 12px;
    margin-top: 14px;
}

.block-header-top12 .box-vertical-megamenus .vertical-menu-content {
    position: absolute;
    top: 57px;
    z-index: 12;
    left: -21px;
    right: 0px;
    border: 1px solid #eee;
    border-top: none;
    padding-top: 3px;
}

.block-header-top12 .box-vertical-megamenus .vertical-menu-list {
    border: none;

}

.block-header-top12 .box-vertical-megamenus .vertical-menu-list > li {

    padding: 0 20px;
}

.block-header-top12 .box-vertical-megamenus .vertical-menu-list > li > a {
    border-bottom: 1px solid #eee;
}

.block-header-top12 .box-vertical-megamenus .vertical-menu-list > li:hover {
    background-color: transparent;
}

.block-header-top12 .box-vertical-megamenus .vertical-menu-list > li > a {
    color: #333;
    padding: 0;
    line-height: 41px;
    position: relative;
}

.block-header-top12 .box-vertical-megamenus .vertical-menu-list > li > a.parent:before {
    right: 0;
    color: #333;
    top: 12px;
}

.block-header-top12 .box-vertical-megamenus .vertical-menu-list > li > a > img {
    min-width:
}

.block-header-top12 .box-vertical-megamenus .vertical-menu-list > li:hover > a {
    color: inherit;
}

.block-header-top12 .box-vertical-megamenus .all-category {
    padding: 0;
}

.block-header-top12 .box-vertical-megamenus .all-category span {
    border: none;
    font-weight: 700;
    color: #999999;
    height: inherit;
    font-family: 'Oswald', sans-serif;
    line-height: normal;
}

.block-header-top12 .box-vertical-megamenus .all-category span:after {
    display: block;
    margin: 0 auto;
    content: "\f107";
}

.block-header-top12 .box-vertical-megamenus .all-category .colse-cate:after {
    content: "\f106";
}

.block-header-top12 .box-vertical-megamenus .all-category span:hover {
    background-color: transparent;
}

.block-search form {
    width: 100%;
    background-color: #fff;
    position: relative;
}

.block-search .input-serach {
    width: 50%;
}

.block-search .input-serach input {
    width: 100%;
    padding: 12px 30px 12px 30px;
}

.block-search .form-category {
    width: 25%;
    border-left: 1px solid #eee;
}

.block-search .select2-container {
    width: 100% !important;
}

.block-search .select2-container--default .select2-selection--single {
    border: none;
}

.block-search .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 29px;
}

.block-search .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 2px;
}

.block-search .btn-search {
    width: 56px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    color: #fff;
    background-color: #394264;
}

.block-mini-cart {
    background-color: #11a8ab;
    color: #fff;
    vertical-align: middle;
}

.block-mini-cart .cart-link {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
}

.block-mini-cart .cart-link .icon {
    width: 26px;
    height: 22px;
    display: inline-block;
    background: url('../images/icon-cart12.png') no-repeat center center;
    padding: 0 16px 0 22px;
    position: relative;
}

.block-mini-cart .cart-link .icon .count {
    position: absolute;
    top: -20px;
    left: 9px;
    width: 20px;
    height: 20px;
    background-color: #38b25d;
    text-align: center;
    line-height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.block-mini-cart:hover .cart-block {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    visibility: visible;
}

.block-top-slide {
    display: table;
    width: 100%;
    padding-top: 10px;
}

.block-top-slide .block-blank,
.block-top-slide .block-slide,
.block-top-slide .block-banner {
    display: table-cell;
}

.block-top-slide .block-blank {
    width: 281px;
}

.block-top-slide .block-slide {
    width: 680px;
    max-width: 680px;
}

.block-top-slide .block-slide .owl-controls .owl-prev,
.block-top-slide .block-slide .owl-controls .owl-next {
    width: 40px;
    height: 40px;
    line-height: 38px;
    -moz-transition: all 0.45s ease;
    -webkit-transition: all 0.45s ease;
    -o-transition: all 0.45s ease;
    -ms-transition: all 0.45s ease;
    transition: all 0.45s ease;
    opacity: 0;
    visibility: hidden;
}

.block-top-slide .block-slide:hover .owl-controls .owl-prev,
.block-top-slide .block-slide:hover .owl-controls .owl-next {
    opacity: 1;
    visibility: inherit;
}

.block-top-slide .block-slide .owl-controls .owl-prev {
    left: 10px;
}

.block-top-slide .block-slide .owl-controls .owl-next {
    right: 10px;
}

.block-top-slide .block-banner {
    max-width: 210px;
}

.block-top-slide .owl-controls .owl-dots {
    bottom: 20px;
}

.block-top-slide .owl-controls .owl-dots .owl-dot {
    border: 2px solid #eee;
    background-color: transparent;
    opacity: 0.7;
    margin: 0 5px;
}

.block-top-slide .owl-controls .owl-dots .owl-dot.active {
    background-color: #fff;
    border-color: #fff;
    opacity: 1;
}

.block-brands .owl-controls .owl-prev,
.block-brands .owl-controls .owl-next {
    background-color: transparent;
    color: #cccccc;
    -moz-transition: all 0.45s ease;
    -webkit-transition: all 0.45s ease;
    -o-transition: all 0.45s ease;
    -ms-transition: all 0.45s ease;
    transition: all 0.45s ease;
    opacity: 0;
    visibility: hidden;
}

.block-brands:hover .owl-controls .owl-prev,
.block-brands:hover .owl-controls .owl-next {
    opacity: 1;
    visibility: inherit;
}

.block-brands .owl-controls .owl-prev:hover,
.block-brands .owl-controls .owl-next:hover {
    color: #999999;
}

.block-group-banner {
    margin: 0;
    padding-top: 30px;
}

.block-group-banner .item {
    padding: 0;
    margin-bottom: 30px;
}

.block-group-banner2 .item {
    margin-bottom: 30px;
}

/* BLOCK CATE GORY */
.block-tab-category {
    margin-bottom: 30px;
    display: table;
    width: 100%;
}

.block-tab-category .head {
    background-color: #eee;
    border-bottom: 2px solid #38b25d;
    display: table;
    width: 100%;
}

.block-tab-category .head .title {
    display: inline-block;
    float: left;
    line-height: 50px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 18px;
    color: #333333;
    margin: 0;
    font-family: 'Oswald';
}

.block-tab-category .head .title .bar {
    width: 50px;
    height: 50px;
    text-align: center;
    display: inline-block;
    line-height: 50px;
    margin-right: 8px;
    cursor: pointer;
}

.block-tab-category .head .title .bar.active {
    background-color: #38b25d;
    color: #fff;
}

.block-tab-category .box-tabs {
    display: inline-block;
    float: right;
}

.block-tab-category .box-tabs li {
    display: inline-block;
    float: left;
}

.block-tab-category .box-tabs li a {
    color: #666666;
    font-weight: 700;
    padding: 15px 20px;
    display: inline-block;
    position: relative;
}

.block-tab-category .box-tabs li a:hover,
.block-tab-category .box-tabs li.active a {
    color: #38b25d;
}

.block-tab-category .box-tabs li a:after {
    content: "\f0d8";
    font-family: 'iconfont';
    line-height: 2px;
    position: absolute;
    left: 50%;
    bottom: 2px;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.block-tab-category .box-tabs li a:hover:after,
.block-tab-category .box-tabs li.active a:after {
    opacity: 1;
    filter: alpha(opacity=100);
}

.block-tab-category .block-banner {
    width: 31.1%;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
}

.block-tab-category .tab-cat {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    padding-top: 30px;
    padding-left: 20px;
    background-color: rgba(255, 51, 102, 0.8);
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.block-tab-category .tab-cat.show {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: inherit;
}

.block-tab-category .tab-cat li > a {
    padding: 10px 0;
    color: #fff;
    display: inline-block;
    width: 100%;
    padding-left: 15px;
}

.block-tab-category .tab-cat li > a .img-2 {
    display: none;
}

.block-tab-category .tab-cat li > a > img {
    margin-right: 5px;
}

.block-tab-category .tab-cat li > a:hover {
    background-color: #fff;
    color: #333;
}

.block-tab-category .tab-cat li > a:hover .img-1 {
    display: none;
}

.block-tab-category .tab-cat li > a:hover .img-2 {
    display: inline-block;
}

.block-tab-category .block-content {
    width: 68.9%;
    float: left;
}

.block-tab-category .tab-products .product-style3 {
    width: 33.333333%;
    float: left;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    float: left;
}

/* TAB COLOR */
.block-tab-category.men .head {
    border-color: #11a8ab;
}

.block-tab-category.men .box-tabs li a:hover,
.block-tab-category.men .box-tabs li.active a {
    color: #11a8ab;
}

.block-tab-category.men .head .title .bar.active {
    background-color: #11a8ab;
}

.block-tab-category.men .tab-cat {
    background-color: rgba(17, 168, 171, 0.8);
}

.block-tab-category.men .product-style3 .btn-add-to-cart:hover,
.block-tab-category.men .product-style3 .group-button-control a:hover {
    background-color: #11a8ab;
}

/**/
.block-tab-category.accessories .head {
    border-color: #0066cc;
}

.block-tab-category.accessories .box-tabs li a:hover,
.block-tab-category.accessories .box-tabs li.active a {
    color: #0066cc;
}

.block-tab-category.accessories .head .title .bar.active {
    background-color: #0066cc;
}

.block-tab-category.accessories .tab-cat {
    background-color: rgba(0, 102, 204, 0.8);
}

.block-tab-category.accessories .product-style3 .btn-add-to-cart:hover,
.block-tab-category.accessories .product-style3 .group-button-control a:hover {
    background-color: #0066cc;
}

/* Product style 3*/
.product-style3 {
    position: relative;
    overflow: hidden;
}

.product-style3 .product-info {
    padding: 15px 15px 3px 15px;
}

.product-style3 .product-name a {
    color: #333;
    font-size: 14px;

}

.product-style3 .price {
    color: #38b25d;
}

.product-style3 .product-star {
    display: table;
    font-size: 13px;
    color: #ffae00;
    margin-top: 5px;
}

.product-style3 .product-star .fa {
    margin-right: 3px;
}

.product-style3 .product-star .fa:last-child {
    margin-right: 0;
}

.product-style3 .btn-add-to-cart {
    padding: 12px 0;
    background-color: rgba(57, 66, 100, 0.9);
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: -50px;
    left: 0;
    right: 0;
    font-family: 'Oswald';
    font-size: 16px;
    font-weight: 300;
    -moz-transition: all 0.45s ease;
    -webkit-transition: all 0.45s ease;
    -o-transition: all 0.45s ease;
    -ms-transition: all 0.45s ease;
    transition: all 0.45s ease;
}

.product-style3 .btn-add-to-cart:before {
    content: '';
    width: 20px;
    height: 16px;
    display: inline-block;
    background: url('../images/cart12.png') no-repeat center center;
    margin-right: 5px;
}

.product-style3 .btn-add-to-cart:hover {
    background-color: #38b25d;
}

.product-style3:hover .btn-add-to-cart {
    bottom: 0;
}

.product-style3 .group-button-control {
    width: auto;
    position: absolute;
    bottom: 90px;
    right: 5px;
}

.product-style3 .wishlist {
    background-image: url('../images/wishlist12.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.product-style3 .compare {
    background-image: url('../images/compare12.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.product-style3 .quickview {
    background-image: url('../images/quickview12.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.product-style3 .group-button-control a {
    width: 39px;
    height: 34px;
    display: block;
    margin-top: 10px;
    background-color: #eeeeee;
    line-height: 34px;
    font-size: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    opacity: 0;
    filter: alpha(opacity=0);
}

.product-style3 .group-button-control a:hover {
    background-color: #38b25d;
    color: #fff;
}

.product-style3:hover .group-button-control a {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.product-style3 .status {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    display: inline-block;
    font-family: 'Oswald';
    font-size: 12px;
    color: #fff;
}

.product-style3 .status.sale {
    background-color: #89b13a;
    bottom: 15px;
    right: 15px;
}

.product-style3 .status.new {
    background-color: #fa894b;
    bottom: 15px;
    left: 15px;
}

/* Footer style 4 */
.footer4 {
    border-top: 5px solid #eee;
}

.footer4 .footer-top {
    overflow: hidden;
}

.footer4 .footer-top .left {
    width: 64%;
    float: left;
}

.footer4 .footer-top .right {
    width: 36%;
    float: left;
}

.footer4 .widget-container {
    margin-top: 30px;
}

.footer4 .widget-container .widget-title {
    font-size: 16px;
    font-family: 'Oswald';
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #333;
}

.footer4 .widget-container li {
    line-height: 28px;
}

.footer4 .social-link {
    overflow: hidden;
}

.footer4 .social-link a {
    float: left;
}

.footer4 .social-link .fa {
    width: 32px;
    height: 32px;
    border: 2px solid #999999;
    background-color: transparent;
    color: #999999;
    webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin-right: 15px;
}

.footer4 .widget-container .widget-title,
.footer4 .widget-container .block-heading h3 {
    font-size: 16px;
    font-family: 'Oswald';
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #333;
}

.footer4 .mailchimp-form .input-group {
    border: 1px solid #eee;
}

.footer4 .mailchimp-form .input-group input {
    height: 40px;
    padding-left: 15px;
}

.footer4 .mailchimp-form .mailchimp-submit {
    height: 42px;
    background-color: #11a8ab;
    border: none;
    color: #fff;
    text-transform: uppercase;
    padding: 0 20px;
    float: right;
    font-size: 16px;
    font-family: 'Oswald';
    font-weight: 300;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    margin-top: -1px;
    margin-right: -1px;
}

.footer4 .mailchimp-form .mailchimp-submit:hover {
    opacity: 0.8;
}

.footer4 .footer-middle {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    margin-top: 30px;
}

.footer4 .footer-link {
    text-align: center;
}

.footer4 .footer-bottom {
    padding: 30px 0;
}

.footer4 .footer-link a {
    border-right: 1px solid #666;
    display: inline-block;
    padding: 0 10px;
    line-height: 11px;
    margin: 5px 0;
}

.footer4 .footer-link a:last-child {
    border: none;
}

.footer4 .footer-coppyright {
    text-align: center;
    font-family: 'Oswald';
    font-weight: 300;
    color: #333;
    padding: 20px 0;
}

.footer4 .footer-middle {
    padding: 10px 0;
}

/* Block cat */
.block-cat {
    border: 1px solid #eee;
    margin-bottom: 30px;
    position: relative;
    padding: 30px;
    background-position: bottom right;
    background-repeat: no-repeat;
}

.block-cat .sub-cat {
    width: auto;
    display: inline-block;
}

.block-cat .sub-cat li {
    border-bottom: 1px solid #eee;
    padding: 4px 0;
    padding-right: 30px;
    list-style: inside;
}

.block-cat .read-more {
    display: block;
    font-family: 'Oswald';
    font-weight: 300;
    color: #333;
    margin-top: 20px;
}

.block-cat .read-more:before {
    content: '';
    width: 20px;
    height: 2px;
    background-color: #999999;
    display: block;
    margin-bottom: 4px;
}

.block-cat .cat-title {
    position: absolute;
    top: 30px;
    right: 30px;
    font-size: 24px;
    color: #999999;
    font-family: 'Oswald';
    font-weight: 300;
    text-align: right;
}

.block-cat .cat-title span {
    display: block;
    line-height: auto;
}

.block-cat .cat-title .cat-name {
    font-weight: 700;
    font-size: 30px;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
}

.block-cat.women {
    background-image: url('../data/option12/women.png');
}

.block-cat.women .cat-name {
    color: #38b25d;
}

.block-cat.men {
    background-image: url('../data/option12/men.png');
}

.block-cat.men .cat-name {
    color: #11a8ab;
}

.block-cat.accessory {
    background-image: url('../data/option12/Accessory.png');
}

.block-cat.accessory .cat-name {
    color: #2b5e92;
}

/* BLOG 12*/
.section-blog-12 {
    padding-bottom: 30px;
}

.section-blog-12 .section-title {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #333;
    margin-bottom: 20px;
}

.section-blog-12 .section-title:before {
    content: '';
    width: 20px;
    height: 2px;
    background-color: #333333;
    display: block;
}

.section-blog-12 .section-title .sub-title {
    display: block;
    font-size: 14px;
    font-weight: normal;
    text-transform: none;
    color: #999999;
}

.blog12 {
    border: 1px solid #eee;
    display: table;
    width: 100%;
}

.blog12 .thumb,
.blog12 .info {
    width: 50%;
    float: left;
}

.blog12 .info {
    padding: 25px;
    position: relative;
}

.blog12 .date {
    padding: 5px 12px;
    display: inline-block;
    background-color: #38b25d;
    color: #fff;
    font-size: 16px;
}

.blog12 .blog-title {
    font-size: 24px;
    padding-top: 30px;
    text-transform: uppercase;
    margin-bottom: 70px;
}

.blog12 .blog-title a {
    color: #333;
}

.blog12 .blog-title a:hover {
    color: #38b25d;
}

.blog12 .read-more {
    font-family: 'Oswald';
    font-weight: 300;
    text-transform: uppercase;
}

.blog12 .read-more:before {
    content: '';
    width: 20px;
    height: 2px;
    background-color: #999;
    display: block;
}

.section-blog-12 .owl-controls .owl-prev,
.section-blog-12 .owl-controls .owl-next {
    background-color: #fff;
    border: 1px solid #eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    color: #b3b3b3;
    line-height: 22px;
    top: -40px;
}

.section-blog-12 .owl-controls .owl-prev {
    left: inherit;
    right: 36px;
}

.section-band-logo.style2 {
    background-color: transparent;
    padding: 0;
    padding-bottom: 30px;
}

.section-band-logo.style2 a {
    padding: 0 1px;
    display: inline-block;
}

.section-band-logo.style2 .owl-controls .owl-prev,
.section-band-logo.style2 .owl-controls .owl-next {
    background-color: #fff;
    border: 1px solid #eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    color: #b3b3b3;
    line-height: 22px;
    -moz-transition: all 0.45s ease;
    -webkit-transition: all 0.45s ease;
    -o-transition: all 0.45s ease;
    -ms-transition: all 0.45s ease;
    transition: all 0.45s ease;
    opacity: 0;
    visibility: hidden;
}

.section-band-logo.style2 .owl-controls .owl-prev {
    left: -12px;
}

.section-band-logo.style2 .owl-controls .owl-next {
    right: -12px;
}

.section-band-logo.style2:hover .owl-controls .owl-prev,
.section-band-logo.style2:hover .owl-controls .owl-next {
    opacity: 1;
    visibility: inherit;
}

/* Block hotdel week */
.block-hotdeal-week {
    border: 1px solid #eee;
}

.block-hotdeal-week .title {
    padding: 13px 24px;
    background-color: #eee;
    text-transform: uppercase;
    font-family: 'Oswald';
    font-weight: 300;
    color: #333;
    font-size: 18px;
}

.block-hotdeal-week .inner {
    padding: 23px 10px;
}

.block-hotdeal-week .product {
    text-align: center;
}

.block-hotdeal-week .countdown-lastest {
    text-align: center;
    display: table;
    margin: 0 auto;
}

.block-hotdeal-week .price {
    color: #38b25d;
    text-decoration: none;
    margin-bottom: 10px;
    display: inline-block;
}

.block-hotdeal-week .price ins {
    text-decoration: none;
    margin-right: 10px;
}

.block-hotdeal-week .price del {
    color: #999;
}

.block-hotdeal-week .countdown-lastest .dot {
    display: none;
}

.block-hotdeal-week .countdown-lastest .box-count {
    width: 42px;
    display: inline-block;
    margin-right: 15px;
}

.block-hotdeal-week .countdown-lastest .box-count .number {
    background-color: #38b25d;
    color: #fff;
    font-size: 16px;
    display: inline-block;
    height: 34px;
    width: 100%;
    line-height: 34px;
    font-weight: 600;
}

.block-hotdeal-week .countdown-lastest .box-count .text {
    display: block;
    color: #999;
    font-family: 'Oswald';
}

.block-hotdeal-week .owl-controls .owl-prev,
.block-hotdeal-week .owl-controls .owl-next {
    background-color: #fff;
    border: 1px solid #eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    color: #b3b3b3;
    line-height: 22px;
    -moz-transition: all 0.45s ease;
    -webkit-transition: all 0.45s ease;
    -o-transition: all 0.45s ease;
    -ms-transition: all 0.45s ease;
    transition: all 0.45s ease;
    opacity: 0;
    visibility: hidden;
}

.block-hotdeal-week .owl-controls .owl-prev {
    left: -22px;
}

.block-hotdeal-week .owl-controls .owl-next {
    right: -22px;
}

.block-hotdeal-week .owl-carousel:hover .owl-controls .owl-prev,
.block-hotdeal-week .owl-carousel:hover .owl-controls .owl-next {
    opacity: 1;
    visibility: inherit;
}

.block-hotdeal-week .product-name {
    font-size: 14px;
    margin-bottom: 10px;
}

.block-hotdeal-week .btn-add-to-cart {
    padding: 0 13px;
    background-color: #11a8ab;
    color: #fff;
    height: 34px;
    line-height: 34px;
    display: inline-block;
}

.block-hotdeal-week .btn-add-to-cart:before {
    content: '';
    width: 20px;
    height: 16px;
    display: inline-block;
    background: url('../images/cart12.png') no-repeat center center;
    margin-right: 5px;
}

.block-hotdeal-week .wishlist,
.block-hotdeal-week .compare {
    width: 40px;
    height: 34px;
    background-color: #eee;
    display: inline-block;
    font-size: 0;
}

.block-hotdeal-week .wishlist {
    background-image: url('../images/wishlist12.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.block-hotdeal-week .compare {
    background-image: url('../images/compare12.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.block-hotdeal-week .btn-add-to-cart:hover,
.block-hotdeal-week .wishlist:hover,
.block-hotdeal-week .compare:hover {
    background-color: #38b25d;
}

/* Block testamial*/
.block-testimonials2 {
    background-color: #394264;
    color: #fff;
    margin-top: 30px;
    padding: 20px;
}

.block-testimonials2 li {
    padding-top: 17px;
    margin-bottom: 20px;
}

.block-testimonials2 li img {
    border: 3px solid #bcbdbe;
    border-radius: 90%;
    opacity: 0.5;
}

.block-testimonials2 .item-center li {
    width: 100px;
    height: 100px;
    position: absolute;
    z-index: 2;
    top: -17px;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.block-testimonials2 .item-center li img {
    opacity: 1;
}

.block-testimonials2 .info {
    display: none;
}

.block-testimonials2 .text {
    margin-bottom: 15px;
}

.block-testimonials2 .text:before {
    content: "\f10d";
    font-family: 'iconfont';
    font-size: 40px;
    color: #009999;
    margin-right: 10px;
    line-height: normal;
}

.block-testimonials2 .name {
    text-align: right;
    float: right;
}

.block-testimonials2 .testimonial-caption {
    overflow: hidden;
}

.block-new-product12 {
    border: 1px solid #eee;
    margin-top: 30px;
}

.block-new-product12 .title {
    padding: 13px 24px;
    background-color: #eee;
    text-transform: uppercase;
    font-family: 'Oswald';
    font-weight: 300;
    color: #333;
    font-size: 18px;
}

.block-new-product12 .inner {
    padding: 10px 25px;
}

.block-new-product12 .price {
    color: #38b25d;
    text-decoration: none;
    display: inline-block;
}

.block-new-product12 .price ins {
    text-decoration: none;
    margin-right: 10px;
}

.block-new-product12 .price del {
    color: #999;
    font-weight: normal;
}

.block-new-product12 .product {
    border-bottom: 1px solid #eee;
    padding-bottom: 12px;
    margin-top: 12px;
    overflow: hidden;
}

.block-new-product12 .product .image {
    width: 80px;
    height: 80px;
    float: left;
}

.block-new-product12 .product .info {
    margin-left: 105px;
}

.block-new-product12 .product .product-name {
    font-size: 14px;
    margin-bottom: 10px;
}

.block-new-product12 .owl-controls {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 10px;
}

.block-new-product12 .owl-controls .owl-prev,
.block-new-product12 .owl-controls .owl-next {
    background-color: #fff;
    border: 1px solid #eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    color: #b3b3b3;
    line-height: 22px;
    position: static;
    top: inherit;
    right: inherit;
    left: inherit;
    bottom: inherit;
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    display: inline-block;
    margin: 0 5px;
}

.block-banner12 {
    margin-top: 30px;
}

/* OPTION 13*/
.option13 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
}

.header.style13 .support-link > a:before {
    font-family: 'iconfont';
    content: "\f095";
    width: 23px;
    height: 23px;
    border: 1px solid #666;
    display: inline-block;
    line-height: 23px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin-right: 8px;
}

.header.style13 .top-bar-social {
    float: right;
    padding-top: 5px;
}

.header.style13 .top-bar-social a:first-child {
    margin-left: 15px;
}

.header.style13 .top-bar-social a {
    width: 23px;
    height: 23px;
    border: 1px solid #666;
    display: inline-block;
    line-height: 20px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin-left: 8px;
    float: left;
    font-size: 10px;
    padding: 0;
}

.header.style13 .top-header {
    background-color: #fff;
    box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.1);
    padding: 5px 0;
}

.header.style13 .main-header {
    padding: 50px 0;
}

.header.style13 .main-header .header-search-box,
.header.style13 .main-header .shopping-cart-box {
    margin-top: 0;
}

.header.style13 .main-header .header-search-box .form-inline {
    border-color: #ffae00;
}

.header.style13 .main-header .header-search-box .form-inline .btn-search {
    background-color: #ffae00;
}

.header.style13 .main-header .header-search-box .form-inline .form-category {
    background-color: #fff;
    border-left: 1px solid #eee;
}

.header.style13 .main-header .header-search-box .form-inline .select2 {
    border: none;
}

.header.style13.optop {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 100;
    background-color: #fff;
    box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.1);
}

.header.style13.optop .top-header,
.header.style13.optop .main-header {
    display: none;
}

.header.style13.optop .block-header-top13 .box-vertical-megamenus .vertical-menu-content {
    display: none;
}

.header.style13.optop .vertical-menu-wapper {
    width: 80px;
    padding-right: 0;
}

.header.style13.optop .box-vertical-megamenus .title .title-menu {
    display: none;
}

.header.style13.optop .block-header-top13 .box-vertical-megamenus .btn-open-mobile {

    display: table;
    margin: 0 auto;
    vertical-align: middle;
    float: none !important;
    margin-top: 16px;
}

.header.style13.optop .box-vertical-megamenus .title {
    padding: 0;
}

.mini-cart-13 {
    border: 1px solid #eee;
    padding: 6px 0;
    padding-left: 20px;
    width: 100%;
    float: left;
}

.mini-cart-13 .cart-link .icon {
    width: 26px;
    height: 22px;
    display: inline-block;
    background: url('../images/iconcart-13.png') no-repeat center center;
    position: relative;
}

.mini-cart-13 .cart-link {
    text-transform: uppercase;
    color: #333;
    line-height: 28px;
}

.mini-cart-13 .cart-link .count {
    position: absolute;
    top: -25px;
    left: 50%;
    height: 20px;
    background-color: #333;
    display: inline-block;
    min-width: 36px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.mini-cart-13 .cart-link .count:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 6px solid #333;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    display: table;
    margin: 0 auto;
}

.mini-cart-13:hover .cart-block {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    visibility: visible;
}

.mini-cart-13 .cart-block {
    right: 15px;
}

.header.style13 .main-header .header-search-box {
    padding: 0 15px;
}

.block-header-top13 .box-vertical-megamenus .btn-open-mobile {
    width: 16px;
    height: 16px;
    border: 1px solid #fff;
    text-align: center;
    line-height: 14px;
    font-size: 12px;
    margin-top: 17px;
    display: inline-block;
    float: right;
}

.block-header-top13 .box-vertical-megamenus .vertical-menu-content {
    position: absolute;
    top: 100%;
    z-index: 2;
    right: 0px;
    left: 0;
    border: 1px solid #eee;
    border-top: none;
    padding-top: 6px;
    border-top: none;
    padding-bottom: 20px;
    min-width: 210px;
}

.header.style13 .box-vertical-megamenus .title .title-menu {
    display: inline-block;
    float: left;
}

.block-header-top13 .box-vertical-megamenus .vertical-menu-list {
    border: none;
}

.block-header-top13 .box-vertical-megamenus .vertical-menu-list > li {
    padding: 0 20px;
}

.block-header-top13 .box-vertical-megamenus .vertical-menu-list > li > a {
    border-bottom: 1px solid #eee;
}

.block-header-top13 .box-vertical-megamenus .vertical-menu-list > li:last-child > a {
    border: none;
}

.block-header-top13 .box-vertical-megamenus .vertical-menu-list > li:hover {
    background-color: transparent;
}

.block-header-top13 .box-vertical-megamenus .vertical-menu-list > li > a {
    color: #333;
    padding: 0;
    line-height: 45px;
    position: relative;
}

.block-header-top13 .box-vertical-megamenus .vertical-menu-list > li > a.parent:before {
    right: 0;
    color: #333;
    top: 12px;
}

.block-header-top13 .box-vertical-megamenus .vertical-menu-list > li > a > img {
    min-width:
}

.block-header-top13 .box-vertical-megamenus .vertical-menu-list > li:hover > a {
    color: inherit;
}

.block-header-top13 .box-vertical-megamenus .all-category {
    padding: 0;
}

.block-header-top13 .box-vertical-megamenus .all-category span {
    border: none;
    font-weight: 700;
    color: #999999;
    height: inherit;
    font-family: 'Oswald', sans-serif;
    line-height: normal;
}

.block-header-top13 .box-vertical-megamenus .all-category span:after {
    display: block;
    margin: 0 auto;
    content: "\f107";
}

.block-header-top13 .box-vertical-megamenus .all-category span:hover {
    background-color: transparent;
}

.block-header-top13 #main-menu {
    margin: 0;
    border-top: 2px solid #eee;
}

.block-header-top13 #main-menu .navbar .navbar-nav > li > a {
    text-transform: uppercase;
    color: #666;
    border: none;
    padding: 0 17px;
    position: relative;
}

.block-header-top13 #main-menu .navbar .navbar-nav > li > a > img {
    position: absolute;
    top: -22px;
    left: 50%;
}

.block-header-top13 #main-menu .navbar .navbar-nav > li > a:before {
    content: '';
    height: 2px;
    position: absolute;
    left: 0;
    right: 0;
    top: -17px;
    background-color: #ffae00;
    opacity: 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.block-header-top13 #main-menu .navbar .navbar-nav > li:hover,
.block-header-top13 #main-menu .navbar .navbar-nav > li.active {
    background-color: transparent;
}

.block-header-top13 #main-menu .navbar .navbar-nav > li:hover > a,
.block-header-top13 #main-menu .navbar .navbar-nav > li.active > a {
    color: #333;

}

.block-header-top13 #main-menu .navbar .navbar-nav > li.active > a {
    font-weight: 700;
}

.block-header-top13 #main-menu .navbar .navbar-nav > li:hover > a:before,
.block-header-top13 #main-menu .navbar .navbar-nav > li.active > a:before {
    opacity: 1;
}

.block-header-top13 #main-menu li.dropdown > a:after {
    content: "\f0d7";
}

.block-slide13 .owl-controls .owl-dots {
    bottom: 20px;
}

.block-slide13 .owl-controls .owl-dots .owl-dot {
    border: 2px solid #eee;
    background-color: transparent;
    opacity: 0.5;
}

.block-slide13 .owl-controls .owl-dots .owl-dot.active {
    background-color: #fff;
    border-color: #fff;
    opacity: 1;
}

.block-slide13 .owl-controls .owl-prev,
.block-slide13 .owl-controls .owl-next {
    -moz-transition: all 0.45s ease;
    -webkit-transition: all 0.45s ease;
    -o-transition: all 0.45s ease;
    -ms-transition: all 0.45s ease;
    transition: all 0.45s ease;
    opacity: 0;
    visibility: hidden;
}

.block-slide13:hover .owl-controls .owl-prev {
    left: 50px;
}

.block-slide13:hover .owl-controls .owl-next {
    right: 50px;
}

.block-slide13:hover .owl-controls .owl-prev,
.block-slide13:hover .owl-controls .owl-next {
    opacity: 1;
    visibility: inherit;
}

.option13 .cart-block .cart-block-content .cart-buttons a.btn-check-out {
    background-color: #ffae00;
}

.header.style13 .top-header a.current-open:after {
    content: "\f0d7";
    font-size: 13px;
}

.block-service13 {
    padding-top: 30px;
}

.block-service13 .item {
    margin-bottom: 30px;
}

.block-service13 .item .icon {
    width: 70px;
    float: left;
}

.block-service13 .item .info {
    margin-left: 90px;
    font-size: 12px;
    font-weight: 300;
    color: #999;
}

.block-service13 .item .name {
    font-size: 14px;
    font-weight: 700;
    color: #333;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.block-service13 .inner {

    overflow: hidden;
}

.block-service13 .inner .line {
    border-bottom: 1px solid #eee;
    display: inline-block;
    width: 100%;
    float: left;
}

.tab-product-13 {
    margin-top: 30px;
}

.tab-product-13 .head {
    background-color: #f8f8f8;
    border-bottom: 2px solid #e5e5e5;
    display: table;
    width: 100%;
    padding: 10px 0;
}

.tab-product-13 .box-tabs li {
    display: inline-block;
    float: left;
}

.tab-product-13 .box-tabs li a {
    padding: 4px 25px;
    display: inline-block;
    color: #999;
    text-transform: uppercase;
    position: relative;
    font-weight: 700;
    border-right: 1px solid #eee;
}

.tab-product-13 .box-tabs li:last-child a {
    border: none;
}

.tab-product-13 .box-tabs li a:after {
    content: '';
    height: 2px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -12px;
    background-color: #ffae00;
    opacity: 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.tab-product-13 .box-tabs li:hover a,
.tab-product-13 .box-tabs li.active a {
    color: #333;
}

.tab-product-13 .box-tabs li:hover a:after,
.tab-product-13 .box-tabs li.active a:after {
    opacity: 1;
}

.tab-product-13 .tab-content {
    padding-top: 17px;
    margin:
}

.tab-product-13 .product-style3 {
    border: 1px solid #eee;
}

.tab-product-13 .owl-controls .owl-prev,
.tab-product-13 .owl-controls .owl-next {
    -moz-transition: all 0.45s ease;
    -webkit-transition: all 0.45s ease;
    -o-transition: all 0.45s ease;
    -ms-transition: all 0.45s ease;
    transition: all 0.45s ease;
    opacity: 0;
    visibility: hidden;
}

.tab-product-13 .owl-controls .owl-prev {
    left: -24px;
}

.tab-product-13 .owl-controls .owl-next {
    right: -24px;
}

.tab-product-13 .owl-carousel:hover .owl-next {
    right: -12px;
    opacity: 1;
    visibility: inherit;
}

.tab-product-13 .owl-carousel:hover .owl-prev {
    left: -12px;
    opacity: 1;
    visibility: inherit;
}

.tab-product-13.top-nav .owl-controls .owl-prev,
.tab-product-13.top-nav .owl-controls .owl-next {
    top: -44px;
    opacity: 1;
    visibility: inherit;
}

.tab-product-13.top-nav .owl-controls .owl-prev {
    left: inherit;
    right: 50px;
}

.tab-product-13.top-nav .owl-controls .owl-next {
    right: 18px;
}

.block-banner13 {
    margin-top: 30px;
}

.tab-product-13 .product-style3 {
    padding-bottom: 15px;
}

.tab-product-13 .product-style3 .status.sale {
    background-color: #aa8056;
    left: 15px;
    top: 15px;
    right: inherit;
    bottom: inherit;
    text-transform: uppercase;
}

.tab-product-13 .product-style3 .status.new {
    background-color: #2ea76f;
    right: 15px;
    top: 15px;
    left: inherit;
    bottom: inherit;
    text-transform: uppercase;
}

.tab-product-13.style2 .box-tabs {
    float: right;
}

.tab-product-13 .title {
    display: inline-block;
    float: left;
    padding-left: 30px;
    text-transform: uppercase;
    color: #333;
    font-weight: 700;
    margin-top: 8px;
}

.block-top-brands {
    margin-top: 30px;
}

.block-top-brands .owl-controls .owl-prev,
.block-top-brands .owl-controls .owl-next {
    -moz-transition: all 0.45s ease;
    -webkit-transition: all 0.45s ease;
    -o-transition: all 0.45s ease;
    -ms-transition: all 0.45s ease;
    transition: all 0.45s ease;
    opacity: 0;
    visibility: hidden;
}

.block-top-brands .owl-controls .owl-prev {
    left: -24px;
}

.block-top-brands .owl-controls .owl-next {
    right: -24px;
}

.block-top-brands .owl-carousel:hover .owl-next {
    right: -12px;
    opacity: 1;
    visibility: inherit;
}

.block-top-brands .owl-carousel:hover .owl-prev {
    left: -12px;
    opacity: 1;
    visibility: inherit;
}

.block-top-brands .head {
    display: table;
    width: 100%;
    background-color: #f8f8f8;
}

.block-top-brands .head .tab,
.block-top-brands .head .title {
    display: table-cell;
}

.block-top-brands .head .title {
    background-color: #ffae00;
    color: #fff;
    text-transform: uppercase;
    width: 34px;

}

.block-top-brands .head .title .text {
    text-align: center;
    margin: 0 auto;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    left: -35px;
    top: 50%;
    letter-spacing: 4px;
}

.block-top-brands .bx-wrapper .bx-viewport {
    moz-box-shadow: 0 0 0 #ccc;
    -webkit-box-shadow: 0 0 0 #ccc;
    box-shadow: 0 0 0 #ccc;
    border: 0 solid #fff;
    left: 0;
    background: #f8f8f8;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.block-top-brands .list-brand {
    padding-left: 1px;
}

.block-top-brands .list-brand .item {
    border-left: 2px solid transparent;
    border-right: 1px solid #eee;
}

.block-top-brands .list-brand .item > a {

    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
    display: inline-block;
    width: 100%;
}

.block-top-brands .list-brand .item:hover > a,
.block-top-brands .list-brand .item.active > a {
    border-bottom-color: #eee;
    border-top-color: #eee;

}

.block-top-brands .list-brand .item:hover,
.block-top-brands .list-brand .item.active {
    background-color: #fff;
    border-right-color: #fff;
    border-left-color: #ffae00;

}

.block-top-brands .bx-wrapper .bx-controls-direction a {
    margin: 0;
    width: 25px;
    height: 25px;
    webkit-border-radius: 90%;
    -moz-border-radius: 90%;
    -ms-border-radius: 90%;
    -o-border-radius: 90%;
    border-radius: 90%;
    border: 1px solid #eee;
    line-height: 23px;
    font-size: 13px;
    background: none;
    background-color: #fff;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-indent: inherit;
    font-size: 0;
    text-align: center;
    -moz-transition: all 0.45s ease;
    -webkit-transition: all 0.45s ease;
    -o-transition: all 0.45s ease;
    -ms-transition: all 0.45s ease;
    transition: all 0.45s ease;
    opacity: 0;
    visibility: hidden;
}

.block-top-brands .bx-wrapper:hover .bx-controls-direction a {
    opacity: 1;
    visibility: inherit;
}

.block-top-brands .bx-wrapper .bx-controls-direction a:hover {
    background-color: #ffae00;
    border-color: #ffae00;
    color: #fff;
}

.block-top-brands .bx-wrapper .bx-prev {
    top: -12px;
    left: 50%;
    top: 0;
}

.block-top-brands .bx-wrapper .bx-prev:before {
    content: "\f0d8";
    font-family: 'iconfont';
    font-size: 13px;
}

.block-top-brands .bx-wrapper .bx-next:before {
    content: "\f0d7";
    font-family: 'iconfont';
    font-size: 13px;
}

.block-top-brands .bx-wrapper .bx-next {
    top: inherit;
    bottom: 0;
    right: inherit;
    left: 50%;
}

.block-top-brands .bx-wrapper:hover .bx-next {
    bottom: -12px;
}

.block-top-brands .bx-wrapper:hover .bx-prev {
    top: -12px;
}

.block-top-brands .product-style3 .status.sale {
    background-color: #aa8056;
    left: 15px;
    top: 15px;
    right: inherit;
    bottom: inherit;
    text-transform: uppercase;
}

.block-top-brands .product-style3 .status.new {
    background-color: #2ea76f;
    right: 15px;
    top: 15px;
    left: inherit;
    bottom: inherit;
    text-transform: uppercase;
}

.block-top-brands .product-style3 {
    border: 1px solid #eee;
    padding-bottom: 15px;
}

.block-testimonials3 {
    margin-top: 30px;
    background-color: #f2e9e0;
}

.block-testimonials3 .blank {
    height: 32px;
    background-color: #fff;
}

.block-testimonials3 .image {
    width: 100px;
    height: 100px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: 5px solid #f2e9e0;
    position: absolute;
    left: 50%;
    top: 0;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.block-testimonials3 .image img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.block-testimonials3 li {
    position: relative;
}

.block-testimonials3 .info {
    padding: 80px 20px 15px 20px;
    overflow: hidden;
}

.block-testimonials3 .text {
    margin-bottom: 12px;
}

.block-testimonials3 .text:before {
    content: "\f10d";
    font-family: 'iconfont';
    font-size: 40px;
    color: #a5917b;
    margin-right: 10px;
    line-height: normal;
}

.block-testimonials3 .name {
    text-align: right;
    float: right;
}

.block-testimonials3 .owl-controls .owl-dots {
    position: static;
    padding-bottom: 20px;
}

.block-testimonials3 .owl-controls .owl-dots .owl-dot {
    border: 2px solid #a5917b;
    background-color: transparent;
    opacity: 0.6;
    width: 10px;
    height: 10px;
    margin: 0 3px;
}

.owl-controls .owl-dots .owl-dot.active {
    background-color: #38b25d;
    border-color: #38b25d;
    opacity: 1;
}

/* OPTION 14 */
.block-slide14 .owl-controls .owl-dots {
    bottom: 20px;
}

.block-slide14 .owl-controls .owl-dots .owl-dot {
    width: 8px;
    height: 8px;
    background-color: #999;
    margin: 0 2px;
}

.block-slide14 .owl-controls .owl-dots .owl-dot.active {
    width: 14px;
    height: 14px;
    border: 2px solid #cc9933;
    background-color: transparent;
    margin-top: -3px;
}

.block-group-banner-top {
    padding-bottom: 40px;
}

.block-group-banner-top .item {
    margin-top: 30px;
}

.block-tab-category14 {
    padding-top: 40px;
}

.block-tab-category14 .head {
    position: relative;
}

.block-tab-category14 .head:after {
    content: '';
    width: 80%;
    position: absolute;
    right: 0;
    top: 50%;
    height: 1px;
    background: #eee;
}

.block-tab-category14 .bar {
    width: 36px;
    height: 32px;
    display: inline-block;
    border: 1px solid #eee;
    color: #999;
    text-align: center;
    line-height: 30px;
}

.block-tab-category14 .box-tabs {
    padding: 0;
    display: inline-block;
    overflow: hidden;
    background-color: #fff;
    position: relative;
    z-index: 1;
}

.block-tab-category14 .box-tabs li {
    display: inline;
    float: left;
}

.block-tab-category14 .box-tabs li:after {
    content: '';
    width: 18px;
    height: 18px;
    background: url('../images/kak4.png') no-repeat center center;
    display: inline-block;
    margin-top: 5px;
}

.block-tab-category14 .box-tabs li:last-child:after {
    display: none;
}

.block-tab-category14 .box-tabs li a {
    line-height: 30px;
    margin: 0 15px;
    position: relative;
}

.block-tab-category14 .box-tabs li a:after {
    content: '';
    height: 2px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -5px;
    background-color: #cc9933;
    opacity: 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.block-tab-category14 .box-tabs li:hover a:after,
.block-tab-category14 .box-tabs li.active a:after {
    opacity: 1;
}

.block-tab-category14 .box-tabs li:hover a,
.block-tab-category14 .box-tabs li.active a {
    color: #cc9933;
}

.block-tab-category14 .link-all {
    border: 1px solid #eee;
    padding: 5px 10px;
    display: inline-block;
    float: right;
    position: relative;
    z-index: 1;
    background-color: #fff;
}

.block-tab-category14 .link-all:before {
    content: '';
    height: 5px;
    background-color: #fff;
    width: 15px;
    position: absolute;
    left: -16px;
    top: 50%;
}

.block-tab-category14 .link-all:hover {
    background-color: #cc9933;
    color: #fff;
    border-color: #cc9933;
}

.block-tab-category14 .product-style4 {
    margin-top: 30px;
}

.product-style4 {
    border: 1px solid transparent;
    padding-bottom: 20px;
    -moz-transition: all 0.45s ease;
    -webkit-transition: all 0.45s ease;
    -o-transition: all 0.45s ease;
    -ms-transition: all 0.45s ease;
    transition: all 0.45s ease;
    position: relative;
}

.product-style4 .product-thumb {
    position: relative;
    overflow: hidden;
}

.product-style4 .product-thumb img {
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    display: inherit;
}

.product-style4 .product-thumb .secondary_image {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.product-style4:hover .product-thumb .secondary_image {
    opacity: 1;
}

.product-style4 .btn-add-to-cart {
    padding: 12px 0;
    background-color: rgba(207, 161, 69, 0.7);
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: -50px;
    left: 17px;
    right: 17px;
    font-weight: 300;
    -moz-transition: all 0.45s ease;
    -webkit-transition: all 0.45s ease;
    -o-transition: all 0.45s ease;
    -ms-transition: all 0.45s ease;
    transition: all 0.45s ease;
}

.product-style4 .btn-add-to-cart:before {
    content: '';
    width: 20px;
    height: 16px;
    display: inline-block;
    background: url('../images/cart12.png') no-repeat center center;
    margin-right: 5px;
}

.product-style4 .btn-add-to-cart:hover {
    background-color: #cfa145;
    color: #fff;
}

.product-style4:hover .btn-add-to-cart {
    bottom: 0;
}

.product-style4 .group-button-control {
    width: auto;
    position: absolute;
    bottom: 64px;
    right: 17px;
}

.product-style4 .wishlist {
    background-image: url('../images/wishlist12.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.product-style4 .compare {
    background-image: url('../images/compare12.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.product-style4 .quickview {
    background-image: url('../images/quickview12.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.product-style4 .group-button-control a {
    width: 39px;
    height: 34px;
    display: block;
    margin-top: 10px;
    background-color: #ddd;
    line-height: 34px;
    font-size: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    opacity: 0;
    filter: alpha(opacity=0);
    border: 1px solid #d6d6d6;
}

.product-style4 .group-button-control a:hover {
    background-color: #cfa145;
    color: #fff;
}

.product-style4:hover .group-button-control a {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.product-style4 .status {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    display: inline-block;
    font-family: 'Oswald';
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
}

.product-style4 .status.sale {
    background-color: #ff6666;
    top: 15px;
    right: 15px;
}

.product-style4 .status.new {
    background-color: #cc9933;
    top: 15px;
    left: 15px;
}

.product-style4 .product-info {
    padding-top: 25px;
}

.product-style4 .product-name {
    font-size: 14px;
    margin-bottom: 10px;
}

.product-style4 .price {
    font-size: 16px;
    color: #333;
}

.product-style4 .price ins {
    text-decoration: none;
    margin-right: 5px;
}

.product-style4 .price del {
    color: #999;

}

.product-style4:hover {
    border-color: #cc9933;
    text-align: center;
    background-color: #eee;
}

.section-block-deal {
    padding: 70px 0 70px 0;
    background-image: url('../images/bg-hotdeal.jpg');
    background-position: top;
    background-repeat: no-repeat;
    margin-top: 50px;
}

.block-deal {
    overflow: hidden;
    padding-bottom: 135px;
}

.block-deal .title {
    font-size: 18px;
    font-weight: 800;
    color: #cc9933;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.block-deal .box-count {

    margin-right: 8px;
    display: inline-block;
}

.block-deal .countdown-lastest .dot {
    display: none;
}

.block-deal .box-count .number {
    width: 50px;
    height: 40px;
    background-color: #333;
    font-size: 18px;
    font-weight: 700;
    display: table;
    color: #fff;
    text-align: center;
    line-height: 40px;
}

.block-deal .box-count .text {
    display: table;
    width: 100%;
    text-align: center;
    padding-top: 5px;
    color: #333;
    font-weight: 600;
}

.block-deal .product-name {
    font-size: 24px;
    font-weight: 700;
    margin-top: 55px;
    margin-bottom: 10px;
}

.block-deal .desc {
    color: #666;
    margin-bottom: 25px;
}

.block-deal .price {
    color: #cc9933;
    font-weight: 700;
    font-size: 24px;
    line-height: 18px;
    display: table;
    width: 100%;
    padding-bottom: 15px;
}

.block-deal .price ins {
    text-decoration: none;
    margin-right: 10px;
}

.block-deal .price del {
    font-size: 18px;
    color: #666;
}

.block-deal .btn-add-to-cart,
.block-deal .wishlist {
    width: 44px;
    height: 44px;
    display: inline-block;
    float: left;
    font-size: 0;
    margin-right: 5px;
}

.block-deal .btn-add-to-cart {
    background: #cc9933 url('../images/cart12.png') no-repeat center center
}

.block-deal .btn-add-to-cart:hover {
    opacity: 0.8;
}

.block-deal .wishlist {
    border: 1px solid #c8c8c8;
    background-image: url('../images/wishlist12.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.block-deal .wishlist:hover {
    background-color: #cc9933;
    border-color: #cc9933;
}

.block-top-brands2 {
    margin-top: 50px;
}

.block-top-brands2 .title {
    text-align: center;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
    font-size: 24px;
    font-weight: 600;
}

.block-top-brands2 .list-brands {
    max-width: 887px;
    display: block;
    margin: 0 auto;
    padding: 20px 0;
}

.block-top-brands2 .list-brands img {
    border: 1px solid #eee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.block-top-brands2 .list-brands a:hover img {
    border-color: #cc9933;
}

.block-top-brands2 .list-brands a.active img {
    border-color: #cc9933;
    border-width: 2px;
}

.block-top-brands2 .list-brands .owl-controls .owl-prev,
.block-top-brands2 .list-brands .owl-controls .owl-next {
    position: static;
    left: inherit;
    top: inherit;
    right: inherit;
    bottom: inherit;
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    display: inline-block;
    width: 17px;
    height: 17px;
    border: 1px solid #eee;
    background-color: transparent;
    line-height: 16px;
    font-size: 12px;
    margin: 0 3px;
}

.block-top-brands2 .list-brands .owl-controls .owl-next .fa:before {
    content: "\f0da";
}

.block-top-brands2 .list-brands .owl-controls .owl-prev .fa:before {
    content: "\f0d9";
}

.block-top-brands2 .list-brands .owl-controls .owl-prev:hover,
.block-top-brands2 .list-brands .owl-controls .owl-next:hover {
    background-color: #cc9933;
    border-color: #cc9933;
}

.block-top-brands2 .list-brands .owl-nav {
    position: absolute;
    left: 50%;
    top: -9px;
    background-color: #fff;
    padding: 0 10px;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.block-top-brands2 .brand-products .owl-controls .owl-prev,
.block-top-brands2 .brand-products .owl-controls .owl-next {
    width: 44px;
    height: 44px;
    background-color: #e5e5e5;
    border-color: #dfdfdf;
    font-size: 20px;
    line-height: 42px;
    top: 40%;
}

.block-top-brands2 .brand-products .owl-controls .owl-prev:hover,
.block-top-brands2 .brand-products .owl-controls .owl-next:hover {
    background-color: #cc9933;
    border-color: #cc9933;
}

.block-top-brands2 .brand-products .owl-controls .owl-next {
    right: -63px;
}

.block-top-brands2 .brand-products .owl-controls .owl-prev {
    left: -63px;
}

.block-newsletter {
    margin: 40px 0;
    background: url('../images/bg-block-newsletter.jpg') no-repeat center center;
    padding: 35px 0;
}

.block-newsletter .subscribe-form {
    text-align: center;
    color: #333;
}

.block-newsletter .block-title {
    line-height: 24px;
    color: #333;
    font-weight: 700;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.block-newsletter .input-box {
    text-align: left;
    margin: 0px;
    padding: 0 0 0 20px;
    position: relative;
    margin-top: 20px;
}

.block-newsletter input.input-text {
    display: block;
    height: 46px;
    margin: 0;
    width: 100%;
    border-width: 0px;
    border-style: solid;
    padding-right: 46px;
    padding-left: 20px;
    color: #333333;
    background-color: #ffffff;
    border-color: #dddddd;
}

.block-newsletter .actions {
    padding: 0;
    margin: 0px;
    position: absolute;
    right: 0;
    top: 0;
}

.block-newsletter .actions button.button {
    background-image: url(../images/icon-subscribe.png);
    background-repeat: no-repeat;
    background-position: center center;
    border-width: 0 0 0 1px;
    height: 26px;
    margin: 10px 0;
    text-indent: -999em;
    width: 46px;
    color: #ffffff;
    background-color: transparent;
    border-color: #cfcfcf;
}

.block-static {
    margin-bottom: 45px;
}

.block-static .title {
    color: #333;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 30px;
    position: relative;
}

.block-static .title:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    background-color: #eee;
}

.block-static .title span {
    display: inline-block;
    background-color: #fff;
    position: relative;
    z-index: 1;
    padding-right: 10px;
}

.block-static .block-static-products ul.list li {
    margin-bottom: 30px;
    display: block;
    width: 100%;
    float: left;
}

.block-static .block-static-products .product-thumb {
    width: 100px;
    float: left;
    border: 1px solid transparent;
}

.block-static .block-static-products .product-info {
    margin-left: 120px;
}

.block-static .owl-controls .owl-prev,
.block-static .owl-controls .owl-next {
    position: static;
    left: inherit;
    top: inherit;
    right: inherit;
    bottom: inherit;
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    display: inline-block;
    width: 17px;
    height: 17px;
    border: 1px solid #eee;
    background-color: transparent;
    line-height: 16px;
    font-size: 12px;
    margin: 0 3px;
}

.block-static .owl-controls .owl-next .fa:before {
    content: "\f0da";
}

.block-static .owl-controls .owl-prev .fa:before {
    content: "\f0d9";
}

.block-static .owl-controls .owl-prev:hover,
.block-static .owl-controls .owl-next:hover {
    background-color: #cc9933;
    border-color: #cc9933;
}

.block-static .owl-nav {
    position: absolute;
    right: 0;
    top: -45px;
    background-color: #fff;
    padding-left: 10px;
}

.block-static .product-name {
    font-size: 14px;
    margin-bottom: 5px;
}

.block-static .price {
    color: #333;
    font-size: 16px;
}

.block-static .price ins {
    text-decoration: none;
    margin-right: 5px;
}

.block-static .price del {
    color: #999;
}

.block-static .group-button-control {
    margin-top: 30px;
}

.block-static .group-button-control a {
    width: 40px;
    height: 34px;
    display: inline-block;
    background-color: #e5e5e5;
    border: 1px solid #dfdfdf;
    font-size: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    opacity: 0;
    filter: alpha(opacity=0);
}

.block-static .group-button-control a:hover {
    background-color: #d1a347;
    border-color: #d1a347;
}

.block-static .group-button-control .wishlist {
    background-image: url('../images/wishlist12.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.block-static .group-button-control .compare {
    background-image: url('../images/compare12.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.block-static .group-button-control .quickview {
    background-image: url('../images/quickview12.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.block-static .group-button-control .btn-add-to-cart {
    background-image: url('../images/cart12.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #d1a347;
    border-color: #d1a347;
}

.block-static .block-static-products ul.list li:hover .group-button-control a {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.block-static .block-static-products ul.list li:hover .product-thumb {
    border-color: #d1a347;
}

.footer5 {
    background-color: #333333;
    color: #999;
    padding-top: 30px;
}

footer.footer5 a {
    color: #999;
}

.footer5 .footer-top {
    overflow: hidden;
    padding-bottom: 30px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: rgba(102, 102, 102, 0.3);
}

.footer5 .footer-top .left {
    width: 30%;
    float: left;
}

.footer5 .footer-top .right {
    width: 70%;
    float: left;
}

.footer5 .footer-logo {
    margin-top: 30px;
}

.footer5 .address-list {
    margin-top: 18px;
    margin-bottom: 0;
}

.footer5 .address-list li.feature-icon {
    clear: both;
    line-height: 25px;
}

.footer5 .address-list .tit-name {
    float: left;
    padding-right: 5px;
    width: 70px;
    font-size: 13px;
    color: #cc9933;
}

.footer5 .address-list .tit-contain {
    float: left;
    width: 200px;
    font-size: 13px;
}

.footer5 .social-link {
    width: 100%;
    float: left;
    padding-top: 30px;
}

.footer5 .social-link a .fa {
    width: 24px;
    height: 24px;
    display: inline-block;
    border: 1px solid #999;
    webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: transparent;
    color: #999;
    font-size: 12px;
    line-height: 22px;
    margin-right: 10px;
}

.footer5 .widget-container {
    margin-top: 30px;
}

.footer5 .widget-container .widget-title {
    font-size: 14px;
    color: #ccc;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-weight: 700;
}

.footer5 .widget-container li {
    line-height: 28px;
}

.footer5 .tagcloud a {
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    margin: 0 2px 7px 0;
    padding: 0px 8px;
    line-height: 26px;
    text-decoration: none;
    color: #999999;
    background-color: #3d3d3d;
    border-color: #4a4a4a;
}

.footer5 .tagcloud a:hover {
    color: #ffffff;
    background-color: #cc9933;
    border-color: #cc9933;
}

.footer5 .recent_post li {
    line-height: 24px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: rgba(102, 102, 102, 0.3);
    padding-bottom: 15px;
    padding-top: 15px;
}

.footer5 .recent_post li:last-child {
    border: none;
    padding-bottom: 0;
}

.footer5 .recent_post li:first-child {
    -padding-top: 0;
}

.footer5 .recent_post li .time {
    font-style: italic;
}

.footer5 .footer-bottom {
    padding: 30px 0 60px 0;
    text-align: center;
}

.footer5 .footer-link a {
    font-size: 12px;
    border-right: 1px solid #666;
    display: inline-block;
    padding: 0 10px;
    line-height: 11px;
    margin: 5px 0;
}

.footer5 .footer-coppyright {
    padding: 25px 0;
    font-size: 12px;
}

.header.style14 {
    padding: 35px 0 30px 0;
}

.header.style14 #main-menu {
    margin: 0;
    padding-top: 30px;
}

.header.style14 #main-menu .navbar .navbar-nav > li > a {
    padding: 0 14px;
    border: none;
    position: relative;
}

.header.style14 #main-menu .navbar .navbar-nav > li:hover,
.header.style14 #main-menu .navbar .navbar-nav > li.active {
    background-color: transparent;
    color: #cc9933;
}

.header.style14 #main-menu .navbar .navbar-nav > li:hover > a,
.header.style14 #main-menu .navbar .navbar-nav > li.active > a {
    color: #cc9933;
}

.header.style14 #main-menu .navbar .navbar-nav > li:hover > a:before,
.header.style14 #main-menu .navbar .navbar-nav > li.active > a:before {
    display: block;
}

.header.style14 #main-menu .navbar .navbar-nav > li.active > a {
    font-weight: 700;
}

.header.style14 #main-menu .navbar .navbar-nav > li > a:before {
    content: '';
    width: 20px;
    height: 2px;
    background-color: #cc9933;
    display: block;
    margin: 0 auto;
    display: none;
    position: absolute;
    bottom: -10px;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.header.style14 #main-menu li.dropdown > a:after {
    content: "\f0d7";
}

.header.style14 .top-header {
    background-color: transparent;
    margin-top: 38px;
}

.header.style14 .top-header a {
    border: none;
}

.header.style14 .top-header .dropdown-menu {
    border-color: #cc9933;
}

.header.style14 .top-header a.current-open:after {
    content: "\f0d7";
    font-size: 13px;
    padding-left: 5px;
}

.header.style14.optop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 100;
    box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.1);
    padding: 15px 0;
}

.header.style14.optop #main-menu {
    padding-top: 20px;
}

.header.style14.optop .top-header {
    margin-top: 30px;
}

.block-minicart14 {
    position: relative;
    display: inline-block;
    width: auto;
}

.block-minicart14 .cart-link {
    line-height: 34px;
    position: relative;
}

.block-minicart14 .cart-link .count {
    width: 17px;
    height: 17px;
    display: inline-block;
    color: #fff;
    text-align: center;
    line-height: 17px;
    font-size: 11px;
    position: absolute;
    top: -10px;
    right: -14px;
    background-color: #cc9933;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.block-minicart14:hover .cart-block {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    visibility: visible;
}

.header.style14 .form-search {
    width: auto;
    display: inline-block;
    position: relative;
}

.header.style14 .form-search .icon {
    line-height: 36px;
    padding-left: 15px;
    color: #999999;
    cursor: pointer;
}

.header.style14 .form-search .form {
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 200px;
    display: none;
}

.header.style14 .form-search .form input {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #eee;

}

.block-slide14 .owl-controls .owl-prev,
.block-slide14 .owl-controls .owl-next {
    width: 44px;
    height: 44px;
    background-color: #e5e5e5;
    border-color: #dfdfdf;
    font-size: 20px;
    line-height: 42px;
    -moz-transition: all 0.45s ease;
    -webkit-transition: all 0.45s ease;
    -o-transition: all 0.45s ease;
    -ms-transition: all 0.45s ease;
    transition: all 0.45s ease;
    opacity: 0;
    visibility: hidden;
}

.block-slide14 .owl-controls .owl-prev {
    left: 50px;
}

.block-slide14 .owl-controls .owl-next {
    right: 50px;
}

.block-slide14 .owl-controls .owl-prev:hover,
.block-slide14 .owl-controls .owl-next:hover {
    background-color: #e5e5e5;
    border-color: #dfdfdf;
}

.block-slide14:hover .owl-controls .owl-prev,
.block-slide14:hover .owl-controls .owl-next {
    opacity: 1;
    visibility: inherit;
}

/* REPONSIVE */
@media (max-width: 1200px) {
    .block-header-top12 .block-vertical {
        width: 20%;
    }

    .block-header-top12 .block-search {
        width: 60%;
    }

    .block-search .input-serach {
        width: 60%;
    }

    .block-top-slide .block-blank {
        display: none;
    }

    .block-top-slide .block-slide {
        width: 80%;
    }

    .block-top-slide .block-banner {
        width: 20%;
    }

    .block-header-top13 .box-vertical-megamenus .title .title-menu {
        display: none;
    }

    .block-hotdeal-week .title,
    .block-new-product12 .title {
        padding: 13px 15px;
        font-size: 14px;
    }

    .block-hotdeal-week .countdown-lastest .box-count {
        width: auto;
        margin-right: 10px;

    }

    .block-hotdeal-week .countdown-lastest .box-count .number {
        font-size: 14px;
        padding: 0 5px;
    }

    .block-hotdeal-week .btn-add-to-cart {
        padding: 0 5px;
    }

    .block-new-product12 .product .info {
        display: block;
        margin: 0;
        float: left;
        margin-top: 10px;
    }

    .block-cat .cat-title {
        position: relative;
        top: inherit;
        right: inherit;
    }

    .block-newsletter .subscribe-form {
        background-color: #f3f3f3;
        padding: 30px;
    }

    .block-newsletter .input-box {
        padding: 0;
    }
}

.mi_body {
    width: 100%;
    height: 570px;
    display: table;
    background: #FFD237;
    /* border-top: 2px solid #38b25d; */
}

.mi_body .ly_content_login {
    height: 100%;
}
.mi_body .container {
    height: 100%;
    width: 1200px;
}

.ly_ad {
    text-align: center;
    width: 720px;
    height: 570px;
    overflow: hidden;
    padding: 0;
}
.ly_ad img {
    width: 100%;
}
.lycoLoginBox {
    width: 480px;
    padding-top: 75px;
}
.lycoLoginBody {
    background: #fff;
    padding: 34px 28px;
    width: 328px;
    height: 405px;
    margin: auto;
}

.lyLogin_title {
    text-align: left;
}

/*.lyLogin_title p {
    font-size: 16px;
    font-weight: bold;
}*/

.lyLogin_title span {
    float: right;
}

.lyLogin_title span a {
    color: #38b25d;
    font-size: 12px;
    line-height: 24px;
    padding-right: 10px;
}

.reg_title {
    width: 380px;
    height: 110px;
    margin-left: 100px;
    text-align: left;
    padding-left: 80px;
    padding-top: 40px;
    font-size: 16px;
}

.reg_title .active a {
    border-radius: 0px;
    border-top: 2px solid #38b25d !important;
}

.form_input {
    width: 100%;
    margin-top: 10px;
}

.form_input .form-control {
    width: 274px;
    height: 36px;
    border: 1px solid #ddd;
}

.form_input ul li {
    width: 100%;
    display: table;
    margin-bottom: 20px;
}
.form_input ul li .captchaImg {
    margin-left: 16px;
    float: right;
    width: 30%;
    height: 36px;
    border: 1px solid #ddd;
}

.form_input ul li.ly_err {
    height: 16px;
    color: #FF3300;
    text-align: left;
}

.form_input ul li.ly_err i {
    width: 16px;
    height: 16px;
    font-size: 16px;
    display: block;
    float: left;
}

.form_input ul li.ly_err strong {
    height: 16px;
    line-height: 16px;
    padding-left: 3px;
}

/*.form_input ul li span {
    width: 34px;
    height: 34px;
    display: block;
    float: left;
    text-align: center;
    background-color: #e0f3e3;
    border: 1px solid #38b25d !important;
    border-right: 0px solid #38b25d !important;
}*/

.form_input ul li span.user:after {
    font-family: 'iconfont';
    content: '\e61e';
    color: #38b25d;
    line-height: 34px;
}

.form_input ul li span.pwd:after {
    font-family: 'iconfont';
    content: '\e828';
    color: #38b25d;
    line-height: 34px;
}

.form_input ul li span.yzm:after {
    font-family: 'iconfont';
    content: '\e84a';
    color: #38b25d;
    line-height: 34px;
}

.form_input ul li label {
    width: auto;
    display: block;
    position: relative;
    float: left;
}

.form_input ul li label .w180 {
    float: left;
}

.form_input ul li label #send_sms {
    line-height: 36px;
    color: #666666;
    float: right;
    text-align: center;
    display: block;
    border: 1px solid;
    width: 110px;
    height: 36px;
    border: 1px solid #C9C9C9;
    margin-left: 16px;
}

.form_input ul li label #send_sms2 {
    width: 100px;
    height: 38px;
    line-height: 38px;
    background: #999;
    color: #fff;
    float: left;
    margin-left: 20px;
    display: block;
}

.form_input ul li label .invalid-msg {
    position: absolute;
    right: 8px;
    top: 0px;
    line-height: 34px;
    color: red;
    font-size: 12px;
}

.form_input ul li label .valid-msg {
    position: absolute;
    left: 8px;
    top: 20px;
    line-height: 34px;
}

.form_input ul li label.ly_label {
    text-align: left;
    font-size: 12px;
}

.form_input ul li label.ly_label input {
    margin-right: 6px;
    margin-top: -2px;
}

.form_input ul li label .btn {
    border-radius: 0px;
    /* color: #b2b2b2; */
    /* background: #E1E1E1; */
    color: #fff;
    background: #FF1A2B;
    width: 274px;
    height: 36px;
    line-height: 0px;
}

.form-control {
    border-radius: 0px;
    font-weight: 300;
}

.form-control:focus {
    border: 1px solid #FF1A2B;
}

.c-p {
    padding: 0 8px;
    height: 24px;
    border: 1px solid #d7d7d7;
}

.pcurrent {
    padding: 0 8px;
    height: 24px;
    border: 1px solid #38b25d;
    background: url(../images/choose.png) no-repeat right bottom
}

.sform_input {
    width: 100%;
    height: auto;
    display: table;
}

.sform_input ul li {
    width: 100%;
    height: auto;
    display: table;
    margin-bottom: 14px;
    padding-top: 13px;
    border-top: 1px dotted #dedede;
}

.sform_input ul li span {
    width: 100px;
    height: 38px;
    line-height: 38px;
    text-align: right;
    padding-right: 6px;
    display: block;
    float: left;
}

.sform_input ul li label {
    width: auto;
    height: 38px;
    display: block;
    float: left;
    position: relative;
}

.sform_input ul li label i {
    display: block;
    float: left;
    padding-right: 6px;
}

.sform_input ul li label i.grade-star {
    margin-right: 15px;
}

.sform_input ul li label.ly_lav {
    padding-top: 10px;
}

.sform_input ul li label.ly_lav i {
    font-style: normal;
}

.sform_input ul li p {
    width: auto;
    height: auto;
    display: table;
    float: left;
    position: relative;
}

.sform_input ul li label .w140 {
    float: left;
    margin-right: 20px;
}

.sform_input ul li label .btn {
    border-radius: 0px;
    color: #fff;
    background: #FF3333;
    height: 40px;
}

.sform_input ul .label_box label {
    padding-right: 10px;
    padding-top: 10px;
    display: block;
    float: left;
}

.getOauthList {
    margin-top: 20px;
    overflow: hidden;
}

.getOauthList h2 {
    font-size: 12px;
    display: block;
    color: #B4B4B4;
    overflow: hidden;
    text-align: center;
    position: relative;
}
.getOauthList h2 span {
    background: #fff;
    z-index: 10;
    position: relative;
    padding: 0 10px;
}
.getOauthList h2::after{
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #C1C1C1;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.getOauthList p a {
    width: 90px;
    display: inline-block;
    border-right: 1px solid #EBEBEB;
    text-align: center;
}
.getOauthList p a:last-child {
    border-right:0;
}
.getOauthList p a img {
    width: 24px;
    margin-right: 5px;
}
.getOauthList p a span {
    line-height: 22px;
}
.Oauth_1, .Oauth_2, .Oauth_3, .Oauth_4, .Oauth_5 {
    width: 36px;
    height: 36px;
    display: block;
    margin-right: 8px;
    float: left;
    background: url(../images/login.png) no-repeat -999px -999px;
    background-size:180px;
}

.Oauth_1 {
    background-position: -112px 0;
}

.Oauth_2 {
    background-position: -72px 0;
}

.Oauth_3 {
    background-position: 0px 0;
}

.Oauth_4 {
    background-position: -28px 0;
}

.Oauth_5 {
    background-position: -108px 0;
}

.cart_box {
    border: 1px solid #dedede;
    background: #fff;
}

.cart_box .title {
    height: 33px;
    line-height: 33px;
    padding-left: 17px;
    border-bottom: 1px solid #ddd;
    background: #f5f5f5;
    font-size: 14px;
    font-weight: bold;
    color: #555455;
    text-align: left;
}

.cart_box .cont {
    padding: 0 17px 17px 17px;
}

.ly_orange {
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #666;
    margin: 10px 0;
    font-size: 18px;
    display: block;
    clear: both;
}

.lys_orange {
    width: 100%;
    height: 30px;
    display: block;
    clear: both;
    margin-bottom: 5px;
}

.ly_orange span, .lys_orange span {
    color: #38b25d;
    font-size: 16px;
    border-bottom: 3px solid #38b25d;
}

.ly_orange label, .lys_orange label {
    float: right;
}

.ly_orange form, .lys_orange form {
    float: right;
    margin-top: -5px;
}

.ly_orange label a, .lys_orange label a {
    color: #38b25d;
}

.order_list td p, .mb-5 {
    margin-bottom: 5px;
}

.order-wuliu, .order-file, .order-file-choose, .order-detail {
    cursor: pointer;
}

.box_adds_box {
    width: 100%;
    height: auto;
    display: table;
    clear: both;
}

.new_adds_box {
    width: 210px;
    height: 123px;
    padding: 10px 5px 10px 10px;
    border: 1px solid #dedede;
    display: block;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    float: left;
    margin-right: 15px;
}

.new_adds_box input {
    display: none;
}

.new_adds_box em {
    clear: both;
    display: block;
    font-style: normal;
}

.new_adds_box p {
    color: #999;
    font-weight: 400;
}

.new_adds_box i {
    display: none;
}

.new_adds_box a {
    color: #666;
    padding-right: 10px;
}

.new_adds {
    width: 210px;
    height: 123px;
    padding: 10px 0;
    border: 1px solid #dedede;
    display: block;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    float: left;
}

.new_adds i {
    width: 210px;
    height: 70px;
    line-height: 70px;
    display: block;
    color: #999;
    font-size: 30px;
}

.new_adds em {
    color: #666;
    font-size: 14px;
    font-style: normal;
}

.v_adds_box {
    width: 100%;
    height: auto;
    display: table;
    clear: both;
}

.ly_adds_box {
    width: 240px;
    height: 75px;
    padding: 10px 5px 10px 10px;
    border: 1px solid #dedede;
    display: block;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

.ly_adds_box input {
    display: none;
}

.ly_adds_box em {
    font-size: 20px;
    font-weight: 500;
    clear: both;
    display: block;
    font-style: normal;
}

.ly_adds_box span {
    color: #999;
    font-weight: 400;
}

.ly_adds_box i {
    display: none;
}

.ly_adds_box a {
    color: #666;
    padding-right: 10px;
}

.cart_new_adds {
    width: 100%;
    height: auto;
    display: table;
    padding-bottom: 10px;
    clear: both;
}

.cart_new_adds label {
    padding-right: 15px;
}

.cart_new_adds label .iCheck-helper {
    margin-right: 10px;
}

.ly_select {
    border: 1px solid #FF6600;
    color: #FF3300;
    position: relative;
}

.ly_select strong, .ly_select p {
    color: #FF3300;
}

.ly_select i {
    width: 30px;
    height: 30px;
    font-size: 30px;
    position: absolute;
    right: -1px;
    bottom: 5px;
    z-index: 9;
    display: block;
}

.pink_box {
    width: 100%;
    height: auto;
    display: table;
    text-align: right;
    padding: 16px;
}

.pink_box .fold {
    width: 120px;
    line-height: 20px;
    margin: 8px 0;
    text-align: center;
    color: #38b25d;
    float: left;
    display: block;
}

.pink_box p, .pink_box label {
    clear: both;
}

.pink_box label {
    padding: 8px 0;
}

.pink_box p span {
    height: 40px;
    line-height: 40px;
}

.pink_box p span.r {
    height: 25px;
    line-height: 25px;
    display: block;
}

.ly_submit_order {
    width: 120px;
    height: 40px;
    line-height: 40px;
    background: #38b25d;
    margin: 8px 0;
    font-size: 16px;
    text-align: center;
    color: #fff;
    float: right;
    display: block;
}

.lyb_submit_order {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #38b25d;
    margin: 8px 0;
    font-size: 16px;
    text-align: center;
    color: #fff;
    display: block;
}

.alertBox {
    padding-top: 10px;
    padding-right: 38px;
    padding-left: 50px;
    padding-bottom: 10px;
    color: #fff;
    margin-bottom: 17px;
    margin-top: 15px;
}

.alertBoxGo {
    background: url(../images/gou2.png) no-repeat #ffde00 13px center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.alertBoxContent {
    padding-left: 10px;
    color: #539900;
}

.alertBoxContent strong {
    font-size: 14px;
    color: #3a6a00;
}

.ly_main {
    border: 1px solid #dddddd;
    padding: 16px;
    margin-bottom: 15px;
}
.ly_main .sform_input .specialadd{
    display:block;
    position:absolute;
    right:0;
    bottom:0;
    width:0;
    height:0;
   border-top:6px solid transparent;
   border-right:6px solid #ff3300;
   border-bottom:6px solid #ff3300;
   border-left:6px solid transparent;
}
.userinfo_bar {
    height: 30px;
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 10px;
}

.userinfo_bar span {
    color: #999;
    padding-right: 10px;
    float: right;
}

.userinfo_bar .red {
    font-size: 16px;
}

.box_clearfix {
    width: 100%;
    height: auto;
    display: table;
    padding-bottom: 16px;
    border-bottom: 1px solid #f1f1f1;
}

.box_clearfix .userinfo_box {
    width: 100px;
    height: 100px;
    overflow: hidden;
    float: left;
    position: relative;
}

.box_clearfix .userinfo_box .blue {
    width: 100px;
    height: 24px;
    line-height: 24px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 9;
    text-align: center;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
}

.box_clearfix .user_info {
    width: 40%;
    float: left;
    padding-left: 15px;
}

.box_clearfix .user_info p {
    height: 22px;
    display: block;
    color: #666;
}

/*.box_clearfix .order_info { margin-top:-30px;border:1px solid #ddd;padding:5px 10px;float:left;display: block;margin-left: 110px;width:800px; }*/
.box_clearfix .order_info {
    margin-top: -30px;
    border: 1px solid #ddd;
    padding: 5px 10px;
    float: left;
    display: block;
    width: 750px;
}

.box_clearfix .order_info span {
    margin-right: 20px;
}

.sform_input_top {
    width: 100%;
    height: 60px;
    clear: both;
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 15px;
}

.sform_input_top span {
    height: 38px;
    line-height: 38px;
    padding-right: 8px;
    display: block;
    float: left;
}

.sform_input_top label {
    height: 38px;
    line-height: 38px;
    padding-right: 8px;
    display: block;
    float: left;
}

.sform_input_top label .sbutton {
    padding: 0 16px;
    height: 38px;
    line-height: 38px;
    color: #fff;
    background: #FF6600;
}

.prompt {
    padding-top: 18px;
    color: #999;
    line-height: 24px;
}

.uc_title {
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #38b25d;
    margin-bottom: 18px;
}

.uc_title label {
    width: 80px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    display: block;
    float: left;
}

.uc_title label.current {
    background: #38b25d;
    color: #fff;
}

.uc_title label.current a {
    color: #FFF;
}

.box_title {
    height: 30px;
}

.favorite_pic {
    width: 100%;
}

.favorite_pic dt {
    width: 100px;
    height: 100px;
    float: left;
}

.favorite_pic p {
    display: block;
    float: left;
}

.ycountdown {
    width: 100%;
    display: block;
}

.ycountdown b {
    background: #fff;
    padding: 3px 5px;
    color: #f00;
    margin: 0 5px;
}

.btn_gray_s {
    width: 68px;
    height: 20px;
    margin: 0 auto;
    display: block;
}

.prompt_2 {
    padding: 5px 0;
    border: 1px solid #f19d6b;
    background-color: #fffde7;
    margin-bottom: 20px;
}

.prompt_2 p {
    padding-left: 20px;
    color: #454545;
    padding-bottom: 10px;
    display: block;
}

.prompt_2 p strong {
    margin-right: 50px
}

.prompt_2 p b.orange {
    margin: 0 4px
}

.prompt_2 .t_part {
    padding: 5px 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #ffd076
}

.ly_cont {
    width: 100%;
    height: auto;
    display: table;
    margin-left: -8px;
}

.ly_cont ul li {
    border: 1px solid #f1f1f1;
    float: left;
    margin-left: 10px;
    margin-bottom: 12px;
}

.ly_cont ul li h3 {
    width: 100%;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    text-align: center;
    display: block;
}

.ly_cont ul li:hover {
    border: 1px solid #38b25d;
    background: #38b25d;
    color: #fff;
}

.ly_cont ul li:hover a {
    color: #fff;
}

.piclist_2 {
    width: 100%;
    height: auto;
    display: table;
    border-left: 1px solid #dedede;
    border-top: 1px solid #dedede;
}

.piclist_2 li {
    width: 50%;
    padding: 10px;
    border: 1px solid #dedede;
    border-top: none;
    border-left: none;
    float: left;
}

.piclist_2 li .title2 {
    font-size: 16px;
    padding-bottom: 5px;
}

.piclist_2 li .block {
    padding-bottom: 4px;
    clear: both;
    display: block;
}

.piclist_2 li .block span {
    display: block;
    float: left;
}

.piclist_2 li h3 {
    padding-top: 8px;
}

.piclist_2 li h3 a {
    background: #FF6600;
    color: #fff;
    padding: 3px 6px;
    font-size: 14px;
}

/* saleinfos style start */
.saleinfos {
    width: 100%;
    height: auto;
    display: table;
    padding: 10px 5px;
    border-bottom: 1px solid #e8e8e8;
    background: #f9f9f9;
    color: #404040
}

.saleinfos li {
    float: left;
    height: 20px;
    line-height: 20px;
    margin: 3px 0;
    overflow: hidden;
    padding: 0 4% 0 2%;
    width: 44%;
    text-align: left
}

.salebox {
    max-width: 900px;
    height: auto;
    display: table;
    margin: 18px auto;
    text-align: center;
    color: #404040;
    line-height: 20px
}

.salebox img {
    max-width: 900px;
    margin: 0 auto;
}

.title_tab {
    width: 100%;
    height: 40px;
    border-bottom: 1px dotted #f1f1f1;
}

.title_tab .comm_btn {
    background: #FF6600;
    color: #fff;
    padding: 3px 8px;
    display: block;
    float: left;
}

.title_tab span {
    padding: 3px 0px;
    display: block;
    float: right;
}

.container {
    min-width: 1170px !important;
}

.slider-left, .top-menu-left {
    width: 248px;
}

.header-top-right, .top-menu-right {
    width: 950px;
}

.top-ad {
    margin-top: 10px;
}

.top-ad-left {
    width: 233px;
}

.top-ad-right {
    width: 950px;
    padding: 0px;
}

.top-ad-right li {
    display: block;
    float: left;
    margin-left: 10px;
}

.top-ad-right li img {
    width: 230px;
    height: 140px;
}

.top-ad-right li.ad-first {
    margin-left: 0px;
}

.price_group div {
    margin-right: 5px;
    font-size: 14px;
}
.price_group .goods_info p{
    display: inline-block;
    margin-right: 15px;
}
.price_group .openAttribute a {
    position: absolute;
    right: 20px;
    font-size: 12px;
    bottom: 0;
    color: #967855;
}
.price_group .justify {
    text-align: justify;
    width: 80px;
    font-size: 14px;
    display: inline-block;
    text-align-last: justify;
    color: #666666;
}
#data_groupPrice, #data_sellPrice {
    font-weight: bold;
    font-size: 24px;
}

.data_sellPrice_div{
    color: black;
}

#center_column {
    width: 975px;
}

#chooseResult {
    color: #38b25d;
    font-weight: bold;
}

.btn-upload {
    background-color: #38b25d;
    padding: 5px 10px;
    color: #ffffff;
    cursor: pointer;
}

.btn-upload:hover, .btn-upload:active {
    color: #fff;
}

#file_selected span {
    color: #ff8533;
    font-weight: bold;
}

.btn-add-cart1 {
    font-family: 'Microsoft Yahei';
    height: 35px;
    width: auto;
    line-height: 32px;
    font-size: 16px;
    color: #ff8533;
    display: block;
    float: left;
    margin: 0px auto;
    text-align: center;
    padding: 0 15px;
    border: 2px solid #ff8533;
}

.cart-success {
    /*border:2px solid #38b25d*/
    padding: 25px;
}

.cart-ok-icon:after {
    font-family: 'iconfont';
    content: '\ea0b';
    font-size: 80px;
    color: #38b25d;
}

.cart-close-icon:after {
    font-family: 'iconfont';
    content: '\e86d';
    font-size: 20px;
    color: #666666;
}

.cart-success h3 {
    font-family: 'Microsoft Yahei';
    color: #38b25d;
    font-size: 26px;
    margin-bottom: 10px;
}

.cart-success p {
    font-family: 'Microsoft Yahei';
    line-height: 30px;
    font-size: 16px;
    margin-bottom: 5px;
}

.cart-success p span {
    font-family: 'Microsoft Yahei';
    color: #ff8533;
}

.t_part strong {
    padding: 10px;
}

.addr_list {
    padding: 10px;
}

.addr_list {
    width: 100%;
}

.addr_list input[type="radio"] {
    margin-right: 5px;
}
.share-fa {
    margin-right:70px;
}
.share-fa .share {

}

.share-fa a {
    display: block;
    float: left;
    margin-top: 10px;
    margin-right: 15px;
}

.share-fa .share:before {
    font-size: 20px;
    line-height: 28px;
    font-family: 'iconfont';
    content: '\e815 ';
    margin-right: 3px;
    color: #ff8533;
}

/* .share-fa .fa:before {
    font-size: 20px;
    line-height: 28px;
    font-family: 'iconfont';
    content: '\e85e ';
    margin-right: 3px;
    color: #ff8533;
} */

.default-address:after {
    font-size: 16px;
    line-height: 22px;
    font-family: 'iconfont';
    content: '\e761 ';
    margin-left: 5px;
    color: red;
}

::-webkit-input-placeholder {
    font-size: 12px;
    font-weight: 100;
    color: #e3e3e3;
}

::-moz-placeholder {
    font-size: 12px;
    font-weight: 100;
    color: #e3e3e3;
}

:-ms-input-placeholder {
    font-size: 12px;
    font-weight: 100;
    color: #e3e3e3;
}

:-moz-placeholder {
    font-size: 12px;
    font-weight: 100;
    color: #e3e3e3;
}

/*行业资讯*/
.headline {
    text-align: center;
    margin-top: 30px;
}

.headline h2 {
    font-size: 24px;
    margin-bottom: 20px;
}

.headline .title {
    color: #38b25d;
    width: 500px;
    margin: 0 auto;
    background-image: url(../images/title-btm-bg.png);
    background-position: center;
    height: auto;
    background-repeat: repeat-x;
    text-align: center;
}

.headline .title_en {
    width: 246px;
    background-color: white;
    margin-left: 127px;
}

.news_div {
    float: left;
    margin-top: 45px;
    margin-left: 25px;
    margin-right: 80px;
    height: 210px;
}

.news_div ul {
    float: left;
    width: 480px;
    margin-top: 10px;
}

.news_div ul li {
    width: 480px;
    height: 35px;
    line-height: 35px;
    margin: 0;
    padding: 0;

}

.news_div ul li span {
    float: right;
    margin-top: -35px;
}

.news_title {
    line-height: 30px;
    height: 30px;
    font-size: 18px;
    font-weight: bold;
}

.news_title span {
    float: right;
}

.news_div h4 {
    width: 400px;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news_div .news_title:after {
    font-family: 'iconfont';
    content: '\E7C3';
    font-size: 20px;
    float: left;
    margin-right: 5px;
    color: #38b25d;
}

.news_div .news_title span a:after {
    font-family: 'iconfont';
    content: '\EA10';
    font-size: 20px;
    margin-right: 5px;
    color: #d3d3d3;
}
#designButton,#onlineDiy,#btnUpload,#printTemplateButton{
    margin-right: 10px;
}

.s_w_div{
    color: #38b25d;
    width: 300px;
    margin: 0 auto;
    background-image: url(../images/title-btm-bg.png);
    background-position: center;
    height: auto;
    background-repeat: repeat-x;
    text-align: center;
    float: left;
    margin-left: 30px;
}
.s_w_attr{
    background-color: white;
    margin-left: 5px;
    margin-right: 5px;
    cursor: pointer;
}
.noticebar .text,.noticebar .text img {
    line-height: 118px;
    min-height: 118px;
    text-align: left;background: #fffbf2;
    width: 100%;
}
.close {
    margin-top:-80px;
    margin-right: 18px;
}
.close:after {
    font-family:'iconfont';
    content: '\e86d';
}

/*右侧悬浮栏样式*/
.floating_ck{position:fixed;right:5px;top:55%;box-shadow: 0 1px 8px #d9d9d9;background: #fff;z-index: 9999999;}
.floating_ck dl dd{position:relative;width:56px;height:62px;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;padding-top: 9px;}
.floating_ck dl dd:hover{background-color:#10C55B;}
.floating_ck dl dd:hover i.tally-i1{background: url(../images/icon5.png) no-repeat 0 -26px}
.floating_ck dl dd:hover span.kefu-title{color:#fff}
.floating_ck dl dd:hover i.tally-i2{background: url(../images/icon5.png) no-repeat 0 -76px}
.floating_ck dl dd:hover span.help-title{color:#fff}
.floating_ck dl dd:hover i.tally-i3{background: url(../images/icon5.png) no-repeat 0 -104px}
.floating_ck dl dd:hover span.qrcord-title{color:#fff}
.floating_ck dl dd:hover i.tally-i4{background: url(../images/icon5.png) no-repeat -58px -90px}
.floating_ck dl dd:hover span.gotoTop{color:#fff}
.floating_ck dl dd:hover .floating_left{display:block;}
.floating_ck dd span{color:#000;}
.floating_left{
    width: 190px;
    height: 230px;
    position: absolute;
    top: -107px;
    left: -190px;
    box-shadow: 0 1px 8px #d9d9d9;
    display: none;
    background: #f7f7f7;
}
.floating_left a{color:#000;display: inline-block;}
.floating_ewm{height:230px;top:-107px;}
.floating_ewm p{color:#000;margin-top:5px;}
.floating_ewm .qrcord_p02{font-size:18px;}
.tally-i1 {
    width: 24px;
    height: 22px;
    background: url(../images/icon5.png) no-repeat -26px -26px;
}
.tally-i2 {
    width: 24px;
    height: 22px;
    background: url(../images/icon5.png) no-repeat -26px -76px;
}
.tally-i3 {
    width: 26px;
    height: 24px;
    background: url(../images/icon5.png) no-repeat -28px -104px;
}
.tally-i4 {
    width: 24px;
    height: 14px;
    background: url(../images/icon5.png) no-repeat -86px -90px;
}
.floating_ck dd i {
    display: block;
    margin: 0 auto 3px;
    color:#0f0f0f;
}
.kefu .floating_left{
    color: #333;
    font-size: 14px;
    line-height: 22px;
    /*padding-left: 47px;*/
    padding-top: 13px;
    /*position: relative;*/
}
.tally-p2{
    margin-top: 15px;
}
/*.kefu-i1 {
    width: 26px;
    height: 25px;
    background: url(../images/common.png) no-repeat -156px -176px;
}*/
.tel-i1 {
    width: 22px;
    height: 21px;
    background-image: url(../images/tel.png);
    background-size: cover;
    display: inline-block !important;
    position: relative;
    left: 1px;
}
.tally-a9{
    width: 35px;
    height: 35px;
    background-image: url(../images/qq.png);
    background-size: cover;
    display: inline-block;
    position: relative;
    top: -6px;
    left: -6px;
}
.kf_click{
    background: -webkit-linear-gradient(left,#1beb71,#10c55b);
    color: white !important;
    margin-left: 5px;
}
.tally-p1{
    margin-left: -15px;
}

/*注册登陆*/
.reg-title{
    font-size: 18px;
    color: #505050;
    float:left;
}
.reg-title2{
    color: #FF1A2B;
}
.reg-tip{
    font-size: 12px;
    color: #999999;
    float: right;
    line-height: 30px;
    margin-bottom: 28px;
}
.reg-tip2{
    color: #FF1A2B;
}
.w146{
    width: 146px !important;
    float: left;
}
.form-agreen input {
    width: 18px;
    height: 18px;
    border: solid 1px #cfd1d3;
    vertical-align: text-top;
    padding: 0;
    margin: 0;
}
.form-agreen .sim-checkbox {
    background-position: -107px -156px;
    float: left;
    margin-right: 8px;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
}
.form-agreen span{
    float: right;
    display: inline-block;
    color: #4c4c4c;
}
.form-agreen .member-server{
    color: #FF1A2B;
    font-size: 14px;
}
#to-email-reg{
    color: #39c575;
    margin-left: 3px;
}
.form_input .select-country {
    border: solid 1px #ddd;
    border-right: none;
    color: #4c4c4c;
    width: 21%;
    height: 36px;
    line-height: 36px;
    text-align: center;
}

/*向右滑动验证1*/
.slidetounlock{
    font-size: 12px;
    background:-webkit-gradient(linear,left top,right top,color-stop(0,#4d4d4d),color-stop(.4,#4d4d4d),color-stop(.5,#fff),color-stop(.6,#4d4d4d),color-stop(1,#4d4d4d));
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    -webkit-animation:slidetounlock 3s infinite;
    -webkit-text-size-adjust:none
}
.reg-second #drag{
    width: 280px;
    height: 40px;
    line-height: 40px;
    background-color: #e8e8e8;
    position: relative;
    margin:0 auto;
    text-align: center;
}
#drag .handler{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 38px;
    height: 40px;
    border: 1px solid #ccc;
    cursor: move;
}
#drag .handler_bg{
    width:40px !important;
    height: 40px !important;
    position: absolute;
    border:1px solid #ccc;
    cursor: move;
    text-align: center;
    background-color: #fff !important;
    user-select: none;
    color:#666 !important;
}
#drag .handler_ok_bg{
    background: #fff url("../images/yes.png") no-repeat center;
}
#drag .drag_bg{
    background: #39c575;
    height: 40px;
    width: 0px;
}
#drag .drag_text{
    position: absolute;
    top: 0px;
    width: 280px;
    color:#9c9c9c;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -o-user-select:none;
    -ms-user-select:none;
    font-size: 12px;
}
@-webkit-keyframes slidetounlock{0%{background-position:-200px 0} 100%{background-position:200px 0}}

/*登陆*/
.login-title{
    font-size: 18px;
    color: #505050;
    float:left;
}
.login-title2{
    color: #FF1A2B;
}
.login-tip{
    font-size: 12px;
    color: #666666;
    float: right;
    line-height: 30px;
    margin-bottom: 24px;
}
.login-tip2{
    color: #FF1A2B;
    font-weight: bold;
}
.login-set{
    margin-top: -14px;
}
.w146{
    width: 146px !important;
    float: left;
}

/*帮助中心和文章中心的标签*/
.pointsRule { display: inline-block; font-size: 16px; margin-top: 20px; margin-left: 20px; }
.pointsRule span { float: left; display: none; }
.pointsRule ul { list-style: none; margin: 0; padding: 0; display: inline-block; float: left; width: 100%; }
.pointsRule ul li { display: list-item; text-align: center; float: left; margin: 10px 5px 0; background: #e3e3e3; border-top: 1px solid #e3e3e3; height: 38px; position: relative }
.pointsRule ul li:first-child { border-left: 1px solid #e3e3e3; background: #e3e3e3; }
.pointsRule ul li:last-child { }
.pointsRule ul li a { display: block; padding: 6px 0; cursor: pointer; }
.pointsRule ul li span { vertical-align: middle; height: 24px; line-height: 25px; display: inline-block; overflow: hidden; text-align: center; margin:0 20px;color: #0f0f0f; }
.pointsRule ul li i { float: right; border: #e3e3e3 solid; border-width: 1px 1px 0 0; width: 26px; height: 28px; margin: -2px -14px 0px 9px; top: 2px; transform: rotate(45deg); -webkit-transform: rotate(45deg); background: url("") #e3e3e3;-moz-transform: rotate(45deg); /* Firefox浏览器 */-ms-transform: rotate(45deg); }
.pointsRule ul li em.before { border: #e3e3e3 solid; border-width: 1px 1px 0 0; width: 26px; height: 28px; transform: rotate(45deg); -webkit-transform: rotate(45deg); float: left; margin: -2px 11px -3px -13px; top: 2px; background: url("") #fff; }
/*.pointsRule ul li.green{ background:#1da02b;}*/
.help-title img{
    cursor:pointer;
}
.sqa h5:before{
    width: 40px;
    height: 40px;
    padding-right: 5px;
    font: normal normal normal 14px/1 iconfont;
    content: "\e9c9";
    color: #ff0220;

}
.sqa h5{
    font-weight:bold;
}
.news_box_list ul li span {
    font-size: 12px;
    margin-left: 50px;
}
.news_box_list ul li .content {
    font-size: 12px;
    display:block;
    text-indent:2em;
    margin-left: 0;
}
.news_box_list ul li .content span {
    font-size: 12px;
    margin-left: 0;
}
.serach_container{
    display:flex;
}
.serach_container .searchInput{
    position:relative;
    margin-top:5px;
    width:300px;
}

.input_searchList{
    position:absolute;
    top:30px;
    left:0px;
    background: #fff;
    width: 100%;
    max-height:300px;
    overflow-y:scroll;
}
.input_searchList li{
    padding:4px 8px;
    border-bottom: 1px dashed #ccc;
    overflow:hidden;
}
.input_searchList li:last-child{
    border-bottom:none;
}
.arrow_down , .arrow_up{
    position:relative;
}
.arrow_down span{
    display:inline-block;
    height:8px;
    width:8px;
    border-color:#38b25d;
    transform:rotate(-45deg);
    border-bottom: 1px solid #38b25d;
    border-left:1px solid #38b25d;
    position:absolute;
    left:6px;
    bottom:6px;
}
.arrow_down span:last-child{
    bottom:12px;
}
.moreBotton{
    display:flex;
    color:#38b25d;
    font-size:16px;
    padding-left:16px;
    padding-top:4px;
    width:150px;
}
.arrow_up span{
    display:inline-block;
    height:8px;
    width:8px;
    border-color:#38b25d;
    transform:rotate(-45deg);
    border-top: 1px solid #38b25d;
    border-right:1px solid #38b25d;
    position:absolute;
    left:6px;
    bottom:1px;
}
.arrow_up span:last-child{
    bottom:6px;
}
.serach_container strong{
    margin-right:1%;
}
[v-cloak] {
    display: none;
}
.dialogcontent{
    border:1px solid rgba(0,0,0,.6);
    /*height:80px;*/
    width:250px;
    position:absolute;
    left:0px;
    top:0px;
    text-align:left;
    border-radius:8px;
    padding:4px 10px;
    background-color:rgba(0,0,0,.8);
    color:#fff;
}
/*.dialogcontent span{*/
    /*color:#fff !important;*/
/*}*/
.dialogcontent::after{
    content:'';
    display:block;
    position:absolute;
    border-top:8px solid transparent;
    border-left:8px solid transparent;
    border-bottom:8px solid transparent;
    border-right:8px solid rgba(0,0,0,.6);
    top:6px;
    left:-16px;
}
.dialogcontent::after{
    left:-16px;
    border-right:8px solid rgba(0,0,0,.8);
}
.attributes .product_container{
    padding-left:20px;
    position:absolute;
    
    top:0px;
    height:100%;
}
.attributes .attribute-label {
    position:relative;
}
.attr_explain_hide{
    display:none;
}
.attr_explain{
    font-size: 12px;
    display: inline-block;
    color: rgba(0,0,0,.6);
    border: 1px solid #ccc;
    border-radius: 33px;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 15px;
    background-color: #38b25d;
    color: #fff;
    vertical-align: baseline;
}
/*评论图片样式*/
.layui-upload-img {
    width: 92px;
    height: 92px;
    margin: 0 10px 10px 0;
}
.order_status_option{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;  
    display:-ms-flexbox;
    display:flex;  
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;

}
.order_status_option .four_word{
    color: #fff;
    background-color: #5cb85c;
    text-align: center;
    border-radius: 4px;
    padding: 4px 6px;
    margin-bottom:4px;
    white-space: nowrap;
}
.order_status_option .four_word:hover{
    background-color: #00932f;
}
.order_status_option .two_word_check{
       color:#067afe;
       border:1px solid #067afe;
       padding:0px 4px;
       white-space: nowrap;
       margin-right:2px;
}
.order_status_option .two_word_r{
    color:#de514c;
    border:1px solid #de514c;
    padding:0px 4px;
    margin-right:2px;
    white-space: nowrap;
}
.order_table_head th{
    text-align: center;
    font-weight: 600;
    white-space: nowrap; 
}
.order_table_row td:last-child{
    padding:10px;
}
.box-vertical-megamenus .vertical-menu-list > li > a{
    padding-left:6px;
    margin-top:0px;
}
.nav-content-smallp{
    margin-left:22px;
    margin-bottom:-3px;
}
.box-vertical-megamenus .vertical-menu-list li{
    border-bottom:1px solid #eeeeee;
}
.index_title_update{
    font-family: "Source Han Sans CN";
    font-size:18px !important;
    font-weight:600;
}
.index_title_update_text{
    font-family: "Source Han Serif SC";
}
.title-menu{
    font-size:16px;
}
.box-vertical-megamenus .vertical-menu-list > li > a.index_title_update {
    line-height: 40px;
    color:#333333;
}
.nav-content-smallp{
    height:37px;
    margin-top:-15px;
}
.homeslider > a{
   height:540px;
}
.box-vertical-megamenus .vertical-menu-list{
    height:inherit;
}
.header-top-right .header-banner{
    height:540px;
}
.mod_vip .mod_vip_list li{
    height:90px;
}
.mod_vip .mod_vip_list li a{
    padding-top:20px;
}
.mod_yhd_notice{
    height:208px;
}
.box-vertical-megamenus .vertical-menu-list > li:hover > a.index_title_update{
    color:#fff;
}
.box-vertical-megamenus .vertical-menu-list > li{
    background-color: #fff;
}
.valid-msg{
    display:none !important;
}
.ly_content_login .click_wechat_show{
    display: none;
}
.click_wechat_show ul{
    margin: 0 auto;
    text-align: center;
}
.click_wechat_show ul li:first-child{
    padding-top:6px;
}
.click_wechat_show ul li:nth-child(2){
    padding-top:12px;
}
.click_wechat_show ul li:nth-child(3){
    padding-top:8px;
}
.click_wechat_show ul li:nth-child(4){
    padding-top:10px;
}
.click_wechat_show ul li:nth-child(5){
    padding-top:42px;
}
.click_wechat_show ul li:first-child span{
    font-size:18px;
}
.click_wechat_show ul li:first-child span:last-child{
    color:#0b9747;
}
.click_wechat_show ul li:nth-child(4) div{
    border:1px solid #ccc;
    padding:3px 10px;
    border-radius: 44px;
    width: 182px;
    margin: 0 auto;
    text-align: center;
}
.click_wechat_show ul li:nth-child(4) div p{
    font-size:12px;
}
.click_wechat_show ul li:nth-child(4) div p span{
    color:#0b9747;
}
.click_wechat_show ul li:nth-child(5) span:nth-child(2){
    font-size:12px;
    margin:0 10px;
}
.click_wechat_show ul li:nth-child(5) span:first-child:hover{
    color:#38b25d;
}
.t-product{
    position:relative;
}
.t-product_ad{
    position:absolute;
    width:190px;
    max-height:110px;
    right:50px;
    top:0;
}
/*首页未读消息*/
.unread_message{
    width: 6px;height: 6px;
    background: red;
    border-radius: 3px;
    display: inline-block;
    position: relative;
    top: 7px;
    left: 2px;
}
.ellipse{
    min-width: 27px;
    min-height: 17px;
    margin: 5px;
    background: red;
    border-radius: 50% / 50%;
    display: inline-block;
    position: absolute;
    top: 9px;
    left: 31px;
    color: white;
}
.t-product_ad >p,.t-product_ad >p>img{
    width: 100% !important;
    height:100%  !important;
}








.share-center{
    width:1200px;
    background: #FFFFFFFF;
    margin: 0 auto;
}
.share-center .header{
    /*height: 220px;*/
    border-bottom:2px solid rgba(222,222,222,1);
}
.share-center .header .title{
    width:850px;
    /*height:27px;*/
    font-size:26px;
    font-family:MicrosoftYaHei;
    font-weight:bold;
    color:rgba(51,51,51,1);
    /*line-height:40px;*/
    padding: 92px 0 0 40px;
}
.share-center .keywords{
    height:15px;
    font-size:14px;
    font-family:MicrosoftYaHei;
    font-weight:bold;
    color:rgba(51,51,51,1);
    /*line-height:80px;*/
    padding: 0 0 0 40px;
    margin-top: 20px;
}
.share-center .share-time{
    height:15px;
    font-size:14px;
    font-family:MicrosoftYaHei;
    font-weight:bold;
    color:rgba(130,130,130,1);
    /*line-height:80px;*/
    padding: 15px 0 0 40px;
    margin-bottom: 30px;
}
.share-center .content{
    background-color: white;
    padding-bottom: 30px;
    overflow: hidden;
}
.share-center .content .left{
    width: 885px;
    float: left;
}
.share-center .content .right{
    width: 314px;
    float: right;
    background: #F7F7F7;
    overflow: hidden;
}
.share-center .content .left .description{
    font-size: 16px;
    padding: 40px 70px 22px 38px;
}
.share-center .content .left .company-name{
    font-size:18px;
    font-family:MicrosoftYaHei-Bold;
    font-weight:bold;
    color:rgba(51,51,51,1);
    line-height:24px;
    padding-left: 36px;
    padding-bottom: 15px;
}

.share-center .content .left .detail{
    overflow: hidden;
    padding-left: 38px;
    padding-right: 30px;
}

.share-center .company{
    background: #eee;
    margin: 0 38px;
    padding-top: 20px;
}
.share-center .company>div{
    font-size: 14px;
    width: 95%;
    display: block;
    word-break: break-all;
    word-wrap: break-word;
    padding: 0 0 15px 36px;
}
.share-center .company .company-font-title{
    font-family:MicrosoftYaHei-Bold;
    font-weight:bold!important;
}
.share-center .right .company-info p{
    margin-top: 10px;
}
.share-center .right .company-info p span {
    font-size: 16px;
    height: 100%;
    line-height: 28px;
}
.share-center .right .company-info p:last-child{
    margin-bottom: 10px;
}
.share-center .right .company-info em {
    position: relative;
    display: inline-block;
    margin-left: 21px;
    margin-right: 10px;
    width:28px;
    height: 28px;
    background: #FF1A2B;
    border-radius: 50%;
}
.share-center .right .company-info i.iconfont {
    position: absolute;
    font-size: 20px;
    
    color: #fff;    
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.share-center .right .command-top{
    text-align: center;
    margin: 30px 0 20px;
}
.share-center .right .command-center{
    width: 100%;
    height:100px;
    overflow: hidden;
    margin-bottom: 19px;
}
.share-center .right .command-img{
    margin-left: 25px;
    float: left;
}
.share-center .right .command-img img{
    width:100px;
}
.share-center .right .command-content{
    float: right;
    width: 180px;
    display:block;
    word-break: break-all;
    word-wrap: break-word;
}
.share-center .right .command-nav{
    width:74px;
    height:17px;
    font-size:16px;
    font-family:MicrosoftYaHei;
    font-weight:bold;
    color:rgba(54,54,54,1);
    line-height:40px;
}
.share-center .right .command-title{
    height:37px;
    width: 90%;
    letter-spacing: 1px;
    font-size:15px;
    font-family:MicrosoftYaHei;
    font-weight:bold;
    color:rgba(54,54,54,1);
    line-height:20px;
    margin: 5px 20px 5px 5px ;
    overflow: hidden;
}
.share-center .right .command-desc{
    height:52px;
    width: 80%;
    font-size:12px;
    font-family:MicrosoftYaHei;
    font-weight:400;
    color:rgba(54,54,54,1);
    line-height:18px;
    margin: 0 45px 0 5px ;
    overflow: hidden;
}