html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd,
q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt,
dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby, section, summary, time,
mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline
}
html {
line-height: 1
}
ol, ul {
list-style: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle
}
q, blockquote {
quotes: none
}
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none
}
a img {
border: none
}
article, aside, details, figcaption, figure, footer, header, hgroup,
main, menu, nav, section, summary {
display: block
}
.category {
z-index: 1000
}
.nav-x .item a .arrow-top, .nav-x .item a:hover .arrow-top, i.triangle-b,
.tab .tab-head li.current i {
content: '';
display: inline-block;
position: absolute
}
.btn {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857;
border-radius: 0
}
.btn:hover, .btn:focus, .btn.focus {
color: #333;
text-decoration: none
}
a.btn.disabled, fieldset[disabled] a.btn {
pointer-events: none
}
.btn-default {
color: #333;
background-color: #fff;
border-color: #ccc
}
.btn-default:focus, .btn-default.focus {
color: #333;
background-color: #e6e6e6;
border-color: #999
}
.btn-default:hover {
color: #333;
background-color: #e6e6e6;
border-color: #adadad
}
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
color: #333;
background-color: #e6e6e6;
border-color: #adadad
}
.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus,
.btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus,
.open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus,
.open > .btn-default.dropdown-toggle.focus {
color: #333;
background-color: #d4d4d4;
border-color: #8c8c8c
}
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
background-image: none
}
.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus,
.btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled.active,
.btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus,
.btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled].active,
fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active {
background-color: #fff;
border-color: #ccc
}
.btn-default .badge {
color: #fff;
background-color: #333
}
.btn-primary {
color: #fff;
background-color: #337ab7;
border-color: #2c6a9f
}
.btn-primary:focus, .btn-primary.focus {
color: #fff;
background-color: #285f8f;
border-color: #16354f
}
.btn-primary:hover {
color: #fff;
background-color: #285f8f;
border-color: #1f4a6f
}
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
color: #fff;
background-color: #285f8f;
border-color: #1f4a6f
}
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus,
.btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
.open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle.focus {
color: #fff;
background-color: #204d73;
border-color: #11283b
}
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
background-image: none
}
.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus,
.btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active,
.btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus,
.btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled].active,
fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
background-color: #337ab7;
border-color: #2c6a9f
}
.btn-primary .badge {
color: #337ab7;
background-color: #fff
}
.btn-success {
color: #fff;
background-color: #1CAF9A;
border-color: #189583
}
.btn-success:focus, .btn-success.focus {
color: #fff;
background-color: #158373;
border-color: #0a3d35
}
.btn-success:hover {
color: #fff;
background-color: #158373;
border-color: #0f6054
}
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
color: #fff;
background-color: #158373;
border-color: #0f6054
}
.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus,
.btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
.open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus,
.open > .btn-success.dropdown-toggle.focus {
color: #fff;
background-color: #106458;
border-color: #062722
}
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
background-image: none
}
.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus,
.btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled.active,
.btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus,
.btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled].active,
fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {
background-color: #1CAF9A;
border-color: #189583
}
.btn-success .badge {
color: #1CAF9A;
background-color: #fff
}
.btn-info {
color: #fff;
background-color: #5bc0de;
border-color: #42b6d9
}
.btn-info:focus, .btn-info.focus {
color: #fff;
background-color: #31b0d5;
border-color: #1e7b96
}
.btn-info:hover {
color: #fff;
background-color: #31b0d5;
border-color: #2596b8
}
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
color: #fff;
background-color: #31b0d5;
border-color: #2596b8
}
.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus,
.btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
.open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus,
.open > .btn-info.dropdown-toggle.focus {
color: #fff;
background-color: #269abc;
border-color: #1a6981
}
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
background-image: none
}
.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus,
.btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled.active,
.btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus,
.btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled].active,
fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active {
background-color: #5bc0de;
border-color: #42b6d9
}
.btn-info .badge {
color: #5bc0de;
background-color: #fff
}
.btn-warning {
color: #fff;
background-color: #f0ad4e;
border-color: #eea032
}
.btn-warning:focus, .btn-warning.focus {
color: #fff;
background-color: #ec971f;
border-color: #ab6a0e
}
.btn-warning:hover {
color: #fff;
background-color: #ec971f;
border-color: #d18212
}
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
color: #fff;
background-color: #ec971f;
border-color: #d18212
}
.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus,
.btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
.open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus,
.open > .btn-warning.dropdown-toggle.focus {
color: #fff;
background-color: #d58512;
border-color: #935c0c
}
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
background-image: none
}
.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus,
.btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled.active,
.btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus,
.btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled].active,
fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active {
background-color: #f0ad4e;
border-color: #eea032
}
.btn-warning .badge {
color: #f0ad4e;
background-color: #fff
}
.btn-danger {
color: #fff;
background-color: #d9534f;
border-color: #d43a36
}
.btn-danger:focus, .btn-danger.focus {
color: #fff;
background-color: #c9302c;
border-color: #86201d
}
.btn-danger:hover {
color: #fff;
background-color: #c9302c;
border-color: #a82824
}
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
color: #fff;
background-color: #c9302c;
border-color: #a82824
}
.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus,
.btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
.open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus,
.open > .btn-danger.dropdown-toggle.focus {
color: #fff;
background-color: #ac2925;
border-color: #711b18
}
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
background-image: none
}
.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus,
.btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled.active,
.btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus,
.btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled].active,
fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus,
fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active {
background-color: #d9534f;
border-color: #d43a36
}
.btn-danger .badge {
color: #d9534f;
background-color: #fff
}
.btn-gray {
color: #333;
background-color: #ccc;
border-color: #bdbdbd
}
.btn-gray:focus, .btn-gray.focus {
color: #333;
background-color: #b3b3b3;
border-color: #8a8a8a
}
.btn-gray:hover {
color: #333;
background-color: #b3b3b3;
border-color: #9e9e9e
}
.btn-gray:active, .btn-gray.active, .open > .btn-gray.dropdown-toggle {
color: #333;
background-color: #b3b3b3;
border-color: #9e9e9e
}
.btn-gray:active:hover, .btn-gray:active:focus, .btn-gray:active.focus,
.btn-gray.active:hover, .btn-gray.active:focus, .btn-gray.active.focus,
.open > .btn-gray.dropdown-toggle:hover, .open > .btn-gray.dropdown-toggle:focus,
.open > .btn-gray.dropdown-toggle.focus {
color: #333;
background-color: #a1a1a1;
border-color: #7d7d7d
}
.btn-gray:active, .btn-gray.active, .open > .btn-gray.dropdown-toggle {
background-image: none
}
.btn-gray.disabled, .btn-gray.disabled:hover, .btn-gray.disabled:focus,
.btn-gray.disabled.focus, .btn-gray.disabled:active, .btn-gray.disabled.active,
.btn-gray[disabled], .btn-gray[disabled]:hover, .btn-gray[disabled]:focus,
.btn-gray[disabled].focus, .btn-gray[disabled]:active, .btn-gray[disabled].active,
fieldset[disabled] .btn-gray, fieldset[disabled] .btn-gray:hover,
fieldset[disabled] .btn-gray:focus, fieldset[disabled] .btn-gray.focus,
fieldset[disabled] .btn-gray:active, fieldset[disabled] .btn-gray.active {
background-color: #ccc;
border-color: #bdbdbd
}
.btn-gray .badge {
color: #ccc;
background-color: #333
}
.btn-lg {
padding: 10px 16px;
font-size: 18px;
line-height: 1.33333;
border-radius: 6px
}
.btn-sm {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px
}
.btn-xs {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px
}
.btn-block {
display: block;
width: 100%
}
.btn-block + .btn-block {
margin-top: 5px
}
input[type="submit"].btn-block, input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%
}
.icon-tag-16, .icon-plus-16, .icon-minus-16, .icon-equal-16, .icon-alert-16,
.icon-close-16, .icon-stop-16, .icon-cart-16, .icon-hart-16, .icon-fire-16,
.icon-time-16, .icon-plus-1-16, .icon-minus-1-16, .icon-locate-32,
.icon-cart-32, .icon-cart-1-32, .icon-basket-32, .icon-order-0-32,
.icon-order-1-32, .icon-order-2-32, .icon-order-3-32, .icon-hart-32,
.icon-selected-32, .icon-success-48, .icon-error-48, .icon {
background-image: url(../images/icons.png);
background-repeat: no-repeat;
overflow: hidden;
display: inline-block;
vertical-align: middle
}
.icon-tag-16, .icon-plus-16, .icon-minus-16, .icon-equal-16, .icon-alert-16,
.icon-close-16, .icon-stop-16, .icon-cart-16, .icon-hart-16, .icon-fire-16,
.icon-time-16, .icon-plus-1-16, .icon-minus-1-16 {
height: 16px;
width: 16px
}
.icon-locate-32, .icon-cart-32, .icon-cart-1-32, .icon-basket-32,
.icon-order-0-32, .icon-order-1-32, .icon-order-2-32, .icon-order-3-32,
.icon-hart-32, .icon-selected-32 {
height: 32px;
width: 32px
}
.icon-success-48, .icon-error-48 {
height: 48px;
width: 48px
}
.main-color {
color: #1c92c2
}
.clearfix:before, .clearfix:after {
content: " ";
display: table
}
.clearfix:after {
clear: both
}
.hidden {
display: none
}
.simple-main {
border-top: 1px solid #e4e4e4
}
.message .header, .message .footer {
height: 42px;
line-height: 42px;
padding-left: 20px
}
.message .header span, .message .footer span {
vertical-align: middle;
font-size: 30px
}
.message .main {
padding: 20px;
min-height: 60px
}
.tc {
text-align: center
}
.tr {
text-align: right
}
.p20 {
padding: 20px
}
.p15 {
padding: 15px
}
.p10 {
padding: 10px
}
.mt10 {
margin-top: 10px
}
.mt20 {
margin-top: 20px
}
.fl {
float: left
}
.fr {
float: right
}
.vm {
vertical-align: middle
}
.bg-white {
background-color: #FFF
}
.bg-base {
background-color: #f8f8f8
}
.input {
line-height: 32px;
width: 240px;
font-size: 16px;
border: #c5c5c5 1px solid;
height: 32px;
color: #5c5c5c;
padding-left: 5px
}
.red {
color: #ce0000
}
strong {
font-weight: bold
}
.text-primary {
color: #337ab7
}
.bg-primary {
background-color: #337ab7
}
.text-success {
color: #1CAF9A
}
.bg-success {
background-color: #1CAF9A
}
.text-info {
color: #5bc0de
}
.bg-info {
background-color: #5bc0de
}
.text-warning {
color: #f0ad4e
}
.bg-warning {
background-color: #f0ad4e
}
.text-danger {
color: #d9534f
}
.bg-danger {
background-color: #d9534f
}
.text-gray {
color: #555
}
.bg-gray {
background-color: #555
}
body {
color: #666;
word-wrap: break-word;
font: 14px / 1.5 "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif
}
a {
text-decoration: none;
color: #333
}
a:hover {
color: #1c92c2
}
a:active {
color: #999
}
input, button, select, textarea {
outline: none
}
textarea {
resize: none
}
.container {width: 1000px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
#header .topbar {
position: relative;
z-index: 1000;
height: 32px;
height: 32px;
line-height: 32px;
margin-bottom: 15px;
background-color: #f8f8f8;
border-bottom: 1px solid #e4e4e4
}
#header .head-main {
position: relative;
z-index: 100;
padding-top: 20px;
height: 80px;
position: relative
}
#header .head-main .sub-1, #header .head-main .sub-3, #header .head-main .sub-2,
#header .head-main .cart-box .cart-item .sub-4, .cart-box .cart-item #header .head-main .sub-4,
#header .head-main #footer .copyright .bootom .sub-1, #footer .copyright .bootom #header .head-main .sub-1,
#header .head-main #footer .copyright .bootom .sub-3, #footer .copyright .bootom #header .head-main .sub-3,
#header .head-main #footer .copyright .bootom .sub-2, #footer .copyright .bootom #header .head-main .sub-2 {
position: absolute;
bottom: 0;
top: 0
}
#header .head-main .sub-1 {
left: 0;
top: 10px;
width: 270px
}
#header .head-main .sub-3 {
right: 0;
width: 160px
}
#header .head-main .sub-2 {
position: relative;
margin-left: 270px;
margin-right: 160px
}
#header .head-main .search-form {
float: right;
margin-top: 10px
}
#header .head-main .search-keyword {
border: 1px solid #1aace5;
border-right: none;
height: 32px;
line-height: 32px;
width: 250px;
float: left;
margin-left: 40px;
padding: 5px 5px 5px 20px;
font-size: 14px
}
#header .head-main .btn-search, #header .head-main .shopping {
width: 64px;
height: 44px;
background-color: #1aace5;
border: 1px solid #1aace5;
cursor: pointer;
color: #fff
}
#header .head-main .shopping {
float: right;
height: 42px;
margin-top: 30px;
line-height: 42px;
text-align: center;
width: 120px;
position: relative
}
#header .head-main .shopping .dropdown {
position: absolute;
top: 42px;
width: 400px;
right: -1px;
display: none;
color: #888;
border: 1px solid #ddd;
text-align: left;
padding: 10px;
background-color: #FFF
}
#header .head-main .shopping:hover .dropdown {
display: block
}
#header .nav {
height: 46px;
background-color: #1aace5
}
#header .nav li {
float: left;
line-height: 46px;
}
#header .nav li.category-box {
width: 200px;
background-color: #1c92c2;
display: block;
position: relative
}
#header .nav li.category-box.on .category {
display: block
}
#header .nav .link a {
font-size: 14px;
color: #f8f8f8;
display: block;
padding: 0 15px
}
#header .nav .link a:hover {
background-color: #1c92c2
}
#header .nav .link a.current {
background-color: #4d4d4d
}
.cart-box {
position: relative
}
.cart-box .cart-item {
padding: 10px;
height: 60px;
position: relative
}
.cart-box .cart-item #header .head-main .sub-1, #header .head-main .cart-box .cart-item .sub-1,
.cart-box .cart-item #header .head-main .sub-3, #header .head-main .cart-box .cart-item .sub-3,
.cart-box .cart-item #header .head-main .sub-2, #header .head-main .cart-box .cart-item .sub-2,
.cart-box .cart-item .sub-1, .cart-box .cart-item .sub-4, .cart-box .cart-item .sub-3,
.cart-box .cart-item .sub-2, .cart-box .cart-item #footer .copyright .bootom .sub-1,
#footer .copyright .bootom .cart-box .cart-item .sub-1, .cart-box .cart-item #footer .copyright .bootom .sub-3,
#footer .copyright .bootom .cart-box .cart-item .sub-3, .cart-box .cart-item #footer .copyright .bootom .sub-2,
#footer .copyright .bootom .cart-box .cart-item .sub-2, .cart-box .cart-item .magic-bg .simple-box .title .sub-2,
.magic-bg .simple-box .title .cart-box .cart-item .sub-2, .cart-box .cart-item .magic-bg .simple-box .title .sub-1,
.magic-bg .simple-box .title .cart-box .cart-item .sub-1, .cart-box .cart-item #product-intro .sub-1,
#product-intro .cart-box .cart-item .sub-1, .cart-box .cart-item #product-intro .sub-2,
#product-intro .cart-box .cart-item .sub-2, .cart-box .cart-item #product-intro .sub-3,
#product-intro .cart-box .cart-item .sub-3 {
position: absolute;
bottom: 0;
top: 0
}
.cart-box .cart-item .sub-1 {
left: 0;
width: 40px
}
.cart-box .cart-item .sub-4 {
right: 0;
width: 40px
}
.cart-box .cart-item .sub-3 {
right: 40px;
width: 40px
}
.cart-box .cart-item .sub-2 {
position: relative;
margin-left: 40px;
margin-right: 80px
}
#tags-list {
position: absolute;
right: 65px;
top: 22px
}
#tags-list a {
padding: 4px 8px;
background-color: #f8f8f8;
margin-right: 10px
}
.logo {
margin-top: 9px;
height: 80px;
width: 270px
}
.logo img {
height: 70px;
}
#main {
background-color: #FFF
}
#main .banner {
overflow: hidden;
position: relative
}
.category {
position: absolute;
top: 46px;
bottom: 0;
height: 463px;
display: none;
width: 200px;
background: #1c92c2;
}
.category li {
display: block;
width: 100%
}
.category li.hover i {
color: #1c92c2
}
.category li a {
position: relative;
display: block;
width: 240px -25;
height: 42px;
line-height: 42px;
padding-left: 30px;
cursor: pointer;
color: #FFF
}
.category li a:hover {
background-color: #fff;
color: #222
}
.category li a:hover i {
color: #1c92c2
}
.category li a i {
position: absolute;
right: 0;
top: 0;
padding-right: 15px;
color: #FFF;
height: 42px;
line-height: 42px
}
.category li .category-sub {
width: 800px;
height: 463px;
overflow: hidden;
padding: 0px;
display: none;
background-color: #FFF;
position: absolute;
color: #f8f8f8;
top: 0;
left: 200px;
bottom: 0;
}
.category li .category-sub li {
width: 25%;
float: left;
}
.category li .category-sub a {
color: #666;
padding-left: 15px;
font-weight: bold;
border-bottom: 1px #ddd dotted
}
.category li .category-sub a:hover {
color: #1c92c2
}
.category li .category-sub p {
font-size: 12px
}
.category li .category-sub p a {
font-weight: normal;
display: inline;
border-bottom: none;
border-right: 1px #ddd solid;
padding: 0 8px
}
.category li.hover a {
color: #666;
background-color: #fff
}
.category li.hover .category-sub {
display: block
}
.category-sub dl{
clear:left;
}
.category-sub dt{
float:left;
}
.category-sub dd{
float:left;
}
.category-sub dt{
width:140px;
height: 36px;
}
.category-sub dd{
width: 620px;
}
.category-sub dd a{
float: left;
}
.category li a{
height: 36px;
}
.yc{
position: relative;
color:red;
}
.yc img{
position: absolute;
left:-24px;
top:-4px;
}
.lists .item .sub-2 .index-products li {
float: left;
text-align: center;
width: 250px;
position: relative
}
.lists .item .sub-2 .index-products li .img {
padding-top: 15px
}
.lists .item .sub-2 .index-products li:hover dt img {
margin-right: 5px;
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-ms-transition: all .4s ease-out;
-o-transition: all .4s ease-out;
transition: all .4s ease-out
}
.lists .item .sub-2 .index-products li dl.product {
height: 300px;
}
.lists .item .sub-2 .index-products li dl.product dd {
text-align: left;
color: #999
}
.lists .item .sub-2 .index-products li dl.product dd.price {
font-size: 16px;
color: #ce0000
}
.lists .item .sub-2 .index-products li dl.product dd.title {
overflow: hidden;
height: 3em
}
.layout-2 {
position: relative;
height: 100%;
position: relative
}
.layout-2 #header .head-main .sub-1, #header .head-main .layout-2 .sub-1,
.layout-2 #header .head-main .sub-3, #header .head-main .layout-2 .sub-3,
.layout-2 #header .head-main .sub-2, #header .head-main .layout-2 .sub-2,
.layout-2 .cart-box .cart-item .sub-1, .cart-box .cart-item .layout-2 .sub-1,
.layout-2 .cart-box .cart-item .sub-4, .cart-box .cart-item .layout-2 .sub-4,
.layout-2 .cart-box .cart-item .sub-3, .cart-box .cart-item .layout-2 .sub-3,
.layout-2 .cart-box .cart-item .sub-2, .cart-box .cart-item .layout-2 .sub-2,
.layout-2 .sub-1, .layout-2 .sub-2, .layout-2 .lists .item .sub-1, .lists .item .layout-2 .sub-1,
.layout-2 .lists .item .sub-2, .lists .item .layout-2 .sub-2, .layout-2 #footer .copyright .bootom .sub-1,
#footer .copyright .bootom .layout-2 .sub-1, .layout-2 #footer .copyright .bootom .sub-3,
#footer .copyright .bootom .layout-2 .sub-3, .layout-2 #footer .copyright .bootom .sub-2,
#footer .copyright .bootom .layout-2 .sub-2, .layout-2 .magic-bg .simple-box .title .sub-2,
.magic-bg .simple-box .title .layout-2 .sub-2, .layout-2 .magic-bg .simple-box .title .sub-1,
.magic-bg .simple-box .title .layout-2 .sub-1, .layout-2 #product-intro .sub-1,
#product-intro .layout-2 .sub-1, .layout-2 #product-intro .sub-2, #product-intro .layout-2 .sub-2,
.layout-2 #product-intro .sub-3, #product-intro .layout-2 .sub-3 {
position: absolute;
bottom: 0;
top: 0
}
.layout-2 .sub-1 {
left: 0;
width: 200px
}
.layout-2 .sub-2 {
position: relative;
margin-left: 200px;
margin-right: 0
}
.layout-2 .sub-1 {
overflow: hidden
}
.nav-x .item {
position: relative;
float: right;
padding: 0 8px;
border-left: 1px solid #f8f8f8;
border-right: 1px solid #f8f8f8
}
.nav-x .item .dropdown {
top: 32px;
right: -1px;
display: none;
position: absolute;
border: 1px solid #ddd;
border-top: none;
padding: 10px;
background-color: #FFF
}
.nav-x .item .user-box {
width: 240px
}
.nav-x .item.down:hover {
background-color: #FFF;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd
}
.nav-x .item.down:hover div {
display: block
}
.nav-x .item a {
height: 32px;
line-height: 32px;
padding: 0 5px
}
.nav-x .item a .fa {
height: 32px;
line-height: 32px
}
.nav-x .item a .arrow-top {
position: absolute;
vertical-align: middle;
height: 0;
width: 0;
border-top: 7px solid #b8b8b8;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 0 solid transparent
}
.nav-x .item a:hover .arrow-top {
position: absolute;
vertical-align: middle;
height: 0;
width: 0;
border-bottom: 7px solid #bfbfbf;
border-right: 7px solid transparent;
border-left: 7px solid transparent;
border-top: 0 solid transparent
}
.nav-x .item a.normal {
padding: inherit
}
.nav-x .item.split {
width: 1px;
height: 15px;
margin-top: 9px;
margin-left: 2px;
margin-right: 2px;
padding: 0;
background: #ddd;
overflow: hidden
}
.user-center .link {
float: left;
width: 50%
}
.lists .item {
position: relative;
overflow: hidden;
height: 300px;
margin-top: 15px;
background-color: #fff;
border-bottom: 1px solid #e4e4e4;
position: relative
}
.lists .item #header .head-main .sub-1, #header .head-main .lists .item .sub-1,
.lists .item #header .head-main .sub-3, #header .head-main .lists .item .sub-3,
.lists .item #header .head-main .sub-2, #header .head-main .lists .item .sub-2,
.lists .item .cart-box .cart-item .sub-4, .cart-box .cart-item .lists .item .sub-4,
.lists .item .cart-box .cart-item .sub-3, .cart-box .cart-item .lists .item .sub-3,
.lists .item .sub-1, .lists .item .sub-2, .lists .item #footer .copyright .bootom .sub-1,
#footer .copyright .bootom .lists .item .sub-1, .lists .item #footer .copyright .bootom .sub-3,
#footer .copyright .bootom .lists .item .sub-3, .lists .item #footer .copyright .bootom .sub-2,
#footer .copyright .bootom .lists .item .sub-2, .lists .item .magic-bg .simple-box .title .sub-2,
.magic-bg .simple-box .title .lists .item .sub-2, .lists .item .magic-bg .simple-box .title .sub-1,
.magic-bg .simple-box .title .lists .item .sub-1, .lists .item #product-intro .sub-1,
#product-intro .lists .item .sub-1, .lists .item #product-intro .sub-2,
#product-intro .lists .item .sub-2, .lists .item #product-intro .sub-3,
#product-intro .lists .item .sub-3 {
position: absolute;
bottom: 0;
top: 0
}
.lists .item .sub-1 {
left: 0;
width: 250px
}
.lists .item .sub-2 {
position: relative;
margin-right: 0
}
.lists .item .sub-1 {
background-color: #fefbfb
}
.lists .item .sub-2 {
overflow: hidden;
position: inherit
}
.lists .item .sub-2 .product {
border: none;
border: 1px solid #e4e4e4;
height: 270px
}
.title-nav {
font-size: 14px;
padding: 2px 0;
border-bottom: 2px solid #000;
margin-top: 20px
}
.title-nav .floor-tag {
color: #1aace5;
font-size: 28px;
font-weight: bold
}
.title-nav .title {
font-size: 20px;
margin-left: 5px;
font-weight: bold
}
.title-nav .tags a {
margin-left: 3px;
margin-right: 3px;
}
.title-nav .tags {
padding-left: 20px;
}
.top-show {
margin-top: 30px;
position: relative
}
.top-show #header .head-main .sub-1, #header .head-main .top-show .sub-1,
.top-show #header .head-main .sub-3, #header .head-main .top-show .sub-3,
.top-show #header .head-main .sub-2, #header .head-main .top-show .sub-2,
.top-show .cart-box .cart-item .sub-1, .cart-box .cart-item .top-show .sub-1,
.top-show .cart-box .cart-item .sub-4, .cart-box .cart-item .top-show .sub-4,
.top-show .cart-box .cart-item .sub-3, .cart-box .cart-item .top-show .sub-3,
.top-show .cart-box .cart-item .sub-2, .cart-box .cart-item .top-show .sub-2,
.top-show .lists .item .sub-1, .lists .item .top-show .sub-1, .top-show .lists .item .sub-2,
.lists .item .top-show .sub-2, .top-show .sub-2, .top-show .sub-1, .top-show #footer .copyright .bootom .sub-1,
#footer .copyright .bootom .top-show .sub-1, .top-show #footer .copyright .bootom .sub-3,
#footer .copyright .bootom .top-show .sub-3, .top-show #footer .copyright .bootom .sub-2,
#footer .copyright .bootom .top-show .sub-2, .top-show .magic-bg .simple-box .title .sub-2,
.magic-bg .simple-box .title .top-show .sub-2, .top-show .magic-bg .simple-box .title .sub-1,
.magic-bg .simple-box .title .top-show .sub-1, .top-show #product-intro .sub-1,
#product-intro .top-show .sub-1, .top-show #product-intro .sub-2, #product-intro .top-show .sub-2,
.top-show #product-intro .sub-3, #product-intro .top-show .sub-3 {
position: absolute;
bottom: 0;
top: 0
}
.top-show .sub-2 {
right: 0;
width: 240px
}
.top-show .sub-1 {
position: relative;
margin-left: 0;
margin-right: 240px
}
.top-show .news-list .header {
border: 1px solid #e4e4e4;
border-bottom: 3px solid #e4e4e4;
height: 23px;
padding: 10px 0 6px 15px;
position: relative;
font-size: 16px;
font-weight: bold;
color: #333;
letter-spacing: 2px;
background-color: #f8f8f8
}
.top-show .news-list .body {
border: 1px solid #e4e4e4;
border-top: none;
overflow: hidden;
height: 302px;
}
.top-show .news-list .body li {
padding-left: 15px;
height: 31px;
line-height: 31px;
border-bottom: 1px #e4e4e4 dashed
}
.product {
background-color: #FFF;
border: 1px solid #e4e4e4
}
.product dt {
padding: 0;
text-align: center
}
.product dd {
padding: 2px 10px
}
.product dd.title a {
color: #666
}
.product dd .price {
color: #ce0000;
font-family: Verdana;
font-size: 16px
}
.product dd .price i {
font-weight: normal;
padding-right: 3px
}
#footer {
margin-top: 0px;
padding: 0px 0 0 0;
background-color: #f8f8f8;
border-top: #e4e4e4 solid 1px;
}
#footer .copyright {border-top: 1px solid #e4e4e4;
text-align: center;
padding: 20px;
height: 60px;
text-align: left}
#footer .copyright .logo {
margin-top: 0;
) no-repeat
}
#footer .copyright a {
color: #777
}
#footer .copyright a:hover {
color: #eee
}
#footer .copyright .bootom {
margin: 0 auto 10px auto;
position: relative
}
#footer .copyright .bootom .cart-box .cart-item .sub-4, .cart-box .cart-item #footer .copyright .bootom .sub-4,
#footer .copyright .bootom .sub-1, #footer .copyright .bootom .sub-3,
#footer .copyright .bootom .sub-2 {
position: absolute;
bottom: 0;
top: 0
}
#footer .copyright .bootom .sub-1 {
left: 0;
width: 70px; height: 80px;
}
#footer .copyright .bootom .sub-3 {
right: 0;
width: 282px;height: 80px;
}
#footer .copyright .bootom .sub-2 {
position: relative;
margin-left: 0px;
margin-right: 282px;height: 80px;
}
#footer .copyright .bootom .sub-3 {
margin-top: 10px
}
#footer .helps {
padding: 20px 0
}
#footer .helps dl {
float: left;
width: 150px
}
#footer .helps dl dt {
color: #333;
font-size: 16px;
font-weight: 700;
margin-bottom: 10px
}
#footer .helps dl dd {
color: #777;
padding-bottom: 10px;
}
#footer .helps .col-contact {
width: 240px;
text-align: center;
float: right
}
#footer .helps .col-contact .phone {
color: #1c92c2;
font-size: 22px
}
.category-tags li {
width: 72px;
float: left;
text-align: center;
overflow: hidden;
height: 32px;
line-height: 32px
}
.promise {
padding: 30px 0;
background-color: #FFF;
border-bottom: 1px solid #e4e4e4
}
.promise dl {
width: 248px;
float: left
}
.promise dl dt {
background: url(../images/promise.png) no-repeat;
width: 60px;
height: 48px;
float: left
}
.promise dl dt.icon-1 {
background-position: 0px 0
}
.promise dl dt.icon-2 {
background-position: -60px 0
}
.promise dl dt.icon-3 {
background-position: -120px 0
}
.promise dl dt.icon-4 {
background-position: -180px 0
}
.promise dl dt.icon-5 {
background-position: -240px 0
}
.promise dl dd {
height: 48px;
float: left;
overflow: hidden
}
.promise dl dd .title {
font-weight: 700;
font-size: 16px;
color: #555
}
.promise dl dd p {
color: #777
}
.floor-slide {
margin: 0 auto;
position: relative;
width: 190px;
height: 202px;
overflow: hidden;
zoom: 1
}
.floor-slide .floor-pager {
width: 100%;
position: absolute;
bottom: 10px;
text-align: center;
z-index: 101
}
.floor-slide .floor-pager li {
margin: 0 5px;
display: inline-block;
width: 20px;
height: 4px;
overflow: hidden;
text-indent: -99em;
background: #e4e4e4;
cursor: pointer;
zoom: 1;
* display: inline
}
.floor-slide .floor-pager li.cycle-pager-active {
background: #1c92c2
}
.dropdown {
position: relative
}
.dropdown .dropdown-content {
position: absolute;
list-style: none;
top: 100%;
left: 0;
z-index: 10000;
display: none;
float: left;
min-width: 160px;
margin: 9px 0 0;
* margin: 0 0 0;
text-align: left;
line-height: 1.6;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 0;
background-clip: padding-box
}
.dropdown .dropdown-content:before, .dropdown .dropdown-content:after {
position: absolute;
display: block;
content: "";
width: 0;
height: 0;
border: 8px dashed transparent;
z-index: 1;
border-bottom-style: solid;
border-width: 0 8px 8px;
left: 10px;
top: -8px;
pointer-events: none
}
.dropdown .dropdown-content:before {
border-bottom-color: #ddd;
bottom: 0
}
.dropdown .dropdown-content:after {
border-bottom-color: #fff;
bottom: -1px;
top: -7px
}
.dropdown .dropdown-content li > a {
text-align: left;
display: block;
padding: 6px 20px;
font-weight: 400;
color: #333;
white-space: nowrap
}
.dropdown .dropdown-content li > a:hover {
background-color: #f8f8f8
}
.dropdown .dropdown-header {
border-left: 1px solid #f8f8f8;
border-right: 1px solid #f8f8f8
}
.dropdown:hover .dropdown-header, .dropdown.hover .dropdown-header {
border-left: 1px solid #e4e4e4;
border-right: 1px solid #e4e4e4;
background-color: #fff
}
.dropdown:hover .dropdown-content, .dropdown.hover .dropdown-content {
display: block
}
.btn span {
vertical-align: middle;
padding-left: 3px
}
.btn-main {
color: #FFF;
background-color: #1aace5;
border-color: #1aace5
}
.btn-main:focus, .btn-main.focus {
color: #FFF;
background-color: #1aace5;
border-color: #1aace5
}
.btn-main:hover {
color: #FFF;
background-color: #1c92c2;
border-color: #1c92c2
}
.btn-main:active, .btn-main.active, .open > .btn-main.dropdown-toggle {
color: #FFF;
background-color: #b51c1c;
border-color: #921717
}
.btn-main:active:hover, .btn-main:active:focus, .btn-main:active.focus,
.btn-main.active:hover, .btn-main.active:focus, .btn-main.active.focus,
.open > .btn-main.dropdown-toggle:hover, .open > .btn-main.dropdown-toggle:focus,
.open > .btn-main.dropdown-toggle.focus {
color: #FFF;
background-color: #961717;
border-color: #580e0e
}
.btn-main:active, .btn-main.active, .open > .btn-main.dropdown-toggle {
background-image: none
}
.btn-main.disabled, .btn-main.disabled:hover, .btn-main.disabled:focus,
.btn-main.disabled.focus, .btn-main.disabled:active, .btn-main.disabled.active,
.btn-main[disabled], .btn-main[disabled]:hover, .btn-main[disabled]:focus,
.btn-main[disabled].focus, .btn-main[disabled]:active, .btn-main[disabled].active,
fieldset[disabled] .btn-main, fieldset[disabled] .btn-main:hover,
fieldset[disabled] .btn-main:focus, fieldset[disabled] .btn-main.focus,
fieldset[disabled] .btn-main:active, fieldset[disabled] .btn-main.active {
background-color: #1c92c2;
border-color: #c71f1f
}
.btn-main .badge {
color: #1c92c2;
background-color: #FFF
}
.btn-mini {
padding: 2px 10px
}
i.triangle-b, .tab .tab-head li.current i {
position: absolute;
vertical-align: middle;
height: 0;
width: 0;
border-top: 8px solid #1aace5;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 0 solid transparent
}
i.triangle-b {
top: 18px;
right: 18px;
border-top: 8px solid #FFF
}
.tab {
position: relative
}
.tab .tab-head {
border-bottom: 3px solid #eee;
height: 24px;
padding: 8px 0;
position: relative;
margin-bottom: 6px
}
.tab .tab-head li {
cursor: pointer;
display: block;
height: 32px;
line-height: 32px;
font-size: 16px;
text-align: center;
float: left;
position: relative;
width: 140px;
text-align: center
}
.tab .tab-head li i {
display: none;
top: 35px;
left: 66px
}
.tab .tab-head li.current {
border-bottom: 3px solid #1aace5;
z-index: 100;
zoom: 1
}
.tab .tab-head li.current i {
display: inline-block
}
.tab .tab-body {
margin-top: 20px;
position: relative;
border-top: none;
background: #fff
}
.row .col-1, .row .col-2, .row .col-3, .row .col-4, .row .col-5 {
display: block;
width: 248px;
float: left;
height: auto
}
.row .col-1, .row .col-2, .row .col-3, .row .col-4 {
margin-right: 0;
border-right: none
}
.row .col-1 {
background: #FFF
}
.row .col-2 {
background: #FFF
}
.row .col-3 {
background: #FFF
}
.row .col-4 {
background: #FFF
}
.row .col-5 {
background: #FFF
}
.row dl {
display: block;
margin: 0 auto;
margin: 5px
}
.slider .dot-nav {
width: 100%;
position: absolute;
bottom: 10px;
text-align: center;
z-index: 1
}
.slider .dot-nav li {
margin: 0 5px;
display: inline-block;
width: 20px;
height: 4px;
overflow: hidden;
background: #f8f8f8;
cursor: pointer;
display: inline-block;
* display: inline;
* zoom: 1
}
.slider .dot-nav li.current {
background-color: #1c92c2
}
.fa {
* display: inline !important;
zoom: 1;
padding-left: 6px
}
.magic-bg {
position: relative;
height: 500px;
background: url(../images/loginbg.jpg);
}
.magic-bg.right {
height: 640px
}
.magic-bg .simple-box {
position: absolute;
right: 50px!important;
top: 50px;
width: 400px!important;
height: 400px;
background-color: #f8f8f8
}
.magic-bg .simple-box .title {
margin: 0 40px;
font-size: 18px;
padding-top: 20px;
position: relative
}
.magic-bg .simple-box .title #header .head-main .sub-1, #header .head-main .magic-bg .simple-box .title .sub-1,
.magic-bg .simple-box .title #header .head-main .sub-3, #header .head-main .magic-bg .simple-box .title .sub-3,
.magic-bg .simple-box .title #header .head-main .sub-2, #header .head-main .magic-bg .simple-box .title .sub-2,
.magic-bg .simple-box .title .cart-box .cart-item .sub-4, .cart-box .cart-item .magic-bg .simple-box .title .sub-4,
.magic-bg .simple-box .title .cart-box .cart-item .sub-3, .cart-box .cart-item .magic-bg .simple-box .title .sub-3,
.magic-bg .simple-box .title #footer .copyright .bootom .sub-1, #footer .copyright .bootom .magic-bg .simple-box .title .sub-1,
.magic-bg .simple-box .title #footer .copyright .bootom .sub-3, #footer .copyright .bootom .magic-bg .simple-box .title .sub-3,
.magic-bg .simple-box .title #footer .copyright .bootom .sub-2, #footer .copyright .bootom .magic-bg .simple-box .title .sub-2,
.magic-bg .simple-box .title .sub-2, .magic-bg .simple-box .title .sub-1,
.magic-bg .simple-box .title #product-intro .sub-1, #product-intro .magic-bg .simple-box .title .sub-1,
.magic-bg .simple-box .title #product-intro .sub-2, #product-intro .magic-bg .simple-box .title .sub-2,
.magic-bg .simple-box .title #product-intro .sub-3, #product-intro .magic-bg .simple-box .title .sub-3 {
position: absolute;
bottom: 0;
top: 0
}
.magic-bg .simple-box .title .sub-2 {
right: 0;
color:#f00;
width: 200px
}
.magic-bg .simple-box .title .sub-1 {
position: relative;
margin-left: 0;
margin-right: 80px
}
.magic-bg .simple-box .title .sub-2 {
padding-top: 20px
}
.login_tit_yc{
color: red;
text-align: center;
}
.login_tit_yc a{
text-decoration:none;
color: #000;
}
.login_tit_yc a:hover{
text-decoration:underline;
}
/*.form {padding: 15px 40px 20px}*/
.form {padding :0 40px 0 45px}
.form span, .form img, .form label, .form input {
vertical-align: middle
}
.form .input-lg {
min-width: 420px;
width: 420px
}
.form .input {
min-width: 240px;
width: 240px
}
.form .input-sm {min-width: 70px;
width: 120px}
.form .input-xs {
min-width: 6px;
width: 60px
}
.form li {
margin-top: 20px
}
.form li .perfix, .form li .suffix {
vertical-align: top;
display: inline-block;
* display: inline;
* zoom: 1;
width: 24px;
height: 24px;
line-height: 24px;
text-align: center;
padding: 8px 10px;
background: #f2f2f2;
border: 1px solid #cccdcf;
vertical-align: middle
}
.form li.invalid .perfix {
background: #FFEBEB;
border: 1px solid #DD0000;
color: #DD0000;
border-right: 0
}
.form li.invalid .suffix {
background: #FFEBEB;
color: #DD0000;
border: 1px solid #DD0000;
border-left: 0
}
.form li.valid .perfix {
background: #EBF6FD;
border: 1px solid #06AC87;
color: #06AC87;
border-right: 0
}
.form li.valid .suffix {
background: #EBF6FD;
color: #06AC87;
border: 1px solid #06AC87;
border-left: 0
}
.form li .perfix {
border-right: 0
}
.form li .suffix {
border-left: 0
}
.form li .checkbox {
border: 0;
outline: 0;
font-size: 20px;
cursor: pointer
}
.form li input {
margin: 0;
vertical-align: top;
vertical-align: middle;
display: inline-block;
font-family: "Pontano Sans";
font-size: 14px;
color: #343434;
height: 24px;
line-height: 24px;
background: #fbfbfb;
border: 1px solid #cccdcf;
padding: 8px 10px
}
.form li input[type='button'], .form li input.btn {
height: inherit
}
.form li.oauth-list {
text-align: center
}
.form li.oauth-list a {
display: inline-block;
overflow: hidden;
margin-left: 10px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px
}
.reg-box {
position: relative;
padding-top: 10px
}
.reg-box span.invalid-msg, .reg-box label.invalid-msg, .reg-box span.valid-msg,
.reg-box label.valid-msg {
position: absolute;
top: 5px;
left: 40px;
height: 24px;
line-height: 24px;
background-color: #FFF;
border: 1px solid #e4e4e4;
display: none;
width: 280px;
overflow: hidden
}
.reg-box span.invalid-msg, .reg-box label.invalid-msg {
display: block
}
fieldset.line-title {
border-top: 1px solid #e0e0e0;
padding-bottom: 10px
}
fieldset.line-title .txt {
color: #b0b0b0;
padding: 0 20px;
margin: 0 auto
}
.product-list {
margin-left: 14px;
width: 1254px;
margin-left: -10px
}
.product-list .item {
float: left;
width: 613px;
margin-left: 14px;
margin-bottom: 14px
}
.product-list .item .product {
border: none;
position: relative
}
.product-list .item .product dt {
margin: 0 auto
}
.product-list .item .product dt.img {
padding-top: 40px
}
.product-list .item .product dd {
margin: 0 40px
}
.product-list .item .product .title {
padding-top: 10px;
border-top: 1px solid #e4e4e4;
font-size: 24px
}
.product-list .item .product .price {
font-size: 22px;
color: #1c92c2;
padding-bottom: 20px
}
.product-list .item .product .status {
position: absolute;
bottom: 20px;
right: 0
}
.product-list .item .product .btn {
padding: 10px 30px
}
.page-nav {
font-family: Simsun;
line-height: normal;
text-align: right;
margin-top: 20px;
overflow: hidden;
zoom: 1;
color: #666 !important;
margin-bottom: 20px;
}
.page-nav a, .page-nav span, .page-nav input {
display: inline-block;
line-height: 23px;
padding: 4px 12px;
border: 1px solid #e4e4e4;
background-color: #fff;
text-decoration: none;
margin-right: 5px;
zoom: 1;
cursor: pointer
}
.page-nav a:hover, .page-nav input.current {
color: #fff !important;
background-color: #1c92c2;
border-color: #1c92c2;
text-decoration: none
}
.page-nav input {
height: 31px;
line-height: 31px;
padding: 0 4px;
zoom: 1;
font: 12px / 16px;
* margin-bottom: -3px;
_margin-bottom: -4px
}
.bread-crumb {
height: 46px;
font-size: 14px;
line-height: 46px;
background: #f5f5f5;
color: #616161
}
.bread-crumb li {
display: inline
}
.bread-crumb li + li:before {
padding: 0 5px;
color: #ccc;
content: "/\00a0"
}
.prom {
background-color: #eee;
line-height: 18px;
padding: 10px 0 15px 60px;
margin-top: 10px
}
.promo-type {
display: inline-block;
margin-left: 15px;
background-color: #F68587;
height: 18px;
line-height: 18px;
padding: 2px 5px;
color: #fff;
font-size: 12px;
vertical-align: 7px;
border-radius: 2px
}
.spec-info {
height: auto;
position: relative;
margin-left: -20px;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
border: #fff 1px solid
}
.spec-info .spec-close {
position: absolute;
display: none;
cursor: pointer;
top: 7px;
right: 6px;
width: 16px;
height: 16px;
background-image: url(../images/icons.png);
background-position: -32px 0
}
.spec-info.noselected {
border: #1c92c2 1px solid
}
.spec-info.noselected .product-btns {
display: none
}
.spec-info.noselected .spec-close {
display: block
}
.spec-item {
margin-bottom: 20px
}
.spec-item dt {
float: left;
width: 60px;
margin-right: 5px;
margin-top: 4px
}
.spec-item dd {
overflow: hidden
}
.spec-values li {
border: 1px solid #bbb;
background: #FFFFFF;
display: block;
float: left;
margin-right: 8px;
position: relative;
cursor: pointer;
padding: 3px;
margin: 0 4px 4px 0;
position: relative
}
.spec-values li img {
display: block;
float: left
}
.spec-values li label {
padding: 2px 6px
}
.spec-values li span {
padding: 0px 12px;
display: block
}
.spec-values .selected {
border: 1px solid #BD0021
}
.spec-values .disabled {
border: 1px dashed #c0c0c0;
cursor: not-allowed;
color: #ccc
}
.spec-values .disabled i {
display: none
}
.msg {
border: #ddd 1px solid;
height: 32px;
line-height: 32px;
display: inline-block;
padding-right: 10px
}
.msg .icon {
float: left;
margin-top: 8px;
margin-left: 8px
}
.msg span {
color: #1c92c2;
padding-left: 6px
}
.msg-simple-error {
text-align: center;
background: #1c92c2;
color: #fff;
line-height: 14px;
border-radius: 2px;
padding: 2px 4px;
margin: 5px 0;
display: block
}
.buy-num a {
width: 24px;
display: inline-block;
font-weight: 700;
text-decoration: none
}
.buy-num a:hover {
border: 1px solid #c7c7c7;
background: #E7E7E7
}
.buy-num a.disable, .buy-num a.disable:hover {
background: #E7E7E7;
color: #FFF;
border: 1px solid #ddd
}
.buy-num a, .buy-num input {
border: 1px solid #ddd;
color: #5e5e5e;
overflow: hidden;
text-align: center;
height: 24px;
line-height: 24px;
font-size: 14px;
float: left;
vertical-align: middle
}
.buy-num input {
width: 50px;
border-width: 1px 0;
height: 22px;
line-height: 22px
}
.spec-item .selected i {
background-image: url(../images/icons.png);
background-position: 0 0;
font-size: 0;
height: 16px;
line-height: 0;
overflow: hidden;
position: absolute;
right: 0;
bottom: 0;
width: 16px
}
.icon-tag-16 {
background-position: 0px 0px
}
.icon-plus-16 {
background-position: 0px -16px
}
.icon-minus-16 {
background-position: 0px -32px
}
.icon-equal-16 {
background-position: 0px -48px
}
.icon-alert-16 {
background-position: -48px 0px
}
.icon-close-16 {
background-position: -32px 0px
}
.icon-stop-16 {
background-position: -32px -48px
}
.icon-cart-16 {
background-position: -16px 0px
}
.icon-hart-16 {
background-position: -32px -96px
}
.icon-fire-16 {
background-position: -32px -112px
}
.icon-time-16 {
background-position: -32px -128px
}
.icon-plus-1-16 {
background-position: -16px -112px
}
.icon-minus-1-16 {
background-position: 0px -112px
}
.icon-locate-32 {
background-position: -160px -32px
}
.icon-cart-32 {
background-position: -128px -64px
}
.icon-cart-1-32 {
background-position: -128px -32px
}
.icon-basket-32 {
background-position: -160px -64px
}
.icon-order-0-32 {
background-position: -128px 0px
}
.icon-order-1-32 {
background-position: -160px 0px
}
.icon-order-2-32 {
background-position: -192px 0px
}
.icon-order-3-32 {
background-position: -224px 0px
}
.icon-hart-32 {
background-position: -224px -32px
}
.icon-selected-32 {
background-position: -192px -32px
}
.icon-success-48 {
background-position: -256px 0px
}
.icon-error-48 {
background-position: -304px 0px
}
#product-intro {
margin-top: 10px;
min-height: 460px;
color: #878787;
position: relative;
position: relative
}
#product-intro #header .head-main .sub-1, #header .head-main #product-intro .sub-1,
#product-intro #header .head-main .sub-3, #header .head-main #product-intro .sub-3,
#product-intro #header .head-main .sub-2, #header .head-main #product-intro .sub-2,
#product-intro .cart-box .cart-item .sub-4, .cart-box .cart-item #product-intro .sub-4,
#product-intro #footer .copyright .bootom .sub-1, #footer .copyright .bootom #product-intro .sub-1,
#product-intro #footer .copyright .bootom .sub-3, #footer .copyright .bootom #product-intro .sub-3,
#product-intro #footer .copyright .bootom .sub-2, #footer .copyright .bootom #product-intro .sub-2,
#product-intro .sub-1, #product-intro .sub-2, #product-intro .sub-3 {
position: absolute;
bottom: 0;
top: 0
}
#product-intro .sub-1 {
left: 0;
width: 100px
}
#product-intro .sub-2 {
left: 100px;
width: 460px
}
#product-intro .sub-3 {
position: relative;
margin-left: 560px;
margin-right: 0
}
#product-intro .sub-1, #product-intro .sub-2 {
z-index: 1
}
#product-intro .sub-1 {
overflow: hidden
}
#product-intro .product-info li {
padding: 5px 0
}
#product-intro .product-info .product-title {
color: #333;
font-size: 22px;
font-weight: bold;
line-height: 32px
}
#product-intro .product-info .product-no {
text-align: left
}
#product-intro .product-info .product-price {
height: 40px;
line-height: 40px;
}
#product-intro .product-info .product-price span {
color: #ce0000;
font-size: 30px
}
#product-intro .product-info .product-price.markting-price {
padding-left: 20px;
border-top: none;
background-color: #1c92c2;
color: #FFF
}
#product-intro .product-info .product-price.markting-price .btn {
padding: 10px 30px;
background-color: #fee97d;
color: #1c92c2;
font-size: 20px;
border: none
}
#product-intro .product-info .product-price.markting-price :before {
position: absolute;
right: 161px;
top: 0;
content: "";
width: 0;
height: 76px;
font-size: 0;
border-left: 2px dotted rgba(0, 0, 0, 0.25)
}
#product-intro .product-info .product-price.markting-price :after {
position: absolute;
left: 100%;
top: 0;
content: "";
width: 5px;
height: 0;
font-size: 0;
overflow: hidden;
border-width: 38px 13px 38px 0;
border-style: solid;
border-color: #1c92c2 #FFF
}
#product-intro .product-info .product-price.markting-price.end {
background-color: #777
}
#product-intro .product-info .product-price.markting-price.end .btn {
background-color: #fff;
color: #777
}
#product-intro .product-info .product-price.markting-price.end :after {
border-color: #777 #FFF
}
#product-intro .product-info .markting-price span {
text-decoration: line-through;
}
#product-intro .product-info .markting-price {
border-top: 1px solid #e0e0e0;
padding-top: 10px;
}
#product-intro .product-btns .btn {padding: 5px 15px;
font-size: 16px}
#product-intro .show-list .small-img {
display: block;
height: 60px;
cursor: pointer;
zoom: 1;
padding: 5px;
border: 1px solid #e0e0e0;
margin-bottom: 14px;
-webkit-transition: border-color 0.4s ease-out;
transition: border-color 0.4s ease-out
}
#product-intro .show-list a.current {
border-color: #1c92c2
}
table.default, table.simple {
width: 100%;
border: 1px solid #e4e4e4
}
table.default th, table.simple th {
text-align: center;
font-weight: bold
}
table.default td, table.default th, table.simple td, table.simple th {
padding: 2px
}
table.default td.numeric, table.default th.numeric, table.simple td.numeric,
table.simple th.numeric {
text-align: right
}
table.default th, table.default td, table.simple th, table.simple td {
border-right: 1px solid #e4e4e4;
border-bottom: 1px solid #e4e4e4;
border-left-width: 0;
border-top-width: 0
}
table.default th:last-child, table.default td:last-child, table.simple th:last-child,
table.simple td:last-child {
border-right-width: 0
}
table.default th.last, table.default td.last, table.simple th.last,
table.simple td.last {
border-right-width: 0
}
table.default tbody tr:last-child th, table.default tbody tr:last-child td,
table.default tfoot tr:last-child th, table.default tfoot tr:last-child td,
table.simple tbody tr:last-child th, table.simple tbody tr:last-child td,
table.simple tfoot tr:last-child th, table.simple tfoot tr:last-child td {
border-bottom-width: 0
}
table.default tbody tr.last th, table.default tbody tr.last td, table.default tfoot tr.last th,
table.default tfoot tr.last td, table.simple tbody tr.last th, table.simple tbody tr.last td,
table.simple tfoot tr.last th, table.simple tfoot tr.last td {
border-bottom-width: 0
}
table.default thead th, table.simple thead th {
border-bottom: 1px solid #e4e4e4
}
table.default tfoot th, table.default tfoot td, table.simple tfoot th,
table.simple tfoot td {
border-top: 1px solid #e4e4e4
}
table.default th:first-child, table.simple th:first-child {
border-right: 1px solid #e4e4e4
}
table.default td, table.default th, table.simple td, table.simple th {
padding: 10px
}
table.simple th {
background-color: #fff
}
table.simple th.even, table.simple th:nth-child(2n) {
background-color: #f5f5f5
}
table.simple tr.odd td, table.simple tr:nth-child(2n + 1) td {
background-color: #f1f1f1
}
table.simple tr.odd td.even, table.simple tr.odd td:nth-child(2n),
table.simple tr:nth-child(2n + 1) td.even, table.simple tr:nth-child(2n + 1) td:nth-child(2n) {
background-color: #e7e7e7
}
table.simple tr.even td {
background-color: #fafafa
}
table.simple tr.even td.even, table.simple tr.even td:nth-child(2n) {
background-color: #f0f0f0
}
table.simple tfoot th, table.simple tfoot td {
background-color: #fff
}
table.simple tfoot th.even, table.simple tfoot th:nth-child(2n), table.simple tfoot td.even,
table.simple tfoot td:nth-child(2n) {
background-color: #f5f5f5
}
table.default td {
border-right: none
}
table.form {
margin-top: 20px
}
table.form td {
padding: 6px
}
table.form td.label {
text-align: right;
width: 120px;
font-weight: 800
}
table.form input[type="text"], table.form table select {
border: 1px solid #afafaf;
padding: 0 3px;
height: 24px;
line-height: 24px;
vertical-align: middle;
zoom: 1
}
table.form input[type="text"], table.form select, table.form input[type="password"] {
border: 1px solid #afafaf;
padding: 3px;
width: 200px;
height: 24px;
line-height: 18px;
vertical-align: middle
}
table.form select {
width: auto;
height: 28px;
line-height: 28px
}
table.form textarea {
display: block;
width: 420px;
height: 48px;
margin: 0;
border: 1px solid #afafaf;
padding: 3px;
font-size: 12px
}
.crumbs {
background: #1c92c2;
height: 42px;
overflow: hidden;
line-height: 42px;
position: relative
}
.crumbs li {
float: right;
overflow: visible;
text-align: center;
position: relative;
font-size: 14px;
background: #666;
z-index: 0;
color: #f1f1f1
}
.crumbs li em {
position: absolute;
right: -26px;
top: -5px;
width: 0;
height: 0;
line-height: 0;
border-width: 26px 0 26px 26px;
border-color: transparent transparent transparent #fff;
border-style: dashed dashed dashed solid;
z-index: 101
}
.crumbs li i {
position: absolute;
right: -20px;
top: 0px;
width: 0;
height: 0;
line-height: 0;
border-width: 21px 0 21px 21px;
border-color: transparent transparent transparent #666;
border-style: dashed dashed dashed solid;
z-index: 102
}
.crumbs li.pass {
background: #1c92c2;
color: #fff
}
.crumbs li.pass em {
z-index: 101
}
.crumbs li.pass i {
border-color: transparent transparent transparent #1c92c2;
z-index: 102
}
.crumbs.step-2 li {
width: 50%
}
.crumbs.step-3 li {
width: 33.3%
}
.crumbs.step-4 li {
width: 25%
}
.crumbs.step-5 li {
width: 20%
}
.box {
background: #FFF;
border: 1px solid #e4e4e4;
position: relative;
overflow: hidden;
word-break: break-all
}
.box h2 {
padding: 10px;
border-bottom: 1px solid #e4e4e4
}
#cart-list .cart-item {
position: relative;
border-bottom: 1px dotted #e3e3e3;
height: 50px;
overflow: hidden;
background: #fff;
padding: 6px 0;
font-size: 12px
}
#cart-list .cart-item div {
float: left;
background: #fff;
height: 50px;
color: #999
}
#cart-list .cart-item .pic {
width: 50px;
margin-left: 3px
}
#cart-list .cart-item .card-pic {
position: relative;
display: block;
width: 50px;
height: 50px;
overflow: hidden
}
#cart-list .cart-item .icon-close-16 {
position: absolute;
top: 17px;
right: 0
}
#cart-list .cart-item .spec {
padding: 0 8px;
width: 200px;
overflow: hidden;
white-space: nowrap
}
#cart-list .cart-item .spec p {
padding: 0 2px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
vertical-align: middle;
-o-text-overflow: ellipsis;
display: inline-block;
line-height: 20px;
height: 20px
}
#cart-list .cart-item .num {
width: 40px;
text-align: center
}
#cart-list .cart-item .price {
text-align: center;
color: #333
}
.cart-total {
color: #1c92c2;
margin-right: 10px
}
.cart-count {
margin-top: 10px;
text-align: right
}
.currency-symbol {
font-family: arial;
font-weight: 700
}
.aui_dialog .error, .aui_dialog .fail, .aui_dialog .success, .aui_dialog .warning,
.message .error, .message .fail, .message .success, .message .warning {
padding: 12px 25px;
margin-bottom: 5px;
background: url(../images/message.png) no-repeat;
text-indent: 40px
}
.aui_dialog .error, .aui_dialog .fail, .message .error, .message .fail {
background-position: 0 -55px
}
.aui_dialog .success, .message .success {
background-position: 0 -107px
}
.aui_dialog .warning, .message .warning {
background-position: 0 -161px
}
.message_error, .message_fail, .message_success, .message_info,
.message_warning {
padding: 12px;
margin-bottom: 5px;
background: url(../images/message.png) no-repeat;
text-indent: 40px
}
.message_error, .message_fail {
border: #FF7570 1px solid;
background-color: #FFF2F0;
background-position: 0 -55px
}
.message_success {
border: #00C22C 1px solid;
background-color: #EEFFE4;
background-position: 0 -107px
}
.message_info {
border: #00B5FF 1px solid;
background-color: #E3F5FF;
background-position: 0 -3px
}
.message_warning {
border: #FFCA74 1px solid;
background-color: #FFFFE3;
background-position: 0 -161px
}
.help-content .title {
background: #FFF;
font-size: 18px;
color: #333;
padding: 5px;
border-bottom: #f0f0f0 1px solid;
margin-bottom: 5px
}
.help-content p {
font-size: 16px;
text-indent: 2em;
line-height: 1.5em;
padding: 10px;
margin: 0
}
.help-content .list li {
padding: 5px;
border-bottom: 1px dashed #e4e4e4
}
.rides-cs { font-size: 12px; background:#29a7e2; position: fixed; top: 250px; right: 0px; _position: absolute; z-index: 1500; border-radius:6px 0px 0 6px;}
.rides-cs a { color: #00A0E9;}
.rides-cs a:hover { color: #ff8100; text-decoration: none;}
.rides-cs .floatL { width: 36px; float:left; position: relative; z-index:1;margin-top: 68px;height: 181px;}
.rides-cs .floatL a { font-size:0; text-indent: -999em; display: block;}
.rides-cs .floatR { width: 130px; float: left; padding: 5px; overflow:hidden;}
.rides-cs .floatR .cn {background:#F7F7F7; border-radius:6px;margin-top:4px;}
.rides-cs .cn .titZx{ font-size: 14px; color: #333;font-weight:600; line-height:24px;padding:5px;text-align:center;}
.rides-cs .cn ul {padding:0px;}
.rides-cs .cn ul li { line-height: 38px; height:38px;border-bottom: solid 1px #E6E4E4;overflow: hidden;text-align:center;}
.rides-cs .cn ul li span { color: #777;}
.rides-cs .cn ul li a{color: #777;}
.rides-cs .cn ul li img { vertical-align: middle;}
.rides-cs .btnOpen, .rides-cs .btnCtn { position: relative; z-index:9; top:25px; left: 0; background-image: url(/static/images/shopnc.png); background-repeat: no-repeat; display:block; height: 146px; padding: 8px;}
.rides-cs .btnOpen { background-position: -410px 0;}
.rides-cs .btnCtn { background-position: -450px 0;}
.rides-cs ul li.top { border-bottom: solid #ACE5F9 1px;}
.rides-cs ul li.bot { border-bottom: none;}
/*# sourceMappingURL=common.css.map */