body, h1, h2, h3, p, dl, dd, ol, ul, th, td, form, fieldset, input, button, textarea { margin: 0; padding: 0 }
html { -webkit-text-size-adjust: none; word-wrap: break-word }
h1, h2, h3 { font-size: 100% }
ol, ul { list-style: none }
table { border-collapse: collapse; border-spacing: 0; empty-cells: show; font-size: inherit }
fieldset, img { border: 0 }
cite, em, s, i, b { font-style: normal }
input, button, textarea, select { font-size: 100% }
body, input, button, textarea, select, option { font-size: normal }
a, input, textarea { text-decoration: none; outline: 0 }
li, img, label, input { vertical-align: middle }
var { font-style: normal }
ins { text-decoration: none }
body { font-size: 20px; font-family: "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif }
.viewport { max-width: 720px; margin: auto; overflow: hidden }
.mlr20 { margin: auto 1em }
.m20 { margin: 1em 0 }
.m30 { margin: 1.5em 0 }
.mt20 { margin-top: 1em }
.mb20 { margin-bottom: 1em }
.mt40 { margin-top: 2em }
.mb40 { margin-bottom: 2em }
.mt-20 { margin-top: -1em }
.hide { display: none }
.h_box { display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; display: box; width: 100% }
.h_box .spacer { width: 1em }
.flex_1 { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; -o-box-flex: 1; box-flex: 1; width: 100% }
.flex_20 { width: 1em }
.imgurl { display: block; background: #fff; width: 100% }
.imgurl img { width: 100% }
 @media only screen and (max-width:300px) {
body { font-size: 8.33333px }
.viewport { max-width: 300px }
}
 @media only screen and (max-width:310px) and (min-width:300px) {
body { font-size: 8.33333px }
.viewport { max-width: 310px }
}
 @media only screen and (max-width:320px) and (min-width:310px) {
body { font-size: 8.61111px }
.viewport { max-width: 320px }
}
 @media only screen and (max-width:350px) and (min-width:320px) {
body { font-size: 8.88889px }
.viewport { max-width: 350px }
}
 @media only screen and (max-width:360px) and (min-width:350px) {
body { font-size: 9.72222px }
.viewport { max-width: 360px }
}
 @media only screen and (max-width:400px) and (min-width:360px) {
body { font-size: 10px }
.viewport { max-width: 400px }
}
 @media only screen and (max-width:470px) and (min-width:400px) {
body { font-size: 11.11111px }
.viewport { max-width: 470px }
}
 @media only screen and (max-width:480px) and (min-width:470px) {
body { font-size: 13.05556px }
.viewport { max-width: 480px }
}
 @media only screen and (max-width:540px) and (min-width:480px) {
body { font-size: 13.33333px }
.viewport { max-width: 540px }
}
 @media only screen and (max-width:560px) and (min-width:540px) {
body { font-size: 15px }
.viewport { max-width: 560px }
}
 @media only screen and (max-width:570px) and (min-width:560px) {
body { font-size: 15.55556px }
.viewport { max-width: 570px }
}
 @media only screen and (max-width:630px) and (min-width:570px) {
body { font-size: 15.83333px }
.viewport { max-width: 630px }
}
 @media only screen and (max-width:640px) and (min-width:630px) {
body { font-size: 17.5px }
.viewport { max-width: 640px }
}
 @media only screen and (max-width:710px) and (min-width:640px) {
body { font-size: 17.77778px }
.viewport { max-width: 710px }
}
 @media only screen and (max-width:720px) and (min-width:710px) {
body { font-size: 19.72222px }
.viewport { max-width: 720px }
}
 @media only screen and (min-width:720px) {
body { font-size: 20px }
.viewport { width: 720px }
}
.icon-xingxing:before { content: "\f0061" }
.icon-gouwuche { background: url(../img/icon_02.png) no-repeat; background-size: cover; }
.icon-gerenzhongxin { background: url(../img/1_04.png) no-repeat; background-size: cover; }
.icon-home { background: url(../img/icon_01.png) no-repeat; background-size: cover; }
.icon-fangdajing:before { content: "\e605" }
.icon-shanchu:before { content: "\e609" }
.icon-checked:before { content: "\e60a" }
.icon-diannaoban:before { content: "\e603" }
.icon-huafeichongzhi { background: url(../img/1_09.png) no-repeat }
.icon-kehuduan { background: url(../img/1_18.png) no-repeat }
.icon-quanbushangpin { background: url(../img/1_03.png) no-repeat }
.icon-shequ { background: url(../img/1_17.png) no-repeat }
.icon-sousuo { background: url(../img/1_05.png) no-repeat }
.icon-tehui { background: url(../img/1_07.png) no-repeat }
.icon-xiaomishouji { background: url(../img/1_07.png) no-repeat }
.icon-heyueji { background: url(../img/1_15.png) no-repeat }
.icon-fcode { background: url(../img/1_16.png) no-repeat }
html, body, #wrapper { min-height: 100% }
body { background-color: #f4f4f4 }
.global-loading { position: absolute; top: 7.5em; width: 100%; text-align: center }
.global-loading .global-loading-logo .global-loading-anim { height: 7.5em }
.global-loading .global-loading-text { font-size: 1.2em; line-height: 1.5em; color: #333 }
.global-loading .global-loading-text .hot { font-weight: 700; font-size: 1.16667em; padding: 0 .25em }
.v-enter { position: absolute; top: 0; width: 100%; min-height: 100%; -o-animation: fadein .2s; -moz-animation: fadein .2s; -webkit-animation: fadein .2s; animation: fadein .2s }
.v-leave { position: absolute; top: 0; width: 100%; min-height: 100%; -o-animation: fadeout .12s; -moz-animation: fadeout .12s; -webkit-animation: fadeout .12s; animation: fadeout .12s }
 @-webkit-keyframes fadein { 0% {
 opacity:.5;
 -webkit-transform:translateY(130px);
 -moz-transform:translateY(130px);
 -ms-transform:translateY(130px);
 -o-transform:translateY(130px);
 transform:translateY(130px)
}
 100% {
 opacity:1;
 -webkit-transform:translateY(0px);
 -moz-transform:translateY(0px);
 -ms-transform:translateY(0px);
 -o-transform:translateY(0px);
 transform:translateY(0px)
}
}
 @-moz-keyframes fadein { 0% {
 opacity:.5;
 -webkit-transform:translateY(130px);
 -moz-transform:translateY(130px);
 -ms-transform:translateY(130px);
 -o-transform:translateY(130px);
 transform:translateY(130px)
}
 100% {
 opacity:1;
 -webkit-transform:translateY(0px);
 -moz-transform:translateY(0px);
 -ms-transform:translateY(0px);
 -o-transform:translateY(0px);
 transform:translateY(0px)
}
}
 @-ms-keyframes fadein { 0% {
 opacity:.5;
 -webkit-transform:translateY(130px);
 -moz-transform:translateY(130px);
 -ms-transform:translateY(130px);
 -o-transform:translateY(130px);
 transform:translateY(130px)
}
 100% {
 opacity:1;
 -webkit-transform:translateY(0px);
 -moz-transform:translateY(0px);
 -ms-transform:translateY(0px);
 -o-transform:translateY(0px);
 transform:translateY(0px)
}
}
 @keyframes fadein { 0% {
 opacity:.5;
 -webkit-transform:translateY(130px);
 -moz-transform:translateY(130px);
 -ms-transform:translateY(130px);
 -o-transform:translateY(130px);
 transform:translateY(130px)
}
 100% {
 opacity:1;
 -webkit-transform:translateY(0px);
 -moz-transform:translateY(0px);
 -ms-transform:translateY(0px);
 -o-transform:translateY(0px);
 transform:translateY(0px)
}
}
 @-webkit-keyframes fadeout { 0% {
 opacity:1
}
}
 @-moz-keyframes fadeout { 0% {
 opacity:1
}
}
 @-ms-keyframes fadeout { 0% {
 opacity:1
}
}
 @keyframes fadeout { 0% {
 opacity:1
}
}
.xm-input-number { display: inline-block; vertical-align: middle; border: 1px solid #eee }
.xm-input-number .input-sub, .xm-input-number .input-add { display: inline-block; width: 3em; height: 3em; position: relative; vertical-align: middle; background-color: #fafafa; -webkit-transition: background-color .3s; -webkit-transition-delay: linear; -moz-transition: background-color .3s linear; -o-transition: background-color .3s linear; transition: background-color .3s linear 0s }
.xm-input-number .input-sub:after, .xm-input-number .input-add:after { content: '\0020'; display: block; position: absolute; top: 50%; left: 50%; width: 1.2em; height: .2em; margin: -.1em 0 0 -.6em; -webkit-border-radius: .1em; -moz-border-radius: .1em; -ms-border-radius: .1em; -o-border-radius: .1em; border-radius: .1em; background-color: #ddd }
.xm-input-number .input-add:before { content: '\0020'; display: block; position: absolute; top: 50%; left: 50%; width: .2em; height: 1.2em; margin: -.6em 0 0 -.1em; -webkit-border-radius: .1em; -moz-border-radius: .1em; -ms-border-radius: .1em; -o-border-radius: .1em; border-radius: .1em; background-color: #ddd }
.xm-input-number .input-num { vertical-align: middle; display: inline-block; min-width: 1.7em; padding: 0 .6em; height: 3em; line-height: 3em; text-align: center }
.xm-input-number .input-num span { font-size: 1.6em; color: #51555a }
.xm-input-number .active { background-color: #f4f4f4 }
.xm-input-number .active:after, .xm-input-number .active:before { background-color: #999 }
.xm-button { display: block; -webkit-border-radius: .3em; -moz-border-radius: .3em; -ms-border-radius: .3em; -o-border-radius: .3em; border-radius: .3em; background-color: #f60; text-align: center; height: 4em; line-height: 4em }
.xm-button span { font-size: 1.6em; color: #fff }
.xm-button:active, .xm-button:hover { -webkit-box-shadow: rgba(0,0,0,.3) 0 .1em .2em .05em inset; -moz-box-shadow: rgba(0,0,0,.3) 0 .1em .2em .05em inset; -ms-box-shadow: rgba(0,0,0,.3) 0 .1em .2em .05em inset; -o-box-shadow: rgba(0,0,0,.3) 0 .1em .2em .05em inset; box-shadow: rgba(0,0,0,.3) 0 .1em .2em .05em inset }
.xm-button-gray { background-color: #fdfdfd; border: 1px solid #bbb }
.xm-button-gray span { color: #666 }
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; }
#fake-search { padding: 0 15px; margin-top: 17px; margin-bottom: 25px; }
.fakeInput { height: 45px; margin: 0 auto; background: #ffffff; border-radius: 8px; }
.fakeInput .search_text { width: 60%; height: 18px; line-height: 18px; color: #999; border: 0; border-radius: 8px; overflow: hidden; float: left; font-family: "微软雅黑"; font-size: 16px; padding: 14px 0; padding-left: 10px; }
.header .tit { font-size: 1.9em; color: #fff; text-align: center; }
.header .left { position: absolute; top: 0; left: 0 }
.header .left .home { display: inline-block; padding: .8em 1.5em }
.header .left .home span { padding: .2em 0; display: inline-block; font-size: 2em; color: #464646 }
.header .left .home .icon-home { padding: 0; font-size: 2.8em }
.header .nav { float: right; position: absolute; top: 0; right: 0.5em }
.header .nav ul li a { display: block; width: 3em; height: 4.85em; padding: 0 1em; text-indent: -999em; overflow: hidden }
.header.nav ul li.cart { position: relative }
.footer { padding: 2.2em 0 0; text-align: center; }
.footer a { display: inline-block; padding: 0 1em }
.footer span { color: #acaaa8; font-size: 1.5em }
.footer .tip { padding: 0 0 1.5em }
.footer .tip span { font-size: 1.2em }
.footer .links { padding: 1em 0 0 }
.footer .links a { border-right: .1em solid #acaaa8 }
.footer .links a:last-child { border-right: 0 none }
.footer .tip { text-align: center; padding: 2.3em 0 }
.footer .tip a { color: #666; display: inline-block }
.footer .tip span { font-size: 1.2em }
.footer .links12 { background: #626262; border-top: 1px solid #E0E0E0; padding: 1.1em 0; margin-top: 1.1em; }
.footer .links12 a { display: block; color: #666; margin: 0 2.5em; background: url(../img/logo_bottom4.png) 0 50% no-repeat; -webkit-background-size: 3em 3em; -moz-background-size: 3em 3em; -ms-background-size: 3em 3em; -o-background-size: 3em 3em; background-size: 3em 3em; padding-left: 3.5em; overflow: hidden }
.footer .links12 p { color: #FFF }
.footer .links12 p strong { display: block; font-size: 1.3em; font-weight: 400; margin-bottom: .38462em }
.footer .links12 p span { font-size: 1em }
.footer .links12 .linksBtn { float: right; display: inline-block; background: #F3F3F3; padding: 0 1.66667em; -webkit-border-radius: .33333em; -moz-border-radius: .33333em; -ms-border-radius: .33333em; -o-border-radius: .33333em; border-radius: .33333em; font-size: 1.5em; color: #626262; line-height: 2em }
.page-index .slider { height: 17.5em; background-color: #fff; overflow: hidden; position: relative }
.page-index .slider .swipe-wrap { overflow: hidden; position: relative }
.page-index .slider .swipe-wrap>div { float: left; position: relative; text-align: center; overflow: hidden }
.page-index .slider .swipe-wrap>div a { display: block }
.page-index .slider .swipe-wrap>div img { height: 17.5em; width: auto }
.page-index .slider .swipe-nav { position: absolute; bottom: .5em; text-align: center; width: 100% }
.page-index .slider .swipe-nav span { display: inline-block; width: .8em; height: .8em; margin: 0 .4em; -webkit-border-radius: .8em; -moz-border-radius: .8em; -ms-border-radius: .8em; -o-border-radius: .8em; border-radius: .8em; background: #FFF; filter: alpha(Opacity=60); opacity: .6; box-shadow: 0 0 1px #ccc }
.page-index .slider .swipe-nav span.on { filter: alpha(Opacity=90); opacity: .9; background: #f8f8f8; box-shadow: 0 0 2px #ccc }
.page-index .nav-index { background-color: #fff }
.page-index .nav-index ul { display: table; width: 100%; border-collapse: collapse; }
.page-index .nav-index ul:first-child { border-top: 1px solid #f6f6f6 }
.page-index .nav-index li { display: table-cell; width: 25%; }
.page-index .nav-index li:first-child { border-left: 0 none }
.page-index .nav-index li a { display: block; width: 100%; height: 6.5em; padding: 1em 0 0; text-align: center }
.page-index .nav-index li a .icon { display: block; margin: 0 auto .5em; width: 4em; height: 4em; -webkit-background-size: 4em 4em; -moz-background-size: 4em 4em; -ms-background-size: 4em 4em; -o-background-size: 4em 4em; background-size: 4em 4em }
.page-index .nav-index li a .icon:before { font-size: 4em; color: #5c6066; line-height: 1.375em }
.page-index .nav-index li a .t { padding: .5em 0 0; color: #333; font-size: 1.1em }
.page-index .card { margin-bottom: .5em }
.page-index .card .col2 a { display: block; -webkit-background-size: 40% auto; -moz-background-size: 40% auto; -ms-background-size: 40% auto; -o-background-size: 40% auto; background-size: 40% auto; width: 100% }
.page-index .card .col2 a img { width: 100% }
.page-index .card .col2 { background-color: #fff; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; display: box; border-bottom: 1px solid #f6f6f6 }
.page-index .card .col2 .row1, .page-index .card .col2 .row2, .page-index .card .col2 .rows { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; -o-box-flex: 1; box-flex: 1; border-left: 1px solid #f6f6f6 }
.page-index .card .col2 .row1:first-child, .page-index .card .col2 .row2:first-child, .page-index .card .col2 .rows:first-child { border-left: 0 none }
.page-index .card .col2 .mg-bor-no-left { border-left: 0 none }
.page-index .card .rows { position: relative }
.page-index .card .rows .row1, .page-index .card .rows .row2 { width: 100%; display: block }
.page-index .card .row1 span a { height: 100%; min-height: 10em }
.page-index .card .row2 { overflow: hidden }
.page-index .card .row2 span a { height: 100%; min-height: 20em }
.page-index .card .mg-bor-top { border-top: 1px solid #f6f6f6 }
.page-index .show_big .rows, .page-index .show_big .row2, .page-index .show_big .row1 { width: 50% }
.page-index .show_big .rows span, .page-index .show_big .row2 a, .page-index .show_big .row1 span { display: block; position: relative; overflow: hidden }
.page-index .show_big .rows span a, .page-index .show_big .row2 span a, .page-index .show_big .row1 span a { width: auto; position: relative }
.page-index .topic { position: relative; overflow: hidden }
.page-index .topic .bg .imgurl { min-height: 19em }
.page-index .topic .targeturl { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.page-index .topic .item-lay { position: absolute; top: 0; left: 0; margin: 1.2em }
.page-index .topic .item-lay .imgurl { min-height: 10em }
.page-index .topic .item-lay .item-l { margin-right: .5em; float: left; width: 10em; height: 16em; background-color: #fff; text-align: center }
.page-index .topic .item-lay .item-l p { margin: .5em 1em 0; color: #333 }
.page-index .topic .item-lay .item-l p span { font-size: 1.1em; line-height: 1.3 }
.page-index .card-nomb { margin-bottom: 0 }
.page-index .list { background-color: #fff; margin-bottom: .5em }
.page-index .list .head { padding: 0 1.1em; line-height: 4.4em; }
.page-index .list .list-cell { display: table; width: 100%; background: #F4F4F4; }
.page-index .list .list-cell .cell { display: inline; width: 49.2%; margin: 0px 0px 0.4rem; background: #fff; }
.page-index .list .list-cell .cell:nth-child(2n+1) { float: left; }
.page-index .list .list-cell .cell:nth-child(2n) { float: right; }
.page-index .list .list-cell .cell .product { overflow: hidden }
.page-index .list .list-cell .cell .product a { padding: 1.25em 1.25em 1.25em }
.page-index .list .list-cell .cell .product .imgurl { overflow: hidden; display: block; background: #f5f5f6; -webkit-background-size: 9.5em 9.5em; -moz-background-size: 9.5em 9.5em; -o-background-size: 9.5em 9.5em; background-size: 9.5em 9.5em; width: 100% }
.page-index .list .list-cell .cell .product .imgurl img { min-height: 10em; }
.page-index .list .list-cell .cell .product .info { font-size: 1.3em; margin-top: 0.41667em; }
.page-index .list .list-cell .cell .product .info dl dt span { line-height: 1.3em; height: 2.6em; display: block; overflow: hidden; color: #51545A; /*white-space: nowrap; */text-overflow: ellipsis; text-align: left }
.page-index .list .list-cell .cell .product .info dl dd { margin-top: 0.5em; font-size: 1em; overflow: hidden; }
strong { font-weight: 700; color: #555 }
.pull-left { float: left; color: #555; white-space: nowrap; }
.pull-left1 { float: left; color: #555; white-space: nowrap; background: url(../img/like.png) no-repeat; padding-left: 17px; }
.pull-right { float: right; color: #555 }
.ect-margin-lr { margin-left: 0.6em; margin-right: 0.6em; }
del { color: #BBB; }
.page-index .list .list-cell .cell .product .name { color: #51545a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 0.75em; line-height: 1.5em }
.page-index .list .list-cell .cell.product .name .discount { display: inline-block; width: 1.16667em; height: 1.16667em; margin: 0 0.25em 0 0; background: url("../img/activity_type_3.png") 0 0 no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; vertical-align: middle }
.page-index .list .list-cell .cell .product .price { color: #51545a; margin-right: 0.5em }
.page-index .list .list-cell .cell .product .market_price, .page-index .list .list-cell .cell .product .cos { color: #87888c; margin-right: 0.5em }
.page-index .list .list-cell a { display: block; padding: 1.5em 0 2em }
.page-index .list .list-cell .p { display: block; margin: .5em .5em 0; padding: 0 1em; max-width: 15em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333; margin: 0 auto }
.page-index .list .list-cell .p span { font-size: 1.3em; line-height: 1.3 }
.page-index .more { background-color: #fff; margin-bottom: 0.6em; }
.page-index .more a { display: block; padding: 1.7em 0; text-align: center }
.page-index .more a span { font-size: 1.6em; color: #999 }
.page-category { background: #FFF }
.page-category .category_child { display: none }
.page-category .category_child.on { display: block }
.page-category .category_search { padding: .5em 1.6em }
.page-category .category_search .input-word { padding: 1.4em 4em 1.1em 1em }
.page-category .category_search .input-word #keyword { font-size: 1.5em; border: 0 none; color: #666; width: 100% }
.page-category .category_search .input-word .btn { position: absolute; right: .5em; top: .3em; width: 3.4em; height: 3.4em; background: url(../img/cat_search.png) 0 0 no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; border: none; }
.page-category .category_search form { display: block; position: relative; background: url(../img/search_bottom.png) no-repeat center bottom; background-size: 100% auto; }
.page-category .list_category { text-align: center; padding: 0 1.7em; min-height: 5em }
.page-category .list_category .category { background: #FFF; overflow: hidden; border-bottom: .15em solid #eee; position: relative }
.page-category .list_category .category a { display: block }
.page-category .list_category .category a:after { clear: both; display: block }
.page-category .list_category .category .imgurl { float: left; width: 4em; height: 4em; margin-top: 1em; overflow: hidden; background-color: #fff }
.page-category .list_category .category .name { float: left; font-size: 1.35em; margin: 1.48148em 0; padding-left: .74074em; font-weight: 700; }
.page-category .list_category .js-more:after { content: ''; display: block; width: 1em; height: 1em; border-top: .2em solid #ccc; border-right: .2em solid #ccc; position: absolute; top: 2.2em; right: .9em; -webkit-transition: .2s ease; -webkit-transition-delay: 0s; -moz-transition: .2s ease; -o-transition: .2s ease; transition: .2s ease; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) }
.page-category .category_child li { margin-left: 2.2em }
.page-category .category_child .category { border-bottom-style: dotted }
.page-category .category_child .category a { height: 4.5em }
.page-category .category_child .category .name { font-size: 1.35em; margin: 1.18519em 0; padding-left: 1.33333em; color: #999 }
.page-category .category_child li:last-child { margin-left: 0 }
.page-category .category_child li:last-child .category { padding-left: 2.2em; border-bottom-style: solid }
/*弹出菜单*/

.jisou-info { position: absolute; height: 100px; background: rgba(0,0,0,0); top: 0; left: 0; width: 0; height: 0; z-index: 800; display: none!important; }
.info-nr { position: fixed; bottom: 0; left: 0px; z-index: 900; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.info-nr-menu { -webkit-appearance: button; display: inline-block; width: 36px!important; height: 36px!important; border-radius: 36px; position: absolute; bottom: 17px; left: 17px; z-index: 999; -moz-box-shadow: 0 0 0 4px #FFFFFF, 0 2px 5px 4px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 0 0 4px #FFFFFF, 0 2px 5px 4px rgba(0, 0, 0, 0.25); box-shadow: 0 0 0 4px #FFFFFF, 0 2px 5px 4px rgba(0, 0, 0, 0.25); background-color: #B70000; -webkit-transition: -webkit-transform 200ms; -webkit-transform: rotate(1deg); color: #fff; background-image: url("../img/plus.png"); background-repeat: no-repeat; -webkit-background-size: 60% auto; background-size: 60% auto; background-position: center center; }
.info-nr-menu:before { font-size: 20px; margin: 9px 0 0 9px; }
.info-nr-menu:checked { -webkit-transform: rotate(135deg); }
.info-nr-phone>div { width: 32px; height: 32px; border-radius: 32px; -moz-box-shadow: 0 0 0 3px #FFFFFF, 0 2px 5px 3px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 0 0 3px #FFFFFF, 0 2px 5px 3px rgba(0, 0, 0, 0.25); box-shadow: 0 0 0 3px #FFFFFF, 0 2px 5px 3px rgba(0, 0, 0, 0.25); background: #B70000; position: absolute; bottom: 0; left: 0; margin-bottom: 20px; margin-left: 20px; z-index: 900; -webkit-transition: -webkit-transform 200ms; }
.info-nr-phone>div a { display: block; height: 32px; width: 32px; }
.info-nr-phone>div.on:nth-of-type(1) { -webkit-transform: translate(0, -100px) rotate(720deg); }
.info-nr-phone>div.on:nth-of-type(2) { -webkit-transform: translate(47px, -81px) rotate(720deg); }
.info-nr-phone>div.on:nth-of-type(3) { -webkit-transform: translate(81px, -45px) rotate(720deg); }
.info-nr-phone>div.on:nth-of-type(4) { -webkit-transform: translate(100px, 0) rotate(720deg); }
.color-blue .info-nr-menu, .color-blue div { background-color: #2192e1; }
.color-green .info-nr-menu, .color-green div { background-color: #64c31f; }
.color-grey .info-nr-menu, .color-grey div { background-color: #656664; }
.color-red .info-nr-menu, .color-red div { background-color: #d32020; }

.icon-user { background: url(../img/user.png) no-repeat; -webkit-background-size: 65% auto; background-size: 70% auto; background-position: center center; }
.icon-email { background: url(../img/email.png) no-repeat; -webkit-background-size: 65% auto; background-size: 70% auto; background-position: center center; }
.icon-phone { background: url(../img/phone.png) no-repeat; -webkit-background-size: 65% auto; background-size: 70% auto; background-position: center center; }
.icon-location { background: url(../img/location.png) no-repeat; -webkit-background-size: 65% auto; background-size: 70% auto; background-position: center center; }
.icon-message { background: url(../img/message.png) no-repeat; -webkit-background-size: 65% auto; background-size: 70% auto; background-position: center center; }
.icon-share { background: url(../img/share.png) no-repeat; -webkit-background-size: 65% auto; background-size: 70% auto; background-position: center center; }


.hproduct { position: relative; border-bottom: 1px dotted #DDD; font-size: 14px; margin: 15px 0px; height: 125px; width: 100%; }
.hproduct .url { height: 95px; position: relative; display: block; padding-left: 120px; padding-top:15px; }
.hproduct .photo { position: absolute; left: 20px; top: 15px; width: 80px; height: 80px; float: left; overflow: hidden; vertical-align: middle; }
hproduct .photo img { width: 100%; }
.hproduct .fn { font-size: 14px; font-weight: 400; line-height: 20px; height: 40px; overflow: hidden; width: 50px; overflow: hidden; color: #333; cursor: pointer; /*white-space: nowrap; */text-overflow: ellipsis; }
.hproduct .fn{ display:inline-block; overflow: hidden; width:95% }
.hproduct .price { font-size: 14px; height: 20px; line-height: 16px; padding: 10px 0px 5px 0px; font-weight: 400; }
.hproduct .old_price { display: block; margin-top: -5px; color: #999; }
.hproduct .hp_num { margin-top: 5px; color: #999; }
.hproduct .hp_num .p_num { float: left; color: #555 }
.hproduct .hp_num .sales_num { float: right; padding-right: 5px; color: #555 }
.hproduct .btn { position: absolute; right: 20px; top: 44px; display: block; width: 70px; height: 30px; text-align: center; line-height: 30px; font-size: 14px; border-radius: 2px; }
.hproduct .btn{ top:60px }
/* 购物车弹出效果*/

.cartpopDiv { padding: 0 2%; width: 96%; }
.cartitle { height: 35px; line-height: 35px; color: #FFF; font-size: 14px; font-weight: bold; text-align: left; text-indent: 15px; background: #FC6500 }
.coninfo { padding: 16px 0 0px; border-top: #e5e5e5 1px dashed; font-size: 14px; text-align: center; width: 100%; color: #999; }
.shopdiv { border-radius: 5px 5px 5px 5px; }
.coninfo table { border: none; color: #999999; }
.toptitle { margin: 8px 0px; }
.toptitle p a { color: #999999; }
.toptitle .pic { float: left; margin-right: 10px; }
.coninfo .gray { color: #999 }
.coninfo strong { color: #ec5151 }
.coninfo font { font-size: 18px }
.conprice { line-height: 30px; font-size: 14px; white-space: nowrap; min-width: 50px; overflow: hidden; text-overflow: ellipsis; }
.cardivfloat { background-color: #fff; border-radius: 5px 5px 5px; }
.cartdivfloattitle { font-weight: normal; color: #ffffff; font-size: 14px; text-indent: 15px; width: 70%; float: left; }
.cartbntfloat { text-align: center; padding: 15px 0 0px; margin-bottom: 10px; }
.con_close { width: 50px; float: right; text-align: right; color: #FFF; padding-right: 15px; font-weight: normal; }
.greyBtn { background-color: #C9C9C9; border-radius: 4px; height: 30px; line-height: 30px; border: none; position: relative; display: inline-block; width: 45%; margin: 10px 0 0 10px; text-align: center; color: #fff; font-size: 16px; }
a.redBtn { background-color: #FC6500; height: 30px; line-height: 30px; color: #fff; border-radius: 4px; border: none; position: relative; display: inline-block; width: 45%; margin: 10px 0 0 10px; text-align: center; font-size: 16px; }
.bor-top { border-top: #e5e5e5 1px solid; }
.blank5 { height: 5px; line-height: 5px; clear: both; visibility: hidden; overflow: hidden; }
.blank6 { height: 0.4em; line-height: 0.4rem; width: 100%; background: #F4F4F4 }
table.data_table { border: 1px solid #e5e5e5; border-radius: 5px; background: #FFF; width: 100%; margin-top: 10px; }
table.data_table td, th { padding: 5px; text-align: center; border-bottom: #e5e5e5 1px solid; height: 40px; }
table.data_table1 { border: 1px solid #e5e5e5; width: 100%; margin-top: 10px; border-radius: 5px; background: #ffffff; }
table.data_table1 td { padding: 4px; text-align: center; height: 20px; }
table.data_table th { }
.notice_box, .other_payment { line-height: 30px; border: 1px solid #e5e5e5; background: #FFF; width: 96%; margin-top: 10px; border-radius: 5px 5px 5px 5px; padding: 0 2%; }
ul.text_list { border: 1px solid #e5e5e5; background: #FFF; width: 100%; margin-top: 10px; border-radius: 5px 5px 5px 5px; }
ul.text_list li { padding: 5px; text-align: left }
.u-backtop { position: fixed; width: 42px; height: 42px; border-radius: 22px; background-color: rgba(255, 255, 255, 0.95); border: 1px solid #C5C5C5; z-index: 9999; right: 10px; bottom: 12px; display: none; }
.i-backtop { position: absolute; top: 50%; left: 50%; width: 16px; height: 21px; margin: -10px 0 0 -8px; background: url(../img/gotop.png) no-repeat; }