@charset "utf-8";

/* CSS Document */
body {
    margin: 0px;
    padding: 0px;
    color: #484848;
    /* font: 300 13px "Lato"; */
    background: #fff;
}

#icon_module {
    display: none;
}

a {
    color: #333;
    text-decoration: none;
    transition: all 0.25s ease-in-out;
}

a:hover {
    color: #000;
    text-decoration: none;
}

a:focus {
    outline-style: none;
    -moz-outline-style: none;
}

input[type="image"] {
    border: 0px;
    vertical-align: middle;
}

h1 {
    font-size: 22px;
}

div,
ul,
h1,
h2,
h3,
h4,
dd,
dt,
dl,
form,
img,
table,
tr,
td,
p {
    margin: 0px;
    padding: 0px;
    list-style: none;
    border: 0px;
}

img {
    vertical-align: middle;
}

.web-cl {
    clear: both;
    height: 0px;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

.web-clm {
    clear: both;
    height: 8px;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

.web-cln {
    clear: both;
    height: 20px;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

.web-block {
    width: 1200px;
    margin: 0 auto;
}

.web-row {
    position: relative;
}

.web-left {
    position: absolute;
    left: 0;
    top: 0;
}

.web-right {
    position: absolute;
    right: 0;
    top: 0;
}

.web-breadcrumb {
    padding: 5px 0px;
}

.pager li {
    display: inline-block;
}

.pager a {
    display: inline-block;
    padding: 3px 3px;
    border: 1px solid #efefef;
    margin: 1px 2px;
}

.top-bar {
    border-bottom: 1px solid #d5d5d5;
    height: 40px;
    line-height: 40px;
    text-align: right;
}

.top-bar ul li {
    display: inline-block;
    margin: 0px 5px;
}

.top-bar .top-bar-cart {
    background: #f4f5f5;
    border-left: 1px solid #d5d5d5;
    margin-right: 0px;
    padding-left: 10px;
    padding-right: 10px;
    height: 39px;
}

.logo-box {
    background: #f4f5f5;
    height: 100px;
}

.logo-box .web-centent {
    text-align: center;
    padding-left: 350px;
    padding-right: 350px;
    padding-top: 28px;
}

.logo-box .web-logo {
    margin-top: 8px;
}

.logo-box .web-logo-banner {
    vertical-align: middle;
    margin-top: 10px;
}

.logo-box .logo-search-box {
    position: relative;
}

.logo-box .logo-search-box .input-group-btn {
    position: absolute;
    right: -5px;
    top: 0;
}

.logo-box .input-lg {
    font-size: 12px;
    border-radius: 5px 0px 0px 5px;
}

#nav {
    text-align: left;
    height: 36px;
    background: #363436;
}

#nav>ul {
    margin: 0;
    padding: 0;
    text-align: center;
}

.nav-list li.level-0 {
    display: inline-block;
    position: relative;
    color: #f30910;
    font-size: 16px;
    padding: 0 10px
}

.nav-list a.level-0 {
    display: block;
    height: 36px;
    line-height: 36px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    font-size: 13px;
    text-transform: uppercase;
    font-family: Lato;
    font-weight: 700;
}

.nav-list a.level-0 .fa {
    margin-left: 5px;
}





.nav-list ul.level-0 {
    position: absolute;
    z-index: 20;
    left: 10px;
    top: 36px;
    border: 1px solid #c5c5c5;
    padding: 10px 20px;
    display: none;
    width: 500px;
    background: #fff;
}

.nav-list li.level-1 {
    line-height: 22px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #f30910;
    float: left;
    width: 50%;
}

.nav-list a.level-1 {
    font-size: 12px;
    color: #333;
    display: block;
    text-align: left;
    font-family: Lato;
}

.nav-list a.level-1:before {
    content: "\f0da";
    font-family: FontAwesome;
    font-size: 13px;
    margin-right: 5px;
}

#nav .nav-list li.level-0:hover ul.level-0 {
    display: block;
}

.cat-team-box .col-xs-2 {
    width: 8.33%;
    text-align: center;
}

.cat-team-box .col-xs-2 a img {
    max-width: 100%;
}

.cat-team-box .col-xs-2 li {
    padding: 5px 10px;
}

.cat-topsell-player li {
    line-height: 22px;
}


.level2-info-box {
    height: 150px;
    position: relative;
}

.level2-info-box .level2-info-icon {
    position: absolute;
    left: 25px;
    top: 22px;
}

.level2-info-box .level2-info-icon img {
    max-height: 110px;
}

.level2-info-box .level2-info-recplayer {
    position: absolute;
    top: 22px;
    right: 15px;
    width: 160px;
}

.level2-info-box .level2-info-recplayer h2 {
    padding-bottom: 10px;
}

.level2-info-box .level2-info-adimages {
    text-align: center;
}

.level2-info-box .level2-info-adimages img {
    max-height: 150px;
}

.level2-info-recplayer a,
.level2-info-recplayer {
    color: #fff;
}

.level2-info-recplayer a:hover {
    color: #ff0000;
}



.row-left-box h2 {
    background: #f5f6f8;
    color: #000;
    font-weight: 600;
    line-height: 30px;
    text-transform: capitalize;
    font-size: 12px;
    padding-left: 10px;
    cursor: pointer;
}

.row-left-box h2 span {
    display: block;
    float: right;
    margin-right: 5px;
    margin-top: 7px;
}

.row-left-box li {
    cursor: pointer;
    padding-left: 10px;
    font-weight: normal;
    color: #242424;
    line-height: 22px;
}

.row-left-box li i {
    display: inline-block;
    margin-right: 5px;
    color: #ccc;
}

.row-left-box li.leftHovera {
    background: #091f40;
    color: #fff;
}

.row-left-box li.leftHoveratxt {
    color: #ff0000;
}

.your-select h2 {
    background: #091f40;
    color: #fff;
}

.your-select li i {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    border-radius: 50%;
    background: #000;
    font-size: 11px;
}

.sideBoxContent h2 {
    font-family: "Oswald", "HelveticaNeue", "Helvetica Neue", sans-serif;
    font-size: 16px;
    line-height: normal;
    font-weight: 100;
    font-size: 16px;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 15px;
}

.sideBoxContent h2:after {
    content: "";
    background: #616161;
    height: 2px;
    width: 105px;
    display: block;
    margin-top: 5px;
}

.web-jernav-ul1 li {
    line-height: 22px;
}

.web-jernav-ul1 li a.top-link {
    display: block;
    padding-left: 10px;
}

.web-jernav-ul1 li a.top2-link {
    display: block;
    padding-left: 10px;
}



.web-jernav-ul1 li ul li {
    padding-left: 10px;
}

.cat-team-box ul li {
    float: left;
    width: 20%;
}

.cat-team-box ul li a {
    display: block;
    line-height: 22px;
    padding: 0px 6px;
}

.cat-team-box ul li a img {
    height: 22px;
    margin-right: 3px;
    vertical-align: middle;
}

.cat-team-box ul li a:hover {
    background: #efefef;
}

.footer-nav-box,
.footer-nav-box a {
    color: #333;
}

.footer-nav {
    clear: both;
}

.footer-nav ul li {
    display: inline-block;
    margin-right: 8px;
}

.footer-help-box {
    background: #f4f5f5;
    padding: 10px 0px;
}



.footer-box .col-xs-5 {
    border: 1px solid #505050;
    border-width: 0px 1px;
}

.footer-box h2 {
    margin-top: 20px;
    font-size: 15px !important;
    font-weight: 800;
    color: #000;
    text-transform: uppercase;
}

.footer-box li {
    line-height: 25px;
}

#footer_tree_text {
    font-size: 14px;
}

.footer-share-box .share-box {
    padding-top: 10px;
}

.footer-share-box .share-box .fa {
    font-size: 22px;
    margin-right: 5px;
}

.footer-sign {
    background: #000;
    width: 100%;
    border-color: #000;
}

.web-footer-copyright {
    text-align: left;
    height: 30px;
    line-height: 30px;
    margin-top: 8px;
}

.web-footer-copyright a {
    color: #fff;
}



.redSave30-box {
    clear: both;
    position: relative;
}

.redSave30-box-left {
    width: 225px;
    position: absolute;
    left: 5px;
    top: 8px;
}

.redSave30-box-right {
    clear: both;
    padding-left: 240px;
}

.redSave30-box-right img {
    max-width: 100%;
}

.red-ends-box {
    float: left;
    height: 50px;
}

.red-ends-in {
    line-height: 50px;
    font-size: 14px;
    padding-left: 8px;
    font-weight: bold;
    color: #fff;
}

.red-ends-time ul {
    margin-left: 5px;
    border: 1px solid #fff;
    color: rgb(255, 255, 255);
    padding: 6px 1px;
}

.red-ends-time ul li {
    display: inline-block;
    width: 45px;
}

.red-ends-time ul li span {
    display: block;
    text-align: center;
}



.indexBestCat .indexBestCat-list {
    width: 20%;
}

.indexBestCat .indexBestCat-list ul {
    padding: 0px 15px;
}

.indexBestCat-list ul h2 {
    padding-left: 25px;
}

.indexBestCat-list ul li {
    line-height: 25px;
}

.indexBestCat-list ul li.allTeam {
    background: #091f40;
    text-align: center;
}

.indexBestCat-list ul li.allTeam a {
    color: #fff;
    text-align: center;
}

.index-four-banner {
    margin-left: -5px;
    margin-right: -5px;
}

.index-four-banner .col-xs-3 {
    padding-left: 5px;
    padding-right: 5px;
}

.index-four-banner img {
    max-width: 100%;
}

dl {
    margin-top: 0;
    margin-bottom: 5px !important;
}



.team-title {
    text-align: center;
    height: 45px;
    line-height: 45px;
    position: relative;
}

.team-title span {
    display: inline-block;
    padding: 5px;
    background: #fff;
    font-size: 25px;
}

.team-title:after {
    content: "";
    display: block;
    border-bottom: 1px solid #ccc;
    width: 100%;
    position: absolute;
    top: 30px;
    z-index: -1;
}

.item-box-team ul li {
    float: left;
    width: 3.125%;
}

.item-box-team ul li a {
    display: block;
    padding: 3px;
}

.item-box-team ul li a img {
    max-width: 100%;
}

.home-title {
    text-align: left;
    position: relative;
    padding: 10px 0px;
}

.home-title span {
    font-size: 12px;
    font-weight: 700;
    color: #414141;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    display: inline-block;
    line-height: 35px;
    border-bottom: 2px solid #555;
}

.home-title code {
    position: absolute;
    right: 5px;
    bottom: 7px;
    z-index: 10;
}

/*.home-title:after{content: '';position: absolute;left: 0;bottom:25px;height: 1px;width:100%;background: #ccc;z-index: 0;}*/

.orhome-title {
    text-align: center;
    position: relative;
    margin: 8px auto;
}

.orhome-title span {
    font-size: 25px;
    font-weight: 700;
    color: #414141;
    text-transform: uppercase;
    background: #fff;
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 0 20px
}

.orhome-title:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 50%;
    height: 1px;
    width: 100%;
    background: #333;
    z-index: 0;
}



.market_price {
    font-weight: bold;
    color: #999;
    text-decoration: line-through;
}

.products_price {
    font-weight: bold;
    color: #000;
    font-size: 18px;
}

.span-size-chart {
    display: inline-block;
    margin-left: 8px;
}

.span-size-chart a {
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
}


.fg-options dl label {
    display: inline-block;
    width: 80px;
}

.fg-goods-qty {
    text-align: left;
}

.fg-goods-qty-box {
    width: 98px;
    border: 1px solid #ccc;
    display: inline-block;
}

.fg-goods-qty-box dd {
    height: 30px;
    line-height: 30px;
    display: inline-block;
    width: 45px;
    text-align: center;
    cursor: pointer;
}

.fg-goods-qty-box dd input {
    height: 29px;
    border: 1px solid #ccc;
    border-width: 0px 1px 0px 1px;
    width: 100%;
    text-align: center;
}

.fg-goods-qty-box dd.dd-jian,
.fg-goods-qty-box dd.dd-jia {
    width: 25px;
}

.web-gird-item {
    float: left;
    width: 20%;
}

.web-gird-item-box {
    margin: 8px auto;
    position: relative;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
}

.web-gird-item-box:hover {
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
}

.web-gird-item-img-box a span {
    display: none;
}

.web-gird-item-img-box img {
    max-width: 100%;
    text-align: center;
}

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

.catinfo-cat-name {
    font-size: 15px;
    font-weight: 700;
}

#goods_info ul>li {
    padding: 3px 0px;
}

.goodsinfo-qty-box {
    border: 1px solid #ccc;
    background: #fff;
    width: 105px;
}

.goodsinfo-qty-box input {
    border: 1px solid #ccc;
    border-width: 0px 1px 0px 1px;
    width: 100%;
    height: 24px;
    text-align: center;
    margin-top: -1px;
}

.goodsinfo-qty-box li {
    display: inline-block;
    cursor: pointer;
    width: 30px;
    height: 25px;
    line-height: 25px;
}

.goodsinfo-qty-box li.qty-jian,
.goodsinfo-qty-box li.qty-jia {
    border: 0px;
}

.tab-content {
    padding: 5px;
}

.add-to-cart {
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 25px;
    background: #000;
    border-color: #000;
}

.add-to-cart:hover {
    background: #0b2a65;
    border-color: #0b2a65;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .3);
}

.goods-desc {
    line-height: 22px;
}

.review-list {
    clear: both;
}

.review-list ul {
    border-bottom: 1px solid #0b2a65;
    padding: 5px 0px;
}

.review-list ul h2 {
    font-size: 18px;
    padding: 10px 0px;
}

.review-list ul .ratingimg {
    height: 10px;
    margin-right: 15px;
}

.review-list ul li span {
    display: inline-block;
    margin-left: 20px;
}

.review-info .btn {
    display: none;
}

.fan-rank-box li {
    padding-top: 8px;
}

.fan-rank-box li input[type="text"] {
    height: 35px;
    line-height: 35px;
    border: 1px solid #ccc;
}

.fan-rank-box li label {
    display: inline-block;
    width: 110px;
}



.web-cart-table {
    width: 100%;
}

.web-cart-table .web-th-title th {
    height: 39px;
    line-height: 39px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
}

.web-cart-table td {
    border-bottom: 1px solid #ccc;
    padding: 8px 10px;
    text-align: center;
}

td.cart-products-qty {
    text-align: right;
}

td.cart-products-qty input {
    text-align: center;
}

td.cart-products-del img {
    cursor: pointer;
}

.cart-products-name {
    text-align: left !important;
}

.web-cart-titlebox ul.left {
    float: left;
    font-size: 18px;
    font-weight: bold;
    padding-left: 40px;
    background: url(images/cart_header_image.jpg) no-repeat;
    height: 28px;
    line-height: 28px;
    margin: 0px 0px 10px;
}

.web-cart-titlebox ul.nopbottom {
    background: none;
    padding: 0px;
}

.web-cart-titlebox ul.right {
    float: right;
}

.fan_shopping_toal {
    text-align: right;
    font-size: 16px;
    font-weight: bold;
    padding: 8px;
}

#shipping_cart_total {
    color: #FF0000
}

.web-create-titlebox {
    font-size: 28px;
    font-weight: bold;
    padding-left: 40px;
    background: url(images/myaccount_key_icon.jpg) no-repeat 0 3px;
}

.web-step-title {
    height: 44px;
    clear: both;
    background: url(images/checkout_sprite_steps.jpg) no-repeat 100% 0px;
}

.setp-shopping-address {
    background: url(images/checkout_sprite_steps.jpg) no-repeat 100% -44px;
}

.setp-shipping-payment {
    background: url(images/checkout_sprite_steps.jpg) no-repeat 100% -88px;
}

.setp-Checkout-Success {
    background: url(images/checkout_sprite_steps.jpg) no-repeat 100% -132px;
}

.web-step-title ul {
    width: 234px;
    float: left;
    padding: 0px;
    margin: 0px;
}

.cart-add-box {
    float: left;
    width: 63.5%;
}

.cart-shipping-payment-box {
    float: right;
    width: 34.5%;
    margin-right: 8px;
}

.adds-box {
    clear: both;
    border: 1px solid #ccc;
    margin-bottom: 5px;
}

.adds-box h3 {
    background: url(images/shopping-cart.png) repeat-x bottom;
    height: 15px;
    font-size: 12px;
    line-height: 0px;
    padding-left: 5px;
}

.cart-products-name span {
    color: #ff0000;
}

.adds-box h3 span {
    display: none;
    padding: 2px 5px;
    border: 1px solid #ccc;
    margin-left: 5px;
    margin-right: 5px;
}

.adds-box .adds-box-content ul {
    padding: 5px 8px;
}

.adds-box .adds-box-content ul li {
    padding: 2px 0px;
}

.adds-box .adds-box-content td {
    padding: 2px 0px;
}

.adds-box .adds-box-content input.texttype {
    border: 1px solid #ccc;
    width: 260px;
    height: 26px;
    line-height: 26px;
}

.adds-box .adds-box-content input.addtype {
    width: 92%;
}

.adds-box .adds-box-content .red_span {
    font-size: 12px;
    color: #ff0000;
}

.cart-Shipping-box .adds-box-content {
    display: none;
}

.adds-box .adds-box-content td.web-total-left {
    text-align: right;
    padding-right: 10px;
}

.cart-add-width50 {
    float: left;
    width: 50%;
}

.cart-add-width50 select {
    height: 26px;
    line-height: 26px;
}



.cart-billing-box li.width100 {
    clear: both;
    width: 100%;
}

li.lisame-shipping {
    position: relative;
}

li.lisame-shipping .red_span {
    position: absolute;
    right: 55px;
    top: 5px;
}

.bigimg-addimages {
    padding-left: 20px;
    padding-right: 20px;
}

.bigimg-addimages li {
    float: left;
    width: 20%;
}

.bigimg-addimages li a {
    display: block;
    padding: 2px;
}

.bigimg-addimages li a img {
    border: 2px solid #fff;
}

.bigimg-addimages li a:hover img {
    border: 2px solid #19caaf;
}

.cart-order-review ul {
    padding: 0px;
}

.cart-order-review ul table {
    border: 0px;
    width: 100%;
}

.cart-order-review .adds-box-content ul table td {
    border-bottom: 1px solid #ccc;
    padding: 4px 3px;
}

.cart-order-review .adds-box-content ul table td.web-total-right {
    border-left: 1px solid #ccc;
    width: 130px;
}

.cart-order-review .adds-box-content ul {
    padding: 0px;
}

.web-shipping-payment-box #shipping-payment-cart {
    width: 600px;
}

.web-shipping-payment-box #shipping-payment-cart .bill_list input {
    width: 350px;
}

.check-out-total {
    float: right;
}

.cart-total-right {
    float: right;
    text-align: right;
}

.discount-notice {
    padding: 0px 25px;
    clear: both;
    text-align: right;
    background: #efefef;
    border: 1px solid #3A8632;
    line-height: 25px;
    font-family: Arial;
    font-weight: normal;
}



tr.td_title_se_discount td,
tr.td_title_se_balance td {
    color: #ff0000;
}

.coupons-box {
    float: left;
}

.coupons-box h3 {
    font-weight: normal;
    text-align: left;
    font-size: 13px;
    background: #efefef;
    padding: 4px 5px;
    clear: both;
    padding-left: 10px;
}

.coupons-box li {
    display: inline-block;
    margin-top: 5px;
    margin-left: 3px;
}

input.coupon_code {
    border-radius: 5px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #333;
}

.coupon_botton {
    display: inline-block;
    border-radius: 5px;
    height: 22px;
    padding: 0px 5px;
    font-size: 13px;
    height: 26px;
    line-height: 26px;
    border: 0px;
    background: #000;
    color: #fff;
    cursor: pointer;
}



.web-shipping-payment-box .web-divbox-title {
    font-size: 22px;
    border: 0px;
}

.web-shipping-payment-table-box {
    padding: 5px;
}

.web-shipping-payment-table {
    width: 100%;
    border: 1px solid #fff;
    border-width: 0px 0px 1px 1px;
}

.web-shipping-payment-table td,
.web-shipping-payment-table th {
    border: 1px solid #fff;
    border-width: 1px 1px 0px 0px;
}

.web-shipping-payment-table th {
    background: #ccc;
    color: #000;
    text-align: center;
    padding: 3px 0px;
    height: auto;
}

.web-shipping-payment-table td {
    text-align: center;
    padding: 3px 0px;
    height: auto;
}

.web-shipping-payment-table tr {
    background: #efefef;
    height: auto;
}

.web-shipping-payment-table tr.traddrow {
    background: #CCCCCC;
}

.web-checkout-success-table-box {
    padding: 5px 20px;
}

.web-checkout-success-table-box .cart_title {
    font-size: 15px;
    line-height: 40px;
}

.web-checkout-success-table-box span.checkout-success-number {
    font-size: 18px;
    color: #ff0000;
    font-weight: bold;
}

.web-total-box .web-total-left {
    width: 100px;
    text-align: right;
}

.web-total-box td {
    padding: 2px 0px;
}

.web-total-box td.se_total {
    font-size: 18px;
    font-weight: bold;
}

.web-total-box td.web-total-right {
    padding-left: 15px;
    font-weight: bold;
}

.btn-nflbtn {
    border-color: #000;
    background-color: #000;
    color: #fff;
    padding-left: 25px;
    padding-right: 25px;
}

.btn-nflbtn:hover,
.btn-nflbtn:active,
.btn-nflbtn:active:focus {
    border-color: #ce5016;
    background-color: #ce5016;
    color: #fff;
}

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

.main-table-box-row {
    text-align: left;
}

.main-table-box-row td {
    padding: 10px 0px;
    width: 100%;
}

.web-lbox-content-box {
    background: #efefef;
}

.web-lbox-content-box ul {
    padding: 5px 10px;
}

.web-lbox-content-box li {
    line-height: 28px;
}

.login-box label {
    display: inline-block;
    width: 100px;
}

.login-box input.enterbox {
    height: 30px;
    line-height: 30px;
    width: 300px;
    border: 1px solid #ccc;
    text-indent: 10px;
}

.goods-span-select {
    display: inline-block;
    padding: 5px 10px;
    margin-right: 5px;
    border: 1px solid #333;
    cursor: pointer;
    border-radius: 3px;
}

.goods-span-select-hover {
    border-color: #ff0000;
    background: #ff0000;
    color: #fff;
}

input.textinput {
    width: 100%;
    height: 38px;
    line-height: 38px;
    border: 1px solid #333;
    border-radius: 3px;
    text-indent: 10px;
}

.main-images {
    width: 98%;
}

.order-title-box {
    height: 38px;
    line-height: 38px;
    padding-left: 15px;
    position: relative;
    background: #efefef;
    margin-bottom: 3px;
}

.order-title-box li {
    display: inline-block;
    margin-right: 10px;
}

li.order-list-pay {
    position: absolute;
    right: 10px;
    top: -2px;
}

.order-list-box {
    width: 100%;
}

.order-list-box td {
    vertical-align: top;
    padding: 5px;
}

.order-list-box th {
    padding: 5px;
}

#top_order_toal {
    clear: both;
}

#top_order_toal .web-total {
    float: right;
}

.order-list-address {
    clear: both;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

.order-list-address li {
    line-height: 25px;
}

.order-list-address li strong {
    display: inline-block;
    width: 80px;
}

.top-fiexd-box {
    transition: all 0.25s ease-in-out;
}

.fixtopbox {
    position: fixed;
    top: 0px;
    left: 0;
    background: #fff;
    z-index: 9999;
    width: 100%;
    box-shadow: 0px 1px 3px #ccc;
}

#Go_Top {
    position: fixed;
    bottom: 45px;
    right: 20px;
    z-index: 9999;
    display: none;
    text-align: center;
    font-size: 50px;
    cursor: pointer;
    color: #3f3f3f;
}

#Go_Top i {
    font-size: 50px;
}

#Go_Top i:hover {
    color: cadetblue;
}

.discount-type-banner {
    text-align: center;
}

.discount-type-banner img {
    max-width: 100%;
}

.layer-size-box img {
    max-width: 100%;
}

.attr-goods {
    padding: 5px 0px;
}

.attr-goods dt {
    float: left;
    padding-right: 12px;
    margin-bottom: 3px;
}

.attr-goods dt input {
    font-size: 12px;
}

.attr-goods dt img {
    vertical-align: middle;
}

.attr-goods dt span {
    color: #ff0000;
    font-size: 14px;
}

.swiper-pagination-bullet-active {
    background: #fff;

}

.swiper-pagination-bullet {
    width: 15px;
    height: 15px;
}

.swiper-pagination {
    text-align: right;
    padding-right: 15px;
}

.tattrprice {
    color: #888888 !important
}

.tt-discount {
    background: #DFDFDF;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    font-weight: 600;
    margin: 20px 0;
  }

.tt-discount-box {
    display: inline-block;
    border-right: 1px solid #fff;
    text-align: center;
    padding: 15px 10px;
    margin: 0px;
}

.tt-discount-item p {
    margin-bottom: 0px;
    line-height: 18px;
    color: #666666;
}

/*------------ add  2025-12-04 ------------*/
.tt-top-panel {
    background: #000;
    color: #fff;
    text-align: center;
    height: 40px;
    line-height: 40px;
}

.desktop-header {
    display: flex;
    justify-content: space-between;
}

.desktop-header {
    display: flex;
    justify-content: space-between;
    padding: 30px 20px;
    background: #133d8d;
}

.desktop-header a {
    color: #fff;
}

.topfont {
    color: #fff;
}

.topright {
    display: flex;
    position: relative;
    align-items: center;
}

.topfont {
    color: #fff;
    padding-left: 20px;
}

.topfont i {
    padding-right: 5px;
}

#qrcode {
    position: absolute;
    right: -46px;
    top: -29px;
    box-shadow: 1px 2px 5px #908d8d;
    z-index: 9;
}

#qrcode img {
    width: 95px;
}
.headertype_box{
    align-items: center;
    background: #0b2a65;
    padding: 15px 20px;
    display: grid;
    grid-template-columns: 25% 50% 25%;
    position: relative;
}


  .tt-desctop-menu:not(.tt-hover-02) nav > ul li.dropdown:first-child > a{
    padding-left: 0;
  }
  .tt-desctop-menu nav > ul > li.dropdown > a{
    font-size: 14px;
    color:#fff;
    font-size: 14px;
    color: #fff;
    letter-spacing: 1.87px;
    text-transform: uppercase;
  }
  .tt-desctop-menu nav > ul > li{
    padding: 28px 10px 27px;
  }
  .main-menu-icons-dropdown > ul > li {
    padding: 5px 10px 5px;
  }
  header .tt-parent-box {
    display: flex;
    justify-content: end;
  }
  .tt-desctop-menu nav>ul>li.dropdown>a:hover {
    color: #fff;
  }
  .main-menu-icons-dropdown {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 30px;
  }
  .dropdown, .dropup {
    position: unset;
  }
  .tt-desctop-menu .tt-title-submenu {
    font-size: 14px;
    display: block;
    line-height: 24px;
    font-weight: 500;
    padding-bottom: 8px;
    font-weight: 500;
    font-family: 'Open Sans', sans-serif;
    color: #191919;
    transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    
  }
  .dropdown-menu.pclist {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    width: 100%;
    min-height: 50px;
    max-height: 450px;
    overflow-y: scroll;
  }
  .shouc {
    color: #fff;
    padding: 0 20px;
  }
  .shouc a {
    color: #fff;
  }
  .shouc i {
    font-size: 30px;
    padding-left: 15px;
  }
  .tt-badge-cart {
    position: relative;
    bottom: 25px;
    background: red;
    width: 25px;
    height: 25px;
    display: inline-block;
    right: 0;
    text-align: center;
    border-radius: 5px;
    line-height: 25px;
  }
  .sublist2 li {
    height: 30px;
    line-height: 30px;
  }
  .sublist2 a {
    font-size: 13px;
  }
  .sublist2 img {
    margin-right: 5px;
  }
  .sublist2 {
    display: block;
    width: 100%;
    margin-top: 9px;
    
  }
  .tt-title-submenu {
    padding-left: 0 !important;
  }
  .tt-desctop-menu .tt-title-submenu img {
    margin-top: 4px;
  }
  .sublist2 > a {
    font-weight: 600 !important;
    font-size: 13px !important;
  }

  .tt-header-row {
    display: grid;
    align-items: center;
    grid-template-columns: 35% 50% 10%;
    padding: 20px 0;
  }
  .tt-mobile-parent-menu-icons {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .pro-title {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .moblinav ul a {
    height: 40px;
    line-height: 22px;
  }
  .pro-title {
    display: grid;
    grid-template-columns: 90% 10%;
  }
  .title-hover-underline1 {
    font-size: 25px;
    font-weight: 600;
  }
  .title-hover-underline2 {
    font-size: 16px;
  }
  .fa.fa-angle-right.jiahao,.fa.-plus.jiahao {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
  }
  .mm-fullscreen-bg{
    display: none;
}

.shopify-section.index-section {
    margin-top: 50px;
  }

  .tt-img-parent {
    background: #eeee;
    display: block;
  }

  .tt-title.prod-thumb-title-color{
    margin-bottom: 20px;
  }

  .tt-product .tt-description .tt-price span span {
    font-size: clamp(12px,6cqw,22px);
    color: #000;
    font-weight: bolder;
  }
  .addtocat a {
    color: #fff;
  }
  .addtocat {
    position: absolute;
    z-index: 99;
    bottom: 15%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #0000008f;
    padding: 8px 16px;
    border-radius: 4px;
    transition: opacity 0.3s;
    opacity: 0;
  }
  .responsive .slick-slide:hover .addtocat,.tt-product-listing .prolist:hover .addtocat,.prolists .slick-slide:hover .addtocat,.prolists2 .prolists3:hover .addtocat{
    opacity: 1;
  }
  .respimgsize {
    border: 1px solid #0000;
    margin: 0 5px;
  }
  .respimgsize:hover{
    border: 1px solid #000;
  }
  .pc-show {
    padding: 16PX 24PX;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: grid;
    max-width: 100%;
    grid-template-columns: repeat(6,1fr);
    gap: 16PX;
  }
  .pc-show img {
    object-fit: cover;
    height: 24PX;
  }
  .pc-show li {
    height: 89PX;
    width: 218.28PX;
    cursor: pointer;
    transition: all .3s ease;
    text-align: center;
    padding: 16PX;
    border-radius: 8PX;
    background-color: #f9fafb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px solid transparent;
  }
  .pc-show li:hover {
    border: .01333rem solid #000;
  }
  .catlist_team {
    display: grid;
    grid-template-columns: repeat(20,1fr);
    gap: 10px;
  }
  .catlist_team li {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .subcat_team {
    display: grid;
    grid-template-columns: repeat(8,1fr);
    gap: 10px;
    margin-bottom: 70px;
    margin-top: 40px;
  }
  .catlist_team a,.sublist1{
    border-radius: 100%;
    border: 1px solid #eee;
    box-shadow: 1px 1px 5px #eee;
    background: #f2f2f2;
  }
.sublist{
border: 1px solid #eee;
  box-shadow: 1px 1px 5px #eee;
  background: #f2f2f2;
  height: 50px;
  line-height: 20px;
  text-align: center;
  padding: 0 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  }
  .sublist1:hover {
    box-shadow: 1px 1px 5px 2px #e1dfdf;
  }
  .catlist_team a:hover {
    box-shadow: 1px 1px 5px 5px #ddd;
  }
  .catlist_team img, .catlistli img{
    max-width: 100%;
    border-radius: 50%;
    padding: 5px;
  }
  .sublist1 {
    display: inline-block;
    width: 100px;
    height: 100px;
  }
  .catlistli {
    text-align: center;
  }
  .catlistli img {
    width: 100px;
    height: auto;
  }
  .lista a:hover {
    border-bottom: 1px solid;
  }
  .shoplist {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 15px;
  }
  .shoplist span {
    font-size: 14PX;
    margin-top: 14PX;
    color: #000;
    text-decoration: underline;
    font-weight: 700;
    cursor: pointer;
    margin: 20px 0 30px;
    display: inline-block;
  }
  .shoplist span:hover {
    color: #fff;
    background-color: #000;
  }
  .shoplist img:hover {
    transform: scale(1.2);
    transition: all .8s ease;
    
  }
  .shoplist img{
    transition: all .8s ease;
    max-width: 100%;
  }
  .shoplist a {
    display: block;
    overflow: hidden;
  }
  .index-text {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 15px;
  }
  .textbg {
    background: #f5f5e5;
    padding: 50px 0;
    margin-top: 120px;
    margin-bottom: 50px;
  }
  .index-text h3 {
    font-weight: 600;
    margin-bottom: 20px;
  }
  .tt-payment-list img {
    max-width: 30%;
    margin: 0 auto;
  }
  .List-PC-swiper a {
    background: #eee;
    display: block;
  }
  .tt-breadcrumb a {
    text-decoration: underline;
    color: #000;
    font-size: 15px;
  }
  .tt-breadcrumb a:hover {
    background: #000;
    color: #fff;
   
  }
  h1.tt-title:not(.tt-product-single-info h1) {
    font-weight: 600;
    margin-bottom: 20px;
    display: inline-block;
  }
  .sublist:hover {
    box-shadow: 1px 1px 5px 1px #dddbdb;
  }
  .catsublist2 {
    display: grid;
    margin-bottom: 10px;
  }
  .fg-options table {
    background: #fbfcea;
    border: 1px solid #edeedc;
  }
  .prodes i{
    float: right;
    padding-right: 15px;
    font-size: 20px;
    color: #000;
    line-height: 30px;
  }
  .tt-list li {
    height: 40px;
    line-height: 40px;
  }
  .tt-item.active .tt-collapse-content {
    display: block;
  }
  .index2-tabs {
    background: #f5f5e5;
  }
  .index2-tabs i{
    float: right;
    position: relative;
    height: 40px;
    line-height: 30px;
    width: 30px;
    text-align: center;
    font-size: 27px;
  }

  .bcpo-label label span {
    line-height: 25px;
    display: block;
  }

@media(max-width:1440px) and (min-width:1025px) {
    .pc-show{
        grid-template-columns: repeat(3,1fr);
    }
}
@media(min-width:1025px) {
    .mbimg,.sale_mb,.index_tabs {
        display: none
    }
}

@media(max-width:1024px) {
    .catlist_team {
        grid-template-columns: repeat(8,1fr);
      }
    .subcat_team {
        grid-template-columns: repeat(3,1fr);
      }
    .shoplist{
        grid-template-columns: repeat(2,1fr);
    }
    .index-text{
        grid-template-columns: repeat(1,1fr);
    }
    .pcbox,.pcimg,.sale-pc,.pc-show,.textbg {
        display: none
    }
    .tt-title.prod-thumb-title-color > a {
        height: 47px;
        overflow: hidden;
        display: block;
      }
    .pro-title {
        display: grid;
        grid-template-columns: 85% 15%;
      }
    .tt-logo img {
        position: relative;
        height: auto;
        width: 185px;
    }
    .tt-product  .money {
        font-weight: 600;
        color: #000;
        font-size: 18px;
      }
}

.layout-row.product_tabs i {
  float: right;
  font-size: 25px;
  color: #000;
}
.tt-item {
  border-bottom: 1px solid #dddada;
}
