@charset "utf-8";
/* CSS Document */
body{ margin: 0px;
padding: 0px;
color: #484848;
font: 300 13px "Lato";
background: #fff;
}
li.fg-goods-qty {
    clear: both;
}
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,li,h1,h2,h3,h4,dd,dt,dl,form,img,table,tr,td,p{ margin:0px auto; 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{max-width: 1360px;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: 20px 0px 0;font-size: 16px;}
.pager{}
.pager li{ display: inline-block;}
.pager #imginput0{}
.pager a{ display: inline-block; padding: 3px 3px; border: 1px solid #efefef; margin: 1px 2px;}
.top-shipping-banner{}
#top-shipping-banner{text-align:center;background-color:#1B1B1C;}
.top-bar{  height: 40px; line-height: 40px; text-align: right;position:relative;background-color:#093386;margin-top:0px;}
.top-bar ul{float:right;}
.top-bar ul li{ display: inline-block; margin: 0px 5px;color: #fff;}
.top-bar-email {font-size: 16px;font-weight: bold; padding-left: 2px; margin-top: 8px;}
.top-bar-email a {color: #12abce;}
.top-bar .top-bar-cart{ float:right;position:absolute;height:46px;width:64px;display:inline-block;text-align:center;top:0;right:10px;background-color:#e4c021;z-index:99;}
.top-bar  .top-bar-cart a{width:100%;height:100%;display:inline-block;line-height:46px;font-size:2em;}
.top-bar  .top-bar-cart a:hover{background-color:#D2B01A;}
.logo-box{ background: #093386; height: 100px;padding: 0 10px;}
.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: 25px;}
.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;}
.logo-box .btn{border:1px solid #7c7c7a;}
.logo-box .btn-default{background-color:#7c7c7a;}
.logo-box .btn-default:hover{background-color:#6F6F6D;}
.logo-box .btn-default .fa-search{color:#fff;}

.logo-box .web-logo-banner .cart-info {color: #fff;font-size: 16px}
.logo-box .web-logo-banner .cart-info:hover {color: #e6e6e6}
.logo-box .web-logo-banner .cart-info i {font-size: 18px;margin-right: 5px}
ul.toplist a {
    color: #fff;
}
#nav{ text-align: left;height: 36px; background: #000c70;}
#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 20px;}
.nav-list li.level-0:hover{background-color:#E4C021;}
.nav-list li.level-0:hover a{color:#000;}
.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 a.level-0:after{}
#nav .nav-list li.level-0:hover a.level-0{}
div#nav img {
    width: 24px;
    margin-right: 4px;
}
.nav-list li.level-1:nth-child(2n+1) {
    clear: both;
}
.nav-list ul.level-0{position:absolute;z-index:999;left:0px;top:36px;border:1px solid #c5c5c5;padding:10px 20px;display:none; width: 500px; background: #fff;}
.nav-list li.level-1{line-height:25px;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{}
.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{}
.web-jernav-ul1 li ul li{ padding-left: 10px;}
.web-jernav-ul1 li ul li li{padding-left: 20px;}

.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-box {background: #000c70;color:#fff;padding: 8px 0;}
.footer-nav-box a {color:#fff;}
.footer-nav{ clear: both;text-align: center;padding: 5px}
.footer-nav ul li{ display: inline-block; margin-right: 8px;}
.footer-help-box{ background: #093386; padding: 10px 0px;width: 100%;}
.footer-box{}
.footer-box li a{text-transform:uppercase;}
.footer-box li a:hover{text-decoration:underline;}
.footer-box .col-xs-5{ border: 1px solid #505050; border-width: 0px 1px; }
.footer-box h2{margin-top: 20px;
    margin-bottom:10px;
font-size: 18px!important;
font-weight: 800;
color: #fff;
text-transform: uppercase;}
.footer-box li{ line-height: 25px;}
.footer-box li a{ color:#fff;}
#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: #093386; width: 100%; border-color: #093386;}

.web-footer-copyright{ text-align:center;height:24px; line-height:24px; }
.web-footer-copyright a{ color: #fff;}

.index_banner_box {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.index_banner_box .index_banner_item {
	width: 340px;
	text-align: center;
	margin-top: 6px;
}
.index_banner_box img {
	width: 335px;
	height: 120px;
}


.redSave30-box{ clear: both; position: relative;}
.redSave30-box-left{ width: 25%; position: absolute; left: 5px; top: 5px;}
.redSave30-box-right{display: inline-block;width: 50%}
.redSave30-box img{width: 100%;}
#top-save-banner img{}

.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{border: 1px solid #fff;color: rgb(255, 255, 255); }
.red-ends-time ul li{ display: inline-block; width: 45px;}
.red-ends-time ul li span{ display: block; text-align: center;}

.indexBestCat{background-color:#F1EFEF;}
.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: #242424; text-align: center;margin-bottom:10px;}
.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%;}*/

.title-box{}
.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: 25px 0px;}
.home-title span{font-size:30px;font-weight:700;color:#000c70;text-transform:uppercase; position:relative;z-index:1;display:inline-block; line-height: 35px;  border-bottom: 2px solid #000c70;}
.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: #d8deea;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;}

.discount_span{}
.market_price{font-weight: bold;color: #999;text-decoration: line-through;display: none}
.products_price{font-weight: bold;color: #000; font-size:14px;}
.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: 105px; 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-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: #093386; border-color: #093386;}
.add-to-cart:hover{background: #093386; border-color: #093386;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 #d31732; 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: 60px;}



.web-cart-table{ width:100%;border:1px solid #ccc}
.web-cart-table tr {border-bottom: 1px solid #ccc;}
.web-th-title {background: #f6f6f6;}
.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{  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:29px; font-size:12px; line-height:29px; padding-left: 15px; }
.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;width: 260px}
.cart-billing-box li{}
.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{}
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: #093386; color: #fff; cursor: pointer;}

.web-shipping-payment-box{}
.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:#093386; background-color: #093386; 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{ width: 100%;}
.main-table-box-row td{ padding: 5px 8px;}
.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: 300px; 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 0s ease-in-out;}
.fixtopbox{position: fixed;
    top: 0px;
    left: 0; background: #fff;
    z-index: 9999; width:100%; box-shadow: 0px 1px 3px #ccc;}
.ad-content{margin:0 auto;}
#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%;}




/*new visition for account*/

/*user_menu*/
.web-login-left {
	padding: 30px 0;
}
.web-col-tow-left .web-login-left{
	border-right: 1px solid ;
	border-image: -webkit-linear-gradient(#fff,#c6c6c6,#fff) 30 30;
   	border-image: -moz-linear-gradient(#fff,#c6c6c6,#fff) 30 30;
    border-image: linear-gradient(#fff,#c6c6c6,#fff) 30 30; 
   box-shadow: 5px 0px 5px -5px #ececec;
}
.web-lbox-content-box {
	border-radius: 15px 0 0 15px;
    background: #262626;
}
.web-lbox-content-box ul {
	padding: 25px 0px;
}
.web-lbox-content-box li {
    line-height: 50px;
	text-align:center;
	margin-left:-12px;
	transition: all 0.25s ease-in-out;
}
.web-lbox-content-box li a {
	font-size: 1.6rem;
	color: #fff;
	display: inline-block;
	width: 100%;
	transition: all 0.25s ease-in-out;
}

.web-lbox-content-box li:hover {
	background: #000;
	transition: all 0.25s ease-in-out;
	transform-origin: right;
	transform:rotateY(10deg);
	box-shadow: -1px 0px 5px -1px #000;
	border-radius: 3px 0 0 3px;
	
}
.web-lbox-content-box li:hover a {
	color: #fff;
	transition: all 0.25s ease-in-out;
}

/*user_info_form*/
.web-col-tow-right .web-login-left {
	padding-left: 15px;
	font-size: 1.5rem;
}
form[name='config'] .main-table-box-row th {
	text-align:right;
}

form[name='config'] .input0, .book_info #state, .input-item1 {
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    width: 345px;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.1);
    color: #3E3E3E;
    padding-left: 14px;
}
form[name='config'] .input0:focus,.book_info #state:focus,.input-item1:focus{
	outline: 0 none;
	border-color: rgba(82, 168, 236, 0.8);
	-webkit-box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.1), 0 0 3px rgba(82, 168, 236, 0.6);
	-moz-box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.1), 0 0 3px rgba(82, 168, 236, 0.6);
	box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.1), 0 0 3px rgba(82, 168, 236, 0.6);color:#000;
}
form[name='config'] .main-table-box-row tr {
	padding-bottom:45px;
}
form[name='config'] .main-table-box-row td {
	padding: 5px 25px;
	height: 38px;
	box-sizing: border-box;
}
form[name='config'] .checkbox {
	padding-left: 5px;
}
 .checkbox label {
	padding-left: 0px;
	padding-right: 10px;
}
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label{
	font-size: 13px!important;
}
.bootstrap-switch.bootstrap-switch-focused {
 border-color:#cfcfcf!important;
 -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
 box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)
}
form[name='config'] .last-tr {
	height: 48px;
}
form[name='config'] .last-tr input[type='submit']{
	margin-top: 10px;
	font-size: 1.5rem;
	font-weight: bold;
	letter-spacing: 0.2px;
}

/*my_order*/
.order-title-box {
	margin-bottom: 0px;
	border-color: #D8D8D8;
	border-width: 1px 1px 0 1px;
	box-sizing: content-box;
	border-style: solid;
	background: #f8f8f8;

}
.order-list-box {
	border:1px solid #D8D8D8;
	margin-bottom: 20px;
}
.order-list-box tr {
	border-bottom: 1px solid #D8D8D8;
}
.order-list-box tr td:not(:first-of-type){
	border-left: 1px solid #D8D8D8;
}
.order-list-box tr th:not(:first-of-type){
	border-left: 1px solid #D8D8D8;
}
.order-list-box .btn {
	width: 85px;
	height: 32px;
	line-height: 28px;
	font-size: 14px;
	padding: 0;
}
.order-list-time, .order-list-sn span {
	font-weight: bold;
	color: #000;
}
.order-list-box th {
	height: 38px;
}
.operate_td {
	text-align:center;
	vertical-align:middle!important;
}
.operate_td a {
	margin:2px 0;
}
.center_th {
	text-align:center;
}
.vcenter {
	vertical-align:middle!important;
}
.allcenter {
	text-align:center;
	vertical-align:middle!important;
}

/*view_order*/
.order-list-address {
	margin-bottom: 0px;
	padding:15px 0 15px 15px;
	border-style: solid;
	border-color: #D8D8D8;
	border-width: 1px 1px 0 1px;	
}
.web-total-box::after {
	content:'';
	clear: both;
	display: block;
}
#top_order_toal {
	margin-top: -20px;
	border-width: 0px 1px 1px 1px;
	border-color: #D8D8D8;
	border-style: solid;
	padding:10px 20px 20px 0;
}
.attrinfo {
	color: #b3b3b3;
}
.attr-goods > dt {
    float: left;
    height: 110px;
    margin-right: 18px;
    line-height: 110px;
    width: calc(30%);
}
.attr-goods img {
    width: 80px;
    height: auto;
}

/*母站*/


.products_id {
	margin-top: 5px!important;
	margin-bottom: 5px!important;
}
.products_price {
	color: #f00!important;
}
.cart-products-qty-operate {

	border-bottom: 0px!important;
}
.qty_box {
	display: flex;
	align-items: center;
	margin: 0px 0px 0px 8px!important;
}
.qty_box input {
	border: 0px;
	border-bottom: 1px solid #828282;
	border-top: 1px solid #828282;
	height: 22px;
	width: auto;
	min-width: 22px;
	max-width: 26px;
	font-size: 14px;
}
.qty_op {
	cursor: pointer;
	text-align: center;
	width: 22px;
	height: 22px;
	line-height: 22px;
	border-width: 1px;
	border-style: solid;
	border-color: #828282;
	background: #f7f7f7;
	font-size: 12px;
}
dl.title{
	font-weight: bold;
}
.fan-gird-item-box2{
	background: #0d3349; text-align: center; color: #fff; border-radius: 5px; line-height: 25px;margin-bottom: 5px;
}
.fan-gird-item-box2 a{ color: #fff;}
#index_flash_right_banner_1{
	margin-bottom: 5px;
}



.pc-slide {
	width: 500px;
	margin: 0 auto;
	float: left;
}

.view .swiper-container {
	width: 500px;
	height: 500px;
}

.view .arrow-left {
	/*background: url(js/index_tab_l.png) no-repeat left top;*/
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}

.view .arrow-right {
	/*background: url(js/index_tab_r.png) no-repeat left bottom;*/
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}

.preview {
	width: 100%;
	margin-top: 10px;
	position: relative;
}

.preview .swiper-container {
	width: 430px;
	height: 125px;
	margin-left: 35px;
}
.swiper-wrapper img {
    max-width: 100%;
}
.preview .swiper-slide {
	width: 87px;
	height: 82px;
}

.preview .slide6 {
	width: 82px;
}

.preview .arrow-left {
	background: url(js/feel3.png) no-repeat left top;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}

.preview .arrow-right {
	background: url(js/feel4.png) no-repeat left bottom;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}

.preview img {
	padding: 1px;
	max-width: 100%;
}

.preview .active-nav img {
	padding: 0;
	border: 1px solid #F00;
}
.main-web-box{
	background: #fff; 
	max-width: 1360px; 
	margin: 0px auto;
	box-shadow: 0px 4px 5px 3px #e0d5d5;
	padding: 10px;
}
@media(min-width:769px){
    .main-web-box {
        min-height: 510px;
    }
	.flash {
		display: flex;
		justify-content: flex-start;
		height: 360px;
		overflow: hidden;
	}
	.panel-menu.mobile-main-menu {
		display: none;
	  }
	.mobilebox{
		display: none;
	}
	.flash_box {
		width: 70%;
	}
	.banner_box {
		width: 30%;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
	}
	.banner_box img {
		height: 180px;
		width: 100%;
	}
	.web-gird-item{ 
		float:left;width: 20%;
	}
}
.input-lg{
	font-size: 12px;
}
@media(max-width:768px){
    div#lightboxOverlay {
		max-width: 1360px !important;
	}
	#search_bottom {
		color: #00000087;
	}
	.banner_box {
		display: flex;
	}
	.banner_box img {
		max-width: 100%;
	}
	.pcbox,.main_left{
		display: none;
	}
	.flash_box{
		width: 100%;
	}
	.menulist > div > * {
		color: #fff;
	}
	.fa.fa-bars {
		color: #fff;
		font-size: 34px;
		width: 40px;
		text-align: center;
	}
	#pclogo img {
		max-width: 100%;
	}
	.web-centent {
		padding: 10px 0;
	}

	.goodsinfo-qty-box {
		float: right !important;
	}
	.fg-options td {
		width: 300px;
	}
	#gallery img {
		max-width: 70%;
	}
/*
    mobile menu
*/
.panel-menu,
.mmpanels,
.mmpanels > .mmpanel{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: inherit;
}

.panel-menu{
  width: 328px;
  background: #ffffff;
  background-color: rgb(251 251 251 / 0.60) !important;
  position: fixed;
  z-index: 22;
}

.panel-menu ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}


.panel-menu ul li{
  margin: 0;
/*   width: 100%; */
}

/*  手机改版*/
.item-categories ul{
  width:85%;
 display:flex;
flex-wrap: wrap;
  margin: 0 auto;
    background: #eed6ca;
    border-radius: 6px;
}

.item-categories ul li {
	width:50% !important;

  line-height:8px !important;
}
.item-categories ul li a{
    padding:8px 10px !important;
}

.mm-next-level i {
	float: right;
	margin-right: 15px;
	font-size: 20px;
}
.panel-menu ul li a{
  display: block;
  padding: 9px 12px 9px 27px;
  font-size: 14px;
  line-height: 22px;
  text-decoration: none;
  color: #191919;
   color:#000000 !important;
  position: relative;
  transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}

.panel-menu ul li a:hover{
  color:#2879fe;
}

.panel-menu #mm0.mmpanel a:not(.mm-close){
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

.panel-menu #mm0.mmpanel a:hover{
  color:#2879fe;
}

.panel-menu #mm0.mmpanel a:hover:after{
  color:#2879fe;
}

.panel-menu #mm0.mmpanel .mm-next-level:after{
  top: 13px;
}

.panel-menu .mmpanel:not(#mm0) a:not(.mm-original-link){
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

.panel-menu .mmpanel .tt-badge{
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  color: #ffffff;
  font-size: 12px;
  line-height: 1;
  padding: 2px 4px 2px;
  max-height: 16px;
  top: 3px;
  position: relative;
  margin-left: 7px;
}

.panel-menu .mmpanel .tt-new{
  background: #03a9f5;
  color: #ffffff;
}

.panel-menu .mmpanel .tt-fatured{
  background: #fdbc20;
  color: #ffffff;
}

.panel-menu .mmpanel .tt-sale{
  background: #f8353e;
  color: #ffffff;
}

.panel-menu .mmpanel .mm-original-link .tt-badge{
  top: -1px;
}

.panel-menu .mm-close,
.panel-menu .mm-prev-level,
.panel-menu .mm-original-link{
  display: block;  
}



.panel-menu .mm-close:hover:before
.mm-prev-level:hover:before,
.panel-menu .mm-next-level:hover:after{
  color: #191919;
}

.panel-menu li.mm-close-parent{
  margin-bottom: 15px;
}

.panel-menu li.mm-close-parent .mm-close{
  padding: 15px 16px 13px 29px;
  color: #777777;
  border-bottom: 1px solid #e9e7e7;
}

.panel-menu li.mm-close-parent .mm-close i:hover{
  color: #2879fe;
}



.panel-menu li.mm-close-parent .mm-close:hover:before{
  color:#2879fe;
}

.panel-menu .mm-prev-level{
  padding: 15px 16px 13px 29px;
  color: #777777;
  border-bottom: 1px solid #e9e7e7;
  margin-bottom: 15px;
}

.panel-menu .mm-prev-level:before{
  content: "\e90d";
  padding-right: 10px;
  position: relative;
  top: 1px;
}

.panel-menu .mm-prev-level:hover{
  color: #2879fe;
}

.panel-menu .mm-prev-level:hover:before{
  color: #2879fe;
}



.panel-menu .mm-original-link{
  font-family: 'Open Sans', sans-serif;
  font-weight: 500;
  color:#191919;
}

.panel-menu .mm-original-link {
   display: none;
}


.panel-menu .mm-original-link:before{
  padding-right: 10px;
}

.mm-open{
  overflow: hidden;
}

.mm-open .mm-fullscreen-bg{
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.55);
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: 21;
  display: none;
}

.mmitemopen.panel-menu,
.mmitemopen.panel-menu.mm-right{
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease,-webkit-transform .3s ease;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.panel-menu{
  -webkit-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.panel-menu.mm-right,
.mmitemopen.panel-menu.mm-right.mmhide{
  left: auto;
  right: 0;
  -webkit-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.mmitemopen.panel-menu.mmhide{
  -webkit-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.mmpanel{
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease,-webkit-transform .3s ease;
  -webkit-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.mmpanels{
  overflow: hidden;
}

.mmpanel.mmopened{
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mmpanel.mmsubopened{
  -webkit-transform: translate(-80%, 0);
  -ms-transform: translate(-80%, 0);
  transform: translate(-80%, 0);
  -webkit-transform: translate3d(-80%, 0, 0);
  transform: translate3d(-80%, 0, 0);
}

.mmpanels > .mmpanel{
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: auto;
}

.mmpanels,
.mmpanels >
.mmpanel{
  background: inherit;
  border-color: inherit;
}
.tt-mobile-parent-menu {
	margin-right: 10px;
}
.mmpanels > .mmpanel:not(.mmhidden){
  display: block;
}
.web-col-tow-right {
	padding: 0 10px;
}
.mmpanels > .mmpanel:after{
  content: '';
  display: block;
  height: 20px;
}
#goodsmsg li input[type="text"],#goodsmsg textarea{
	width: 100% !important;
}
.home-title span{
	font-size: 18px;
}
.mmhidden,
.mm-nav-btn{
  display: none;
}

.mm-fullscreen-bg,
.mm-fullscreen-bg:focus,
.mm-fullscreen-bg:active,
.mm-fullscreen-bg:hover{
  outline: none;
}

.tt-menu-slider{
  max-height: 389px;
}
.main-table-box-row tr {
	display: grid;
	padding-bottom: 25px !important;
}	
form[name="config"] .main-table-box-row td {
	padding: 5px 0px !important;
	width: 100%;
}	  
form[name="config"] .input0{
	width: 100%;
}
form[name="config"] .main-table-box-row th {
	text-align: left !important;
}
#web-shoppingcart-content {
	width: 100%;
	overflow: scroll;
}
.cart-add-box,.cart-shipping-payment-box,.cart-add-width50 select,#comments, #shopping_address input,.web-login-left,#login input,.cart-add-width50,textarea,.DT-right-select,.coupons-box,.cart-total-rightz{
	width: 100% !important;
}
.cart-shipping-payment-box{
	margin-right: 0px;
}
.web-cart-titlebox ul, .left.nopbottom a {
    width: 100% !important;
}
.left.nopbottom a {
    margin-top: 10px;
}
.fa.fa-shopping-cart {
	font-size: 30px;
}
#header_cart_qty {
	width: 23px;
	height: 23px;
	display: block;
	position: absolute;
	top: -6px;
	right: 8px;
	background: red;
	border-radius: 10px;
	font-size: 15px;
	line-height: 22px;
	text-align: center;
}
}