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
}
ul, ol, li {
list-style: outside none 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
}
.coupon-top-border, .coupon-middle-border, .coupon-bottom, .coupon .coupon-content .show, .coupon-normal-yellow .icon-gift, .coupon-normal-yellow-disable .icon-gift, .coupon-normal-green .icon-gift, .coupon-normal-green-disable .icon-gift {
background-image: url('../images/ticket-icon-new.png');
background-image: -webkit-image-set(url('../images/ticket-icon-new.png') 1x, url('../img/retail/ticket-icon-new@2x.png?version=1.0.1') 2x)
}
body, input, textarea {
font-size: 14px;
font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, "Microsoft YaHei", "微软雅黑", "MicrosoftJhengHei", "华文细黑", "STHeiti";
color: #333333
}
a {
text-decoration: none;
cursor: pointer; color:#999
}
h1, h2, h3, h4, h5 {
font-weight: normal
}
a:hover {
text-decoration: none
}
.fl{float:left;display:inline;}
.rt{float:right;display:inline;}
textarea, input {
outline: none;
font-size: 14px;
padding: 0
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
background-color:#ffffff !important;color:#999 !important;
}
.font-color1 {
color: #f9a848
}
.font-color2 {
color: #333333
}
.font-color3 {
color: #666666
}
.fs14{ color:#808080; font-size:14px;padding-top:10px;}
.font-color4 {
color: #999999 !important
}
.font-color5 {
color: #d07e2e !important
}
.font-color6 {
color: #00c6ed
}
.font-white {
color: #ffffff
}
.fblue{
color: #62b133;font-size:18px;
}
.children-middle span, .children-middle a {
vertical-align: middle
}
.user-icon {
background-image: url('../images/user-icon.png');
background-image: -webkit-image-set(url('../images/user-icon.png') 1x, url('../img/user-icon@2x.png?version=1.0.1') 2x)
}
.index-icon {
display: inline-block;
background-image: url('../images/icon.png');
background-image: -webkit-image-set(url('../images/icon.png') 1x, url('../img/icon@2x.png?version=1.0.4') 2x)
}
.ticket-icon {
background-image: url('../images/ticket-icon-new.png');
background-image: -webkit-image-set(url('../images/ticket-icon-new.png') 1x, url('../img/retail/ticket-icon-new@2x.png?version=1.0.1') 2x)
}
.normal-tips {
color: #d07e2e;
background-color: #fefce7;
line-height: 35px;
padding: 0 15px
}
.head-line {
background-color: #00aa3a;
height: 3px
}
.head-user {
width: 1200px;
margin: 0 auto;
height: 120px;
text-align: center;
position: relative;
z-index: 101
}
.head-userpanel {
background-color: #fff
}
.h-u-download {
margin-left: -15px
}
.h-u-download .hover-panel {
line-height: 40px;
width: 140px
}
.h-u-d-tips {
font-size: 12px;
line-height: 18px
}
.qrcode {
width: 140px;
height: 140px;
margin-top: 20px
}
.h-u-download, .h-u-traced, .h-u-user, .h-u-cart, .h-m-item, .h-m-r-m-search, .h-m-r-m-home, .h-m-r-m-cart, .h-u-change-address {
float: left;
color: #666666;
margin-top: 25px;
height: 20px;
padding: 14px 15px 15px 15px;
line-height: 20px;
border: 1px solid transparent;
position: relative;
z-index: 1;
cursor: default
}
.h-u-traced {
background-image: none
}
.h-u-download .icon, .h-u-traced .icon, .h-u-user .icon, .h-u-cart .icon, .h-m-r-m-search .icon, .h-m-r-m-home .icon, .h-m-r-m-cart .icon, .h-u-change-address .icon {
background-position: -24px -26px;
display: inline-block;
background-image: url('../images/icon.png');
background-image: -webkit-image-set(url('../images/icon.png') 1x, url('../img/icon@2x.png?version=1.0.4') 2x);
width: 12px;
height: 19px;
vertical-align: text-top;
margin-right: 8px
}
.h-u-traced .icon {
background-position: -26px -337px;
width: 20px
}
.h-u-download:hover, .h-u-traced:hover, .h-u-user:hover, .h-u-cart:hover, .h-m-item:hover, .h-m-r-m-search:hover, .h-m-r-m-search.hover, .h-m-r-m-home:hover, .h-m-r-m-cart:hover, .h-u-change-address:hover {
border: 1px solid #EEEEEE;
background-color: #ffffff
}
.h-u-download:hover .hover-panel, .h-u-user:hover .hover-panel, .h-u-cart:hover .hover-panel, .h-m-item:hover>.hover-panel, .h-m-r-m-search:hover .hover-panel, .h-m-r-m-search.hover .hover-panel, .h-m-r-m-home:hover .hover-panel, .h-m-r-m-cart:hover .hover-panel, .h-m-i-subitem:hover .hover-panel, .h-u-change-address:hover .hover-panel {
display: block
}
.h-u-download:hover .hover-mask, .h-u-user:hover .hover-mask, .h-u-cart:hover .hover-mask, .h-m-item:hover .hover-mask, .h-m-r-m-search:hover .hover-mask, .h-m-r-m-search.hover .hover-mask, .h-m-r-m-home:hover .hover-mask, .h-m-r-m-cart:hover .hover-mask, .h-u-change-address:hover .hover-mask {
display: block
}
.hover-mask {
position: absolute;
left: 0;
bottom: -1px;
background-color: #fff;
height: 1px;
width: 100%;
display: none
}
.hover-panel {
padding: 30px 55px;
border: 1px solid #EEEEEE;
position: absolute;
background-color: #fff;
left: -1px;
top: 49px;
z-index: -1;
display: none;
text-align: left;
cursor: auto;
line-height: 14px;
-ms-touch-action: none
}
.pad-parent-hoverpanel-hover>.hover-panel {
display: block
}
.pad-parent-hoverpanel-hover>.hover-mask {
display: block
}
.hover-panel img {
vertical-align: top
}
.hover-panel .download-btns {
height: 54px;
margin-top: 25px
}
.download-btns a {
background-image: url('../images/btn.png');
background-image: -webkit-image-set(url('../images/btn.png') 1x, url('../img/btn@2x.png?version=1.0.1') 2x);
height: 54px;
display: block;
cursor: pointer;
float: left;
width: 69px
}
.download-btns .spliter {
background-image: url('../images/btn.png');
background-image: -webkit-image-set(url('../images/btn.png') 1x, url('../img/btn@2x.png?version=1.0.1') 2x);
height: 54px;
display: block;
cursor: pointer;
float: left;
width: 1px;
background-position: -111px -498px
}
.download-btns .download-btn-iphone {
background-position: -42px -498px
}
.download-btns .download-btn-iphone:hover {
background-position: -205px -498px
}
.download-btns .download-btn-android {
background-position: -113px -498px
}
.download-btns .download-btn-android:hover {
background-position: -276px -498px
}
.h-u-logo {
margin: 0 auto;
position: absolute;
top: 0;
left: 0;
width: 100%
}
.h-u-logo h1 {
width: 360px;
height: 88px;
position: relative
}
.logoi{width:400px; float:left;margin-left: 130px;margin-top: 30px;}
.logoi img{margin:0 10px;}
.find{position:absolute; top:50px;right:161px;}
.find img{}
.ftxt{border:none; border-bottom:1px solid #fddcb6;width:170px; text-indent:5px; background-color:transparent}
.h-u-logo .logo {
background-image: url(../images/logo.png);
display: block;
height: 100%;
background-repeat: no-repeat;
position: relative;margin-top:20px;
}
.h-u-logo a:hover .hover-icon {
display: block
}
.h-u-logo .hover-icon {
display: block;
display: inline-block;
background-image: url('../images/icon.png');
background-image: -webkit-image-set(url('../images/icon.png') 1x, url('../img/icon@2x.png?version=1.0.4') 2x);
background-position: -538px -854px;
width: 48px;
height: 19px;
position: absolute;
top: 14px;
right: 88px;
display: none
}
.logo-mc .logo {
background-image: url(../images/logo_mc.png);
background-image: -webkit-image-set(url(../images/logo_mc.png) 1x, url(../img/logo_mc@2x.png) 2x);
background-position: 50px center
}
.logo-mc .hover-icon {
right: 68px
}
.logo-mc .h-u-change-address {
right: 50px
}
.logo-newyear2017 .logo {
background-image: url(../images/logo-newyear2017.png);
background-image: -webkit-image-set(url(../images/logo-newyear2017.png) 1x, url(../img/logo-newyear2017@2x.png) 2x);
background-position: 50px center
}
.logo-newyear2017 .hover-icon {
right: 64px
}
.logo-newyear2017 .h-u-change-address {
right: 45px
}
.h-u-logo.logo-newyear {
top: 5px
}
.logo-newyear .logo {
background-image: url(../images/logo-newyear.png);
background-image: -webkit-image-set(url(../images/logo-newyear.png) 1x, url(../img/logo-newyear@2x.png) 2x);
background-position: 50px center
}
.logo-newyear .hover-icon {
right: 68px
}
.logo-newyear .h-u-change-address {
right: 45px
}
.h-u-change-address {
position: absolute;
right:0px;
top: 0;
padding: 5px;
margin-top:3px; color:#ccc; z-index:999
}
.h-u-change-address span {
vertical-align: middle
}
.h-u-change-address .icon {
margin: 0 0 0 5px;
background-position: -306px -21px
}
.h-u-change-address .hover-panel {
top: 30px;
padding: 0
}
.h-u-change-address .address-list a {
display: block;
margin: 0 10px;
padding: 12px 0;
border-top: 1px solid #eeeeee;
min-width: 100px
}
.h-u-change-address .address-list a:first-child {
border: 0
}
.h-u-user {
float: right;
display: none;
cursor: pointer;
padding: 0;
height: 49px
}
.h-u-user .red-circle {
left: 27px;
top: 8px
}
.event-view {
padding: 14px 15px 15px 15px;
display: block;
line-height: 20px;
color: #666666
}
.h-u-user .icon {
background-position: -23px -67px;
width: 15px
}
.h-u-user .hover-panel {
padding: 0;
width: 408px;
right: -1px;
left: auto
}
.u-h-p-top {
padding: 30px 15px 20px 15px
}
.u-h-p-top table {
width: 100%
}
.u-h-p-top table td {
vertical-align: top
}
.u-h-p-top .left {
width: 120px;
vertical-align: top
}
.u-h-p-top .right {
border-bottom: 1px solid #eeeeee;
padding-bottom: 20px
}
.u-h-p-top img {
width: 65px;
height: 65px;
margin-left: 25px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px
}
.u-h-p-top .font-color4 {
font-size: 12px;
margin-top: 10px
}
.u-h-p-top .font-color4 a:hover {
text-decoration: underline
}
.u-h-p-top .font-color2 a {
margin-top: 20px;
display: block;
color: #333333
}
.u-h-p-top .font-color2 a:hover {
color: #1daa39
}
.u-h-p-serviceitempanel {
margin: 0 15px;
overflow: hidden;
border-top: 1px solid #EEEEEE
}
.u-h-p-serviceitempanel .top {
cursor: pointer;
line-height: 50px;
height: 50px;
position: relative
}
.u-h-p-serviceitempanel .list {
height: 0;
overflow: hidden;
position: relative
}
.u-h-p-serviceitempanel .icon-person {
vertical-align: text-bottom;
margin-right: 10px
}
.u-h-p-serviceitempanel .icon-downarrow, .u-h-p-serviceitempanel .icon-uparrow {
top: 21px;
right: 0;
position: absolute
}
.h-u-p-serviceitem {
padding: 11px 0 11px 0;
border-bottom: 1px solid #eeeeee;
font-size: 12px;
color: #666666;
position: relative;
line-height: 20px
}
.h-u-p-serviceitem h3 {
color: #999999
}
.h-u-p-serviceitem .phone {
position: absolute;
right: 0;
top: 11px;
line-height: 40px;
font-size: 14px
}
.h-u-cart {
float: right;
margin-right: -15px;
cursor: pointer;
padding: 0;
height: 49px;
margin-top:35px;
}
.h-u-cart .icon {
background-position: -19px -105px;
width: 30px;height:30px;
}
.h-u-cart .hover-panel {
padding: 15px;
width: 310px;
left: auto;
right: -1px
}
.h-u-cart .hover-mask {
left: auto;
right: 0
}
.h-u-c-title {
line-height: normal;
padding-bottom: 15px
}
.h-u-c-scroller {
overflow: auto;
max-height: 324px;
padding-right: 10px;
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee
}
.h-u-c-cartitem {
padding: 15px 0;
border-top: 1px solid #eeeeee;
overflow: hidden;
line-height: 20px
}
.h-u-c-cartitem:first-child {
border-top: 0
}
.h-u-c-msg {
text-align: center;
padding: 20px;
color: #999999;
line-height: 20px
}
.h-u-c-msg img {
width: 20px;
margin-right: 8px
}
.h-u-c-cartitem img {
width: 50px;
height: 50px;
float: left
}
.h-u-c-cartitem span, .h-u-c-cartitem a {
display: block
}
.h-u-c-cartitem .text1 {
color: #666666
}
.h-u-c-cartitem .text2 {
color: #999999
}
.h-u-c-ci-middle {
float: left;
margin-left: 15px;
padding: 5px 0;
max-width: 160px
}
.h-u-c-ci-right {
float: right;
padding: 5px 0;
text-align: right
}
.h-u-c-ci-right a:hover {
color: #666666
}
.h-u-c-ci-right .disable {
cursor: default
}
.h-u-c-ci-right .disable:hover {
color: #999999
}
.h-u-c-bottom {
padding-top: 15px;
line-height: 20px;
overflow: hidden
}
.h-u-c-bottom div {
float: left
}
.h-u-c-bottom .btn-normal {
float: right;
}
.head-menu-placeholder {
height: 49px;
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
background-color: #fff
}
.notindex-bg {
border-bottom: 1px solid transparent
}
.head-menu {
height: 59px;
position: relative;
z-index: 100
}
.notindex-bg .head-menu {
background-image: url(../images/menu-bg.png)
}
.head-menu-placeholder .fixed {
position: fixed;
width: 100%;
top: 0;
background-image: url(../images/index-menu-bg.png)
}
.h-m-content {
width: 1200px;
margin: 0 auto;
height: 49px
}
.h-m-menu {
height: 49px;
float: left
}
.pad-parent-hoverpanel-hover {
border: 1px solid #EEEEEE;
background-color: #ffffff;
z-index: 100
}
.h-m-menu>.pad-parent-hoverpanel-hover {
border-top: 0
}
.h-m-item .pad-parent-hoverpanel-hover {
border: 0
}
.b-iconitem .pad-parent-hoverpanel-hover {
border: 0;
background-color: transparent
}
.h-m-item {
line-height: 49px;
height: 49px;
width: 130px;
padding: 0;
margin: 0;
text-align: center;
border-top: 0;
border-bottom: 0;
color: #666666;
position: relative;
cursor: default
}
.h-m-item:hover{ color:#f60}
.h-m-content .icon-split {
display: inline-block;
background-image: url('../images/icon.png');
background-image: -webkit-image-set(url('../images/icon.png') 1x, url('../img/icon@2x.png?version=1.0.4') 2x);
background-position: -31px -147px;
width: 1px;
height: 13px;
position: absolute;
left: -2px;
top: 18px
}
.icon-new {
display: inline-block;
background-image: url('../images/icon.png');
background-image: -webkit-image-set(url('../images/icon.png') 1x, url('../img/icon@2x.png?version=1.0.4') 2x);
background-position: -504px -804px;
width: 30px;
height: 12px;
position: absolute;
top: 5px;
right: 5px
}
.pad-parent-hoverpanel-hover .icon-split {
display: none
}
.mmcur{ color:#f60}
.h-m-item:hover {
border-top: 0;
border-bottom: 0;
z-index: 100;
background-color: #fff
}
.h-m-item:hover .icon-split {
display: none
}
.h-m-item .hover-panel {
padding:1px 0 0 0;
width: 220px
}
.h-m-i-subitem {
display: block;
height: 42px;
line-height: 42px;
padding: 0 20px
}
.h-m-i-subitem>a {
color: #fff;
display: block;
position: relative;
height: 45px
}
.h-m-i-subitem>a:hover{ color:#999}
.h-m-i-subitem>a img {
float: left;
margin-top: 5px;
width:30px;
height:30px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px
}
.h-m-i-subitem .right-arrow {
display: inline-block;
background-image: url('../images/icon.png');
background-image: -webkit-image-set(url('../images/icon.png') 1x, url('../img/icon@2x.png?version=1.0.4') 2x);
background-position: -206px -142px;
float: right;
width: 8px;
height: 16px;
top: 14px;
right: 0;
position: absolute
}
.h-m-i-subitem:hover {
background-color: #f1f1f1
}
.h-m-i-subitem .column3 {
width: 765px
}
.h-m-i-subitem .column2 {
width: 510px
}
.h-m-i-subitem .column1 {
width: 255px
}
.h-m-item .hover-panel img {
margin-right: 20px;
vertical-align: middle
}
.h-m-i-subitem .hover-panel {
left: 220px;
top: 0px;
height: 100%;
min-height: 400px;
padding: 0;
overflow: hidden
}
.h-m-i-s-column {
line-height: 22px;
float: left;
padding: 13px 0
}
.h-m-i-s-column span {
width: 130px;
overflow: hidden;
display: block
}
.h-m-i-s-column a {
height: 45px;
display: block;
width: 195px;
padding: 12px 30px
}
.h-m-i-s-column a:hover {
background-color: #f1f1f1
}
.h-m-i-s-column div {
float: left
}
.h-m-i-s-column img {
width: 45px;
height: 45px;
float: left
}
.h-m-i-show-all {
color: #1daa39;
line-height: 45px
}
.h-m-i-show-all span {
display: inline-block;
background-image: url('../images/icon.png');
background-image: -webkit-image-set(url('../images/icon.png') 1x, url('../img/icon@2x.png?version=1.0.4') 2x);
background-position: -398px -725px;
width: 45px;
height: 45px;
float: left;
margin-right: 20px
}
.h-m-i-s-column .promotion-item {
height: 90px
}
.h-m-i-s-column .promotion-item img {
width: 195px;
height: 90px
}
.h-m-right {
width: 226px;
height: 50px;
float: left;
position: relative
}
.h-m-r-search {
display: inline-block;
background-image: url('../images/icon.png');
background-image: -webkit-image-set(url('../images/icon.png') 1x, url('../img/icon@2x.png?version=1.0.4') 2x);
width: 226px;
height: 49px;
position: relative;
background-position: -19px -238px;
background-color: transparent
}
.h-m-right>.h-m-r-search {
position: absolute;
top: 0;
left: 0;
background-color: #FCFCFC
}
.h-m-r-search .btn-search {
position: absolute;
width: 30px;
height: 30px;
right: 5px;
top: 10px
}
.h-m-right .focus, .exchange-item .focus {
background-position: -261px -239px
}
.h-m-r-search input {
border: 0;
height: 20px;
line-height: 20px;
width: 160px;
outline: none;
margin: 16px 0 0 15px;
padding: 0
}
.h-m-r-menu {
width: 226px;
height: 50px;
display: none;
position: absolute;
top: 0;
left: 0
}
.h-m-r-m-search, .h-m-r-m-home, .h-m-r-m-cart {
width: 100%;
height: 49px;
line-height: 49px;
text-align: center;
margin: 0;
padding: 0;
border-top: 0;
border-bottom: 0
}
.h-m-r-m-cart .icon-split {
left: auto;
right: 0
}
.h-m-r-m-cart {
text-align: center;
line-height: 49px
}
.h-m-r-menupanel {
float: left
}
.h-m-r-m-search .icon {
background-position: -200px -28px;
width: 16px;
height: 17px;
margin: 0;
background-color: #FCFCFC
}
.h-m-r-m-home .icon {
background-position: -200px -69px;
width: 16px;
height: 17px;
margin: 0;
background-color: #FCFCFC
}
.h-m-r-m-cart .icon {
background-position: -200px -110px;
width: 20px;
height: 16px;
margin: 0;
background-color: #FCFCFC
}
.h-m-r-m-search .hover-panel {
padding: 25px 15px
}
.h-m-r-m-cart .hover-panel {
width: 310px;
padding: 15px
}
.h-m-r-m-home .hover-panel {
padding: 0;
width: 408px
}
.h-m-r-menu .hover-panel {
left: auto;
right: -1px
}
.h-m-r-m-search:hover, .h-m-r-m-search.hover, .h-m-r-m-home:hover, .h-m-r-m-cart:hover {
border-top: 0;
border-bottom: 0;
background-color: #fff
}
.h-m-r-m-search:hover .icon-split, .h-m-r-m-search.hover .icon-split, .h-m-r-m-home:hover .icon-split, .h-m-r-m-cart:hover .icon-split {
display: none
}
.h-m-item .gift-panel {
padding: 0;
width: 461px;
padding: 0 30px
}
.gp-top {
padding: 25px 0;
overflow: hidden;
line-height: 24px
}
.gp-top a {
display: inline-block;
margin-left: 33px;
color: #333333
}
.gp-top a:hover {
color: #1daa39
}
.gp-top div {
float: left;
width: 370px
}
.gp-top .gp-t-title {
padding-right: 30px;
float: left;
margin-left: 0
}
.gp-bottom .gp-t-title {
color: #999999
}
.gp-bottom {
padding: 25px 0;
line-height: 20px;
border-top: 1px solid #eeeeee;
display: none
}
.gp-b-itempanel {
overflow: hidden
}
.gp-b-item {
float: left;
margin-left: 20px;
position: relative
}
.gp-b-item .hover-bgmask {
width: 100px;
height: 100px;
top: 12px
}
.gp-b-item:hover .hover-bgmask {
z-index: auto;
opacity: 1
}
.h-m-item .rqsy-panel {
padding: 0 30px;
width: 400px;
line-height: 30px
}
.rqsy-item {
border-top: 1px solid #eeeeee;
padding: 22px 0;
overflow: hidden
}
.rqsy-item div {
width: 340px;
float: left;
padding-left: 30px;
overflow: hidden
}
.rqsy-item a {
display: block;
width: 85px;
height: 30px;
color: #333333;
float: left;
height: 30px
}
.rqsy-item a:hover {
color: #1daa39
}
.rqsy-item .hot {
display: inline-block;
background-image: url('../images/icon.png');
background-image: -webkit-image-set(url('../images/icon.png') 1x, url('../img/icon@2x.png?version=1.0.4') 2x);
background-position: -297px -803px;
width: 15px;
height: 15px;
vertical-align: super
}
.rqsy-item:first-child {
border: 0
}
.rqsy-item .font-color4 {
float: left
}
.h-m-item .zjlx {
line-height: 24px;
padding: 15px 0;
width: 285px
}
.zjlx-item {
padding: 15px 25px;
position: relative
}
.zjlx-item:hover {
background-color: #f1f1f1
}
.zjlx-item a {
color: #999999;
display: block;
height: 50px
}
.zjlx-item img {
position: absolute;
top: 15px;
left: 25px;
width: 50px;
height: 50px
}
.zjlx-item .t1 {
color: #333333;
display: block;
padding-left: 65px
}
.zjlx-item .t2 {
color: #999999;
display: block;
padding-left: 65px
}
.h-m-item-link {
display: block;
color: #666666
}
.h-m-item .szshg {
width: 200px;
padding: 15px 0;
line-height: 24px
}
.szshg-item a {
display: block;
padding: 15px 0 15px 11px;
margin: 0 15px;
border-top: 1px solid #f2f2f2;
color: #333333
}
.szshg-item:first-child a {
border: 0
}
.szshg-item:hover {
background-color: #f1f1f1
}
.h-m-item .gp-b-item img {
width: 100px;
height: 100px;
margin: 0;
margin: 12px 0
}
.gp-b-item a {
color: #666666;
display: block
}
.gp-b-item span {
display: block;
color: #666666;
width: 100px
}
.gp-b-item .price {
color: #1daa39
}
.gp-b-item:first-child {
margin-left: 0
}
.bottom-info-panel {
border-top: 1px solid #f2f2f2
}
.bottom-info {
width: 1200px;
margin: 0 auto;
background-color: #fff;
padding: 55px 0 59px 0;
overflow: hidden
}
.bi-item {
float: left;
width: 225px;
margin-left: 20px;
color: #999999;
line-height: 24px;
display: block
}
.bi-item:hover h2 {
color: #1daa39
}
.bi-item:hover {
text-decoration: none
}
.bi-item h2 {
color: #333333;
margin-top: 5px
}
.bi-item span {
display: inline-block;
background-image: url('../images/icon.png');
background-image: -webkit-image-set(url('../images/icon.png') 1x, url('../img/icon@2x.png?version=1.0.4') 2x);
display: block;
width: 35px;
height: 30px
}
.bi-i-icon1 {
background-position: -23px -734px
}
.bi-i-icon2 {
background-position: -85px -735px
}
.bi-i-icon3 {
background-position: -142px -735px
}
.bi-i-icon4 {
background-position: -205px -735px
}
.bottom {
background-color: #393b3a;
padding: 45px 0;
color: #888a89;
*position:relative
}
.bottom-panel {
width: 1200px;
margin: 0 auto
}
.b-iconitem, .b-linkitem {
float: left;
width: 285px;
margin-left: 20px
}
.b-iconitem>h2, .b-linkitem>h2 {
border-bottom: 1px solid #4c4d4c;
padding-bottom: 12px
}
.b-linkitem a {
display: block;
color: #888a89;
padding-top: 12px
}
.b-linkitem a:hover {
text-decoration: underline
}
.b-iconitem>a {
width: 32px;
height: 32px;
display: inline-block;
background-image: url('../images/icon.png');
background-image: -webkit-image-set(url('../images/icon.png') 1x, url('../img/icon@2x.png?version=1.0.4') 2x);
margin: 15px 15px 0 0;
vertical-align: bottom
}
.b-bottomitem {
overflow: hidden;
float: left;
width: 100%;
margin-top: 30px;
line-height: 26px
}
.b-b-left {
float: left;
width: 715px;
border-top: 1px solid #4c4d4c;
padding-top: 9px
}
.b-b-right {
float: right;
width: 225px;
padding-top: 15px;
border-top: 1px solid #4c4d4c;
position: relative
}
.btn-icon-text {
line-height: 30px;
display: block;
padding: 0 12px 0 18px;
position: relative;
max-width: 138px;
color: #fff
}
.btn-icon-text.kf {
width: 90px
}
.btn-icon-text.phone {
width: 138px;
margin-top: 15px;
cursor: auto
}
.btn-icon-text .bg {
background-position: -234px -320px;
display: block;
text-align: center;
padding-left: 18px
}
.btn-icon-text .icon {
background-position: -120px -320px;
width: 30px;
height: 30px;
position: absolute;
top: 0;
left: 0
}
.btn-icon-text.phone .icon {
background-position: -170px -320px
}
.btn-icon-text .bg-right {
width: 12px;
height: 30px;
background-position: -372px -320px;
position: absolute;
top: 0;
right: 0
}
.btn-icon-text:hover .bg {
background-position: -414px -320px
}
.btn-icon-text:hover .bg-right {
background-position: -556px -320px
}
.b-b-r-text {
color: #888a89;
font-size: 12px;
line-height: 18px;
margin-top: 10px;
display: none
}
.icon-sinawb {
background-position: -24px -796px
}
.icon-sinawb:hover {
background-position: -24px -846px
}
.icon-wechat {
background-position: -70px -796px;
position: relative
}
.icon-phone .hover-panel {
display: block;
top: -368px;
left: -110px;
z-index: 2;
padding: 40px 55px
}
.icon-wechat:hover {
background-position: -70px -846px
}
.icon-taobao {
background-position: -117px -796px
}
.icon-taobao:hover {
background-position: -117px -846px
}
.icon-sina {
background-position: -164px -796px
}
.icon-sina:hover {
background-position: -164px -846px
}
.icon-phone {
background-position: -210px -796px;
position: relative
}
.icon-phone:hover {
background-position: -210px -846px
}
.icon-wechat:hover .patch {
display: block
}
.icon-wechat:hover .hover-panel {
display: block
}
.icon-wechat .patch {
position: absolute;
top: -15px;
left: 0;
width: 100%;
height: 15px;
display: none
}
.icon-wechat h2 {
color: #666666;
font-size: 12px
}
.icon-wechat .hover-panel {
white-space: nowrap;
text-align: center;
position: absolute;
left: -115px;
top: -291px;
z-index: 1;
padding: 60px 40px 40px 40px
}
.icon-tmall {
background-position: -210px -896px
}
.icon-tmall:hover {
background-position: -164px -896px
}
.icon-fullgift {
background-image: url('../images/product-icon.png');
background-image: -webkit-image-set(url('../images/product-icon.png') 1x, url('../img/product-icon@2x.png?version=1.0.1') 2x);
background-position: -214px -125px;
width: 36px;
height: 18px;
display: inline-block;
vertical-align: top
}
.icon-fullgift-large {
display: inline-block;
background-image: url('../images/icon.png');
background-image: -webkit-image-set(url('../images/icon.png') 1x, url('../img/icon@2x.png?version=1.0.4') 2x);
background-position: -142px -940px;
width: 46px;
height: 22px;
display: inline-block;
vertical-align: top
}
.icon-paygift {
display: inline-block;
background-image: url('../images/product-icon.png');
background-image: -webkit-image-set(url('../images/product-icon.png') 1x, url('../img/product-icon@2x.png?version=1.0.1') 2x);
background-position: -214px -92px;
width: 36px;
height: 18px;
vertical-align: top
}
.icon-exchangebuy {
display: inline-block;
background-image: url('../images/product-icon.png');
background-image: -webkit-image-set(url('../images/product-icon.png') 1x, url('../img/product-icon@2x.png?version=1.0.1') 2x);
background-position: -265px -125px;
width: 36px;
height: 18px;
vertical-align: top
}
.icon-paygift-large {
display: inline-block;
background-image: url('../images/icon.png');
background-image: -webkit-image-set(url('../images/icon.png') 1x, url('../img/icon@2x.png?version=1.0.4') 2x);
background-position: -210px -940px;
width: 46px;
height: 22px;
display: inline-block;
vertical-align: top
}
.icon-person {
display: inline-block;
display: inline-block;
background-image: url('../images/icon.png');
background-image: -webkit-image-set(url('../images/icon.png') 1x, url('../img/icon@2x.png?version=1.0.4') 2x);
background-position: -330px -802px;
width: 25px;
height: 19px;
vertical-align: top
}
.icon-downarrow, .icon-uparrow {
display: inline-block;
display: inline-block;
background-image: url('../images/icon.png');
background-image: -webkit-image-set(url('../images/icon.png') 1x, url('../img/icon@2x.png?version=1.0.4') 2x);
background-position: -370px -808px;
width: 13px;
height: 8px
}
.icon-uparrow {
background-position: -401px -808px
}
.icon-farmlink {
background-image: url('../images/product-icon.png');
background-image: -webkit-image-set(url('../images/product-icon.png') 1x, url('../img/product-icon@2x.png?version=1.0.1') 2x);
display: inline-block;
background-position: -362px -418px;
width: 15px;
height: 11px;
vertical-align: middle
}
.icon-ticket {
display: inline-block;
background-position: -373px -153px;
width: 48px;
height: 20px;
vertical-align: middle
}
.icon-card {
display: inline-block;
background-position: -281px -290px;
width: 48px;
height: 20px;
vertical-align: middle
}
.item-first, .i-g-p-itembox .item-first {
margin-left: 0px
}
.btn-small, .btn-normal, .btn-ssmall, .btn-ssmall-grey, .btn-large {
height: 32px;
display: inline-block;
position: relative;
text-align: center;
cursor: pointer
}
.btn-small:hover, .btn-normal:hover, .btn-ssmall:hover, .btn-large:hover {
text-decoration: none
}
.btn-small:hover .btn-text {
background-position: -395px -217px
}
.btn-small:hover .btn-right {
background-position: -712px -217px
}
.btn-small .btn-text, .btn-normal .btn-text, .btn-large .btn-text {
background-image: url('../images/btn1.png');
background-image: -webkit-image-set(url('../images/btn1.png') 1x, url('../img/btn@2x.png?version=1.0.1') 2x);
color: #fff;
text-align: center;
line-height: 32px;
display: block;
height: 100%;
margin-right: 3px;
padding-left: 3px;
vertical-align: top
}
.btn-small .btn-text {
background-position: -41px -217px
}
.btn-small .btn-right, .btn-normal .btn-right, .btn-large .btn-right {
background-image: url('../images/btn.png');
background-image: -webkit-image-set(url('../images/btn.png') 1x, url('../img/btn@2x.png?version=1.0.1') 2x);
background-position: -358px -217px;
height: 32px;
display: inline-block;
right: 0;
top: 0;
width: 3px;
position: absolute
}
.btn-small-disable .btn-text {
background-position: -748px -217px
}
.btn-small-disable .btn-right {
background-position: -1065px -217px
}
.btn-small-disable:hover .btn-text {
background-position: -748px -217px
}
.btn-small-disable:hover .btn-right {
background-position: -1065px -217px
}
.btn-ssmall, .btn-ssmall-grey {
background-image: url('../images/product-icon.png');
background-image: -webkit-image-set(url('../images/product-icon.png') 1x, url('../img/product-icon@2x.png?version=1.0.1') 2x);
height: 18px;
line-height: 18px;
background-position: -215px -163px;
padding: 0 2px 0 4px;
color: #fff;
font-size: 12px;
cursor: default
}
.btn-ssmall .btn-right, .btn-ssmall-grey .btn-right {
background-image: url('../images/product-icon.png');
background-image: -webkit-image-set(url('../images/product-icon.png') 1x, url('../img/product-icon@2x.png?version=1.0.1') 2x);
height: 18px;
position: absolute;
right: -2px;
top: 0;
background-position: -393px -163px;
width: 2px
}
.btn-ssmall-grey {
background-position: -175px -413px;
height: 20px;
line-height: 20px
}
.btn-ssmall-grey .btn-right {
background-position: -348px -413px;
height: 20px
}
.btn-normal {
height: 40px
}
.btn-normal:hover .btn-text {
text-decoration: none;
background-position: -395px -70px
}
.btn-normal:hover .btn-right {
background-position: -712px -70px
}
.btn-normal .btn-text {
background-position: -41px -70px;
line-height: 40px
}
.btn-normal .btn-right {
background-position: -358px -70px;
height: 40px
}
.btn-vip .btn-text {
background-position: -41px -1053px !important
}
.btn-vip .btn-right {
background-position: -358px -1053px !important
}
.btn-normal-disable {
cursor: default
}
.btn-normal-disable .btn-text {
background-position: -748px -70px
}
.btn-normal-disable:hover .btn-text {
background-position: -748px -70px
}
.btn-normal-disable .btn-right {
background-position: -1065px -70px
}
.btn-normal-disable:hover .btn-right {
background-position: -1065px -70px
}
.btn-normal-white .btn-text {
background-position: -41px -583px;
color: #333333
}
.btn-normal-white .btn-right {
background-position: -358px -583px
}
.btn-normal-white:hover .btn-text {
background-position: -386px -583px
}
.btn-normal-white:hover .btn-right {
background-position: -703px -583px
}
.btn-normal-gray .btn-text {
background-position: -41px -653px;
color: #333333
}
.btn-normal-gray .btn-right {
background-position: -358px -653px
}
.btn-normal-gray:hover .btn-text {
background-position: -386px -653px
}
.btn-normal-gray:hover .btn-right {
background-position: -703px -653px
}
.btn-normal-yellow .btn-text {
background-position: -41px -795px
}
.btn-normal-yellow .btn-right {
background-position: -358px -795px
}
.btn-normal-yellow:hover .btn-text {
background-position: -41px -795px
}
.btn-normal-yellow:hover .btn-right {
background-position: -358px -795px
}
.btn-normal-yellow2 .btn-text {
background-position: -41px -923px
}
.btn-normal-yellow2 .btn-right {
background-position: -358px -923px
}
.btn-normal-yellow2:hover .btn-text {
background-position: -387px -923px
}
.btn-normal-yellow2:hover .btn-right {
background-position: -704px -923px
}
.btn-small-yellow .btn-text {
background-position: -41px -983px;
line-height: 30px
}
.btn-small-yellow .btn-right {
background-position: -358px -983px;
height: 30px
}
.btn-small-yellow:hover .btn-text {
background-position: -387px -983px
}
.btn-small-yellow:hover .btn-right {
background-position: -704px -983px
}
.btn-small-yellow-disable {
height: 30px;
cursor: default
}
.btn-small-yellow-disable .btn-text {
background-position: -748px -983px;
line-height: 30px
}
.btn-small-yellow-disable .btn-right {
background-position: -1065px -983px;
height: 30px
}
.btn-small-yellow-disable:hover .btn-text {
background-position: -748px -983px
}
.btn-small-yellow-disable:hover .btn-right {
background-position: -1065px -983px
}
.btn-normal-shityellow .btn-text {
background-position: -387px -793px
}
.btn-normal-shityellow .btn-right {
background-position: -704px -793px
}
.btn-normal-shityellow:hover .btn-text {
background-position: -387px -858px
}
.btn-normal-shityellow:hover .btn-right {
background-position: -704px -858px
}
.btn-normal-blueborder .btn-text {
background-position: -41px -131px;
color: #1daa39
}
.btn-normal-blueborder .btn-right {
background-position: -358px -131px
}
.btn-normal-blueborder:hover .btn-text {
background-position: -395px -132px;
color: #ffffff
}
.btn-normal-blueborder:hover .btn-right {
background-position: -712px -132px
}
.btn-large, .btn-large-blueborder, .btn-large-yellow {
height: 45px
}
.btn-large .btn-text {
background-position: -41px -352px;
line-height: 45px;
font-size: 16px
}
.btn-large:hover .btn-text {
background-position: -395px -352px
}
.btn-large .btn-right {
background-position: -358px -352px;
height: 45px
}
.btn-large:hover .btn-right {
background-position: -712px -352px
}
.btn-large-blueborder .btn-text {
background-position: -41px -419px;
line-height: 45px;
font-size: 16px;
color: #1daa39
}
.btn-large-blueborder:hover .btn-text, .btn-large-blueborder .btn-text.hover {
background-position: -395px -419px;
color: #ffffff
}
.btn-large-blueborder .btn-right {
background-position: -358px -419px;
height: 45px
}
.btn-large-blueborder:hover .btn-right, .btn-large-blueborder .hover ~ .btn-right {
background-position: -712px -419px
}
.btn-large-yellow, .btn-normal-yellow {
cursor: default
}
.btn-large-yellow .btn-text {
background-position: -41px -858px;
line-height: 45px;
font-size: 16px
}
.btn-large-yellow .btn-right {
background-position: -358px -858px;
height: 45px
}
.btn-large-yellow:hover .btn-text {
background-position: -41px -858px
}
.btn-large-yellow:hover .btn-right {
background-position: -358px -858px
}
.btn-large-disable {
cursor: default
}
.btn-large-disable .btn-text {
background-position: -748px -352px;
color: #999999
}
.btn-large-disable .btn-right {
background-position: -1065px -352px
}
.btn-large-disable:hover .btn-text {
background-position: -748px -352px;
color: #999999
}
.btn-large-disable:hover .btn-right {
background-position: -1065px -352px
}
.number-box {
height: 40px;
display: inline-block;
position: relative;
line-height: 40px;
-moz-user-select: none
}
.number-box:hover {
text-decoration: none
}
.number-box .nb-content {
height: 100%;
text-align: center;
background-image: url('../images/product-icon.png');
background-image: -webkit-image-set(url('../images/product-icon.png') 1x, url('../img/product-icon@2x.png?version=1.0.1') 2x);
background-position: -176px -27px;
position: relative;
display: block;
margin-right: 18px
}
.number-box .nb-add {
background-image: url('../images/product-icon.png');
background-image: -webkit-image-set(url('../images/product-icon.png') 1x, url('../img/product-icon@2x.png?version=1.0.1') 2x);
background-position: -383px -27px;
width: 18px;
height: 20px;
top: 0;
right: 0;
position: absolute
}
.number-box .nb-add:hover {
background-position: -177px -89px
}
.number-box .nb-reduce {
background-image: url('../images/product-icon.png');
background-image: -webkit-image-set(url('../images/product-icon.png') 1x, url('../img/product-icon@2x.png?version=1.0.1') 2x);
background-position: -383px -47px;
width: 18px;
height: 20px;
bottom: 0;
right: 0;
position: absolute
}
.number-box .nb-reduce:hover {
background-position: -177px -125px
}
.number-box .nb-add-disable {
cursor: auto
}
.number-box .nb-add-disable:hover {
background-position: -383px -27px
}
.number-box .nb-reduce-disable {
cursor: auto
}
.number-box .nb-reduce-disable:hover {
background-position: -383px -47px
}
.number-box2 {
position: relative;
display: inline-block;
-moz-user-select: none
}
.number-box2 .nb2-left {
position: absolute;
left: 0;
top: 0;
background-position: -51px -254px;
background-image: url('../images/cart-icon.png');
background-image: -webkit-image-set(url('../images/cart-icon.png') 1x, url('../img/cart-icon@2x.png?version=1.0.1') 2x);
display: block;
width: 26px;
height: 40px
}
.number-box2 .nb2-left:hover {
background-position: -151px -255px
}
.number-box2 .nb2-text {
display: block;
height: 38px;
line-height: 38px;
border: 0;
border-top: 1px solid #e9eaea;
border-bottom: 1px solid #e9eaea;
margin: 0 26px;
padding: 0 10px;
background-color: #fff;
text-align: center
}
.number-box2 .nb2-right {
position: absolute;
right: 0;
top: 0;
background-position: -103px -255px;
background-image: url('../images/cart-icon.png');
background-image: -webkit-image-set(url('../images/cart-icon.png') 1x, url('../img/cart-icon@2x.png?version=1.0.1') 2x);
display: block;
width: 26px;
height: 40px
}
.number-box2 .nb2-right:hover {
background-position: -203px -256px
}
.number-box2 .nb2-left-disable, .disable .nb2-left {
background-position: -51px -315px;
cursor: auto
}
.number-box2 .nb2-left-disable:hover, .disable .nb2-left:hover {
background-position: -51px -315px
}
.number-box2 .nb2-right-disable, .disable .nb2-right {
background-position: -103px -316px;
cursor: auto
}
.number-box2 .nb2-right-disable:hover, .disable .nb2-right:hover {
background-position: -103px -316px
}
.number-box2.small .nb2-left {
background-position: -224px -580px;
width: 18px;
height: 20px
}
.number-box2.small .nb2-left:hover {
background-position: -158px -580px
}
.number-box2.small .nb2-text {
margin: 0 18px;
height: 18px;
line-height: 18px;
border-color: #C8C7CC
}
.number-box2.small .nb2-right {
background-position: -252px -580px;
width: 18px;
height: 20px
}
.number-box2.small .nb2-right:hover {
background-position: -186px -580px
}
.number-box2.small .nb2-left-disable, .disable.small .nb2-left {
background-position: -158px -620px;
cursor: auto
}
.number-box2.small .nb2-left-disable:hover, .disable.small .nb2-left:hover {
background-position: -158px -620px
}
.number-box2.small .nb2-right-disable, .disable.small .nb2-right {
background-position: -186px -620px;
cursor: auto
}
.number-box2.small .nb2-right-disable:hover, .disable.small .nb2-right:hover {
background-position: -186px -620px
}
.select-box {
height: 40px;
display: inline-block;
*display:inline;
*zoom:1;
position: relative;
line-height: 40px;
cursor: pointer;
-moz-user-select: none;
vertical-align: top
}
.select-box .sb-text {
height: 40px;
display: block;
background-image: url('../images/product-icon.png');
background-image: -webkit-image-set(url('../images/product-icon.png') 1x, url('../img/product-icon@2x.png?version=1.0.1') 2x);
background-position: -175px -459px;
padding: 0 25px 0 10px;
margin-right: 3px
}
.select-box:hover .sb-text {
background-position: -175px -517px
}
.select-box .sb-text .right {
display: block;
background-position: -382px -459px
}
.select-box:hover .sb-text .right {
background-position: -382px -517px
}
.select-box .sb-item-box {
position: absolute;
width: 100%;
left: 0;
top: 43px;
display: none
}
.select-box .sb-item {
background-image: url('../images/product-icon.png');
background-image: -webkit-image-set(url('../images/product-icon.png') 1x, url('../img/product-icon@2x.png?version=1.0.1') 2x);
background-position: -175px -600px;
position: relative;
padding: 0 18px 0 10px;
background-color: #fafafa;
display: block;
height: 40px
}
.select-box .right {
background-image: url('../images/product-icon.png');
background-image: -webkit-image-set(url('../images/product-icon.png') 1x, url('../img/product-icon@2x.png?version=1.0.1') 2x);
background-position: -382px -600px;
display: block;
position: absolute;
right: 0;
top: 0;
width: 18px;
height: 40px
}
.select-box:hover {
text-decoration: none
}
.sb-active {
z-index: 3
}
.sb-active .sb-item-box {
display: block
}
.select-box .sb-item-top {
display: block;
position: relative
}
.select-box .sb-item-top .left {
background-image: url('../images/product-icon.png');
background-image: -webkit-image-set(url('../images/product-icon.png') 1x, url('../img/product-icon@2x.png?version=1.0.1') 2x);
background-position: -175px -590px;
height: 3px;
display: block;
margin-right: 3px
}
.select-box .sb-item-top .right {
background-position: -382px -590px;
height: 3px
}
.select-box .sb-item-content {
max-height: 400px;
overflow: hidden;
position: absolute;
top: 3px;
width: 100%
}
.sb-item-c-box {
position: absolute;
width: 100%;
top: 0
}
.select-box .sb-item-bottom {
display: block;
position: absolute;
bottom: 0;
width: 100%
}
.select-box .sb-item-bottom .left {
background-image: url('../images/product-icon.png');
background-image: -webkit-image-set(url('../images/product-icon.png') 1x, url('../img/product-icon@2x.png?version=1.0.1') 2x);
background-position: -175px -667px;
height: 3px;
display: block;
margin-right: 3px
}
.select-box .sb-item-bottom .right {
background-image: url('../images/product-icon.png');
background-image: -webkit-image-set(url('../images/product-icon.png') 1x, url('../img/product-icon@2x.png?version=1.0.1') 2x);
background-position: -382px -667px;
height: 3px;
display: block
}
.select-box .sb-item:hover {
background-position: -175px -700px
}
.select-box .sb-item:hover .right {
background-position: -382px -700px
}
.sb-scroller {
width: 15px;
right: 2px;
top: 1px;
position: absolute;
background-color: #fff;
border-left: 1px solid #e9eaea;
height: 404px;
-ms-touch-action: none
}
.sb-scroller span {
display: block;
background-image: url('../images/product-icon.png');
background-image: -webkit-image-set(url('../images/product-icon.png') 1x, url('../img/product-icon@2x.png?version=1.0.1') 2x);
background-position: -350px -89px;
width: 10px;
height: 66px;
position: absolute;
left: 3px
}
.check-box, .radio-box {
display: inline-block;
display: inline-block;
background-image: url('../images/icon.png');
background-image: -webkit-image-set(url('../images/icon.png') 1x, url('../img/icon@2x.png?version=1.0.4') 2x);
background-position: -257px -741px;
width: 19px;
height: 17px;
cursor: pointer;
vertical-align: middle
}
.check-box-checked {
background-position: -287px -741px
}
.check-box.disable {
background-position: -585px -738px
}
.check-box.green {
width: 20px
}
.check-box-checked.green {
background-position: -540px -804px
}
.radio-box {
background-position: -451px -741px
}
.radio-box-checked {
background-position: -483px -741px
}
.input-box {
height: 40px;
position: relative;
max-width: 328px
}
.input-box .ib-input {
padding: 6px 0 6px 10px;
margin-right: 20px;
background-image: url('../images/btn.png');
background-image: -webkit-image-set(url('../images/btn.png') 1x, url('../img/btn@2x.png?version=1.0.1') 2x);
background-position: -40px -720px;
line-height: 14px;
position: relative;
height: 28px
}
.input-box .ib-msg, .input-box .ib-msgright {
display: none
}
.ib-error .ib-msg {
background-image: url('../images/btn.png');
background-image: -webkit-image-set(url('../images/btn.png') 1x, url('../img/btn@2x.png?version=1.0.1') 2x);
background-position: -748px -761px;
height: 20px;
color: #ffffff;
font-size: 12px;
margin-right: 10px;
display: block;
padding-left: 30px;
line-height: 20px
}
.ib-error .ib-msgright {
background-image: url('../images/btn.png');
background-image: -webkit-image-set(url('../images/btn.png') 1x, url('../img/btn@2x.png?version=1.0.1') 2x);
background-position: -1058px -761px;
height: 20px;
position: absolute;
right: 0;
bottom: -20px;
width: 10px;
display: block
}
.ib-placeholder {
position: absolute;
left: 10px;
top: 0;
width: 100%;
height: 40px;
line-height: 40px;
color: #888a89
}
.ib-focus .ib-input {
background-position: -386px -721px
}
.input-box .ib-right {
width: 20px;
height: 40px;
background-image: url('../images/btn.png');
background-image: -webkit-image-set(url('../images/btn.png') 1x, url('../img/btn@2x.png?version=1.0.1') 2x);
background-position: -340px -720px;
position: absolute;
right: 0;
top: 0
}
.ib-focus .ib-right {
background-position: -686px -721px
}
.ib-error .ib-input {
background-position: -748px -721px
}
.ib-error .ib-right {
background-position: -1048px -721px
}
.disable .ib-input input {
color: #999999
}
.input-box textarea {
border: 0;
width: 100%;
line-height: 20px;
background-color: transparent
}
.input-box input {
border: 0;
height: 18px;
line-height: 18px;
width: 100%;
background-color: transparent;
background-image: url(../images/placeholder-transparent.gif);
position: absolute;
top: 11px;
z-index: 1
}
.ib-msg-right .ib-msgright {
display: none
}
.ib-msg-right .ib-msg {
position: absolute;
top: 0;
right: -190px;
background-image: none;
color: red;
margin: 0;
padding: 0;
width: 180px;
height: auto
}
.ib-msg-right.ib-error .ib-input {
background-position: -748px -799px
}
.ib-msg-right.ib-error .ib-right {
background-position: -1048px -799px
}
.text-invalid {
text-decoration: line-through
}
.f-left {
float: left
}
.f-right {
float: right
}
.clear {
clear: both;
font-size: 0;
line-height: 0;
height: 0
}
.textarea-box {
position: relative;
border: 1px solid #E8E8E8;
border-radius: 4px;
padding: 4px;
height: 69px;
background-color: #FCFCFC
}
.textarea-box textarea {
display: block;
width: 100%;
height: 69px;
border: 0;
border-radius: 4px;
background-color: transparent;
background-image: url(../images/placeholder-transparent.gif);
z-index: 1;
position: absolute;
top: 4px;
left: 4px
}
.tab-placeholder {
position: absolute;
top: 6px;
left: 4px;
color: #888a89
}
.tab-focus {
border: 1px solid #61CE8C
}
.tab-error {
border: 1px solid #EB5851
}
.textarea-msg {
height: 20px;
position: absolute;
bottom: -18px;
width: 100%;
display: none
}
.textarea-msg .ta-msg-left {
background-image: url('../images/btn.png');
background-image: -webkit-image-set(url('../images/btn.png') 1x, url('../img/btn@2x.png?version=1.0.1') 2x);
background-position: -748px -761px;
height: 20px;
width: 30px;
position: absolute;
left: 0;
top: 0
}
.textarea-msg .ta-msg-content {
background-color: #EB5851;
color: #ffffff;
font-size: 12px;
height: 20px;
line-height: 20px;
margin: 0 30px
}
.textarea-msg .ta-msg-right {
background-image: url('../images/btn.png');
background-image: -webkit-image-set(url('../images/btn.png') 1x, url('../img/btn@2x.png?version=1.0.1') 2x);
background-position: -1038px -761px;
height: 20px;
width: 30px;
position: absolute;
right: 0;
top: 0
}
.paging {
text-align: center;
height: 24px
}
.paging .disable {
color: #999999;
cursor: auto
}
.paging .disable:hover {
text-decoration: none
}
.paging a {
display: inline-block;
padding: 0 10px;
line-height: 24px;
height: 24px;
color: #666666
}
.paging div {
display: inline-block;
*display:inline
}
.paging div a {
display: inline-block;
width: 24px;
height: 20px;
cursor: pointer;
padding: 0;
line-height: 20px;
margin-left: 4px
}
.paging .current {
background-image: url('../images/product-icon.png');
background-image: -webkit-image-set(url('../images/product-icon.png') 1x, url('../img/product-icon@2x.png?version=1.0.1') 2x);
background-position: -310px -207px;
color: #fff
}
.paging .previous {
margin-right: 15px;
padding: 0
}
.paging .next {
margin-left: 10px;
padding: 0
}
.window {
background-color: #ffffff;
position: fixed;
z-index: 102;
display: none
}
.window-close {
display: inline-block;
background-image: url('../images/icon.png');
background-image: -webkit-image-set(url('../images/icon.png') 1x, url('../img/icon@2x.png?version=1.0.4') 2x);
width: 24px;
height: 24px;
position: absolute;
right: 15px;
top: 15px;
background-position: -323px -737px;
cursor: pointer
}
.window-close:hover {
background-position: -358px -737px
}
.window-content {
padding: 55px
}
.window-mask {
position: absolute;
background-image: url(../images/black-transparent-35.png);
top: 0;
left: 0;
z-index: 101
}
.msg-window {
min-width: 240px;
text-align: center
}
.msg-window h2 {
font-size: 24px;
display: inline-block;
*display:inline;
*zoom:1;
text-align: left;
line-height: 28px
}
.msg-window p {
display: inline-block;
*display:inline;
*zoom:1;
text-align: left;
font-size: 16px;
color: #666666;
line-height: 24px
}
.msg-window img {
vertical-align: top;
margin-right: 20px
}
.msg-window .hasicon {
max-width: 197px
}
.confirm-window {
min-width: 240px
}
.confirm-window .title, .confirm-window-2 .title {
font-size: 16px;
line-height: 24px;
color: #666666;
text-align: center
}
.confirm-window .btns {
text-align: right;
padding-top: 25px
}
.confirm-window .btn-normal {
width: 100px;
margin-left: 10px
}
.confirm-window-2 .title {
font-size: 18px
}
.confirm-window-2 p {
line-height: 20px;
max-width: 328px;
margin-top: 20px
}
.confirm-window-2 .btn-normal {
display: block;
width: 200px;
margin: 0 auto;
margin-top: 20px
}
.confirm-window-2 .input-box, .confirm-window-2 .textarea-box {
margin: 20px 0 25px 0
}
.icon-success {
display: inline-block;
background-image: url('../images/icon.png');
background-image: -webkit-image-set(url('../images/icon.png') 1x, url('../img/icon@2x.png?version=1.0.4') 2x);
width: 28px;
height: 28px;
background-position: -490px -849px;
vertical-align: top;
margin-right: 15px
}
.icon-active-success {
width: 46px;
height: 46px;
background-position: -358px -280px;
display: inline-block;
vertical-align: middle
}
.hover-product {
width: 245px;
position: relative
}
.hover-product .icon-paygift, .hover-product .icon-exchangebuy {
vertical-align: text-top;
margin-right: 8px
}
.hover-product .link {
display: block;
color: #333333;
position: relative;
width: 100%;
min-height: 225px
}
.activity-pg-panel .tagtips, .hover-product .tagtips, .product-large .tagtips {
color: #ffffff;
font-size: 12px;
top: 205px;
left: 9px;
position: absolute;
line-height: 20px
}
.tagtips .desc-tips {
background-color: #77ce88;
float: left;
padding: 0 4px
}
.tagtips .discount-tips {
background-color: red;
float: left;
padding: 0 4px
}
.hover-product:hover {
z-index: 2
}
.hover-product .h-p-content {
padding: 10px 0px 24px 0px;
border: 1px solid transparent;
border-bottom: 0
}
.hover-product:hover .h-p-content {
background-color: #ffffff;
border: 1px solid #e4e4e4;
border-bottom: 0
}
.hover-product:hover .h-p-bottom {
display: block
}
.hover-product img {
width: 225px;
height: 225px;
display: block;
margin-left: 9px
}
.hover-product h2 {
margin: 13px 0 0 9px;
line-height: 18px;
height: 18px;
overflow: hidden
}
.hover-product .font-color4, .hover-product .sale-type {
margin: 8px 0 0 9px;
white-space: nowrap;
overflow: hidden;
height: 17px
}
.hover-product .font-color4 span {
display: inline-block;
height: 17px;
line-height: 17px
}
.hover-product .sale-type {
padding-top: 9px;
color: #666666
}
.hover-product .h-p-bottom {
width: 243px;
background-color: #ffffff;
border: 1px solid #e4e4e4;
border-top: 0;
display: none;
position: absolute;
height: 60px
}
.h-p-bottom-mask {
margin: 10px;
position: relative;
overflow: hidden
}
.h-p-bottom .select-box, .h-p-bottom .number-box {
width: 115px;
float: left
}
.h-p-bottom .btn-normal {
width: 100px;
float: right
}
.h-p-bottom .btn-normal-yellow {
width: 223px;
position: absolute;
left: 0;
bottom: -40px
}
.top-nav {
padding-top: 30px
}
.top-nav h2 {
font-size: 24px;
text-align: center;
position: relative;
min-height: 12px
}
.top-nav a {
margin: 0 10px
}
.top-nav .middle-nav {
text-align: center;
overflow: hidden;
margin-top: 20px;
color: #e9e9e9
}
.middle-nav a {
color: #666666
}
.top-nav .current {
color: #1daa39;
font-weight: bold
}
.top-nav .left-nav {
position: absolute;
font-size: 12px;
bottom: 0;
left: 0;
color: #999999
}
.top-nav .left-nav a {
margin: 0
}
.left-nav a {
color: #999999
}
.top-nav p {
width: 580px;
margin: 0 auto;
text-align: center;
margin-top: 15px;
line-height: 24px;
color: #666666
}
.loginwindow {
position: relative;
padding-bottom: 175px
}
.loginwindow .title {
font-size: 16px;
padding-bottom: 25px;
text-align: center
}
.loginwindow .input-box {
margin-top: 15px;
width: 300px
}
.loginwindow .check-box {
vertical-align: text-top;
margin-right: 8px
}
.loginwindow .btn-normal {
margin: 15px auto;
width: 300px;
display: block
}
.loginwindow .right {
float: right
}
.loginwindow .loginbottom .btn-normal {
margin: 40px auto 0 auto
}
.loginwindow .loginbottom {
border-top: 1px solid #ededed;
background-color: #fcfcfc;
height: 135px;
position: absolute;
left: 0;
bottom: 2px;
width: 100%
}
.cart-result {
width: 960px;
position: relative;
margin: 105px auto 125px auto
}
.cr-left, .cr-right {
background-image: url('../images/cart-icon.png');
background-image: -webkit-image-set(url('../images/cart-icon.png') 1x, url('../img/cart-icon@2x.png?version=1.0.1') 2x);
background-position: -175px -672px;
width: 60px;
height: 60px;
position: absolute;
bottom: 0;
left: 0
}
.cr-right {
right: 0;
left: auto;
background-position: -246px -672px
}
.cr-c-top {
background-image: url(../images/cart-submit-result.png);
height: 35px;
margin: 0 60px
}
.cr-c-bottom {
background-color: #faf5ea;
margin: 0 60px;
overflow: hidden;
min-height: 280px
}
.cr-c-bottom .left {
border-top: 1px solid #eae6da;
width: 94px;
height: 95px;
float: left;
margin-left: 25px;
padding: 45px 55px 0 20px
}
.cr-c-bottom>.right {
float: left;
width: 620px;
border-top: 1px solid #eae6da;
padding-top: 45px
}
.cr-c-bottom .text1 {
color: #1daa39;
font-size: 24px
}
.cr-c-bottom .text2 {
color: #45423b;
line-height: 24px;
margin-top: 15px
}
.cr-c-bottom .text2 td {
vertical-align: top;
padding-bottom: 8px
}
.cr-c-bottom .text2 .spliter td {
padding-bottom: 18px
}
.cr-c-bottom .gift-ticket {
overflow: hidden;
margin-top: 15px;
line-height: 24px
}
.cr-c-bottom .gift-ticket .user-icon {
float: left;
margin-top: 3px
}
.cr-c-bottom .gift-ticket .text {
float: left;
max-width: 460px;
padding-left: 8px
}
.cr-c-bottom b {
font-weight: bold
}
.cr-c-bottom .desc {
color: #b1ada6
}
.cr-c-bottom .btn-normal {
margin: 45px 20px 45px 0;
width: 135px
}
.cr-icon {
background-image: url('../images/cart-icon.png');
background-image: -webkit-image-set(url('../images/cart-icon.png') 1x, url('../img/cart-icon@2x.png?version=1.0.1') 2x);
background-position: -42px -656px;
width: 95px;
height: 95px;
display: inline-block
}
.cr-c-b-error .cr-icon {
background-position: -208px -782px
}
.cr-c-b-error .text1 {
color: #db3f15
}
.icon-share-s {
background-position: -176px -267px;
width: 35px;
height: 20px;
cursor: default
}
#icon-sina-s {
background-position: -229px -267px;
width: 20px;
height: 20px
}
#icon-sina-s:hover {
background-position: -229px -303px
}
.icon-douban-s {
background-position: -264px -267px;
width: 20px;
height: 20px
}
.icon-douban-s:hover {
background-position: -264px -303px
}
#icon-qzone-s {
background-position: -300px -267px;
width: 20px;
height: 20px
}
#icon-qzone-s:hover {
background-position: -300px -303px
}
#icon-wechat-s {
background-position: -336px -267px;
width: 20px;
height: 20px
}
#icon-wechat-s:hover {
background-position: -336px -303px
}
.icon-qq-s {
background-position: -371px -267px;
width: 20px;
height: 20px
}
.icon-qq-s:hover {
background-position: -371px -303px
}
.hoverpanel-nohover {
cursor: pointer
}
.hoverpanel-nohover:hover {
border-color: transparent;
background-color: transparent
}
.hoverpanel-nohover:hover .icon-split {
display: block
}
.hover-bgmask {
position: absolute;
background-image: url(../images/black-transparent.png);
z-index/*\**/: -1 \9;
opacity: 0;
-webkit-transition: opacity 200ms ease-out;
top: 0;
left: 0
}
.disable {
color: #b9b9b9 !important;
cursor: default !important
}
.cart-result .coupon-list {
margin-top: 18px;
padding-bottom: 95px
}
.cart-result .coupon-list .coupon-patch {
margin-top: 30px
}
.animate .h-p-content {
-webkit-transition: border-color 400ms ease-out
}
.animate:hover .h-p-content {
border-color: #e4e4e4
}
.animate .h-p-bottom {
-webkit-transition-property: top, opacity, border-color;
-webkit-transition-duration: 200ms;
opacity: 0;
top: 320px;
border-color: transparent;
display: block
}
.animate:hover .h-p-bottom {
opacity: 1;
top: 331px;
border-color: #e4e4e4
}
.pad-hover-product-hover {
z-index: 2
}
.pad-hover-product-hover .h-p-content {
background-color: #ffffff;
border: 1px solid #e4e4e4;
border-bottom: 0
}
.pad-hover-product-hover .h-p-bottom {
display: block;
opacity: 1;
top: 312px;
border-color: #e4e4e4
}
.recommendWindow {
width: 715px
}
.recommendWindow .title {
font-size: 16px
}
.recommendWindow .contentItemPanel {
padding-top: 35px;
overflow: hidden
}
.recommendWindow .items {
float: left;
width: 160px;
margin-left: 25px
}
.recommendWindow .items:first-child {
margin-left: 0
}
.recommendWindow .items img {
width: 160px;
height: 160px
}
.recommendWindow .items h2 {
padding-top: 20px
}
.recommendWindow .items .spec {
line-height: 16px;
padding: 10px 0 5px 0
}
.recommendWindow .items p {
line-height: 20px;
font-size: 12px
}
.recommendWindow .items .spec span {
padding-right: 6px
}
.recommendWindow .btnPanel {
padding-top: 20px;
overflow: hidden
}
.recommendWindow .btnPanel .items {
overflow: hidden;
position: relative
}
.recommendWindow .btnPanel .btn-normal {
width: 120px
}
.recommendWindow .btnPanel .btn-normal-yellow {
position: absolute;
bottom: -40px;
left: 0
}
#nprogress {
pointer-events: none
}
#nprogress .bar {
background: #7fd452;
position: fixed;
z-index: 1031;
top: 0;
left: 0;
width: 100%;
height: 3px
}
#nprogress .peg {
display: block;
position: absolute;
right: 0px;
width: 100px;
height: 100%;
box-shadow: 0 0 10px #7fd452, 0 0 5px #7fd452;
opacity: 1.0;
-webkit-transform: rotate(3deg) translate(0px, -4px);
-ms-transform: rotate(3deg) translate(0px, -4px);
transform: rotate(3deg) translate(0px, -4px)
}
.nprogress-custom-parent {
overflow: hidden;
position: relative
}
.nprogress-custom-parent #nprogress .spinner, .nprogress-custom-parent #nprogress .bar {
position: absolute
}
@-webkit-keyframes nprogress-spinner {
0% {
-webkit-transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg)
}
}
@keyframes nprogress-spinner {
0% {
transform:rotate(0deg)
}
100% {
transform:rotate(360deg)
}
}
.snowfall-flakes {
pointer-events: none
}
.green-pointer {
background-image: url('../images/product-icon.png');
background-image: -webkit-image-set(url('../images/product-icon.png') 1x, url('../img/product-icon@2x.png?version=1.0.1') 2x);
display: inline-block;
width: 17px;
height: 17px;
color: #ffffff;
font-size: 12px;
line-height: 17px;
text-align: center;
vertical-align: text-bottom;
background-position: -61px -470px
}
.gray-pointer {
background-image: url('../images/product-icon.png');
background-image: -webkit-image-set(url('../images/product-icon.png') 1x, url('../img/product-icon@2x.png?version=1.0.1') 2x);
display: inline-block;
width: 17px;
height: 17px;
color: #ffffff;
font-size: 12px;
line-height: 17px;
text-align: center;
vertical-align: text-bottom;
background-position: -23px -433px
}
.gray2-pointer {
background-image: url('../images/product-icon.png');
background-image: -webkit-image-set(url('../images/product-icon.png') 1x, url('../img/product-icon@2x.png?version=1.0.1') 2x);
display: inline-block;
width: 17px;
height: 17px;
color: #ffffff;
font-size: 12px;
line-height: 17px;
text-align: center;
vertical-align: text-bottom;
background-position: -61px -433px
}
.black-pointer {
background-image: url('../images/product-icon.png');
background-image: -webkit-image-set(url('../images/product-icon.png') 1x, url('../img/product-icon@2x.png?version=1.0.1') 2x);
display: inline-block;
width: 17px;
height: 17px;
color: #ffffff;
font-size: 12px;
line-height: 17px;
text-align: center;
vertical-align: text-bottom;
background-position: -23px -470px
}
.coupon-patch {
height: 138px
}
.coupon {
width: 333px;
position: relative
}
.coupon .red-circle {
top: -2px;
right: -1px;
z-index: 1
}
.coupon-top {
background-image: url(../images/ticket-middle.png);
background-image: -webkit-image-set(url(../images/ticket-middle.png) 1x, url(../img/retail/ticket-middle@2x.png) 2x);
height: 54px;
padding: 28px 15px 0 15px;
position: relative;
white-space: nowrap;
overflow: hidden
}
.coupon-top-border {
background-position: -58px -60px;
height: 8px
}
.coupon-middle-border {
background-position: -58px -153px;
height: 10px
}
.coupon-top .t-titles {
display: inline-block;
line-height: 22px;
width: 200px
}
.coupon-top .t-titles .t-subtitle {
font-size: 12px
}
.coupon-top .t-titles .t-title {
font-size: 16px;
text-overflow: ellipsis;
overflow: hidden
}
.coupon-content {
padding: 5px 15px 0 15px;
height: 23px;
overflow: hidden;
color: #999999;
position: relative;
background-image: url(../images/ticket-middle.png);
background-image: -webkit-image-set(url(../images/ticket-middle.png) 1x, url(../img/retail/ticket-middle@2x.png) 2x)
}
.coupon-content .btn-normal {
width: 180px;
display: block;
margin: 0 auto;
margin-top: 40px
}
.coupon-bottom {
height: 10px;
background-position: -58px -176px
}
.coupon .coupon-content .t-title {
line-height: 23px
}
.coupon .coupon-content .show {
float: right;
width: 24px;
height: 24px;
background-position: -164px -187px
}
.coupon .coupon-content .hide {
background-position: -164px -206px
}
.coupon .coupon-content .t-detail {
overflow: hidden;
margin-top: 10px
}
.coupon .t-detail .btn-small {
display: block;
width: 100px;
margin: 20px auto
}
.coupon .t-detail .item {
line-height: 20px;
font-size: 12px
}
.coupon .t-detail .item:first-child {
margin-top: 10px
}
.coupon .t-detail .tips {
background-color: #EDEDED;
width: 190px;
margin: 0 auto;
line-height: 30px;
font-size: 12px;
text-align: center;
margin-top: 28px;
border-radius: 4px
}
.coupon .coupon-top .value {
font-size: 40px;
min-width: 105px;
display: inline-block
}
.coupon .coupon-top .unit {
font-size: 22px
}
.coupon .coupon-content .status-icon {
background-image: url('../images/ticket-icon-new.png');
background-image: -webkit-image-set(url('../images/ticket-icon-new.png') 1x, url('../img/retail/ticket-icon-new@2x.png?version=1.0.1') 2x);
position: absolute;
top: 13px;
right: 33px;
display: none
}
.coupon .coupon-content .status-icon.expired {
background-position: -328px -196px;
width: 104px;
height: 78px
}
.coupon .coupon-content .status-icon.used {
background-position: -204px -196px;
width: 104px;
height: 78px
}
.coupon-normal-yellow {
color: #f4b11a
}
.coupon-normal-yellow.coupon-type-new {
color: #6ac0ff
}
.coupon-normal-green {
color: #34c150
}
.coupon-normal-green.purple {
color: #b9aede
}
.coupon-normal-green-disable, .coupon-normal-yellow-disable {
color: #999999
}
.coupon-large .coupon-top .t-title {
float: right;
line-height: 93px;
font-size: 20px
}
.coupon-large .coupon-content {
line-height: 28px;
font-size: 16px;
height: auto
}
.coupon-large .icon-gift {
background-image: url('../images/ticket-icon-new.png');
background-image: -webkit-image-set(url('../images/ticket-icon-new.png') 1x, url('../img/retail/ticket-icon-new@2x.png?version=1.0.1') 2x);
background-position: -25px -178px;
width: 61px;
height: 62px;
display: inline-block;
margin-top: 15px
}
.coupon-normal-yellow .coupon-top-border {
background-position: -58px -114px
}
.coupon-normal-yellow .icon-gift, .coupon-normal-yellow-disable .icon-gift {
background-position: -116px -196px;
width: 33px;
height: 36px;
display: inline-block;
margin: 0 50px 0 20px
}
.item-list {
line-height: 18px;
position: relative;
padding-left: 10px
}
.item-list .dot {
width: 2px;
height: 2px;
background-color: #999999;
position: absolute;
top: 6px;
left: 0;
border: 1px solid #999999;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px
}
.coupon .item-list {
font-size: 12px
}
.coupon-normal-green.purple .coupon-top-border {
background-position: -58px -132px
}
.coupon-normal-green .icon-gift, .coupon-normal-green-disable .icon-gift {
display: none
}
.coupon-normal-yellow-disable .icon-gift {
background-position: -116px -242px
}
.coupon-normal-yellow-disable .coupon-top-border, .coupon-normal-green-disable .coupon-top-border {
background-position: -58px -96px
}
.coupon-normal-yellow.coupon-type-new .coupon-top-border {
background-position: -58px -78px
}
.coupon-normal-yellow.coupon-type-new .icon-gift {
background-position: -60px -196px;
width: 36px
}
.coupon-normal-yellow-disable.coupon-type-new .icon-gift {
background-position: -60px -242px;
width: 36px
}
.window-ticket {
background-color: transparent
}
.window-ticket .title-img {
width: 350px;
height: 187px;
display: block
}
.window-ticket .window-content {
padding: 0
}
.window-ticket .window-close {
right: -10px;
top: -10px;
background-position: -516px -738px
}
.window-ticket .window-close:hover {
background-position: -551px -738px
}
.window-ticket .content {
padding: 25px;
width: 300px;
background-color: #ffffff
}
.window-ticket .title {
font-size: 18px;
padding-bottom: 10px;
line-height: 23px;
text-align: center
}
.window-ticket .btn-normal {
width: 120px;
display: block;
margin: 25px auto 0 auto
}
.window-ticket .item-list {
line-height: 22px
}
.window-ticket .item-list .dot {
top: 8px
}
.btn-show-trace-report {
border: 1px solid #1daa39;
color: #1daa39;
width: 70px;
text-align: center;
display: block;
line-height: 19px;
border-radius: 3px;
font-size: 12px
}
.btn-show-trace-report.disable {
color: #999999;
border-color: #999999
}
.certificate-window {
width: 750px
}
.certificate-window .window-content {
padding: 0;
height: 440px;
overflow: auto
}
.certificate-window .window-content iframe {
width: 100%;
height: 440px;
vertical-align: middle
}
.certificate-window .window-content img {
width: 100%
}
.certificate-window .window-close, .window-in-category .window-close, .window.no-padding .window-close {
top: 0;
right: -35px;
background-position: -298px -48px
}
.window.no-padding .window-content {
padding: 0;
overflow: auto
}
.certificate-window .topbar {
text-align: center;
padding: 14px 0 12px 0;
font-size: 0;
-webkit-text-size-adjust: none
}
.certificate-window .topbar .item {
display: inline-block;
width: 100px;
color: #666666
}
.certificate-window .topbar .item:hover, .certificate-window .topbar .item.selected {
color: #1daa39
}
.certificate-window .topbar .item img {
width: 30px;
height: 30px;
vertical-align: middle
}
.certificate-window .topbar .item .name {
font-size: 16px;
margin-top: 10px;
height: 16px;
white-space: nowrap
}
.certificate-window .window-content .item {
border-top: 1px dashed #999999;
padding: 40px 0;
text-align: center
}
.certificate-window .window-content img {
width: 100%;
margin-top: 20px
}
.certificate-window .window-content .item p, .certificate-window .window-content .item div {
line-height: 24px;
font-size: 16px;
margin: 16px 22px 0 22px !important
}
.certificate-window .window-content .item:first-child {
padding-top: 0;
border: 0
}
.certificate-window .window-content .item>:first-child {
margin-top: 0
}
.window-in-category.bom-item-list .topbar {
line-height: 66px;
font-size: 18px;
padding: 0;
border-bottom: 1px solid #d1d1d1;
text-align: center
}
.window-in-category.bom-item-list .window-content {
padding: 0;
height: 440px
}
.window-in-category.bom-item-list .bom-item {
height: 98px;
border-bottom: 1px solid #d1d1d1;
margin-left: 36px;
position: relative
}
.window-in-category.bom-item-list .bom-item img {
width: 60px;
height: 60px;
position: absolute;
top: 19px;
left: 0;
margin: 0
}
.window-in-category.bom-item-list .bom-item .name {
position: absolute;
top: 21px;
left: 80px;
font-size: 16px
}
.window-in-category.bom-item-list .bom-item .desc {
position: absolute;
bottom: 21px;
left: 80px;
color: #999999
}
.window-in-category.bom-item-list .bom-item .btn-show-trace-report {
position: absolute;
right: 60px;
top: 35px;
width: 100px;
font-size: 14px;
line-height: 28px
}
.empty-trace-report {
text-align: center;
margin-top: 100px
}
.empty-trace-report .icon {
display: inline-block;
background-image: url('../images/icon-new.png');
background-image: -webkit-image-set(url('../images/icon-new.png') 1x, url('../img/icon-new@2x.png?version=0.0.1') 2x);
background-position: -10px -53px;
width: 36px;
height: 40px;
display: inline-block
}
.empty-trace-report .text {
color: #999999;
margin-top: 40px;
line-height: 24px
}
.window-in-category .window-content {
padding: 44px 30px 70px 30px;
width: 540px;
height: 516px;
overflow: auto
}
.window-in-category .title {
font-size: 24px;
text-align: center
}
.window-in-category .title-img {
margin: 20px 0 34px 0;
vertical-align: middle
}
.window-in-category .sub-title {
color: #999999;
font-size: 18px;
text-align: center;
margin-top: 12px
}
.window-in-category .content {
margin-top: 24px;
line-height: 26px
}
@-webkit-keyframes SYKScale {
0% {
-webkit-transform:scale(0.9)
}
50% {
-webkit-transform:scale(1.1)
}
100% {
-webkit-transform:scale(0.9)
}
}
.vertical-placeholder {
vertical-align: middle;
display: inline-block;
width: 1px;
height: 100%
}
.vertical-content {
display: inline-block;
vertical-align: middle
}
.vertical-bottom-content {
display: inline-block;
vertical-align: bottom
}
.autocomplete-list {
position: absolute;
z-index: 10;
left: 0;
top: 44px;
right: 0;
z-index: 1000;
border: 1px solid #D8D8D8;
border-radius: 4px;
font-size: 14px;
padding: 5px 0;
background-color: #fff;
overflow: auto
}
.autocomplete-list .item {
padding: 5px 8px;
line-height: 18px;
cursor: pointer
}
.autocomplete-list .item:hover {
background-color: #f1f1f1
}
.autocomplete-list .item .subtitle {
color: #666666
}
.left-arrow-36 {
background-image: url('../images/user-icon.png');
background-image: -webkit-image-set(url('../images/user-icon.png') 1x, url('../img/user-icon@2x.png?version=1.0.1') 2x);
background-position: -128px -287px;
width: 19px;
height: 36px;
display: inline-block;
vertical-align: middle
}
.right-arrow-36 {
background-image: url('../images/user-icon.png');
background-image: -webkit-image-set(url('../images/user-icon.png') 1x, url('../img/user-icon@2x.png?version=1.0.1') 2x);
background-position: -170px -287px;
width: 19px;
height: 36px;
display: inline-block;
vertical-align: middle
}
.autocomplete-search-list {
position: absolute;
left: 0;
top: 49px;
width: 224px;
background-color: #fff;
border: 1px solid #eeeeee;
border-top: 0;
padding: 20px 0px 13px 0px;
display: none
}
.autocomplete-search-list .selected {
background-color: #f1f1f1
}
.focus .autocomplete-search-list {
display: block
}
.autocomplete-search-list.no-result {
display: none
}
.h-m-r-menu .autocomplete-search-list {
top: 40px;
left: -16px;
width: 226px;
padding: 20px 15px 13px 15px
}
.autocomplete-search-list .title {
padding: 0 15px 17px 15px;
color: #999999
}
.autocomplete-search-list .item {
color: #666666;
line-height: 28px;
display: block;
padding: 0 15px
}
.autocomplete-search-list .spliter {
height: 1px;
background-color: #eeeeee;
margin: 13px 15px 20px 15px
}
.autocomplete-search-list .icon-trash {
display: inline-block;
background-image: url('../images/icon-new.png');
background-image: -webkit-image-set(url('../images/icon-new.png') 1x, url('../img/icon-new@2x.png?version=0.0.1') 2x);
width: 14px;
height: 14px;
background-position: -10px -10px;
float: right
}
.order-agent-panel {
background-image: url(../images/blue-transparent.png);
height: 98px;
width: 100%;
line-height: 98px;
position: fixed;
bottom: 0;
left: 0;
z-index: 999;
font-size: 24px;
color: #fff
}
.order-agent-panel .content {
width: 900px;
margin: 0 auto
}
.order-agent-panel span {
vertical-align: middle
}
.order-agent-panel .name {
color: #f8dd5d;
margin: 0 5px
}
.order-agent-panel .button {
color: #fff;
border: 1px solid #fff;
border-radius: 3px;
width: 100px;
line-height: 34px;
display: inline-block;
font-size: 16px;
text-align: center;
float: right;
margin-top: 32px
}
.order-agent-panel .title {
margin-left: 15px
}
.order-agent-panel .spliter {
border-left: 1px dashed #fff;
margin: 0 40px;
height: 50px;
display: inline-block
}
.icon-order-agent {
background-image: url('../images/user-icon.png');
background-image: -webkit-image-set(url('../images/user-icon.png') 1x, url('../img/user-icon@2x.png?version=1.0.1') 2x);
background-position: -213px -282px;
width: 38px;
height: 38px;
display: inline-block
}
.text-key-value {
line-height: 28px;
overflow: hidden
}
.text-key-value .key {
float: left
}
.text-key-value .value {
float: left;
color: #666666
}
.my-map {
margin: 0 auto;
width: 600px;
height: 400px
}
.my-map .amap-container {
width: 600px;
height: 400px
}
.my-map .icon {
background: url(../images/marker.png) no-repeat
}
.my-map .icon-cir {
height: 31px;
width: 28px
}
.my-map .icon-cir-red {
background-position: -11px -5px
}
.btn-play {
background-image: url('../images/btn.png');
background-image: -webkit-image-set(url('../images/btn.png') 1x, url('../img/btn@2x.png?version=1.0.1') 2x);
position: absolute;
width: 72px;
height: 72px;
background-position: -395px -489px;
left: 50%;
top: 50%;
margin: -36px 0 0 -36px;
cursor: pointer
}
img.zom{
-webkit-transition:All 0.6s ease-in-out;
-moz-transition:All 0.6s ease-in-out;
-o-transition:All 0.6s ease-in-out;
transition:All 0.6s ease-in-out;
}
img.zom:hover {
-webkit-transform:scale(1.05);
-moz-transform:scale(1.05);
-ms-transform:scale(1.05);
-o-transform:scale(1.05);
transform:scale(1.05);
}
/* 日志页面*/
.tj-wrap{width:1200px;margin:0 auto; overflow:hidden}
.tj-wrap h2{ line-height: 36px; padding-bottom: 8px; font-size: 16px;}
.tj-wrap ul{ width: 1220px;}
.tj-wrap li{ background: #fff; width: 568px; padding: 20px 40px 20px 0; overflow: hidden; float: left; margin: 0 8px 20px; overflow:hidden;}
.tj-wrap li:nth-child(2n){padding: 20px 0 20px 0; }
.tj-left{ width: 568px; height: 326px; overflow: hidden;}
.tj-left img{ width: 568px; height: 326px;}
.tj-right{ width: 568px; float:right; margin-top:15px;}
.tj-right h3{ height: 34px; line-height: 40px; overflow: hidden; font-size: 20px; text-align:right; color:#000}
.tj-price{ padding:3px 0 3px 56px; position: relative; line-height: 22px; margin-top: 20px; }
.tj-price b{ position: absolute; left: 0; top: 0; width: 40px; height: 50px; background-position: 0 -210px;}
.tj-des{ padding-top: 8px; text-indent: 2em; height: 48px; text-align: justify;overflow: hidden; line-height:24px; text-align:right; color:#989994}
/* 左边飘浮菜单*/
.left-navbox{width:117px; overflow:hidden; position:fixed; margin-left:-760px;margin-top:50px;top:50%;left:50%; z-index:9999;background-color: #fff;}
.left-nav{font-size:12px;margin-bottom:25px;padding:0 10px;}
.left-nav li{ line-height:30px; background:#fff; text-align:center;margin-bottom:5px;width:100%;float:left}
.left-nav li a{ display:block; height:30px;font-size:14px;}
.left-nav li a:hover{background:#f9a848;color:#fff;}
.navcur a{background:#f9a848;color:#fff;}
.newa{float:right;margin-right:10px;}
.newa a{font-size:16px; font-weight:normal;margin:0 auto;padding:0 10px;}
.cpclass{ float:left;padding:10px 0}
.cpfl{width:220px; overflow:hidden;margin:0 auto;padding:10px; float:left}
.cpfl h2{ color:#666; font-size:14px;padding-left:18px;}
.cpfl li{ color:#999;padding:10px}
.cpfl li a{padding:5px 20px; display:inline-block; float:left; font-size:12px}
.cpfl li a:hover{ color:#18b24c}
.flimg{margin-left:25px;}
.login{width:1200px;margin:0 auto; position:relative; z-index:2}
.man{ position:absolute;top:48px;right:68px; z-index:2}
.man img{ border-radius:86px;width:86px; height:86px;}
.logbt{width:75px;height:30px; line-height:30px; text-align:center; border-radius:35px; color:#f9a848; border:1px solid #f9a848; background-color:#fff; display:inline-block;margin:10px;}
.logbt:hover{background-color:#f9a848; color:#fff}
.loginbd{ position:absolute;top:90px;right:0px;width:220px;height:235px; background-color:#fff;padding:10px; box-sizing:border-box}
.loginbd li{ text-align:center;padding-bottom:20px;}
.loginbd p{line-height:25px; font-size:12px;}
.loginbd p a{ color:#666}
.loginbd h2{text-align:center;padding:50px 0 30px; color:#999999}
.loginbd h3{ text-align:center; font-size:14px;margin-top:-10px;}
.loginbd h3 a{ color:#999;}
.canbt{height:30px; line-height:30px; text-align:center; border-radius:35px; color:#fff; border:1px solid #f9a848; background-color:#f9a848; display:block;margin:10px;}
.canbt:hover{background-color:#f9a848; color:#fff}
/* 左边楼层菜单*/
div.floatCtro{ width:100px;position: fixed; left:85px; top:50; z-index:100; display:none; background-color:#e8e6e6}
div.floatCtro p{width:100px; text-align:center; height:40px; line-height:40px; font-family:'微软雅黑'; font-size:14px; color:#676767; margin:0; padding:0; cursor:pointer; background:#e8e6e6;}
div.floatCtro a{ display:inline-block; display:none; width:100px; margin:0; background:#fff; color:#000; vertical-align:middle; cursor:pointer;}
div.floatCtro a span{ display:block; width:100px; height:25px; line-height:25px; font-family:'微软雅黑'; font-size:14px; text-align:center;}
div.floatCtro a:hover{ background:#f9a848; color:#fff; zoom:1;}
div.floatCtro p:hover{ background:#f9a848; color:#fff;}
div.floatCtro p.fcur{ background:#f9a848; color:#fff;}
/*****************************************************************登陆注册样式属性******************************************************************/
.log_bg {
width: 100%;
min-height: 840px;
overflow: hidden;
}
.login, .regist {
width: 1200px;
overflow: hidden;
margin-left: auto;
margin-right: auto
}
.logo .logo_link {
float: left;
width: 250px;margin-top:20px;
}
.logbd{width:100%;margin:0 auto}
.top {width: 1200px;height: 98px;margin:0 auto; position:relative}
.toptxt{ position:absolute;bottom:-120px;left:0px; font-size:48px; color:#dde67a}
.toptxt2{ position:absolute;bottom:-150px;left:0px; font-size:16px; color:#dde67a;}
.top img{width:150px;height:auto}
.logo .phone {
float: left;
line-height: 88px;
font-size: 25px;
color: #666;
background: url(../images/x-d_03.png) no-repeat left;
padding-left: 20px;
}
.logo .phone b {
color: #ff720b;
font-size: 32px;
font-family: Impact
}
.log_img {
width: 611px;
height: 425px;
overflow: hidden;
float: left;
margin-top: 40px;
}
.log_c {
width: 400px;
height: 535px;
overflow: hidden;
background-color: #FFF;
float: right;
display: inline;
margin-top: 39px;
margin-right: 10px;
margin-bottom: 10px;
-webkit-box-shadow: 0 0 5px #ccc;
-moz-box-shadow: 0 0 5px #ccc;
box-shadow: 0 0 5px #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.logbox{width:80%;margin:0 auto}
.logbox h2{font-size:24px;height:60px; line-height:75px;font-family:'微软雅黑';}
.lf14{font-size:14px; float:right; color:#999}
.logbox li{padding:10px 0; box-sizing:border-box; position:relative}
.palog{ position:absolute;top:15px;right:5px;}
.logerr{position:absolute;bottom:-7px;left:38px;}
.logerr span{color:#F00;margin-right:5px;}
.log_c table {
width: 370px;
font-size: 14px;
margin-top: 30px;
margin-left: auto;
margin-right: auto
}
.l_user {
width:100%;
height: 50px;
line-height: 50px\9;
overflow: hidden;
background: url(../images/reg1.png) no-repeat 10px center;background-size:20px 23px;
background-color: #FFF;
color: #888888;
font-size: 16px;
padding: 0 40px 0 10px;
border: 1px solid #e6e6e6; box-sizing:border-box; border-radius:5px; text-indent:30px;
}
.l_pwd {
width: 100%;
height: 50px;
line-height: 50px\9;
overflow: hidden;
background: url(../images/reg2.png) no-repeat 10px center;background-size:20px 23px;
background-color: #FFF;
color: #888888;
font-size: 16px;
padding: 0 40px 0 10px;
border: 1px solid #e6e6e6; box-sizing:border-box;border-radius:5px;text-indent:30px;
}
.l_code {
width: 100%;
height: 50px;
line-height: 50px\9;
overflow: hidden;
background: url(../images/codec.png) no-repeat 10px center;
background-color: #FFF;
color: #888888;
font-size: 16px;background-size:25px 22px;
padding: 0 40px 0 10px;
border: 1px solid #e6e6e6; box-sizing:border-box;border-radius:5px;text-indent:30px;
}
.l_email {
width: 267px;
height: 38px;
line-height: 38px\9;
overflow: hidden;
background: url(../images/i_email.png) no-repeat 285px center;
background-color: #FFF;
color: #888888;
font-size: 14px;
padding: 0 40px 0 10px;
border: 1px solid #cccccc;
}
.l_tel {
width: 267px;
height: 38px;
line-height: 38px\9;
overflow: hidden;
background: url(../images/i_tel.png) no-repeat 285px center;
background-color: #FFF;
color: #888888;
font-size: 14px;
padding: 0 40px 0 10px;
border: 1px solid #cccccc;
}
.l_mem {
width: 267px;
height: 38px;
line-height: 38px\9;
overflow: hidden;
background: url(../images/i_mem.png) no-repeat 285px center;
background-color: #FFF;
color: #888888;
font-size: 14px;
padding: 0 40px 0 10px;
border: 1px solid #cccccc;
}
.l_num {
width: 267px;
height: 38px;
line-height: 38px\9;
overflow: hidden;
background: url(../images/i_num.png) no-repeat 285px center;
background-color: #FFF;
color: #888888;
font-size: 14px;
padding: 0 40px 0 10px;
border: 1px solid #cccccc;
}
.l_ipt {
width: 127px;
height: 38px;
line-height: 38px\9;
overflow: hidden;
background-color: #FFF;
color: #888888;
font-size: 14px;
padding: 0 10px;
border: 1px solid #cccccc;
}
.log_btn {
width: 318px;
height: 42px;
line-height: 42px\9;
overflow: hidden;
background: url(../images/btn_log.gif) repeat-x center top;
color: #FFF;
font-size: 16px;
text-align: center;
padding: 0;
border: 0;
cursor: pointer;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.btmbg {
width: 100%;
min-width: 1200px;
overflow: hidden;
padding: 50px 0 40px 0;margin-top:0px;
border-top:0px solid #eaeaea;
}
.btm {
width: 1200px;
overflow: hidden;
color: #999999;
text-align: center;
margin: 0 auto
}
.btm p{height:30px; line-height:30px;}
.btm a {
color: #999999;
}
.btm a:hover {
color: #999999;
text-decoration: underline;
}
.btm img {
display: inline-block;
margin: 15px 5px 5px 5px;
border: 1px solid #d9d9d9;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.reg_c {
float: right;
width: 455px;
}
.reg_c .hd {
height: 42px;
line-height: 41px;
border-bottom: 1px solid #ddd;
font-size: 18px;
position: relative
}
.reg_c .hd ul {
float: left;
position: absolute;
left: 20px;
height: 42px;
}
.reg_c .hd li {
float: left;
padding: 0px 20px;
border: 1px solid #ddd;
color: #FFF;
background: #ec632e;
-webkit-border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;
cursor: pointer;
}
.reg_c .hd li.on {
background: #FFF;
color: #666;
border-bottom: 2px solid #fff;margin-right:10px;
}
.bdall{
width: 100%;
margin: 0 auto;
height: 600px;
background-image: url(../images/loginbg.jpg);
background-repeat: no-repeat;
}
.loginbt{
width:320px;background-color:#2db79d;font-size: 16px;color: #fff;display: inline-block;height:45px;
line-height:45px;margin:10px auto;border-radius: 5px;text-align:center}
.loginbt:hover{background-color:#26a28b;color:#ffffff!important;}
.login_t{ line-height:24px; text-align:center; display:block; background:url(../images/login_t.gif) center no-repeat;margin-top:35px;}
.login_img{ text-align:center; height:52px;margin-top:5px;}
.login_img .lb1{width: 54px;height: 54px; display:inline-block;background-image: url(../images/q1.png);background-repeat: no-repeat;background-position: 0px 0px; cursor:pointer;margin:0 20px}
.login_img .lb1:hover{width: 54px;height: 54px; display:inline-block;background-image: url(../images/q1.png);background-repeat: no-repeat;background-position: 0px -54px;}
.login_img .lb2{width: 54px;height: 54px; display:inline-block;background-image: url(../images/q2.png);background-repeat: no-repeat;background-position: 0px 0px; cursor:pointer;margin:0 20px}
.login_img .lb2:hover{width: 54px;height: 54px; display:inline-block;background-image: url(../images/q2.png);background-repeat: no-repeat;background-position: 0px -54px;}
.login_img img{margin:0 18px;}
.login_t{ line-height:24px; text-align:center; display:block; background:url(../images/login_t.gif) center no-repeat;margin:20px 0 !important;}
.login_img{ text-align:center; height:52px;margin-top:5px;}
.login_img img{margin:0 18px;}
.g9{ color:#999}