@CHARSET "UTF-8";
html, body{
font: 14px "黑体", Arial, sans-serif;
color: #231f20;
line-height: 1.5em;
background: white;
margin:0;
padding:0;
}
input{
height:24px;
line-height:24px;
}
select{
height:26px;
line-height:26px;
}
.right{
text-align:right;
}
.center{
text-align:center;
}
th, td{
text-align:left;
}
th.right, td.right{
text-align:right;
}
th.center, td.center{
text-align:center;
}
.fas{
font-size:1.2em;
margin-right:8px;
}
a
{
color:#231f20;
text-decoration:none;
}
a i{
margin-right:8px;
}
a:hover{
color:#ff5002;
cursor:pointer;
}
a:hover span, a:hover label
{
cursor:pointer;
}
a.link-with-underline{
text-decoration:underline;
color:#ff5002;
}
#top{
height:44px;
line-height:44px;
text-align:right;
background:url(../images/top_bg.png) 0 0 repeat-x;
}
.header-contact
{
background:url(../images/header-online-tool.png) 0 0 no-repeat;
padding-left:46px;
color:#ff5002;
}
.top-alert{
display:inline-block;
float:left;
color:#4d4d4d;
}
.top-delimiter{
display:inline-block;
width:6px;
height:100%;
background:url(../images/top-delimiter.png) 50% 50% no-repeat;
margin-right:12px;
}
.top-contact{
margin-right:12px;
}
#top a{
display:inline-block;
margin-right:12px;
}
#header{
height:182px;
}
#logo{
background:url(../images/logo.png) 0px 18px no-repeat;
width:230px;
height:105px;
}
#logo a{
display:block;
width:100%;
height:100%;
}
.container{
width:1152px;
margin:0 auto;
position:relative;
min-height:20px;
}
#footer{
background-color:#e3e3e3;
}
.clear{
clear:both;
}
#banner{
height:500px;
background:url(../images/banner_bg.png) 0 0 repeat-x;
}
.banner-list{
margin:0;
padding:0;
list-style:none;
margin-left:276px;
width:876px;
height:500px;
overflow-y:hidden;
}
#banner-numbers{
position:absolute;
bottom:10%;
left:50%;
height:10px;
}
.banner-number-list{
margin:0;
padding:0;
list-style:none;
}
.banner-number-list li{
margin:0;
padding:0;
list-style:none;
display:inline-block;
background:url(../images/banners/dot.png) 50% 50% no-repeat;
width:10px;
margin-right:6px;
height:10px;
}
.banner-number-list li.active-banner-number{
background:url(../images/banners/active-dots.png) 50% 50% no-repeat;
width:20px;
}
#producttous-banner{
background:url(../images/producttous/banner-default.jpg) 0 0 no-repeat;
width:100%;
height:260px;
}
.banner-list li, .inner-banner-list li, .left-banner-list li{
margin:0;
padding:0;
list-style:none;
}
.inner-banner-list{
width:1152px;
height:260px;
}
.left-banner-list{
width:276px;
height:616px;
}
.inner-banner-list, .left-banner-list{
margin:0;
padding:0;
list-style:none;
}
#navigation-category-box{
padding-top:77px;
position:absolute;
top:0px;
left:0;
width:276px;
z-index:5;
height:501px;
display:none;
}
#navigation-category-list{
margin:0;
padding:8px 0px;
list-style:none;
height:482px;
width:275px;
font-size:16px;
border:1px solid #e6e6e6;
border-right:none;
background-color:#f2f2f2;
}
#layout-home #navigation-category-box{
display:block;
}
#layout-home #body{
padding-top:40px;
}
.other-page #navigation-category-list
{
z-index:100;
}
#navigation-category-list li.navigation-topcategory{
list-style:none;
display:block;
line-height:48px;
height:48px;
text-align:left;
margin:0;
background:url(../images/category-menu/delimiter.png) 50% 0 no-repeat;
}
#navigation-category-list li.navigation-topcategory a.topcategory-link{
background:url(../images/category-menu/right-arroy.png) 88% 50% no-repeat;
display:block;
padding:0 29px;
}
#navigation-category-list li.noborder{
background:none;
}
#navigation-category-list li.navigation-topcategory-hover{
}
#navigation-category-list li.navigation-topcategory-hover a.topcategory-link{
color:#fd5320;
background:url(../images/category-menu/active-arroy.png) 100% 50% no-repeat;
}
.navigation-subcategory{
height:492px;
width:856px;
display:none;
position:absolute;
left:276px;
top:77px;
background-color:#ffffff;
padding-top:8px;
padding-left:20px;
overflow-y:auto;
}
#navigation-category-list .ns-subcategory-one{
display:block;
list-style:none;
margin:0;
padding:0;
}
#navigation-category-list .ns-subcategory-item-one{
background:url(../images/category-menu/delimiter.png) 0 100% repeat-x;
width:100%;
display:block;
list-style:none;
}
#navigation-category-list .ns-subcategory-one li{
display:block;
list-style:none;
margin:0;
padding:0;
line-height:48px;
}
#navigation-category-list .ns-subcategory-item-one a{
color:#231f20;
}
#navigation-category-list .ns-subcategory-item-one a:hover{
color:#ff5002;
}
#navigation-category-list .ns-subcategory-item-one a.ns-subcategory-link-one
{
/* background:url(../images/category-menu/subcategory_border.png) 0 100% repeat-x; */
width:160px;
text-align:right;
display:block;
float:left;
}
#navigation-category-list .ns-subcategory-item-one a.ns-subcategory-link-one span{
display:inline-block;
height:48px;
line-height:48px;
text-align:right;
}
#navigation-category-list .ns-subcategory-two{
display:block;
float:left;
margin:0;
padding:0;
padding-left:12px;
list-style:none;
width:654px;
}
#navigation-category-list .ns-subcategory-two li{
display:inline-block;
list-style:none;
margin:0;
padding:0;
margin-left:16px;
}
#navigation-category-list .ns-subcategory-two li.ns-subcategory-item-two a span{
padding-left:24px;
}
.link{
}
.link-primary{
color:#ff4f03;
}
.link-delivery-rules{
margin-left:16px;
}
.link-button{
width:180px;
display:block;
height:36px;
border:1px solid #c5c5c5;
text-align:center;
margin:0 auto;
}
.link-button i{
color:#dc0002;
font-size:1.2em;
line-height:32px;
}
.link-button span{
}
#user-status{
width:108px;
height:31px;
position:absolute;
top:40px;
right:0;
background:url(../images/icon-white/member.png) 0 0 no-repeat;
margin:12px 0;
text-align:right;
height:31px;
line-height:31px;
}
#user-status a{
display:inline-block;
padding-top:2px;
color:#ff5002;
}
.user-delimiter{
display:inline-block;
width:2px;
height:100%;
height:31px;
background:url(../images/icon-white/delimiter.png) 50% 50% no-repeat;
}
#onlin-service-panel{
margin:12px 0;
}
ul#contact-panel{
list-style:none;
margin:12px 0;
padding:0;
}
ul#contact-panel li{
list-style:none;
display:block;
margin:0;
padding:6px 0;
text-align:center;
}
ul#contact-panel li span{
}
#user-panel{
background-color:#c5c5c5;
text-align:center;
padding:8px 0;
}
#user-panel h3{
margin:0;
padding:8px;
font-weight:normal;
font-size:1.2em;
}
#user-panel ul{
margin:0;
padding:0;
list-style:none;
}
#user-panel ul li{
margin:0;
padding:0;
list-style:none;
line-height:32px;
height:32px;
}
.category-panel{
margin-top:12px;
}
#product-category-menu{
width:276px;
position:absolute;
top:105px;
left:0;
height:59px;
}
#product-category-trigger{
display:block;
height:59px;
width:276px;
background:url(../images/top-menu-icon.png) 0 0 no-repeat;
}
#search-pannel{
top:105px;
left:323px;
position:absolute;
width: 598px;
height: 57px;
}
#search-box{
width: 620px;
height: 57px;
}
#search-box-field{
display:block;
margin:0;
width:541px;
height: 57px;
background:url(../images/search-box.png) 0 0 no-repeat;
float:left;
}
#serach-field{
border: none;
outline: none;
line-height: 50px;
height: 50px;
width:515px;
margin:2px 12px;
}
#search-button{
display:block;
background:url(../images/search-box-button.png) 50% 50% no-repeat;
height: 57px;
width:57px;
margin:0;
float:left;
}
#zhuanqu-search-pannel{
top:0px;
right:0px;
position:absolute;
width: 567px;
height: 27px;
}
#zhuanqu-search-box{
width: 567px;
height: 27px;
}
#zhuanqu-search-box-field{
display:block;
margin:0;
width:476px;
height: 27px;
float:left;
background:url(../images/zhuanqu/search_lc.png) 0 0 no-repeat;
}
#zhuanqu-serach-field{
border: none;
outline: none;
line-height: 17px;
width:460px;
height: 17px;
margin:5px 8px;
font-size:12px;
}
#zhuanqu-search-button{
display:block;
height: 27px;
width:91px;
margin:0;
float:left;
background:url(../images/zhuanqu/serach_button.png) 50% 50% no-repeat;
}
#top-menu{
margin:0;
padding:0;
list-style:none;
position:absolute;
top:46px;
left:323px;
width:598px;
}
.top-menu4 li{
list-style:none;
margin:0;
padding:0;
width:140px;
text-align:center;
display:inline-block;
height:44px;
line-height:44px;
font-size:16px;
}
.top-menu5 li{
list-style:none;
margin:0;
padding:0;
width:110px;
text-align:center;
display:inline-block;
height:44px;
line-height:44px;
font-size:16px;
}
.top-menu-member-producttous{
background-color:#ff5002;
}
.top-menu-member-producttous a{
color:white;
}
#cart-summary{
text-align:center;
position:absolute;
top:105px;
right:0;
width:200px;
}
.cart-items-box{
float:left;
width:74px;
}
.page-section .cart-details{
margin-top:32px;
}
.cart-details .price, .cart-details .subprice{
color:#ff4f03;
font-size:16px;
}
.cart-total-box{
float:left;
width:108px;
margin-left:18px;
}
.link-cart-total-items{
display:block;
height:58px;
padding-top:36px;
display:block;
}
.link-cart-total-items{
position:relative;
background:url(../images/cart-black.png) 50% 17% no-repeat;
}
.link-cart-total{
display:block;
height:37px;
background:url(../images/buttons/button-cart-black-lc.png) 0 0 no-repeat;
margin-top:10px;
}
.link-cart-total span{
display:block;
background:url(../images/buttons/button-cart-black-rc.png) 100% 0 no-repeat;
height:100%;
line-height:37px;
color:white;
}
.link-cart-total span i{
font-style:normal;
}
#cart-summary .cart-total-items{
position:absolute;
top:0px;
right:6px;
color:#ff5002;
}
a:hover .link-cart-total span{
color:#ff5002;
}
#cart-summary-list{
position:absolute;
top:50px;
right:0px;
z-index:2;
width:290px;
display:none;
}
.hover #cart-summary-list{
display:block;
}
.cart-summary-item{
margin:0px;
padding:0;
background:url(../images/cart-summary/delimiter.png) 50% 100% no-repeat;
}
.cart-summary-remove{
position:absolute;
display:block;
top:8px;
right:-6px;
background:url(../images/cart-summary/cross.png) 50% 50% no-repeat;
width:11px;
height:11px;
}
.cart-summary-item dt{
width:80px;
margin:10px 10px 10px 20px;
padding:0;
float:left;
height:110px;
}
.cart-summary-item dd{
width:160px;
margin:0;
padding:4px 0;
height:100%;
float:left;
position:relative;
}
.cart-summary-item dd p{
margin:0;
padding:0;
line-height:22px;
text-align:left;
color:#000000;
}
.cart-summary-item dd p.cart-summary-qty{
color:#666666;
}
.cart-summary-item dd p.cart-summary-price{
padding-top:4px;
line-height:22px;
}
#cart-summary-header{
height:28px;
background:url(../images/cart-summary/header-bg.png) 0 0 no-repeat;
}
.cart-summary-total{
margin:0;
padding:12px 32px 12px 32px;
text-align:center;
}
#cart-summary-body{
background:url(../images/cart-summary/body-bg.png) 0 0 repeat-y;
}
#cart-summary-body p.summary-info{
margin:0;
padding:24px;
}
#cart-summary-footer{
height:96px;
width:289px;
background:url(../images/cart-summary/footer-bg.png) 0 0 no-repeat;
}
#cart-summary-footer a{
display:block;
background:url(../images/cart-summary/button.png) 50% 50% no-repeat;
height:100%;
width:100%;
}
.category-panel-header{
height:44px;
line-height:44px;
text-align:center;
font-weight:bold;
}
.category-panel-title{
width:230px;
font-size:16px;
text-align:center;
}
.category-panel-menu{
height:400px;
width:230px;
background-color:#e3e3e3;
float:left;
margin-bottom:12px;
}
.category-panel-content{
height:400px;
width:922px;
float:left;
position:relative;
}
.category-panel-menu ul{
list-style:none;
margin:0;
padding:0;
padding-top:12px;
}
.category-panel-menu ul li{
list-style:none;
margin:0;
padding:0;
display:block;
line-height:32px;
height:32px;
text-align:left;
padding-left:36px;
}
.category-product-list{
width:166px;
height:186px;
float:left;
border:1px solid #e3e3e3;
margin:0 12px 12px 0;
}
.category-product-list dt{
display:block;
text-align:center;
height:154px;
width:100%;
position: relative;
margin:0;
padding:0;
}
.category-product-list dd{
height:32px;
line-height:32px;
width:100%;
margin:0;
padding:0;
text-align:center;
}
.category-product-list dd a{
display:block;
height:32px;
line-height:32px;
text-align:center;
}
.category-product-list dt img{
max-height: 100%;
max-width: 100%;
width: auto;
height: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.category-product-list:hover{
box-shadow:0px 4px 6px 1px #333;
}
#footer{
background-color:#2e2929;
height:300px;
color:white;
}
#copyright{
text-align:center;
height:80px;
line-height:80px;
background-color:#231f20;
color:white;
}
#footer-header{
text-align:center;
height:42px;
line-height:42px;
}
#footer-quality{
background:url(../images/our_quality.png) 50% 50% no-repeat;
height:160px;
border-bottom:1px solid #c5c5c5;
}
.footer-contact{
width:370px;
float:left;
}
.footer-contact h4{
margin:0;
padding:0;
height:40px;
line-height:40px;
font-size:16px;
}
.footer-contact p{
height:40px;
line-height:40px;
margin:0;
padding:0
}
.footer-contact div{
margin:68px 24px 24px 0;
border-right:1px solid #070707;
}
#footer-menu{
width:782px;
margin:0;
padding:0;
float:left;
background:url(../images/float-box/wechat.png) 45px 80px no-repeat;
}
.footer-menu-item{
margin:0;
padding:0;
float:left;
width:260px;
text-align:right;
margin:68px 0px 24px 0;
}
.footer-menu-item dt{
height:40px;
line-height:40px;
padding:0;
margin:0;
font-weight:bold;
}
.footer-menu-item dd{
line-height:32px;
height:32px;
padding:0;
margin:0;
}
.footer-menu-item dd a{
color:white;
}
#quality{
height:101px;
background:url(../images/quality_bg.png) 0 0 repeat-x;
}
#quality .container{
background:url(../images/quality-words.png) 50% 50% no-repeat;
height:100%;
}
.category-panel-arroy{
display:none;
width:32px;
height:32px;
font-size:2em;
color:#dc0002;
}
.category-panel-arroy-left{
top:192px;
left:0;
position:absolute;
}
.category-panel-arroy-right{
top:192px;
right:0;
position:absolute;
}
.category-panel-content:hover .category-panel-arroy{
display:block;
}
.category-panel .category-health{
background:url(../images/categories/health.png) 100% 100% no-repeat;
}
#quick-actions{
position:fixed;
top:300px;
right:0;
width:60px;
height:180px;
}
#quick-actions ul{
margin:0;
padding:0;
list-style:none;
display:block;
}
#quick-actions ul li{
margin:0;
padding:0;
list-style:none;
display:block;
text-align:center;
height:40px;
line-height:40px;
background-color:#dc0002;
}
.table-list
{
border-spacing: 0;
border-collapse:collapse;
width:100%;
margin-bottom: 12px;
margin-top:14px;
}
.table-list thead tr th
{
padding: 16px 16px;
text-transform: uppercase;
background-color:#e6e6e6;
border:1px solid #808080;
border:none;
color: #000;
}
.table-list thead tr.order-list-header th
{
background-color:white;
}
#product-row-list .table-list thead tr th
{
border:none;
white-space:nowrap;
}
.table-list tbody tr td
{
padding:12px 16px;
border:1px solid #808080;
border-left:none;
border-right:none;
border-top:none;
}
.table-list tbody tr.order-list-subheader th{
background-color:#e6e6e6;
padding:12px 16px;
}
.table-list tbody tr.order-list-body td{
line-height:22px;
}
.table-list tbody tr td.table-spacer{
border:none;
border:0;
width:16px;
padding:0;
}
.order-list-actions{
list-style:none;
display:block;
margin:0;
padding:0;
}
.order-list-actions li{
list-style:none;
display:block;
margin-bottom:8px;
}
.order-list-actions li:last-child{
margin-bottom:0;
}
.table-list tbody tr:last-child td{
border:none;
border:0;
}
.table-list tbody tr:hover{cursor: pointer; background-color:#fafafa}
.table-list tfoot tr td, .table-list tfoot tr th
{
border:1px solid #808080;
border-left:none;
border-right:none;
padding:12px 16px;
}
.table-list tfoot tr td.no-border, .table-list tfoot tr th.no-border
, .table-form tbody tr td.no-border, .table-form tbody tr th.no-border{
border:none;
}
.cart-details .table-list tfoot tr td, .cart-details .table-list tfoot tr th{
padding:16px 16px;
border:none;
}
.table-list tfoot tr.cart-details-summary td, .table-list tfoot tr.cart-details-summary th{
background-color:#e6e6e6;
padding:16px 16px;
border-bottom:none;
border-top:none;
}
.table-list-actions .button{
margin-right:12px;
}
.table-list-actions button:last{
margin-right:0;
}
#order-page-header h2{
height:80px;
line-height:80px;
width:150px;
float:left;
margin:0;
padding:0;
}
#order-steps{
float:right;
width:550px;
line-height:33px;
height:33px;
}
.button, .button-xl {
margin:0;
background:url(../images/buttons/orange_lc.png) 0 0 no-repeat;
border: none;
color: white;
padding: 0 0 0 10px;
text-align: center;
text-decoration: none;
display: inline-block;
height:32px;
line-height:32px;
}
.button-xl{
height:40px;
line-height:40px;
background:url(../images/buttons/orange-xl_lc.png) 0 0 no-repeat;
padding: 0 0 0 12px;
}
.button-full{
width:100%;
height:49px;
line-height:49px;
display:inline-block;
text-align:center;
background:url(../images/buttons/orange-2xl_lc.png) 0 0 no-repeat;
}
.button-full span{
margin:0;
display:block;
color:white;
background:url(../images/buttons/orange-2xl_rc.png) 100% 0 no-repeat;
padding-right:10px;
height:100%;
font-size:18px;
}
.button span, .button-xl span{
margin:0;
display:block;
background:url(../images/buttons/orange_rc.png) 100% 0 no-repeat;
padding-right:10px;
height:100%;
}
.button-xl span{
background:url(../images/buttons/orange-xl_rc.png) 100% 0 no-repeat;
padding-right:12px;
}
.button:hover, .button-xl:hover {
color: #231f20;
}
.button-normal{
background:url(../images/buttons/disabled-lc.png) 0 0 no-repeat;
color: #231f20;
}
.button-normal span{
background:url(../images/buttons/disabled-rc.png) 100% 0 no-repeat;
}
.button-disabled{
color:#c0c0c0;
background:url(../images/buttons/white_lc.png) 0 0 no-repeat;
}
.button-disabled span{
background:url(../images/buttons/white_rc.png) 100% 0 no-repeat;
}
.button-active{
background:url(../images/buttons/orange_lc.png) 0 0 no-repeat;
}
.button-active span{
background:url(../images/buttons/orange_rc.png) 100% 0 no-repeat;
}
.button-primary, .button-xl-primary{
background:url(../images/buttons/grey_lc.png) 0 0 no-repeat;
color: #b3b3b3;
}
.button-xl-primary{
background:url(../images/buttons/grey-xl_lc.png) 0 0 no-repeat;
}
.button-primary span, .button-xl-primary span{
background:url(../images/buttons/grey_rc.png) 100% 0 no-repeat;
}
.button-xl-primary span
{
background:url(../images/buttons/grey-xl_rc.png) 100% 0 no-repeat;
}
.button-primary:hover{
color: #4d4d4d;
}
.button-alert{
background-color:#f0d80e;
color: grey;
}
.button-alert:hover{
color: grey;
}
.button-default-address i， .button-default-invoice i{
color:white;
}
.my-default-address i, .my-default-invoice i{
color:#dc0002;
}
.button-default-address, .button-default-invoice{
float:left;
}
.button-use-address, .button-use-invoice{
float:right;
}
.table-form{
border-spacing: 0;
border-collapse:collapse;
width:100%;
margin-bottom: 12px;
margin-top:14px;
}
.table-form thead tr th, .table-form-thead th, .table-form-thead td{
padding: 18px 12px;
text-align:left;
text-transform: uppercase;
background-color:#ffffff;
border-bottom:1px solid #d3dae0;
color: #000;
}
.table-form thead tr td{
padding: 18px 12px;
}
.table-form tbody tr th,
.table-form tbody tr td
{
padding:10px 12px;
text-align:left;
border-bottom:1px solid #c7c7c7;
vertical-align: top;
}
.table-form tbody tr th{
border-right:none;
width:1%;
white-space:nowrap;
}
.table-form tbody tr td{
border-left:none;
}
.table-form tfoot tr td, .tableList tfoot tr th
{
border:none;
padding:10px 12px;
text-align:left;
}
.swal-modal{
background:url(../images/modal-bg.png) 0 0 no-repeat;
padding-top:46px;
border-radius:0px;
color:#727171;
width:500px;
}
.swal-modal .table-form tfoot tr td{
text-align:center;
height:52px;
line-height:52px;
}
.input-text{
font-size:14px;
}
.modal-processing{
height:160px;
width:100%;
background:url(../images/ajax-processing.gif) 50% 50% no-repeat;
}
.swal-modal-title{
height:30px;
line-height:30px;
font-weight:normal;
font-size:28px;
margin:0;
padding:0;
margin-bottom:30px;
}
.login-username{
background:url(../images/modal-login/mobile-icon.png) 0 50% no-repeat ;
padding-left:30px;
}
.login-password{
background:url(../images/modal-login/password-icon.png) 0 50% no-repeat ;
padding-left:30px;
}
.swal-modal-form .login-form-field input{
width:300px;
}
a.modal-close{
position:absolute;
top:46px;
right:8px;
display:inline-block;
width:32px;
height:32px;
z-index:99999;
color:#727171;
}
.swal-modal-form{
margin:0 36px;
}
.form-field-hint{
color:grey;
}
input.form-input-has-error
{
border:1px solid #ff6563;
}
select.form-input-has-error
{
border:1px solid #ff6563;
}
select.form-input-has-error:focus
{
border: 1px solid #ff6563;
box-shadow: 1px 1px 1pt 1pt #ff6563;
}
.page-info, .page-error,.form-errors, .form-messages, .alert-message{
line-heigh:26px;
padding:12px 12px;
}
.alert-message ul{
margin:0;
padding:0;
list-style:none;
display:block;
}
.alert-message ul li{
margin:0;
padding:0px 0;
list-style:none;
display:block;
}
.page-error{
color:#ff6563;
}
.button-box{
padding:12px;
}
.page-error i, .page-info i{
margin-right:10px;
}
.page-info{
color:#019e97;
}
.form-input-error-message{
color:#ff5002;
padding:8px 12px;
}
.form-errors{
color:#ff5002;
text-align:left;
}
.alert-message{
color:#ff5002;
text-align:center;
}
.form-errors i, .form-messages i{
margin-right:10px;
}
.form-messages{
color:green;
text-align:left;
}
.form-field-required{
color:#ff6563;
display:inline-block;
padding:0 6px;
}
.input-text{
width:80%;
}
.input-select{
width:80%;
}
.input-xs{
width:80px;
}
.min-xs{
min-width:80px;
}
.input-sm{
width:100px;
}
.min-sm{
min-width:100px;
}
.input-l{
width:200px;
}
.min-l{
min-width:200px;
}
.input-xl{
width:300px;
}
.min-xl{
min-width:300px;
}
.input-2xl{
width:400px
}
.min-2xl{
min-width:400px;
}
.input-3xl{
width:500px;
}
.min-3xl{
min-width:500px;
}
textarea.input-text{
margin-top:8px;
}
.two-content-left{
width:380px;
float:left;
padding:22px 0;
}
.two-content-right{
width:772px;
float:left;
}
.table-product-filter{
border-spacing: 0;
border-collapse:collapse;
width:100%;
margin-bottom: 12px;
}
.table-product-filter tr th{
padding: 0px 24px;
text-align:left;
border-top:1px solid #d3dae0;
width:1%;
white-space:nowrap;
line-height:42px;
height:42px;
}
.table-product-filter tr td{
padding: 0px 24px;
text-align:left;
border-top:1px solid #d3dae0;
line-height:42px;
height:42px;
}
.table-product-filter tr.file-row0 th, .table-product-filter tr.file-row0 td{
border:none;
}
.table-product-filter tr td.product-filter-selection{
width:1%;
white-space:nowrap;
vertical-align:top;
padding-top:0px;
}
.table-product-filter tr td.product-filter-selection a i{
font-size:1em;
}
.product-filters{
line-height:42px;
height:42px;
overflow-y:hidden;
}
.product-filters ul{
margin:0;
padding:0;
list-style:none
}
.product-filters ul li{
margin:0px 8px;
padding:0;
list-style:none;
display:inline-block;
line-height:42px;
height:42px;
padding:0 4px;
}
.product-filters ul li a{
display:inline-block;
margin:0;
padding:0;
line-height:42px;
height:42px;
}
.product-filters ul li a.product-filter-remove{
display:none;
}
.product-filters ul li.product-filter-selected a.product-filter-remove{
display:inline-block;
}
.product-filter-checkbox{
display:inline-block;
text-align:center;
line-height:42px;
height:42px;
width:20px;
position: relative;
margin:0;
padding:0;
}
.product-filter-checkbox input{
line-height:42px;
vertical-align:middle ;
}
.product-filter-checkbox{
display:none;
}
.product-filter-buttons{
display:none;
padding:0 24px;
}
.product-filter-singlue{
display:none;
}
#path-list-panel{
position:relative;
}
.path-list{
margin:0;
padding:0;
list-style:none;
font-size:14px;
font-weight:bold;
padding-left:12px;
line-height:33px;
margin-bottom:16px;
}
.short-path-list{
width:300px;
float:left;
}
.path-list li{
margin:0;
padding:0;
list-style:none;
display:inline-block;
padding:0px 12px;
}
.path-list li.path-delimiter{
width:24px;
padding:0;
text-align:center;
}
.path-list li:last-child a{
color:#ff4f03;
}
#product-list{
padding:16px 0;
}
.product-list-item{
width:286.75px;
display:block;
margin:0;
padding:0;
float:left;
border:1px solid #d3d3d3;
border-left:none;
border-top:none;
position:relative;
height:454px;
}
.item1{
border-left:1px solid #d3d3d3;
}
.line-one{
border-top:1px solid #d3d3d3;
}
#favorited-product-list .product-list-item{
width:170.8px;
height:157.2px;
}
.product-list-new-item{
background:url(../images/new_product.png) 100% 0 no-repeat;
margin:0 auto;
height:100px;
position:absolute;
width:100px;
top:0;
right:0;
}
.product-list-item:hover, .product-list-item.hover{
}
.product-list-item dt{
display:block;
text-align:center;
height:254px;
width:100%;
position: relative;
margin:0;
padding:0;
top:79px;
}
#favorited-product-list .product-list-item dt{
height:100px;
top:29px;
}
.product-list-item dt img{
max-height: 100%;
max-width: 100%;
width: auto;
height: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.product-list-item:hover dt img{
opacity: 0.8;
}
.product-list-item dd{
margin:0;
padding:0 12px;
line-height:24px;
}
.product-list-item dd.product-star{
position:absolute;
bottom:86px;
}
.product-item-stars{
display:block;
height:100%;
width:97px;
}
.stars5{
background:url(../images/home-section/stars/white-5.png) 0 50% no-repeat;
}
.stars4{
background:url(../images/home-section/stars/white-4.png) 0 50% no-repeat;
}
.stars3{
background:url(../images/home-section/stars/white-3.png) 0 50% no-repeat;
}
.stars2{
background:url(../images/home-section/stars/white-2.png) 0 50% no-repeat;
}
.stars1{
background:url(../images/home-section/stars/white-1.png) 0 50% no-repeat;
}
.stars0{
background:url(../images/home-section/stars/white-0.png) 0 50% no-repeat;
}
.product-list-item dd{
padding:0px 16px;
}
.product-list-item dd.product-name{
position:absolute;
top:9px;
font-weight:bold;
overflow-y: hidden;
margin:0;
line-height:22px;
height:44px;
text-align:left;
}
.product-list-item dd.product-name a{
}
.unfavorite-product-action{
position:absolute;
top:5px;
right:5px;
}
.price-now, .price-contract{
color:#ff4f03;
font-size:18px;
}
.product-actions .button-primary span{
color:#b3b3b3;
}
.price-was{
display:inline-block;
text-decoration:line-through;
color: #b3b3b3;
margin-left:16px;
font-size:14px;
}
.subprice-was, .cart-total-freight-was{
display:inline-block;
text-decoration:line-through;
color: #b3b3b3;
font-size:14px;
}
.product-list-item:hover dd{
color: #4d4d4d;
}
.product-list-item dd.product-price{
height:43px;
position:absolute;
bottom:38px;
font-weight:bold;
font-size:18px;
}
.product-list-item dd.price-was, .product-list-item dd.price-contract{
font-size:14px;
}
.product-list-item dd.product-code{
height:26px;
position:absolute;
top:9px;
font-weight:bold;
}
.product-list-item dd.product-code span
{
white-space:nowrap;
overflow-x:hidden;
display:block;
width:256px;
}
.product-list-item dd.product-actions{
height:40px;
line-height:40px;
position:absolute;
bottom:16px;
}
.product-details dl dd.product-actions{
height:40px;
line-height:40px;
text-align:left;
position:absolute;
bottom:166px;
}
.product-details dl dd.product-item-qty{
height:70px;
line-height:70px;
text-align:left;
position:absolute;
bottom:206px;
width:100%;
margin:0;
padding:0;
border-top:1px solid #b3b3b3;
}
.product-payment-methods{
position:absolute;
bottom:0;
height:154px;
}
.product-payment-methods p{
margin:40px 0;
padding:0;
height:20px;
line-height:20px;
background:url(../images/payment_methods.png) 0 50% no-repeat;
width:400px;
}
.product-item-qty-box{
padding:0px 16px;
}
.product-details dl dd.product-details-star{
height:18px;
line-height:18px;
}
.product-favorite{
display:inline-block;
}
a.product-cat{
border-left:none;
}
.in-my-favorite i{
color:#dc0002;
}
a i{
margin-right:3px;
}
.page-error-title{
color:#dc0002;
padding:24px;
text-align:center;
}
.page-error-content{
padding:24px;
margin-bottom:24px;
text-align:center;
}
.product-history{
float:left;
width:200px;
min-height:532px;
}
.product-history-list{
width:100%;
height:100%;
min-height:480px;
}
.product-history h3{
text-align:center;
font-size:14px;
line-height:50px;
height:50px;
margin:0;
padding:0;
}
.product-images{
width:480px;
float:left;
position:relative;
height:624px;
}
.product-images-box{
}
.product-details{
width:578px;
float:right;
margin:0;
padding:0;
margin-left:40px;
position:relative;
height:624px;
}
.product-details dl{
display:block;
margin:0;
padding:0;
}
.product-details dt{
line-height:50px;
display:block;
margin:0;
padding:0;
padding:0 24px;
font-size:22px;
font-weight:bold;
}
.product-details dd{
margin:0;
line-height:34px;
padding:0 24px;
}
.product-details dd b{
margin-right:12px;
}
.product-details dd.product-details-price{
height:40px;
line-height:40px;
font-size:24px;
}
.product-qty-box{
height:34px;
border:1px solid #e3e3e3;
display:inline-block;
line-height:34px;
}
.modal .product-qty-box{
border:1px solid white;
}
.product-qty-box a{
display:inline-block;
height:100%;
padding:0 6px;
text-align:center;
}
.product-qty-box a.product-qty-minus{
border-right:1px solid #e3e3e3;
}
.product-qty-box a.product-qty-plus{
border-left:1px solid #e3e3e3;
}
.product-qty-box a i{
margin-left:3px;
margin-right:3px;
}
.product-qty-input{
display:inline-block;
height:100%;
line-height:34px;
width:46px;
}
.modal .product-qty-input{
background-color:white;
}
.product-qty-input input{
border: none;
outline: none;
margin: 0 0px;
padding:0;
line-height: 32px;
height: 32px;
width: 46px;
text-align:center;
}
.product-variant-body{
margin-top:20px;
display:block;width:100%;overflow-x:auto;
}
.product-variants{
width:100%;
}
.product-variant-header{
height:50px;
line-height:50px;
background-color:#e3e3e3;
}
.product-variant-title{
height:100%;
font-size:14px;
padding: 0px 15px;
}
.table-variants
{
border-spacing: 0;
border-collapse:collapse;
width:100%;
margin-bottom: 12px;
}
.table-variants thead tr th
{
padding: 0px 15px;
text-transform: uppercase;
background-color:#231f20;
border:1px solid #d4d4d4;
height:42px;
line-height:42px;
color: white;
white-space:nowrap;
}
.table-variants thead tr.row-variant-attribute th
{
background-color:#e6e6e6;
}
.table-variants tbody tr td
{
padding:0px 15px;
border:1px solid #d4d4d4;
height:40px;
line-height:40px;
}
.table-variants .product-qty-box{
height:26px;
line-height:26px;
white-space:nowrap;
}
.table-variants .product-qty-box a i{
margin-left:1px;
margin-right:1px;
}
.table-variants .product-qty-input{
height:22px;;
line-height:22px;
width:32px;
}
.table-variants .product-qty-input input{
line-height:22px;
height:22px;
width:32px;
}
.table-variants tbody tr:hover{cursor: pointer; box-shadow:1px 1px 1px #333;}
.table-variants-actions .button{
margin-right:12px;
}
.table-variants-actions button:last{
margin-right:0;
}
.product-variant-body{
max-height:500px;
overflow-y: auto;
}
.table-variants thead tr.table-variant-title th{
position:sticky;
top:0;
z-index:3;
}
.table-variants thead tr.row-variant-attribute th{
position:sticky;
top:42px;
z-index:3;
}
.table-variants tbody tr td.product-variant-model
{
position:sticky;
left:0;
z-index:2;
background-color:white;
}
.product-variant-footer{
text-align:right;
padding:6px 20px;
margin-bottom: 24px;
}
.v-product-list{
margin:0;
padding:0;
display:block;
margin-bottom:32px;
border:1px solid #d3d3d3;
}
.v-product-list dt{
display:block;
text-align:center;
height:254px;
width:254px;
position: relative;
margin:16px;
padding:0;
}
.v-product-list dt img{
max-height: 100%;
max-width: 100%;
width: auto;
height: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.v-product-list dd{
margin:0;
padding:0 12px;
text-align:center;
}
.product-favorite{
height:32px;
line-height:32px;
margin-top:16px;
}
.product-quick-contact{
position:absolute;
bottom:0;
height:154px;
}
.product-quick-contact p{
margin:40px 0;
padding:0;
line-height:26px;
}
.product-contact-phone{
color:#ff4f03;
font-size:16px;
background:url(../images/product-online-tool.png) 0 50% no-repeat;
padding-left:46px;
height:38px;
display:block;
line-height:38px;
}
.product-favoriate-num{
float:right;
display:inline-block;
height:32px;
line-height:32px;
margin:0;
padding:0;
}
.product-image-list ul.gallery li{
display:block;
text-align:center;
height:440px;
width:100%;
position: relative;
margin:0;
padding:0;
}
.product-image-list ul.lSGallery{
height:154px;
display:block;
border:1px solid red;
width:480px;
}
.product-image-list ul.lSGallery li{
height:70px;
width:100px;
display:block;
border:1px solid blue;
}
.product-image-list ul.gallery li img, .product-image-list ul.lSGallery li img{
max-height: 100%;
max-width: 100%;
width: auto;
height: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.product-subtitle{
margin:0;
padding:0;
line-height:42px;
height:42px;
background-color:#e3e3e3;
padding:0 12px;
}
.product-desc-lc{
width: 286px;
float:left;
}
.product-desc-lc .page-section-title h3
{
margin:0 auto;
padding:0;
display:block;
width:100%;
text-align:center;
}
.product-desc-lc .page-section-content{
padding:32px 0;
}
.product-desc-md{
margin:0;
width:866px;
float:left;
}
.product-desc-md .page-section-title
{
border:none;
border-bottom:1px solid #dfdfdf;
background-color:white;
}
.page-section-title ul{
margin:0;
padding:0;
line-height:42px;
height:42px;
list-style:none;
}
.page-section-title ul li{
margin:0;
padding:0;
list-style:none;
display:inline-block;
padding:0 60px;
}
.page-section-actions{
margin-right:12px;
}
.page-section-title ul li a{
display:block;
}
.my-tab li{
background-color:#e6e6e6;
}
.my-tab .tab-active{
background-color:#ff4f03;
}
.my-tab .tab-active a{
color:white;
}
.product-desc-body{
margin:32px 32px;
}
.product-desc-container{ width:790px;}
.product-desc-container p{
margin:12px 0;
}
.product-desc-container img{
display:inline-block;
margin:0;
vertical-align:top;
}
.product-desc-container img{ max-width:790px;}
.table-product-attribute{
border-spacing: 0;
border-collapse:collapse;
width:100%;
margin-bottom: 12px;
margin-top:14px;
}
.table-product-attribute tbody tr th,
.table-product-attribute tbody tr td
{
padding:0px 22px;
text-align:left;
border:1px solid #c7c7c7;
height:40px;
line-height:40px;
vertical-align: top;
}
.table-product-attribute tbody tr th
{
padding:0px 50px;
}
.table-product-attribute tbody tr th{
border-right:none;
width:1%;
white-space:nowrap;
}
.product-history-content{
min-height:480px;
}
.lazy-loading{
height:100%;
width:100%;
background:url(../images/lazy-loader.gif) 50% 50% no-repeat;
}
.product-favorited-info{
display:none;
}
.product-favorited .product-favorited-info{
display:inline-block;
}
.product-favorited .product-favorite-info
{
display:none;
}
.hot-product-list{
min-height:480px;
}
.hot-products-more{
height:36px;
line-height:36px;
text-align:center;
margin-bottom:12px;
}
.page-login-content{
width:794px;
background:url(../images/login-page/content-box-header.png) 0% 0% no-repeat;
margin:0px auto;
}
.page-login-box{
min-height:360px;
background:url(../images/login-page/content-box-footer.png) 0% 100% no-repeat;
}
.login-form-links{
text-align:center;
height:50px;
line-height:50px;
font-size:14px;
}
.login-form-links a{
display:inline-block;
color:grey;
}
.login-form-links .login-link-delimiter{
display:inline-block;
}
.login-form-links span{
color:#d3d3d3;
}
.page-login-notice{
text-align:center;
}
.page-login-header{
font-size:32px;
margin:0;
padding:0;
font-weight:normal;
padding-top:30px;
height:40px;
line-height:40px;
}
.page-login-content .login-form-field{
width:100%;
margin:0;
margin-bottom:18px;
}
.login-form-box{
width:300px;
margin:0 auto;
background-color:white;
padding:36px;
}
.login-form-field dd{
margin:0;
padding:16px 0px 16px 0x;
border-bottom:1px solid #d3d3d3;
background-color:white;
}
.login-form-field dd input{
line-height:36px;
height:36px;
padding-left:16px;
padding-right:16px;
display:block;
}
.login-form-button{
line-height:60px;
height:60px;
text-align:center;
}
.login-form-box h3{
text-align:center;
margin:0;
padding:0;
}
.cart-buttons{
line-height:50px;
height:50px;
text-align:right;
margin-bottom:32px;
}
.page-section{
margin-bottom:16px;
}
.page-section-alert{
margin:12px 24px;
color:#f0d80e;
}
.page-section-footer{
padding:12px;
}
.news-list{
margin:0 26px;
padding:0 16px;
border-bottom:1px solid #cccccc;
margin-bottom:32px;
}
.quick-product{
margin-bottom:32px;
height:616px;
width:100%;
position:relative;
}
.news-list-header h3{
margin:0;
padding:0;
font-size:16px;
font-weight:normal;
display:inline-block;
}
.news-list-header{
height:44px;
line-height:44px;
}
.news-list-content{
padding:16px 0;
}
.news-menu-section{
margin-bottom:32px;
}
.news-menu-section-header{
height:44px;
line-height:44px;
border:1px solid #cccccc;
font-size:1.2em;
}
.news-menu-section-header h3{
font-weight:bold;
font-size:16px;
text-align:center;
padding:0;
margin:0;
}
ul.news-menu{
margin:0;
padding:0;
list-style:none;
}
ul.news-menu li{
margin:0;
padding:0;
list-style:none;
dispaly:block;
border:1px solid #cccccc;
border-top:none;
height:44px;
line-height:44px;
text-align:center;
background:url(../images/menu-right-arroy.png) 90% 50% no-repeat;
}
ul.news-menu li.active a{
color:#ff4f03;
}
ul.news-menu li.top-menu-page {
font-size:1.1em;
background:none;
font-weight:bold;
}
ul.news-menu li.sub-menu-page
{
}
.page-section-title{
line-height:47px;
background-color:#e6e6e6;
height:47px;
font-weight:bold;
padding:0;
}
.page-section-header{
height:48px;
background:url(../images/page-subsection-title-lc.png) 0 0 no-repeat;
line-height:48px;
}
.page-section-header .page-section-title{
height:48px;
background:url(../images/page-subsection-title-rc.png) 100% 0 no-repeat;
}
.page-section-title h3{
margin:0;
padding:0;
font-size:14px;
display: inline-block;
float:left;
color:#231f20;
height:100%;
padding:0 16px;
}
.page-section-header{
}
.naviation-left .page-section-title h3{
float:none;
}
.page-section-extra{
display:block;
width:400px;
float:right;
margin:0;
padding:0;
text-align:right;
}
.page-subsection-extra{
display:block;
width:400px;
float:right;
margin:0;
padding:0;
text-align:right;
margin-right:16px;
}
.page-subsection-header-form{
display:inline-block;
float:right;
height:100%;
margin-right:16px;
}
.order-search-keywords{
height:32px;
margin:7px 0;
width:180px;
}
.order-search-keywords input{
border:none;
width:178px;
height:32px;
line-height:32px;
padding:0 12px;
}
.page-section .table-list{
margin-top:0;
}
.order-address-form{
width:700px;
float:left;
}
.order-address-list{
width:418px;
margin-left:32px;
float:right;
}
.order-address-form .table-form tbody tr th, .order-address-form .table-form tbody tr td{
border:none;
}
.address-list, .invoice-list{
margin:0;
padding:0;
margin-bottom:12px;
position:relative;
width:100%;
text-align:left;
}
.address-list dt, .invoice-list dt{
margin:0;
padding:8px 12px;
}
.address-list dd, .invoice-list dd{
margin:0;
padding:8px 12px;
padding-top:0;
}
.order-address-list .page-section-content{
max-height:450px;
overflow-y:auto;
}
.address-list-icon{
margin-right:8px;
}
.address-list-delete, .invoice-list-delete{
position:absolute;
top:12px;
right:12px;
}
.page-section-content{
padding-top:12px;
}
.page-section-content .table-form
{
margin:0;
}
.naviation-left{
width:276px;
float:left;
}
#layout-contentpage .content{
float:left;
width:876px;
}
#layout-contentpage .content-box{
padding-left:12px;
}
.content h2{
margin:0;
line-height:42px;
}
.navigation-image-list{
margin:0;
list-style:none;
padding:0;
line-height:0;
}
.navigation-image-list li{
margin:0px;
margin-bottom:11px;
margin-left:0;
padding:0;
float:left;
display:block;
position:relative;
margin-left:14px;
}
.float-box{
position:fixed;
right:0;
top:0;
width:41px;
height:100%;
background:url(../images/float-box/bg.png) 0 0 repeat-y;
z-index:99;
}
.fixed-box{
position:fixed;
top:28%;
right:0;
}
#back-to-top{
position:fixed;
bottom:0;
right:0;
width:41px;
height:41px;
background:url(../images/back_to_top.png) 50% 100% no-repeat;
}
.fixed-box a.float-box-item{
display:block;
height:31px;
width:41px;
margin-bottom:15px;
position:relative;
}
.fixed-box a.float-box-item span{
display:none;
}
.fixed-box a.float-box-item:hover span{
display:block;
position:absolute;
width:69px;
height:32px;
line-height:32px;
text-align:center;
background:url(../images/float-box/hover-bg.png) 0 0 no-repeat;
top:0;
left:-68px;
color:white;
}
a.float-login{
background:url(../images/float-box/member.png) 50% 50% no-repeat;
}
a.float-logout{
background:url(../images/float-box/member.png) 50% 50% no-repeat;
}
a.float-cart{
background:url(../images/float-box/cart.png) 50% 50% no-repeat;
}
a.float-favorite{
background:url(../images/float-box/favorite.png) 50% 50% no-repeat;
}
#float-contact{
background:url(../images/float-box/contact.png) 50% 50% no-repeat;
position:relative;
z-index:22;
}
#float-contact-list{
z-index:10;
display:none;
list-style:none;
margin:0;
padding:0;
position:absolute;
top:128px;
right:0px;
background:none;
width:140px;
height:124px;
}
#float-contact-list.float-contact-hover{
display:block;
}
#float-contact-list li{
list-style:none;
display:block;
margin:0;
padding:0;
margin-bottom:2px;
}
#float-contact-list li a{
display:block;
background:none;
}
#float-qq{
background:url(../images/float-box/qq.png) 50% 50% no-repeat;
width:99px;
height:32px;
}
#float-qq:hover{
background:url(../images/float-box/qq_active.png) 50% 50% no-repeat;
}
#float-wechat{
background:url(../images/float-box/weixin.png) 50% 50% no-repeat;
width:99px;
height:91px;
}
.autocomplete-suggestions { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #000; }
.autocomplete-group { padding: 2px 5px; font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }
.pagination{
height:36px;
line-height:36px;
list-style:none;
display:block;
float:right;
}
.pagination li{
list-style:none;
display:block;
float:left;
padding:0 12px;
}
.product-sort-filter{
line-height:42px;
height:42px;
border:1px solid #d3d3d3;
}
ul.product-sort-list{
display:block;
float:left;
margin:0;
padding:0;
height:100%;
}
ul.product-sort-list li{
list-style:none;
margin:0;
display:block;
line-height:42px;
height:42px;
padding:0 22px;
border-right:1px solid #d3d3d3;
float:left;
}
ul.product-sort-list li.product-sort-filter-up {
background:url(../images/icon-white/sort-up.png) 78% 50% no-repeat;
}
ul.product-sort-list li.product-sort-filter-down {
background:url(../images/icon-white/sort-down.png) 78% 50% no-repeat;
}
ul.product-sort-list li.product-sort-filter-selected a{
padding-right:15px;
}
ul.product-sort-list li.product-sort-filter-default{
background-color:#ff4f03;
}
.product-sort-filter ul li.product-sort-filter-default a{
color:white;
}
ul.display-type{
float:right;
display:block;
height:42px;
margin:0;
padding:0;
}
ul.display-type li{
display:inline-block;
line-height:42px;
height:42px;
padding:0 16px;
margin:0;
}
ul.display-type li.display-type-selected a{
color: #ff5002;
display:inline-block;
line-height:42px;
height:42px;
}
ul.display-type li a i{
margin-right:6px;
}
.brand-nav-list{
margin:0;
padding:0;
list-style:none;
line-height:20px;
height:100%;
}
.brand-nav-list li{
margin:0;
padding:0;
width:35px;
list-style:none;
display:block;
height:100%;
float:left;
margin-left:7.90px;
}
.brand-nav-list li.brand-nav0{
margin-left:0;
}
.brand-nav-list li a{
color:white;
text-align:center;
display:block;
}
.brand-nav-list li span{
font-size:14px;
margin-bottom:2px;
}
.brand-content{
margin-bottom:32px;
}
.brand-nav-list li span, .brand-nav-list li i{
display:block;
text-align:center;
width:35px;
height:35px;
line-height:35px;
background-color:#e6e6e6;
color:#4d4d4d;
}
.brand-nav-list li i{
font-style: normal;
color:#ff4f03;
}
.brand-nav-list li.active a span, .brand-nav-list li.active a i{
background-color:#4d4d4d;
color:white;
}
.brand-nav-box{
margin-bottom:16px;
}
.brand-details{
border:1px solid #d3dae0;
}
.hot-brand-box{
border:1px solid #d3dae0;
padding:6px 18px;
margin-bottom:18px;
}
.hot-brand-list{
margin:0;
padding:0;
list-style:none;
display:block;
}
.hot-brand-list li{
padding:0;
margin:0;
margin-left:12px;
margin-top:12px;
display:block;
width:200px;
float:left;
text-align:center;
height:60px;
line-height:60px;
}
.brand-list{
padding:0;
margin:0;
margin-left:24px;
margin-top:24px;
display:block;
width:200px;
float:left;
}
.brand-list dt{
margin:0;
padding:0;
text-align:center;
height:80px;
line-height:80px;
}
.brand-list dd{
margin:0;
padding:0;
text-align:center;
height:30px;
line-height:30px;
}
.brand-details-info{
height:110px;
vertical-align:middle;
padding-top:24px;
}
.brand-details-info span{
vertical-align:middle;
}
.news-container{
padding:0 12px;
}
.news-more-info{
height:40px;
line-height:40px;
text-align:right;
padding:0 12px;
}
.float-right{
float:right;
display:block;
}
.float-left{
float:left;
display:block;
}
.my-quick-menu{
margin:0;
padding:0;
list-style:none;
display:block;
text-align:center;
}
.my-quick-menu li{
margin:0;
padding:0;
list-style:none;
height:36px;
line-height:36px;
}
.hidden-page-section{
display:none;
}
.cart-attribute{
list-style:none;
margin:0;
padding:0;
display:block;
}
.cart-attribute li{
margin:0;
padding:0;
display:inline-block;
margin-right:12px;
margin-bottom:12px;
}
/** product slider */
#slideshow {list-style:none; }
#slideshow span {display:none}
#wrapper { display:none;}
#wrapper * {margin:0; padding:0}
#fullsize {
position:relative;
border:1px solid #d3d3d3;
height:480px;
width:480px;
}
#information {display:none;}
#image
{
height:480px;
width:480px;
}
#image img {
max-height: 100%;
max-width: 100%;
width: auto;
height: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.serviceagreement-link{
color:#ff5002;
text-decoration:underline;
}
.imgnav {position:absolute; width:25%; height:320px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(../images/slidershow/left.gif) left center no-repeat}
#imgnext {right:0; background:url(../images/slidershow/right.gif) right center no-repeat}
#imglink {position:absolute; height:320px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(../images/slidershow/link.gif) center center no-repeat}
#thumbnails {margin:0; height:154px; }
#slideleft {float:left; width:38px; height:100px; margin-top:27px; background:url(../images/slidershow/scroll-left.gif) left center no-repeat; }
#slideleft:hover {background-image:url(../images/slidershow/scroll-left_active.gif) }
#slideright {float:right; width:38px; height:100px; margin-top:27px; background:url(../images/slidershow/scroll-right.gif) right center no-repeat}
#slideright:hover {background-image:url(../images/slidershow/scroll-right_active.gif)}
#slidearea {float:left; width:402px; position:relative; margin:0; height:100px; overflow:hidden; margin-top:27px; }
#slider {position:absolute; left:0; height:100px; width:402px; }
#slider img {cursor:pointer;padding:0; border:10px solid white;}
#fullsize .imgnav{
display:none;
}
.page-subsection-header{
height:48px;
background:url(../images/page-subsection-title-lc.png) 0 0 no-repeat;
line-height:48px;
}
.page-subsection-title{
height:48px;
background:url(../images/page-subsection-title-rc.png) 100% 0 no-repeat;
}
.page-subsection-title h3{
padding:0 16px;
display:inline-block;
height:48px;
line-height:48px;
margin:0;
}
.page-subsection-actions{
float:right;
padding:0 16px;
}
.payment-list{
height:81px;
}
.payment-list dt{
margin:0;
padding:0;
width:80%;
float:left;
height:100%;
}
.payment-list dt b{
font-size:20px;
display:block;
height:26px;
line-height:26px;
margin-left:104px;
margin-top:17px;
}
.payment-list dt label{
display:block;
font-size:16px;
height:22px;
line-height:22px;
margin-left:104px;
margin-bottom:16px;
}
.payment-list dt.payment-item-account{
background:url(../images/payment-methods/account.png) 16px 12px no-repeat;
}
.payment-list dt.payment-item-alipay{
background:url(../images/payment-methods/alipay.png) 16px 12px no-repeat;
}
.payment-list dt.payment-item-weixin{
background:url(../images/payment-methods/weixin.png) 16px 12px no-repeat;
}
.payment-list dd{
width:12%;
margin:0;
padding:0;
float:right;
height:100%;
line-height:81px;
}
.input-no-border{
border: none;
outline: none;
background-color:none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
transition: background-color 5000s ease-in-out 0s;
}
.order-list-item-image{
margin:0;
padding:0;
list-style:none;
text-align:left;
}
.order-list-item-image li{
margin:0;
padding:0;
margin-right:6px;
width:80px;
height:80px;
display:inline-block;
float:left;
list-style:none;
}
.order-list-item-image li img{
max-width:80px;
}
.order-list-item-image li:last{
margin-right:0;
}
.order-list-item-image li.item-image-more{
width:40px;
position:relative;
height:80px;
}
.order-list-item-image li.item-image-more i{
position:absolute;
top:50%;
left:30%;
}
#inner-banner{
margin-bottom:12px;
}
#simple-page-header{
position:absolute;
margin:0;
padding:0;
top:50px;
left:260px;
}
#layout-simple #header{
margin:0;
padding:0;
height:100px;
}
#layout-simple #body{
background-color:#de4602;
padding:0px 0;
margin:0;
}
#layout-simple #body .container{
padding:60px 0;
}
#layout-simple .page-login-box{
width:100%;
}
#layout-simple #header{
}
#layout-simple #quality{
height:101px;
background:none;
background-color:white;
}
#layout-simple #quality .container{
background:url(../images/quality-words-white.png) 50% 50% no-repeat;
height:100%;
}
#layout-simple .page-login-body{
width:430px;
}
#layout-simple .login-username{
background:url(../images/login-page/username-icon.png) 2% 50% no-repeat ;
padding-left:35px;
}
#layout-simple .login-password{
background:url(../images/login-page/password-icon.png) 2% 50% no-repeat ;
padding-left:35px;
}
#layout-simple .login-form-field dd{
border:1px solid #d3d3d3;
}
.mynowrap{
white-space:nowrap;
}
.product-filter-multiple{
background:url(../images/product_filter/multiple_close.png) 50% 50% no-repeat ;
display:inline-block;
padding:0;
width:67px;
height:34px;
margin:0;
}
.product-filter-singlue{
background:url(../images/product_filter/multiple_open.png) 50% 50% no-repeat ;
display:inline-block;
padding:0;
width:67px;
height:34px;
margin:0;
}
.product-filter-all-viewable{
background:url(../images/product_filter/more_close.png) 50% 50% no-repeat ;
display:inline-block;
padding:0;
width:70px;
height:34px;
margin:0;
}
.product-filter-one-viewable{
background:url(../images/product_filter/more_open.png) 50% 50% no-repeat ;
display:inline-block;
padding:0;
width:70px;
height:34px;
margin:0;
}
.pagination-select{
width:80px; height:32px; overflow:hidden;
border:1px solid #ccc;
-moz-border-radius: 5px; /* Gecko browsers */
-webkit-border-radius: 5px; /* Webkit browsers */
border-radius:5px;
}
.pagination-select select { padding:5px; background:transparent; width:78px; font-size: 18px; border:none; height:32px;
-webkit-appearance: none; /*for Webkit browsers*/
}
#order-confirm{
margin:0;
padding:0;
height:78px;
}
#order-confirm li{
margin:0;
padding:0 6px;
display:block;
float:left;
color:#e6e6e6;
}
#order-confirm li.order-confirm-approved{
color:black;
}
#order-confirm li.order-confirm-current{
color:#ff7f5c;
}
#order-confirm li.order-confirm-cancelled{
color:#ff0000;
}
#order-confirm li label, #order-confirm li span{
display:block;
height:26px;
line-height:26px;
text-align:center;
}
#order-confirm li.order-confirm-dilimiter{
line-height:52px;
text-align:center;
color:#e6e6e6;
}
#order-confirm li.order-confirm-dilimiter-approved{
color:black;
}
#order-confirm li.order-confirm-dilimiter-cancelled{
color:#ff0000;
}
#order-confirm li.order-confirm-dilimiter-current{
color:#ff7f5c;
}
/** delivery results */
.table-delivery-results{
border-collapse:collapse;border-spacing:0; margin:0;padding:0}
.table-delivery-results{width:100%;}
.table-delivery-results td{padding:10px;color:#878787;}
.table-delivery-results .status{width:50px;background:url("../images/kuaidi/ico_status1.gif") -50px center no-repeat; padding:0;}
.table-delivery-results .status-first{background:url("../images/kuaidi/ico_status1.gif") -150px center no-repeat}
.table-delivery-results .status-check{background:url("../images/kuaidi/ico_status1.gif") -0 center no-repeat}
.table-delivery-results .status-wait{background:url("../images/kuaidi/ico_status1.gif") -100px center no-repeat}
.table-delivery-results .last td{border-bottom:none;}
.table-delivery-results .first td{color:#FF8c00;}
.table-delivery-results .delivery-time{width:1%; white-space:nowrap;text-align:right;}