* { box-sizing: border-box; margin: 0; padding: 0 }
body, html { height: 100%; -webkit-tap-highlight-color: transparent; overflow-x: hidden; font-family: Segoe UI, Lucida Grande, Helvetica, Arial, Microsoft YaHei, FreeSans, Arimo, Droid Sans, wenquanyi micro hei, Hiragino Sans GB, Hiragino Sans GB W3, sans-serif }
input { -webkit-appearance: none }
a { color: #000; text-decoration: none }
.container { overflow: hidden; background: #eee }
.container, .page { position: absolute; top: 0; right: 0; bottom: 0; left: 0 }
.page { overflow-y: auto; -webkit-overflow-scrolling: touch; padding-bottom: 1.38rem }
@-webkit-keyframes slideIn { 0% {
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
to { -webkit-transform: translateZ(0); transform: translateZ(0) }
}
@keyframes slideIn { 0% {
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
to { -webkit-transform: translateZ(0); transform: translateZ(0) }
}
@-webkit-keyframes slideOut { 0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) }
}
@keyframes slideOut { 0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) }
}
@-webkit-keyframes overIn { 0% {
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to { -webkit-transform: translateZ(0); transform: translateZ(0) }
}
@keyframes overIn { 0% {
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to { -webkit-transform: translateZ(0); transform: translateZ(0) }
}
@-webkit-keyframes overOut { 0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) }
}
@keyframes overOut { 0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) }
}
.slide-enter { -webkit-animation: slideIn .3s forwards; animation: slideIn .3s forwards }
.slide-leave { -webkit-animation: slideOut .3s forwards; animation: slideOut .3s forwards }
.over-enter { -webkit-animation: overIn .3s forwards; animation: overIn .3s forwards }
.over-leave { -webkit-animation: overOut .3s forwards; animation: overOut .3s forwards }
.font-short { font-size:.28rem
}
.font-normal { font-size:.38rem
}
.font-bigger { font-size:.48rem
}
.font-large { font-size:.58rem
}
.txt28 { font-size:.42rem
}
.clear { clear: both }
.fl { float: left }
.fr { float: right }
.co71b426 { color: #f3c719 }
.co919191 { color: #919191 }
.e61d63 { color: #e61d63 }
.co686868 { color: #686868 }
.txt26 { font-size:.38rem
}
.txt30 { font-size:.48rem
}
.txt20, .txt22 { font-size:.28rem
}
.co333 { color: #333 }
.co434343 { color: #434343 }
.co9a9a9a { color: #9a9a9a }
.cofff { color: #fff }
.txtc { text-align: center }
.nav-bars { position: absolute; z-index: 10; top: 0; right: 0; left: 0; height: 1.25rem; padding-right: 10px; padding-left: 10px; border-bottom: 0; background-color: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.nav-bars a { display: inline-block; padding:.31rem 0;
width: 1rem }
.nav-bars img { display: block; margin: 0 auto; width:.54667rem;
height:.54667rem
}
.titles { line-height: 1.26rem; position: absolute; display: block; width: 100%; padding: 0; text-align: center; white-space: nowrap; right: 1rem; left: 1rem; display: inline-block; overflow: hidden; width: auto; margin: 0; text-overflow: ellipsis }
.pt125-content { padding-top: 1.25rem; overflow: hidden }
.pt125-box { overflow-x: hidden; overflow-y: auto; height: 100% }
.color32 { color: #323232 }
.color7e { color: #7c7c7c }
.color00 { color: #000 }
.colore14 { color: #eb1946 }
.color8f { color: #8f8f8f }
.colorfb0 { color: #ffb900 }
.marginB20 { margin-bottom:.2rem
}
.marginB30 { margin-bottom:.3rem
}
.marginB40 { margin-bottom:.4rem
}
.marginB60 { margin-bottom:.6rem
}
.marginT20 { margin-top:.2rem
}
.styleListFor>li { width: 100%; margin-top:.2rem
}
.styleListFor>li:last-child { width: 100%; margin-bottom:.2rem
}
.styleListFor>li img { vertical-align: top }
.styleListFor>li>div {
padding:.4rem; background: #fff }
.styleListFor>li .font-bigger { margin-bottom:.2rem
}
.arrowBtn { display: inline-block; margin-bottom:.1rem;
height:.8rem;
line-height:.8rem;
border-radius:.8rem;
background: #6dc243; color: #fff }
.arrowBtn, .dright { text-align: center; width: 2.8rem }
.dright { position: absolute; right:.4rem;
top:.3rem
}
.reservation-design { display: block }
.commodity-list-box ul li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.commodity-list-box { margin-top:.266rem
}
.commodity-list-box ul { padding: 0; margin: 0; width: 100%; margin-top:.2rem;
overflow: hidden }
.commodity-list-box ul li { list-style: none; width: 50%; float: left; padding-bottom:.2rem
}
.commodity-list-box ul li img { width: 100%; height: 4.266rem; border: none; vertical-align: middle; display: block }
.commodity-list-box ul li a { display: block; width: 4.573rem; background: #fff; margin: auto; border: 1px solid #ececec; padding:.2rem
}
.commodity-list-box .text-box { width: 4.3rem; margin: auto; padding-bottom:.2rem;
padding-top:.3rem
}
.commodity-list-box .text-box p { overflow: hidden; line-height:.44rem
}
.price-box { padding-top:.5rem;
padding-bottom:.2rem
}
.line-through { text-decoration: line-through; margin-left:.3rem
}
.pdt04 { padding-top:.4rem
}
.pdb1 { padding-bottom: 1rem }
.footer { height: 1.386rem; width: 100%; bottom: 0; left: 0; right: 0; position: absolute; display: table; color: #fff; background: #1c362d; z-index: 100000000000000000 }
.footer a { display: table-cell; width: 2rem; text-align: center; color: #fff; text-decoration: none; vertical-align: bottom; padding:0 .2rem
}
.footer img { margin: auto; vertical-align: bottom; margin-bottom:.1rem;
display: block; width:.6rem;
height:.6rem
}
.footer i { position: relative; font-size:.6rem;
padding-top:.2rem
}
.footer span { display: block; font-size:.26rem
}
.footer-active { background: #6dc143 }
.index-content { overflow: hidden }
.nav-bar { z-index: 10; top: 0; right: 0; left: 0; height: 1.25rem; padding-right: 10px; padding-left: 10px; border-bottom: 0; background-color: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute }
.home-headers { overflow: hidden }
.loca { font-size:.32rem;
padding-left:.1rem;
font-size:.38rem
}
.local img { width:.267rem;
height:.3733rem
}
.nav-bar-right img { width:.6rem;
height:.5rem
}
.nav-bar a { display: inline-block; color: #888; padding:.31rem 0
}
.pull-left { float: left }
.pull-right { float: right }
.title img {    height: 1.0rem; vertical-align: middle;    margin-top: 0.1rem; }
.address-box { position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); z-index: 9; top: 0; display: none }
.home-right { text-align: right; font-size:.38rem
}
.home-right a { width: 1.3rem }
.address-content-modal { position: absolute; top: 1.25rem; width: 100%; max-height: 7.733rem; overflow-x: hidden; overflow-y: auto; background-color: #fff; padding:.533rem;
border-top: 1px solid #eaeaea }
.address-content-modal div { display: inline-block; width: 2.4rem; height: auto; padding:.266rem;
border: 1px solid #eee; text-align: center; margin-right:.57rem;
margin-bottom:.66rem;
color: #666; border-radius: 5px }
.address-content-modal-active { color: #71b427!important; border: 1px solid #71b427!important }
.setName { text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.home-hot-list { border-top: none!important; margin-bottom: 0!important }
.home-know-list ul li:first-child { border-top: 1px solid #eee!important }
.mr10 { margin-right: 10px }
.set-slide { height: 3rem; text-align: center; background: #fff; width: 2.6rem!important; margin-right:.3rem;
display: inline-block; }
.case-right-lable { border: none!important; float: right }
.case-right-lable a { margin-right:.1rem
}
.case-slide { height: 5.6rem; width: 4.6rem; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center }
.eight-case-box { width: 4.6rem; margin:.2rem 0;
display: inline-block; height: 5.6rem; margin-right:.3rem
}
.home-content { padding-top: 1.25rem; padding-bottom: 1.386rem; overflow: hidden }
.pullrefresh-content { overflow-y: auto; height: 100%; overflow-x: hidden }
.home-first-banner { width:100%; height:auto;}
.swiper-slide { display: inline-block }
.swiper-slide img { width:100%; height:auto;  height:auto; display:block;}
.home-banner-three { margin-top:.26rem; width: 100%; height: auto }
.swiper-container-two { display: block; width: 100%; height: 13.73rem }
.title-icon { text-align: center }
.menu-box { background: #fff; overflow: hidden }
.menu-box a { display: block; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.menu-box img { width: 1.36rem; height: 1.36rem; display: block; margin: auto; border-radius:.68rem
}
.menu-box ul {
margin:.2rem 0; overflow: hidden }
.menu-box li { float: left; list-style: none; width: 2.5rem; text-align: center; padding:.2rem 0
}
.menu-tag { position: absolute; top: 0; background: red; color: #fff; border-radius:.3rem
}
.menu-tag i { font-style: normal; display: block }
.menu-tag i, .tagpadding { padding:.05rem .2rem
}
.big-menu {
padding:.2rem .3rem; background: #fff; width: 100%; overflow: hidden; margin-top:.3rem
}
.big-menu div { width: 4.6rem; height: 3rem; float: left; margin-bottom:.2rem
}
.big-menu div:nth-child(2n) { float: right }
.big-menu a { display: block }
.big-menu img { width: 4.6rem; height: 3rem }
.case-tags { background: #fff; margin-top:.3rem
}
.case-tags-title {
border-top:.06rem solid #76c550; border-bottom: 1px solid #eaeaea; padding:.2rem
}
.case-tags-title span { border-left:.06rem solid #76c550;
padding-left:.2rem
}
.case-tags-box { overflow: hidden; padding:.2rem .2rem 0
}
.case-tags-box div { float: left }
.tags-title-name { background: #eee; width: 1.5rem; height: 2.2rem; text-align: center; line-height: 2.2rem }
.tags-title-list { width: 7.8rem; margin-left:.3rem;
overflow: hidden; color: #000 }
.tags-title-list a { width: 1.72rem; float: left; height: 1rem; background: #eee; margin-bottom:.2rem;
margin-left:.3rem;
text-align: center; line-height: 1rem; color: #323232 }
.tags-title-list a:first-child, .tags-title-list a:nth-child(5) { margin-left: 0 }
.more-case-box { width: 100%; height: 1.5rem; text-align: center; line-height: 1.5rem }
.more-case { border: 1px solid #198d6a; background: #fff; width: 90%; border-radius:.15rem;
display: block; margin:.25rem auto auto;
height: 1rem; line-height: 1rem; color: #198d6a }
.constructionList-box {
margin-top:.3rem; background: #fff }
.case-list-box { background: #fff }
.address-content-modal-active { color: #71b427!important; border: 1px solid #71b427!important }
.home-banner-two {
margin-top:.26rem;
padding:.3rem 0 .3rem .3rem; background-color: #fff }
.home-banner-two-left { display: inline-block; width: 50%; padding-right:.33rem;
border-right: 1px solid #f4f4f4; float: left }
.home-banner-two-left-title-main {
font-size:.48rem; font-weight: 600; color: #0fbea5 }
.home-banner-two-left-title-intro {
font-size:.38rem; font-weight: 500; color: #999; margin-top:.13rem;
margin-bottom:.2rem
}
.home-banner-two-left-img-box { width: 100%; height: 2.4rem }
.home-banner-two-left-img-box img { width: 100%; height: 100% }
.home-banner-two-right { display: inline-block; width: 50%; padding-left:.33rem
}
.home-banner-two-right-top { display: block; position: relative; border-bottom: 1px solid #f4f4f4; height: 1.74rem }
.home-banner-two-right-top img { position: absolute; right: 0; top:.4rem;
width: 2rem; height:.93rem
}
.home-banner-two-right-bottom { position: relative; display: block; height: 1.74rem; padding-top:.4rem
}
.home-banner-two-right-bottom img { position: absolute; right:-.2rem;
top:.6rem;
width: 1.5rem; height: 1.85rem }
.home-banner-two-right-top-title-main {
font-size:.48rem; font-weight: 600; color: #8499e4 }
.home-banner-two-right-top-title-intro {
font-size:.38rem; font-weight: 500; color: #999; margin-top:.13rem;
margin-bottom:.2rem
}
.home-banner-two-right-bottom-title-main {
font-size:.48rem; font-weight: 600; color: #f89d51 }
.home-banner-two-right-bottom-title-intro {
font-size:.38rem; font-weight: 500; color: #999; margin-top:.13rem
}
.loading-content { display: block; position: absolute; width: 100%; height: auto }
.spinner {
margin:.1rem auto; width: 1rem; height: 1rem; text-align: center; font-size:.28rem
}
.spinner>div { background-color: #67cf22; height: 100%; width:.1rem;
display: inline-block; -webkit-animation: stretchdelay 1.2s infinite ease-in-out; animation: stretchdelay 1.2s infinite ease-in-out }
.spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s }
.spinner .rect3 { -webkit-animation-delay: -1s; animation-delay: -1s }
.spinner .rect4 { -webkit-animation-delay: -.9s; animation-delay: -.9s }
.spinner .rect5 { -webkit-animation-delay: -.8s; animation-delay: -.8s }
@-webkit-keyframes stretchdelay { 0%, 40%, to {
-webkit-transform:scaleY(.4)
}
20% {
-webkit-transform:scaleY(1)
}
}
@keyframes stretchdelay { 0%, 40%, to {
transform:scaleY(.4);
-webkit-transform:scaleY(.4)
}
20% {
transform:scaleY(1);
-webkit-transform:scaleY(1)
}
}
.style-list-box { display: block; width: 100%; height: auto; overflow-x: auto; overflow-y: hidden; background-color: #fff; margin-top:.2rem
}
.style-list-box ul { display: block; width: 17rem; padding:.3rem;
padding-bottom:.2rem;
height: 3rem }
.style-list-box ul li { display: inline-block; margin-right:.5rem;
position: relative }
.style-list-box ul li a { display: block; width: 1.7rem; height: 1.7rem }
.style-list-box ul li a img { width: 100%; height: 100% }
.style-list-box ul li a span { display: block; text-align: center; margin-top:.1rem;
color: #000; vertical-align: middle }
#checkcode-img { display: block; height: 1rem; width: auto; position: absolute; right: 0; top: 0 }
.notice {
padding:0 .2rem; border-bottom: 1px solid #dedede; overflow: hidden }
.notice img {
width:.6rem;
margin-top:.2rem; display: block }
.notice-icon { line-height: 1rem }
.maquee, .notice-icon { height: 1rem; overflow: hidden }
.maquee { width: 7rem }
.maquee ul { width: 7rem; height: 1rem }
.maquee li { line-height: 1rem }
.onlineprice-content { padding-top: 1.25rem; overflow: hidden }
.onlineprice-box { overflow-y: auto; height: 100%; overflow-x: hidden; background-color: #fff }
.onlineprice-header { display: block; width: 100%; background-color: #fff; border-top:.266rem solid #eee;
border-bottom:.266rem solid #eee
}
.onlineprice-header div { padding:.2rem
}
.onlineprice-header div span { color: #5faa11 }
.onlineprice-header-titleone { font-weight: 600; color: #6d6d6d }
.onlineprice-header-titletwo {
margin:.2rem 0 .2rem .2rem; color: #a2a2a2; background: url(/assets/images/honglaba.png) 0 no-repeat; background-size:.5rem;
padding-right: 1rem }
.onlineprice-header-titletwo p { margin-left:.3rem
}
.onlineprice-form { display: block; width: 100%; background-color: #fff }
.onlineprice-form div { margin-left: auto; margin-right: auto; width: 9rem }
.onlineprice-form input, .onlineprice-form select { outline: none }
.onlineprice-form-line {
margin-bottom:.266rem; position: relative }
.onlineprice-unit { position: absolute; right: 1rem; top:.2rem;
color: #a5a5a5 }
.onlineprice-form-line label { font-weight: 600; color: #4a4a4a; margin-right:.466rem;
display: inline-block }
.onlineprice-form-line input, .onlineprice-long-select { width: 9rem }
.onlineprice-form-line input, .onlineprice-long-select, .onlineprice-short-select { display: inline-block; height: 1rem; border: 1px solid #e2e2e2; background-color: #fff; padding-left: 3px }
.onlineprice-short-select { width: 2.92rem }
.onlineprice-text-intro { vertical-align: middle }
.onlineprice-text-intro a { color: #5faa11 }
.onlineprice-btn { display: block; width: 8.98rem; height: 1.2rem; border-radius: 5px; background-color: #5faa11; color: #fff; text-align: center; line-height: 1.2rem; margin: 0 auto; margin:.266rem 0
}
.onlineprice-gray { color: #c6c6c6; height: 1rem; line-height: 1rem }
.unaccept-btn { background-color: #c6c6c6 }
.onlineprice-layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5) }
.onlineprice-layer-inner { position: absolute; left: 0; bottom: 0; width: 100%; padding:.4rem;
border-top: 2px solid #5faa11; background-color: #fff }
.onlineprice-layer-line-1-price, .onlineprice-layer-line-1-title { font-weight: 600; vertical-align: middle }
.onlineprice-layer-line-1-price { border: 1px solid #5faa11; border-radius: 5px; color: #5faa11; padding:.166rem .266rem;
margin-left:.266rem;
display: inline-block }
.onlineprice-layer-line-btn { background-color: #5faa11; color: #fff; text-align: center; padding:.266rem;
border-radius: 5px; margin-left:.5rem;
vertical-align: middle; position: absolute; right:.4rem
}
.onlineprice-layer-line-btn img { vertical-align: middle; width:.4rem;
height: auto; margin-right:.2rem
}
.onlineprice-layer-line-2 { color: #a5a5a5; margin-top:.6rem;
vertical-align: middle }
.onlineprice-layer-line-2 img {
width:.4rem; vertical-align: middle; margin-right:.1rem
}
.onlineprice-errors {
padding-top:.1rem; color: red; font-size:.38rem
}
.onlineprice-pdt04 { padding-top:.4rem
}
.checkbox-checked { background-image: url(/assets/images/lvgou.png)!important }
.checkbox-checked, .checkbox-nochecked { display: inline-block; width:.4rem;
height:.4rem;
background-size: 100% 100%; vertical-align: middle }
.checkbox-nochecked { background-image: url(/assets/images/yuanheiquan.png)!important }
.checkbox-box input { display: inline-block; width:.4rem;
height:.4rem;
vertical-align: middle; opacity: 0 }
.toast { position: absolute; left: 50%; margin-left: -1.2rem; bottom: 2rem; display: block; width: 2.4rem; height: auto; text-align: center; color: #fff; background-color: rgba(0,0,0,.5); border-radius: 10px; z-index: 10; -webkit-transform: scale(1); transform: scale(1); padding:.2rem
}
.toast-transition { -webkit-transition: all .3s ease; transition: all .3s ease }
.toast-enter, .toast-leave { opacity: 0; -webkit-transform: scale(.1); transform: scale(.1) }
.co6b { color: #6b6b6b }
.account-heading { width: 10rem; height: 4.267rem; background: green; padding-top: 1rem; background: url(/static/accountbj.f6c07e8.png); background-size: 100% 100% }
.heading-box { width: 2rem; height: 2rem; margin: auto; text-align: center; padding-top:.3rem
}
.heading-box a { display: block; width: 2rem; height: 2rem }
.heading-box img { width: 1.5rem; height: 1.5rem; display: block; margin: auto; border-radius: 50% }
.heading-box span { color: #fff }
.order-act { overflow: hidden; background: #fff; padding-bottom:.5rem
}
.my-order { height: 1rem; width: 100%; overflow: hidden; line-height: 1rem; border-bottom: 1px solid #dedede; padding:0 .2rem 0 .4rem
}
.my-order a { display: block; height: 1rem }
.my-order .fr { background: url(/assets/images/dayoujian.png) 100% no-repeat; background-size:.4rem;
background-position-y: 1; padding-right:.4rem
}
.order-state { overflow: hidden; padding-right:.2rem
}
.order-state li { float: left; list-style: none; width: 25%; text-align: center }
.order-state li img {
width:.6rem;
height:.6rem; display: block; margin:.5rem auto 0
}
.number-tips { margin-left:-.6rem
}
.number-tips, .number-tips-last { position: absolute; margin-top:-.7rem;
border: 1px solid #f16250; background: #fff; width:.4rem;
height:.4rem;
line-height:.3rem;
border-radius: 50%; text-align: center; color: #f16250 }
.number-tips-last { margin-left:-.8rem
}
.menu-list-box {
/:#fff;
margin-top:.5rem; margin-bottom: 2rem; overflow: hidden; background: #fff }
.menu-list-box div { box-sizing: border-box; width: 2.5rem; height: 2.5rem; position: relative; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; text-align: center; vertical-align: middle; float: left }
.menu-list-box div:nth-child(4n) { border-right: none }
.menu-list-box div img {
width:.7rem;
height:.7rem; display: block; margin:.6rem auto .1rem
}
.menu-list-box a { display: block }
.caseList-content { padding-top: 3.65rem; overflow: hidden }
.caseList-box { height: 100%; overflow-x: hidden; overflow-y: auto }
.caseList-list { margin-top:.2rem
}
.caseList-list a { display: block }
.case-list-info, .case-list-info p { width: 6rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.list-content-search { display: block; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; padding:.2rem .266rem;
position: absolute; top: 1.25rem; background-color: #fff; width: 100%; height: 1.2rem; z-index: 10 }
.list-content-search-input { border: 0; border-radius: 5px; width: 9.5rem; background-color: #eee; padding:.2rem .266rem;
padding-left:.8rem;
-webkit-transition: all 1s; transition: all 1s; outline: none }
.list-content-search-ico { left:.53rem
}
.list-content-del-ico, .list-content-search-ico { position: absolute; top:.4rem;
width:.4rem;
height:.4rem
}
.list-content-del-ico { left: 9rem }
.listnav-nav { position: absolute; width: 100%; height: 1.2rem; background-color: #fff; top: 1.25rem; left: 0; border-bottom: 1px solid #e3e3e3; z-index: 10 }
.listnav-nav-tab { display: inline-block; width: 24%; text-align: center; color: #7e7e7e; height: 1.15rem!important; line-height: 1.2rem; border-left: 1px solid #e3e3e3 }
.listnav-nav-tab span { display: inline-block; width:.15rem;
height:.13rem;
background: url(/assets/images/xiaoxiajiantou.png); background-size: 100% 100%; margin-left:.15rem;
vertical-align: middle }
.listnav-nav-tab-active { color: #71b427 }
.listnav-nav-tab-active span { background: url(/assets/images/xiaolvshang.png); background-size: 100% 100% }
.listnav-nav-content { position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); z-index: 9; top: 0 }
.listnav-nav-content-modal { position: absolute; top: 2.45rem; width: 100%; max-height: 7.733rem; overflow-x: hidden; overflow-y: auto; background-color: #fff; padding:.533rem
}
.listnav-nav-content-modal div { display: inline-block; width: 2.4rem; height: auto; padding:.266rem;
border: 1px solid #eee; text-align: center; margin-right:.66rem;
margin-bottom:.66rem;
color: #666; border-radius: 5px }
.listnav-nav-content-modal div:nth-child(3n+0) { margin-right: 0 }
.listnav-nav-content-modal-active { color: #71b427!important; border: 1px solid #71b427!important }
.equallist { overflow: hidden }
.equallist li { float: left; list-style: none; text-align: center }
.equallist li:last-child { float: right }
.equallist a { display: block }
.equallist img { width: 4.5rem; height: 2.6rem }
.designerList-content { padding-top: 2.45rem; overflow: hidden }
.designerList-box { height: 100%; overflow-x: hidden; overflow-y: auto }
.color32 { color: #323232 }
.color7e { color: #7c7c7c }
.designerListFor { height: 100%; overflow-x: hidden; overflow-y: auto; padding:.2rem 0
}
.designerListFor>li {
padding:.2rem; background: #fff; margin-bottom:.3rem
}
.designerListFordivone { display: table; width: 100%; margin-bottom:.2rem
}
.designerListFordivone a { display: block }
.designerListFordivone .img { float: left; width: 3rem }
.designerListFordivone .img img { width: 100%; vertical-align: top }
.designerListFordivone .font { float: left; width: 5.8rem; margin-left:.3rem
}
.divoneTit>img { margin:0 .2rem
}
.divoneTit>img, .divoneTit>span { vertical-align: middle }
.divoneA { padding-top:.2rem
}
.divoneA a { display: inline-block; width: 2.8rem; height:.7rem;
line-height:.7rem;
text-align: center; background: #7bcc32; border-radius:.2rem;
color: #fff }
.divoneA a:first-child { margin-right:.2rem
}
a.bggrey { background-color: #6c6c6c }
.designerListFor .imgLi { display: table; width: 100% }
.go-case-detail img { width: 24%; height: 2rem; float: left; margin-right: 1.3% }
.go-designer-detail { width: 24%; float: left; height: 2rem; background: #f0f0f0; text-align: center; line-height: 1.64rem }
.designerListD-box { height: 100%; overflow-x: hidden; overflow-y: auto }
.designerList-content { padding-top: 2.45rem; overflow: auto }
.color32 { color: #323232 }
.color7e { color: #7c7c7c }
.color00 { color: #000 }
.marginB20 { margin-bottom:.2rem
}
.marginB30 { margin-bottom:.3rem
}
.marginB40 { margin-bottom:.4rem
}
.marginB60 { margin-bottom:.6rem
}
.designerListD { background: #fff; display: table; width: 100% }
.designerListD .dimg { padding: 0 8% }
.designerListD .dimg>img { max-width: 100%; vertical-align: top }
.dDsection { background: -webkit-gradient(linear, 0 100%, 100% 0, from(#4ec2af), to(#7bd3a0)); text-align: center; color: #fff; padding: 7% 0 }
.dDsection .tou { width: 30%; display: inline-block; border-radius: 50%; overflow: hidden; margin-bottom:.1rem
}
.dDsection .tou img { width: 3rem; height: 3rem; vertical-align: top }
.font-zbiggest { font-size:.6rem
}
.textC { text-align: center }
.synopsis { padding: 0 8% }
.dDspan { padding: 0 5% }
.dDspan span { display: inline-block; width: 48%; padding:.2rem 0;
border: 1px solid #76c54e; border-radius: 6px; text-align: center; margin-bottom: 4% }
.dDspan span:nth-child(2n-1) { margin-right: 4% }
.titLine { width: 46%; display: block; margin:0 auto .2rem;
background: url(/static/image/dian.jpg) 0 repeat-x }
.titLine span { background: #fff; padding: 0 4% }
.DAbtn>a { display: inline-block; width: 42%; line-height: 1rem; height: 1rem; text-align: center; background: #6dc243; border-radius: 1rem; color: #fff }
.DAbtn>a:first-child { margin-right: 4% }
.dDfoot { padding: 4%; box-sizing: border-box }
.dDfootlist { display: table; width: 100% }
.dDfootlist li { float: left; width: 48%; text-align: center; margin-right: 4% }
.dDfootlist li img { width: 100%; vertical-align: top }
.dDfootlist li a { display: block; overflow: hidden }
.dDfootlist li:last-child { margin-right: 0 }
.proudectSeries-content { padding-top: 2.45rem; overflow: hidden }
.proudectSeries-box { height: 100%; overflow-x: hidden; overflow-y: auto }
.carryPacking { display: none }
.series a { display: block }
#productTab_1, #productTab_2, #productTab_3 { height: 100%; overflow-x: hidden; overflow-y: auto }
.productdesc { width: 5rem }
.productdesc p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.addressList { display: table; width: 100%; padding-top:.2rem
}
.addressList>li { background: #fff; margin-bottom:.2rem
}
.addressListdiv { padding: 4% }
.addressListdiv .tit { text-align: right }
.addressListdiv .tit span { float: left }
.addressListdivtwo { padding: 4%; border-top: 1px dashed #e5e5e5; text-align: right }
.addressListdivtwo a { text-align: center; display: inline-block; width: 2rem; border: 1px solid #b6b6b6; border-radius: 3px; padding:.2rem 0;
vertical-align: middle; margin-right:.2rem
}
.addChooList { padding: 0 4%; background: #fff; margin-top:.1rem
}
.addChooList>li { border-bottom: 1px solid #ddd; padding: 4% 0; position: relative }
.addChooList>li:last-child { border: 0 }
.addChooList>li .tit { text-align: right }
.addChooList>li .tit>span { float: left }
.addChooList>li p { width: 88% }
.addChooList>li .circle { position: absolute; right: 0; top: 50%; width:.6rem;
height:.6rem;
margin-top:-.3rem;
border: 1px solid #ddd; border-radius: 50%; overflow: hidden }
.ACaddbtn { display: block; width: 100%; color: #fff; background: #67c241; padding:.4rem 0
}
.addressTable { background: #fff; width: 100%; margin-top:.1rem
}
.addressTable td { border-bottom: 1px solid #ddd }
.addressTable tr:last-child>td { border: 0 }
.addressTableTxt { width: 100%; box-sizing: border-box; padding: 4%; color: #000; font-size:.4rem;
border: 0; vertical-align: middle }
.addressTableBtn { width: 100%; margin: 0 auto; background: #63c240; border-radius: 3px; border: 0; text-align: center; color: #fff; padding:.3rem 0
}
.addressTableBtnP { padding: 4% }
.constructionList-content { padding-top: 3.45rem; overflow: hidden }
.constructionList-address-box { display: block; width: 100%; height: 1rem; background-color: #efefef; color: #999895; padding:0 .4rem;
position: absolute; top: 2.45rem; border-bottom: 1px solid #d8d8d8; line-height: 1rem }
.constructionList-address-box img { float: right; vertical-align: middle; display: block; width:.4rem;
height:.4rem;
margin-top:.3rem
}
.constructionList-box { overflow-x: hidden; overflow-y: auto; height: 100%; background-color: #fff }
.site-list-box ul { padding: 0; margin: 0; width: 100%; overflow: hidden; background: #fff }
.site-list-box ul li { list-style: none; width: 50%; float: left; padding:.1rem 0
}
.site-list-box ul li img { width: 4.6rem; height: 2.7rem }
.site-list-box ul li a { display: block; width: 4.6rem; margin-left:.3rem
}
.site-list-box ul li:nth-child(2n) a { display: block; width: 4.6rem; margin-left:.1rem
}
.img-list-box { position: relative }
.maks { width: 4.6rem; bottom: 0; padding:0 .2rem;
position: absolute; overflow: hidden; color: #fff; left: 50%; margin-left: -2.3rem; font-size:.38rem;
background: rgba(0,0,0,.5) }
.sampleRoom { width: 100% }
.sampleRoom a { display: block }
.sampleRoom img { width: 10rem }
.buildingname { display: block; text-align: center }
.listnav-nav { position: absolute; width: 100%; height: 1.2rem; background-color: #fff; top: 2.45rem; left: 0; border-bottom: 1px solid #e3e3e3; z-index: 10 }
.listnav-nav-tab { display: inline-block; width: 24%; text-align: center; color: #7e7e7e; height: 1.2rem; line-height: 1.2rem; border-left: 1px solid #e3e3e3 }
.listnav-nav-tab span { display: inline-block; width:.15rem;
height:.13rem;
background: url(/assets/images/xiaoxiajiantou.png); background-size: 100% 100%; margin-left:.15rem;
vertical-align: middle }
.listnav-nav-tab-active { color: #71b427 }
.listnav-nav-tab-active span { background: url(/assets/images/xiaolvshang.png); background-size: 100% 100% }
.listnav-nav-content { position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); z-index: 9; top: 0 }
.listnav-nav-content-modal { position: absolute; top: 3.65rem; width: 100%; max-height: 7.733rem; overflow-x: hidden; overflow-y: auto; background-color: #fff; padding:.533rem
}
.listnav-nav-content-modal div { display: inline-block; width: 2.4rem; height: auto; padding:.266rem;
border: 1px solid #eee; text-align: center; margin-right:.66rem;
margin-bottom:.66rem;
color: #666; border-radius: 5px }
.listnav-nav-content-modal div:nth-child(3n+0) { margin-right: 0 }
.listnav-nav-content-modal-active { color: #71b427!important; border: 1px solid #71b427!important }
.constructionDetail-bottom-box-right { display: block; width: 100%; height: 1.06rem; background-color: #36c319; color: #fff; text-align: center; border-radius: 5px; line-height: 1.06rem }
.constructionDetail-bottom-box-left { position: absolute; text-align: center; left: 0; top: 0; width: 2rem; height: 1.3rem; border-right: 1px solid #dcdcdc; color: #666 }
.constructionDetail-bottom-box-left img { display: block; margin: 0 auto; width:.5rem;
height: auto; margin-top:.2rem;
margin-bottom:.1rem
}
.constructionDetail-bottom-box { position: absolute; bottom: 0; width: 100%; height: 1.3rem; background-color: #fff; padding-left: 2.2rem; padding-top:.1rem;
padding-right:.2rem;
z-index: 1 }
.constructionDetail-box-comment { background-color: #fff; margin-top:.5rem
}
.constructionDetail-box-comment-header { display: block; width: 100%; padding:.26rem;
border-bottom: 1px solid #e5e5e5 }
.constructionDetail-box-comment-header-title { font-weight: 600; padding-left:.2rem;
border-left: 4px solid #5fa911 }
.gray-content { background-color: #f7f7f7 }
.constructionDetail-content { padding-top: 1.25rem }
.constructionDetail-box { overflow-x: hidden; overflow-y: auto; height: 100% }
.Detail-box { margin-bottom: 1.3rem }
.house-pic { width: 10rem; height: 2.67rem; background-image: url(/static/zjgd_bg.73babf4.png); background-size: 100% 100%; overflow: hidden; padding:.26rem
}
.house-pic img { width: 2.16rem; height: 2.16rem; float: left }
.house-pic .house-info { float: left; margin-top:.5rem;
margin-left: .5em }
.house-info span { display: block; color: #fff; line-height:.7rem
}
.construction-info { background: #fff }
.construction-info li { border-bottom: 1px solid #dedede; line-height: 1rem }
.construction-info span { margin-left:.3rem
}
.info-address { background: url(/assets/images/dingwei.png) 0 no-repeat; background-size:.35rem;
padding-left:.5rem
}
.info-price { background: url(/assets/images/jishi.png) 0 no-repeat; background-size:.35rem;
padding-left:.5rem
}
.construction-info a { background: url(/assets/images/dayoujian.png) 100% no-repeat; background-size:.3rem;
display: inline-block; width: 7.6rem }
.team-title { border-left: 4px solid #f3c719; margin:.3rem;
padding-left:.2rem
}
.team-pic { background: #fff }
.team-pic ul { border-bottom: 1px solid #dedede; width: 100%; overflow: hidden; padding:.2rem 0
}
.team-pic li { float: left; list-style: none; width: 33.33333%; overflow: hidden; text-align: center; border-right: 1px solid #dedede }
.team-pic img { width: 1rem; height: 1rem; border-radius:.5rem;
display: block; float: left; margin-left:.5rem
}
.team-person { float: left; margin-left:.2rem;
margin-top:.1rem
}
.team-person span { display: block }
.phase { background: #fff; border-bottom: 1px solid #dedede; margin-top:.5rem;
padding:.2rem 0;
text-align: center; font-weight: 600 }
.phase span { padding:0 .1rem
}
.person-num { padding:.3rem .2rem
}
.datum li, .person-num { background: #fff; border-bottom: 1px solid #dedede }
.datum li { line-height: 1rem; padding:0 .2rem
}
.datum li:last-child a { display: block }
.pic-banner-box { background: #fff; padding-top:.3rem;
padding-bottom:.3rem
}
.check-accept-box {
padding:.2rem; background: #fff }
.owner-box { overflow: hidden; padding:.2rem 0
}
.owner-heading-img { width: 1rem; height: 1rem; border-radius:.5rem;
display: block; float: left }
.owner-box div { float: left }
.owner-name { width: 8rem; margin-top:.25rem;
margin-left:.2rem
}
.adopt { background: url(/assets/images/yanzhengtongguo.png) 100% no-repeat; background-size: 1.7rem; padding-right: 1.8rem }
.black-nav { background-color: #000 }
.nav-bars-right { width: 2rem!important }
.nav-bars-right img { display: inline-block }
.nav-bars-right img:first-child { margin-right:.266rem
}
.imageshow-box { position: relative; height: 100%; z-index: 2 }
.imageshow-content { padding-top: 1.25rem; padding-bottom: 1.46rem; overflow: hidden; background-color: rgba(0,0,0,.8); z-index: 2 }
.imageshow-swiper { width: 100%; height: 7.09rem; position: absolute; top: 50%; margin-top: -3.8rem }
.imageshow-footer { position: absolute; bottom: 0; width: 100%; height: 1.33rem; background-color: #1f1d22; padding:.4rem
}
.imageshow-footer-txt { width: 3.5rem; margin: 0 auto; color: #fff; display: block }
.imageshow-footer-txt img {
width:.66rem;
height:.66rem;
margin-right:.26rem; vertical-align: middle }
.unlogin-comment { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.2) }
.unlogin-comment a { position: absolute; left: 50%; margin-left: -1rem; top:.6rem;
display: block; width: 2rem; height: 1rem; text-align: center; color: #fff; line-height: 1rem; background-color: #36c319; border-radius: 10px }
.usercomment-box-comment-content { display: block; width: 100%; height: auto; overflow-y: auto; overflow-x: hidden }
.usercomment-box-comment-modal-second {
padding:.4rem; position: relative; padding-left: 1rem; padding-right: 0 }
.usercomment-box-comment-modal-img-second { position: absolute; left: 0; top:.4rem;
display: block; width:.8rem;
height:.8rem;
border-radius: 100% }
.usercomment-box-comment-modal-header-second { margin-bottom:.266rem
}
.usercomment-box-comment-modal-header-name-second { float: left; font-weight: 600; color: #666 }
.usercomment-box-comment-modal-header-time-second { float: right; font-weight: 600; color: #666 }
.usercomment-box-comment-modal-content-second { color: #9d9d9d }
.usercomment-box-comment-modal { border-bottom: 1px solid #e5e5e5; padding:.4rem;
position: relative; padding-left: 1.26rem }
.usercomment-box-comment-modal-img { position: absolute; left:.2rem;
top:.4rem;
display: block; width:.8rem;
height:.8rem;
border-radius: 100% }
.usercomment-box-comment-modal-header { margin-bottom:.266rem
}
.usercomment-box-comment-modal-header-name { float: left; font-weight: 600; color: #666 }
.usercomment-box-comment-modal-header-time { float: right; font-weight: 600; color: #666 }
.usercomment-box-comment-modal-content { color: #9d9d9d }
.usercomment-box-comment-bottom {
padding:.266rem; position: relative }
.usercomment-box-comment-bottom-img { display: inline-block; vertical-align: middle; width:.8rem;
height:.8rem;
border-radius: 100% }
.usercomment-box-comment-bottom-input { display: inline-block; width: 8.4rem; margin: 0 auto; box-shadow: none; border: 0; background-color: #f2f2f2; padding:.2rem;
border-radius: 5px; margin-left: 5px }
.usercomment-box-comment-bottom-btn { display: block; float: right; width: 1.733rem; height:.8rem;
line-height:.8rem;
text-align: center; border: 1px solid #36c319; color: #36c319; margin-top:.2rem;
border-radius: 5px }
.swiper-container-construct { width: 100%; height: 2.053rem }
.construct-slide img { width: 100%!important; height: 2.053rem!important }
.show-price-box { display: block; width: 100%; height: 100%; background-repeat: repeat-y; background-size: 100% auto }
.show-price-img { display: block; width: 100%; height: auto }
.show-price-form-box { background-image: url(/static/5.d8d527b.jpg); background-repeat: no-repeat; background-size: 100% 100% }
.show-price-form { display: block; padding-top:.5rem;
padding-bottom:.5rem;
width: 9.8rem; margin: 0 auto }
.show-price-form-line { display: block; width: 100%; height: auto; position: relative; margin-bottom: 5px }
.show-price-form-line label { display: inline-block; margin-right:.3rem;
font-size:.3rem
}
.show-price-form-line input { text-align: left; padding-left:.2rem
}
.show-price-form-line input, .show-price-form-line select { display: inline-block; border: 1px solid #595757; height: 1.2rem; line-height: 1.2rem; vertical-align: middle }
.show-price-form-line select { text-align: center }
.shortinput { width: 1.74rem; margin-right:.2rem
}
.middleinput { width: 5.8rem }
.longinput { width: 7.81rem }
.show-price-btn { display: block; width: 9.3rem; height: 1.75rem; margin:.5rem auto;
margin-bottom: 0; background-size: 100% 100% }
.checkcode-image { display: block; height: 1.2rem; width: auto; position: absolute; right:.2rem;
top: 0 }
.decrationKnow-content { padding-top: 1.25rem; overflow: hidden }
.decrationKnow-box { overflow-y: auto; height: 100%; overflow-x: hidden }
.hot-list-box { background: #fff; border-top: 2px solid #eee; overflow: hidden; margin-bottom:.25rem
}
.hot-list-box ul { padding: 0; margin: 0 }
.hot-list-box li { border-bottom: 1px solid #eee; height: 1.067rem; line-height: 1.067rem; padding:0 .5rem;
vertical-align: middle; list-style: none }
.hot-list-box li:last-child { border-bottom: none }
.hot-list-box img { width:.4267rem;
height:.4267rem;
margin-right:.1rem;
margin-top:.3rem
}
.hot-list-box img, .hot-list-box span { display: block; float: left }
.know-list-box { background: #fff; overflow: hidden }
.know-list-box a { display: block }
.know-list-box ul li { list-style: none; border-bottom: 1px solid #eee; overflow: hidden }
.know-list-box li { padding:.2rem .3rem
}
.nomal-height { height: 1rem; margin-bottom:.3rem
}
.know-info { width: 7rem; height: 1.7067rem }
.know-img img { width: 1.7067rem; height: 1.7067rem }
.clearfix { clear: both }
.konw-nav-bars { position: absolute; z-index: 10; top: 0; right: 0; left: 0; height: 1.25rem; padding-right: 10px; padding-left: 10px; border-bottom: 0; background-color: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.konw-nav-bars a {
font-size:.6rem; display: inline-block; color: #888; padding:.31rem 0;
width: 1rem }
.konw-nav-bars img { display: block; margin: 0 auto; width:.54667rem;
height:.54667rem
}
.konw-titles { line-height: 1.26rem; position: absolute; display: block; width: 100%; padding: 0; text-align: center; white-space: nowrap; right: 2.5rem; left: 1rem; display: inline-block; overflow: hidden; width: auto; margin: 0; text-overflow: ellipsis }
.article-content { padding-top: 1.25rem; overflow: hidden }
.article-box { overflow-y: auto; height: 100%; overflow-x: hidden; border-top: 1px solid #f0efed; background: #f8f7f5; padding:.2rem .3rem
}
.article-time { padding:.2rem 0
}
.article-time span { margin-right:.5rem
}
.content-img img { width: 100%!important; height: auto!important }
.clockTik { font-size: 12px; color: #9a9a9a; vertical-align: middle; margin-left:.1rem
}
.commodity-choice i { font-style: normal; padding:0 .2rem .1rem
}
.commodity-active { border-bottom: 2px solid #71b425 }
.commodity-tab { display: none }
.swiper-container { width: 100% }
.commodity-banner { width: 100%; height: 10.04rem }
.commodity-title {
padding:.2rem; background: #fff }
.commodity-footer { position: absolute; bottom: 0; width: 100%; height: 1.46rem; background-color: #333; color: #fff; display: table }
.commodity-footer ul { width: 100% }
.commodity-footer ul li { float: left; list-style: none }
.commodity-footer a { display: block; text-align: center; height: 1.46rem; color: #fff }
.buyNow { background: #fba541; line-height: 1.46rem }
.addShoppingCart { background: #71b425; line-height: 1.46rem }
.number-icon { position: absolute; top: 0; display: inline-block; background-color: #71b425; width:.5rem;
line-height:.5rem;
height:.5rem;
border-radius:.25rem;
text-align: center; margin-left:-.5rem
}
.fa-minus { border-right: 1px solid #ececec }
.fa-plus { border-left: 1px solid #ececec }
.trait { border-bottom: 1px solid #e3e3e3; padding-bottom:.2rem;
padding-top:.2rem
}
.icon6 { width: 100%; text-align: center }
.icon6 img { width: 8.587rem; height: 1.17333rem; margin:.3rem auto
}
.buy-box { background: #fff }
.commodity-price-box {
padding:.2rem; background: #fff; overflow: hidden }
.commodity-price-info { margin-top:.5rem
}
.textdecoration { text-decoration: line-through }
.buy-box ul li { border-bottom: 1px solid #e3e3e3; padding:.33rem .266rem;
background: url(/assets/images/dayoujian.png) 100% no-repeat; background-size:.333rem;
background-position-x: 98% }
.buy-box ul li a { display: block }
.buy-box ul li:last-child { background: none }
.buy_num { width: 1rem }
.go-detail { background: #fff; margin:.3rem 0
}
.gray_color { color: #777 }
.go-detail ul li { border-bottom: 1px solid #e3e3e3; padding:.4rem .266rem;
background: url(/assets/images/dayoujian.png) 100% no-repeat; background-size:.333rem;
background-position-x: 98% }
.go-detail ul li a { display: block }
.commodity-content-number { padding:.26rem
}
.commodity-content-number-title { font-weight: 600 }
.commodity-content-number-box { display: block }
.commodity-content-number-min { border: 1px solid #ececec; border-right: 0; font-weight: 800 }
.commodity-content-number-min, .commodity-content-number-plus { display: inline-block; width:.8rem;
height:.8rem;
line-height:.8rem;
text-align: center; color: #999; vertical-align: middle }
.commodity-content-number-plus { border: 1px solid #ececec; border-left: 0; font-weight: 600 }
.commodity-content-number-box input { display: inline-block; width: 1.2rem; height:.8rem;
line-height:.8rem;
text-align: center; border: 1px solid #ececec; border-radius: 0; font-weight: 600; color: #000; vertical-align: middle; box-shadow: 0 0 0 transparent }
.commodity-content-number-count { vertical-align: bottom; color: #a6a6a6 }
.guess-you-like-box { background-color: #fff; padding:.266rem
}
.guess-you-like { border-left: 2px solid #fba541; padding-left:.2rem
}
.location-ico { display: inline-block; vertical-align: middle; width:.3rem;
height: auto; margin-left:.1rem
}
.addchart-close { position: absolute; left: 1.2rem; top:.3rem;
z-index: 11 }
.tab2 { margin-bottom: 2rem; font-size: 0 }
.tab2 img { width: 100%; display: block }
.product-pic { background: #fff; height: auto; font-size: 0 }
.product-pic img { width: 100% }
.more-detail { display: none }
.comment-modal { display: block; padding:.2rem;
background-color: #fff; margin-bottom:.5rem
}
.comment-header { display: block; border-bottom: 1px solid #dcdcdc; padding:.2rem
}
.comment-header-left img { display: inline-block; width:.8rem!important;
height:.8rem!important;
vertical-align: middle }
.comment-header-left span { color: #000; vertical-align: middle }
.comment-header-right {
height:.8rem;
line-height:.8rem; color: #d5d5d5; vertical-align: middle }
.comment-content { padding:.2rem
}
.comment-content p { margin-bottom:.2rem
}
.comment-content-imagelist img { display: inline-block; margin-right:.2rem;
margin-bottom:.2rem;
width: 2rem!important; height: 2rem!important; border-radius: 5px }
.comment-bottom {
padding:0 .2rem; color: #d5d5d5 }
.disableSelect { color: #ccc!important; border-color: #ccc!important }
.addchart-body { top: 1.25rem; z-index: 9; height: 100%; background-color: rgba(0,0,0,.5) }
.addchart-body, .addchart-left { position: absolute; left: 0; width: 100% }
.addchart-left { top: 0; height: 20% }
.addchart-content { position: absolute; right: 0; bottom: 0; width: 100%; height: 13rem; background-color: #fff; padding-top: 2.7rem; padding-bottom: 2.716rem }
.addchart-content-head { position: absolute; top: -1rem; left: 0; width: 100%; height: 3.733rem; border-bottom: 1px solid #e3e3e3; padding-left: 3.6rem; padding-top:.46rem;
padding-bottom:.46rem
}
.addchart-content-head img { position: absolute; left:.46rem;
top:.46rem;
width: 2.8rem; height: 2.8rem }
.addchart-content-head-price { color: #5ea910; font-weight: 600; margin-top: 1rem }
.addchart-content-head-tag { margin-top:.2rem
}
.addchart-content-box { display: block; width: 100%; height: 5rem; overflow-x: hidden; overflow-y: auto; min-height: 1rem }
.addchart-content-choose { padding:.26rem
}
.addchart-content-choose-modal {
padding-bottom:.4rem; border-bottom: 1px solid #dcdcdc }
.addchart-content-choose-modal-tag, .addchart-content-choose-modal-title { margin-top:.4rem
}
.addchart-content-choose-modal-tag div { position: relative; display: inline-block; width: auto; height:.8rem;
text-align: center; border: 1px solid #ccc; border-radius: 5px; line-height:.8rem;
margin-right:.266rem;
overflow: hidden; white-space: nowrap; padding:0 .5rem;
margin-bottom:.2rem
}
.addchart-content-choose-modal-tag div input { position: absolute; left: 0; top: 0; display: block; width: auto; height:.8rem;
opacity: 0 }
.addchart-tag-active { border-color: #5ea910!important; background: #5ea910; color: #fff }
.addchart-content-number { padding:.26rem
}
.addchart-content-number-box { display: block; margin-top:.26rem
}
.addchart-content-number-min { border: 1px solid #ececec; border-right: 0; font-weight: 800 }
.addchart-content-number-min, .addchart-content-number-plus { display: inline-block; width:.8rem;
height:.8rem;
line-height:.8rem;
text-align: center; color: #999; vertical-align: middle }
.addchart-content-number-plus { border: 1px solid #ececec; border-left: 0; font-weight: 600 }
.addchart-content-number-box input { display: inline-block; width: 1.2rem; height:.8rem;
line-height:.8rem;
text-align: center; border: 1px solid #ececec; border-radius: 0; font-weight: 600; color: #000; vertical-align: middle; box-shadow: 0 0 0 transparent }
.addchart-content-number-count { vertical-align: bottom; color: #a6a6a6 }
.addchart-content-footer { position: absolute; bottom: 1.25rem; left: 0; width: 100%; height: 1.466rem }
.addchart-content-footer a { display: inline-block; width: 50%; height: 1.466rem; text-align: center; color: #fff; line-height: 1.466rem }
.addchart-content-footer a:first-child { background-color: #fba541 }
.addchart-content-footer a:last-child { background-color: #5fa911 }
.all-img-box { width: 100%; font-size: 0 }
.all-img-box img { width: 100% }
.login-content { background: url(/static/loginbg.75cd0d9.png); background-size: cover; padding: 0 1rem }
.logo-box { text-align: center; margin-top: 2rem }
.logo-box img { width: 2.92rem }
.login-tabs a { display: inline-block; width: 4rem; text-align: center; padding:.5rem 0
}
.login-active { color: #fff }
.other-login { color: #fff; margin-top: 1rem; position: relative }
.other-login img { width: 8rem }
.other-login-box { width: 100%; margin-top:.7rem
}
.other-login-box a { width: 32%; text-align: center; display: inline-block }
.other-login-box img { width: 1.3rem }
.send-code { border-left: 1px solid #dedede; padding:.4rem 0 .4rem .2rem;
width: 2rem }
.goHome { font-size: 1rem; color: #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); display: block; width: 1rem; height: 1rem; margin: 0 3.5rem; position: absolute; bottom: 1rem }
.login-box { margin: auto }
.pd05 {
padding:.2rem .5rem; background: #fff }
.pd05:first-child { border-bottom: 1px solid #dedede; border-top-left-radius:.2rem;
border-top-right-radius:.2rem
}
.pd05:last-of-type { border-bottom-right-radius:.2rem;
border-bottom-left-radius:.2rem
}
.login-box input { height: 1rem; width: 5rem; padding-left:.6rem;
border: none; outline: none }
.user-input { background: url(/assets/images/daheirenwu.png) 0 no-repeat; background-size:.5rem
}
.password-input { background: url(/assets/images/suo.png) 0 no-repeat; background-size:.5rem
}
.greenBtn { display: block; background: rgba(174,195,74,.8); height: 1rem; border-radius:.2rem;
margin-top:.5rem;
text-align: center }
.greenBtn img { width:.8rem;
margin-top:.2rem
}
.forget-btn { display: block; width: 2rem; height: 1rem; line-height: 1rem }
.error-login { color: red; padding:.2rem 0
}
.showCode { display: inline-block; width: 1.5rem; text-align: right }
.showCode img { width:.5rem
}
.register2 { display: none }
.register-checkCode { position: absolute; right: 0; top:.2rem;
display: block; width: auto; height: 1rem }
.send-codes { width: 2rem; height: 1rem; background: #fff; display: block; float: right; border: 1px solid #e2e2e2; line-height: 1rem; text-align: center }
.unlogin { width: 100%!important; height: 100%; background-color: rgba(0,0,0,.6); position: absolute; bottom: 0; z-index: 11; top: 1.25rem }
.unlogin a { width: 2rem; height: 1rem; background: #5faa11; display: block; text-align: center; margin:.5rem auto;
color: #fff; line-height: 1rem; border-radius:.2rem
}
.paysuccess-content { padding-top: 1.25rem; overflow: hidden }
.paysuccess-box { overflow-y: auto; height: 100%; overflow-x: hidden }
.paySuccess { background: #e3583b; position: relative; color: #fff; padding:.6rem
}
.paySuccess>i { position: absolute; width: 18%; top: 6%; right: 4% }
.paySuccess>i>img { width: 100%; vertical-align: top }
.paySuccessBtn { background: #fff; text-align: center; padding:.4rem 0
}
.paySuccessBtn a { display: inline-block; width: 30%; border: 1px solid #989898; border-radius: 3px; text-align: center; padding:.2rem 0;
margin:0 .2rem
}
.address-box-layer { position: absolute; width: 100%; height: 2rem; left: 0; top: 0; background-color: rgba(0,0,0,.5) }
.address-box-layer a { display: block; width: 3rem; text-align: center; margin: 0 auto; margin-top:.5rem;
padding:.2rem;
background-color: #f3c719; color: #fff; border-radius: 10px }
.confirmOrder-singal-list { display: block; background-color: #fff; padding:.33rem
}
.confirmOrder-singal-list-modal { display: block; width: 100%; height: 1.2rem; color: #000; font-weight: 600; line-height: 1.2rem; border-bottom: 1px solid #dcdcdc }
.confirmOrder-singal-list-modal input { display: inline-block; border: 0; height: 1rem }
.confirmOrder-bottom { display: block; width: 100%; height: 1.33rem; background-color: #fff; position: absolute; bottom: 0 }
.confirmOrder-bottom-price { float: right; vertical-align: middle; line-height: 1.33rem }
.confirmOrder-bottom-price span { color: #f95203 }
.confirmOrder-bottom-btn { float: right; display: block; width: 2.933rem; height: 1.33rem; line-height: 1.33rem; text-align: center; color: #fff; background-color: #f3c719; margin-left:.2rem
}
.confirmOrder-content { padding-top: 1.25rem; padding-bottom: 1.35rem; overflow: hidden }
.confirmOrder-box { overflow-y: auto; height: 100%; overflow-x: hidden }
.confirmOrder-top-linear { display: block; width: 100%; height: auto }
.confirmOrder-userinfo-box { position: relative; display: block; width: 100%; height: 2rem; padding:.4rem;
background-color: #fff; margin-bottom:.5rem
}
.confirmOrder-userinfo-modal { margin-bottom:.2rem
}
.confirmOrder-userinfo-modal span { color: #696969; vertical-align: middle }
.confirmOrder-userinfo-ico { display: inline-block; width:.4rem;
height:.4rem;
vertical-align: middle; margin-right:.2rem
}
.confirmOrder-product-modal { display: block; position: relative; width: 100%; height: auto; padding:.33rem;
padding-left: 2.6rem; background-color: #fff; margin-bottom:.25rem;
min-height: 2.5rem }
.confirmOrder-product-modal-image { position: absolute; left:.33rem;
top:.33rem;
display: block; width: 2.133rem; height: 2.133rem }
.confirmOrder-product-modal-title { display: block; width: 6rem }
.confirmOrder-product-modal-price { position: absolute; right:.33rem;
top:.33rem
}
.confirmOrder-product-modal-number { position: absolute; right:.33rem;
top:.8rem
}
.evaluateTit { padding: 4%; background: #fff }
.evaluateTit>* { display: inline-block; vertical-align: middle }
.evaluateTit>img { width: 2rem; margin-right:.2rem
}
.evaluateTit>div { margin-left:.2rem
}
.evaluateTit>div>i { font-size:.8rem;
margin-right:.2rem
}
.evaluateBox { background: #fff; padding: 4% }
.evaluateBox .pt { text-align: right }
.evaluateBox .uppic img { width: 1.6rem; vertical-align: middle; margin-right:.2rem
}
.evaluateBox .uppic span { margin-right:.2rem
}
.evaluateBox .d>div { display: inline-block; vertical-align: middle; margin-left:.4rem
}
.evaluateBox .d>div>i { font-size:.7rem;
margin-right:.3rem
}
.evaluateFoot { position: fixed; bottom: 0; left: 0; width: 100%; background: #fff; box-sizing: border-box; padding: 0 4% }
.evaluateFoot, .evaluateFoot>a { height: 1.4rem; line-height: 1.4rem }
.evaluateFoot>a { position: absolute; right: 0; top: 0; background: #f3c719; color: #fff; width: 3rem; text-align: center }
.materlList-content { overflow: hidden; padding-top: 1.25rem }
.materlList-box { height: 100%; overflow-x: hidden; overflow-y: auto }
.title-button { background: #fff; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; text-align: center; padding:.3rem .2rem
}
.materl-List { background: #fff; margin:.2rem;
padding:.2rem;
position: relative; height: 2.23rem; box-shadow: 5px 5px 10px rgba(0,0,0,.1) }
.materl-List img { width: 2.2rem; height: 1.867rem; border: 1px solid #dedede; position: absolute }
.materl-brand { margin-left: 2.4rem; margin-top:.8rem
}
.shoppingCart-content { padding-top: 1.25rem; padding-bottom: 1.46rem; overflow: hidden }
.shoppingcart-box { overflow-y: auto; height: 100%; overflow-x: hidden }
.shoppingcart-footer { position: absolute; bottom: 0; left: 0; width: 100%; height: 1.46rem; background-color: #303030 }
.shoppingcart-footer-checkbox { position: absolute; left:.4rem;
top:.5rem
}
.shoppingvart-footer-line-one { position: absolute; left: 1.2rem; top:.25rem;
width: 5.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.shoppingvart-footer-line-one span { color: #fff }
.shoppingvart-footer-line-two { position: absolute; left: 1.2rem; top:.866rem;
width: 5.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #9d9d9d }
.shoppingcart-bottom-btn { position: absolute; right: 0; top: 0; display: block; width: 2.986rem; height: 1.46rem; text-align: center; line-height: 1.46rem; color: #fff; background-color: #f3c719 }
.Cartlistmodal-box { border-bottom:.2rem solid #fff
}
.Cartlistmodal-box:last-child { border-bottom: 0 }
.shoppingcart-box-modal { overflow-x: hidden }
.shoppingcart-box-modal-header {
padding:.266rem .5rem; background: #fff }
.shoppingcart-box-modal-checkbox input { display: inline-block; width:.4rem;
height:.4rem;
vertical-align: middle; opacity: 0 }
.checkbox-checked { background-image: url(/assets/images/lvgou.png)!important }
.checkbox-checked, .checkbox-nochecked { display: inline-block; width:.4rem;
height:.4rem;
background-size: 100% 100% }
.checkbox-nochecked { background-image: url(/assets/images/yuanheiquan.png)!important }
.sale { height: auto; padding-top:.1rem;
padding-bottom:.1rem;
color: #c2c2c2; padding-left:.1rem
}
.originalPprice { color: #c2c2c2!important; margin-left:.1rem
}
.favourable { border: 1px solid #b0454d; color: #b0454d!important; border-radius:.1rem;
margin-left:.1rem;
padding:0 .1rem;
display: inline-block; width: auto; max-width: 2rem; height:.6rem;
line-height:.6rem;
vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.shoppingcart-box-modal-content { position: relative; background: #f5f5f5; padding-left: 3.2rem; padding-top:.4rem;
padding-bottom: 1.2rem; min-height: 3.4rem; height: auto; border-bottom: 2px solid #fff }
.shoppingcart-box-modal-content:last-child { border-bottom: 0 solid #fff }
.shoppingcart-box-modal-content-checkbox { position: absolute; left:.3rem;
top: 1.2rem }
.shoppingcart-box-modal-content-img { position: absolute; display: block; left:.87rem;
top:.4rem;
width: 2.13rem; height: 2.13rem }
.shoppingcart-box-modal-content-title { color: #000; font-weight: 600 }
.shoppingcart-box-modal-content-tag { color: #b7b7b7 }
.shoppingcart-box-modal-content-price { position: absolute; margin-top:.2rem;
color: #6ab91f }
.shoppingcart-box-modal-content-pm { position: absolute; margin-top: 0; right:.2rem;
box-shadow: 1px 0 1px rgba(0,0,0,.1) }
.shoppingcart-delete-btn { display: inline-block; position: absolute; top: 0; right: 0; width: 1.48rem; height: 3rem; background-color: #71b425; color: #fff; text-align: center; line-height: 3rem; -webkit-transform: translateX(1.48rem); transform: translateX(1.48rem) }
.paytype-content { padding-top: 1.25rem; overflow: hidden }
.paytype-box { overflow-x: hidden; overflow-y: auto; height: 100% }
.paytype-price-box { display: block; width: 100%; height: 3.33rem; background-color: #fff; margin-bottom:.266rem;
padding-top:.9rem;
border-top: 1px solid #dcdcdc }
.paytype-price-title { display: block; text-align: center; color: #666 }
.paytype-price-number { display: block; text-align: center; color: #000; font-weight: 600; margin-top:.266rem
}
.paytype-choose-box {
margin-top:.266rem; background-color: #fff }
.paytype-choose-modal { display: block; height: 1.46rem; border-bottom: 1px solid #dcdcdc; line-height: 1.45rem; vertical-align: middle; padding:0 .2rem
}
.paytype-choose-modal img { display: inline-block; vertical-align: middle; width:.7rem;
height: auto; margin-right:.2rem
}
.paytype-choose-modal-check { float: right }
.paytype-btn { display: block; width: 8.9rem; height: 1.13rem; line-height: 1.1rem; border-radius: 5px; background-color: #5faa11; color: #fff; text-align: center; margin: 0 auto; margin-top:.733rem
}
.order-content { padding-top: 2.25rem; overflow: hidden }
.orderList-box { overflow-y: auto; height: 100%; overflow-x: hidden }
.orderMenu-list-box { border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; position: absolute; top: 1.25rem; height: 1.05rem }
.order-state-list { background: #fff; height: 1rem; width: 10rem; overflow: hidden }
.order-state-list li { float: left; list-style: none; width: 2rem; text-align: center; height: 1rem; line-height: 1rem }
.state-active { color: #f3c719; border-bottom: 2px solid #f3c719 }
.tablist { display: none }
.noorder { text-align: center }
#tabList_1, #tabList_2, #tabList_3, #tabList_4, #tabList_5 { height: 100%; overflow-x: hidden; overflow-y: auto }
.noorder img { width: 3rem; margin-top: 2rem }
.orderDetail-body a { display: block }
.order-btn-box { overflow: hidden }
.order-btn-box a { display: block; float: right; margin-right:.2rem;
margin-top:.1rem;
margin-bottom:.1rem
}
.order-btn { padding:.15rem .5rem;
border-radius:.08rem
}
.white-btn { border: 1px solid #9b9b9b; background: #fff }
.green-btn { border: 1px solid #f3c719; background: #fff; color: #f3c719 }
.other-box { background: #f5f5f5; overflow: hidden }
.other-box span { display: block; text-align: right }
.all-price { background: #fff; padding:.3rem .2rem;
border-bottom: 1px solid #ededed; text-align: right }
.all-price span { margin-left:.2rem
}
.orderDetail-box:last-child { margin-bottom:.5rem
}
.orderDetail-content { padding-top: 1.25rem; overflow: hidden }
.order-detail-box { overflow-y: auto; height: 100%; overflow-x: hidden; padding-bottom: 1rem }
.order-title { background: #fff; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; padding:.2rem
}
.order-title p { line-height:.6rem
}
.cellPhone-number { margin-left: 2rem }
.order-price { background: #fff; margin-top:.5rem;
padding:.2rem;
margin-bottom:.5rem
}
.order-price p { line-height:.7rem
}
.borderb { border-bottom: 1px solid #dedede }
.orderDetail-box { background: #fff; margin-top:.3rem
}
.orderDetail-box a { display: block; margin-bottom:.1rem
}
.orderDetail-heading {
padding:.2rem; overflow: hidden }
.orderDetail-heading a { display: block }
.icon_user { background: url(/assets/images/ren1.png) 0 no-repeat; background-size:.33rem;
padding-left:.5rem
}
.address { background: url(/assets/images/dingwei.png) 0 no-repeat; background-size:.35rem;
padding-left:.5rem
}
.ordername-title { background: url(/assets/images/dayoujian.png) 100% no-repeat; background-size:.35rem;
padding-right:.5rem;
display: block; width: auto; max-width: 5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.orderDetail-body {
padding:.133rem .32rem; box-sizing: border-box; background: #f5f5f5 }
.orderDetail-body, .orderDetail-body .item-img { display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; display: box }
.orderDetail-body .item-img {
margin-right:.293rem; background: #fff; overflow: hidden }
.item-img img, .orderDetail-body .item-img { width: 2.13rem; height: 2.13rem }
.item-info { -webkit-box-flex: 1; -ms-box-flex: 1; -o-box-flex: 1; box-flex: 1 }
.item-info .title { -webkit-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical }
.item-info .title, .item-info p { overflow: hidden; -webkit-line-clamp: 2; -moz-line-clamp: 2; -ms-line-clamp: 2; -o-line-clamp: 2; line-clamp: 2; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; display: box; word-break: break-all }
.item-info p, .item-pay { margin-top:.133rem
}
.item-pay { width: 1.5rem; text-align: right; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; display: box }
.item-pay .item-pay-data { -webkit-box-flex: 1; -ms-box-flex: 1; -o-box-flex: 1; box-flex: 1 }
.item-pay .price { text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
.orderDetail-footer { height:.5rem
}
.orderInfo-box { background: #fff; margin-top:.5rem;
padding:.2rem
}
.orderInfo-box p { line-height:.7rem
}
.invoice { background: #fff; margin-top:.5rem;
padding:0 .2rem;
height: 1.147rem; line-height: 1.147rem }
input[type=datetime-local]:before { content: '\586B\5199\9884\7EA6\65F6\95F4'; color: #a9a9a9; text-align: left; width: 100% }
input[type=datetime-local]:active:before, input[type=datetime-local]:focus:before, input[type=datetime-local]:hover:before, input[type=datetime-local]:visited:before { content: ''; width: 100% }
#times { line-height: 1rem }
.requestVisit-content { padding-top: 1.25rem; overflow: hidden }
.high-input { display: inline-block; height: 2.08rem!important; width: 6rem; vertical-align: middle; border: 1px solid #e2e2e2; background-color: #fff }
.margin-layers-17 { margin-top: 1.73rem }
.onlineprice-form-line { position: relative }
.requestvisit-code { display: block; position: absolute; right:.9rem;
top:.3rem
}
.active-img { font-size: 0 }
.active-img img { width: 100% }
.citychoose-content { padding-top: 1.25rem; overflow: hidden }
.citychoose-header { position: absolute; width: 100%; top: 1.25rem; height: 3rem; z-index: 1 }
.citychoose-header-title { display: block; width: 100%; height: 1rem; line-height: 1rem; padding-left:.8rem;
background-color: #eee }
.citychoose-header-title img { display: inline-block; width:.4rem;
height: auto; vertical-align: middle; margin-right:.4rem
}
.citychoose-header-title span { vertical-align: middle; color: #58bc1c; font-weight: 600 }
.citychoose-header-city { display: inline-block; width: 100%; height: 1rem; line-height: 1rem; padding-left:.4rem;
font-weight: 600; background-color: #fff }
.citychoose-header-intro { display: block; width: 100%; height: 1rem; line-height: 1rem; padding-left:.8rem;
background-color: #eee }
.citychoose-header-intro img { display: inline-block; width:.4rem;
height: auto; vertical-align: middle; margin-right:.4rem
}
.citychoose-header-intro span { vertical-align: middle; color: #58bc1c; font-weight: 600 }
.citychoose-box { overflow-y: auto; height: 100%; overflow-x: hidden; padding-top: 3rem; background-color: #fff; padding-left:.4rem
}
.citychoose-city-modal { display: block; position: relative; width: 100%; height: 1rem; line-height: 1rem; border-bottom: 1px solid #dcdcdc; color: #000; font-weight: 600 }
.citychoose-city-modal img { position: absolute; display: block; width:.5rem;
height:.5rem;
top:.3rem;
right:.6rem
}
.setting-content { padding-top: 1.25rem; overflow: hidden }
.setting-list-box { overflow-y: auto; height: 100%; overflow-x: hidden }
.setting-list { margin-top:.3rem
}
.basics { background: #fff }
.basics li { list-style: none; height: 1.173rem; line-height: 1.173rem; margin-left:.5rem;
border-bottom: 1px solid #dedede }
.basics li:last-child { border-bottom: none }
.basics a { display: block; background: url(/assets/images/dayoujian.png) 100% no-repeat; background-size:.4rem;
margin-right:.5rem
}
.logout { width: 100%; height: 1rem; background: #fff; text-align: center; line-height: 1rem; margin-bottom: 1rem }
.logout a { display: block; box-shadow: 2px 2px 5px rgba(0,0,0,.2) }
.mt35 { margin-top:.5rem
}
.nobg { background: none!important }
.change-nicheng, .sex-select { position: absolute; left: 0; top: 0; width: 100%; height: 1.12rem }
.change-nicheng { display: block; background-color: #fff }
.change-nicheng input { display: inline-block; width: 8rem; height: 1rem; border: 0; box-shadow: none; vertical-align: top }
.change-nicheng-btn { right: 0; width: 2rem; color: #fff; background-color: #5faa11; text-align: center }
.avator-input, .change-nicheng-btn { position: absolute; top: 0; display: block; height: 1.12rem }
.avator-input { left: 0; width: 100%; opacity: 0 }
.accountInfo-content { padding-top: 1.25rem; overflow: hidden }
.accountInfo-box { overflow-y: auto; height: 100%; overflow-x: hidden }
.accountInfoPwd-content { padding-top: 1.25rem; overflow: hidden }
.accountInfoPwd-box { overflow-y: auto; overflow-x: hidden; height: 100% }
.account-input input { width: 100%; height: 1.25rem; border: none; border-bottom: 1px solid #dedede; padding-left:.5rem;
margin-bottom:.02rem;
border-radius: 0 }
.mt22 { margin-top:.3rem
}
.pwd-tips { line-height: 1rem; padding-left:.5rem
}
.button-box { width: 100% }
.button-box a { display: block }
.btn { width: 9rem; height: 1.25rem; text-align: center; line-height: 1.25rem; margin: auto; border-radius:.08rem
}
.gray-button { background: #82898f }
.address-delte-btn { display: inline-block; position: absolute; top: 0; right: 0; width: 1.55rem; height: 1.55rem; background-color: #71b425; color: #fff; text-align: center; line-height: 1.55rem; -webkit-transform: translateX(1.55rem); transform: translateX(1.55rem) }
.address-content { overflow: hidden; padding-top: 1.25rem }
.address-list-box { margin-top:.3rem
}
.address-list-box li {
padding:.2rem .5rem; background: #fff; margin-bottom:.2rem;
position: relative }
.address-list-box a { display: block; background: url(/assets/images/dayoujian.png) 100% no-repeat; background-size:.4rem;
margin-right:.2rem
}
.address-list-box i { font-style: normal; margin-left:.2rem
}
.address-list-box p { line-height:.6rem
}
.address-box { overflow-y: auto; height: 100%; overflow-x: hidden }
.address-area { display: block; width: 100%; height: 1.25rem; background-color: #fff; border-bottom: 1px solid #dedede; overflow: hidden }
.address-area-modal { display: inline-block; width: 3.2rem; height: 1.25rem; border: 0; text-align: center }
.address-area-modal:first-child { padding-left:.5rem
}
.address-area-modal option { text-align: center }
.addressDetail-bottom-box { margin-top:.2rem;
padding-left:.5rem
}
.addressDetail-bottom-box span { vertical-align: middle }
.whether_default { margin-top:.2rem;
padding:.2rem .5rem
}
.whether_default span { vertical-align: middle }
.address-area { display: block; width: 100%; height: 1.25rem; background-color: #fff; border-bottom: 1px solid #dedede; overflow: hidden }
.address-area-modal { display: inline-block; width: 3.2rem; height: 1.25rem; border: 0; text-align: center }
.address-area-modal:first-child { padding-left:.5rem
}
.address-area-modal option { text-align: center }
.addressDetail-bottom-box { margin-top:.2rem;
padding-left:.5rem
}
.addressDetail-bottom-box span { vertical-align: middle }
.collectPic-content { padding-top: 1.25rem; overflow: hidden }
.collectionPic-box, .picImg-box { overflow-y: auto; height: 100%; overflow-x: hidden }
.picImg-box { padding:.3rem 0 .2rem .1rem
}
.collectionPic-box { font-size: 0 }
.collectionPic-box a { display: block; margin:0 .1rem .2rem .2rem;
float: left }
.collectionPic-box img { width: 4.533rem; height: 2.8rem }
.black-nav { background-color: #000 }
.nav-bars-right { width: 2rem!important }
.nav-bars-right img { display: inline-block }
.nav-bars-right img:first-child { margin-right:.266rem
}
.piclibraryDetail-box { position: relative; height: 100% }
.piclibraryDetail-content { padding-top: 1.25rem; padding-bottom: 1.46rem; overflow: hidden; background-color: #000 }
.piclibraryDetail-swiper { width: 100%; height: 7.09rem; position: absolute; top: 50%; margin-top: -3.8rem }
.piclibraryDetail-footer { position: absolute; bottom: 0; width: 100%; height: 1.33rem; background-color: #1f1d22; padding:.4rem
}
.piclibraryDetail-footer-txt { width: 3.5rem; margin: 0 auto; color: #fff; display: block }
.piclibraryDetail-footer-txt img {
width:.66rem;
height:.66rem;
margin-right:.26rem; vertical-align: middle }
#web-file-up { position: absolute; display: block; width: 1.733rem; height: 1.733rem; top:.266rem;
left:.266rem;
opacity: 0 }
.img-list-box img { display: inline-block; vertical-align: middle; width: 1.5rem; height: 1.5rem }
.img-list-boxs img { border-radius: 5px; margin-right:.2rem
}
..img-list-boxs {
padding:.266rem
}
.start-list-modal img { width: 100%; height: auto }
.start-list-modal { width:.6rem;
height:.6rem;
margin-left:.4rem
}
.start-list, .start-list-modal { display: inline-block; vertical-align: middle }
.start-list { margin-left:.5rem
}
.start-box label { color: #000; font-weight: 600; vertical-align: middle }
.start-box { display: block; width: 100%; border-top: 1px solid #dcdcdc; padding:.266rem
}
.shareorder-picture span { color: #b0b0b0; display: inline-block; vertical-align: middle }
.shareorder-picture-ico img { display: block; width:.6rem;
height:.6rem;
margin: 0 auto }
.shareorder-picture-ico { display: inline-block; width: 1.733rem; height: 1.733rem; border: 1px solid #dcdcdc; padding:.5rem;
vertical-align: middle }
.shareorder-picture { position: relative; display: block; width: 100%; padding:.266rem
}
.shareorder-comment-content textarea { display: block; border: 0; box-shadow: none; width: 100%; height: 2rem }
.comment-product-pic { position: absolute; left:.266rem;
top:.266rem;
display: block; width: 1.33rem; height: 1.33rem }
.shareorder-comment-box { display: block; position: relative; width: 100%; min-height: 2.13rem; padding:.266rem;
padding-left: 2rem }
.shareorder-content { padding-top: 1.25rem; overflow: hidden }
.shareorder-box { overflow-y: auto; height: 100%; overflow-x: hidden; background-color: #fff }
.procomment-detail-bottom div { position: absolute; right: 0; top: 0; width: 2rem; height: 1.08rem; background-color: #73b327; color: #fff; text-align: center; line-height: 1.08rem }
.procomment-detail-bottom { position: absolute; bottom: 0; left: 0; width: 100%; background-color: #fff; padding:.2rem;
display: block; border-top: 1px solid #dcdcdc; height: 1.08rem }
.procomment-detail-bottom input { display: inline-block; width: 6rem; padding:.2rem;
border: 0; box-shadow: none }
.comment-reply-list a { margin-bottom: 0 }
.comment-reply-list { margin-top:.4rem
}
.comment-like-it { display: block; width: 1.4rem; height: 1.4rem; color: #979797; text-align: center; border-radius: 100%; border: 1px solid #dcdcdc; padding:.2rem;
margin: 0 auto }
.comment-like-it img {
width:.5rem; height: auto; margin: 0 auto }
.productcommentdetail-content { padding-top: 1.25rem; overflow: hidden }
.productcommentdetail-box { overflow-y: auto; height: 100%; overflow-x: hidden; padding-bottom: 1.1rem }
.detail-content-imagelist img { display: block; width: 100%; height: auto; margin-bottom:.2rem
}
.product-delte-btn { display: inline-block; position: absolute; top: 0; right: 0; width: 1.55rem; height: 3rem; background-color: #71b425; color: #fff; text-align: center; line-height: 3rem; -webkit-transform: translateX(1.55rem); transform: translateX(1.55rem) }
.product-content { overflow: hidden; padding-top: 1.25rem }
.product-list-box { overflow-y: auto; height: 100%; overflow-x: hidden }
.product-list-box ul li { list-style: none; padding: 0 }
.product-list-box li { background: #fff; position: relative; margin-top:.2rem
}
.product-list-box a { display: block; background-size:.4rem;
margin-right:.2rem
}
.product-list-box img { width: 3rem; height: 3rem }
.product-list-box i { font-style: normal; margin-left:.2rem
}
.product-list-box p { line-height:.6rem
}
.product-box { overflow-y: auto; height: 100%; overflow-x: hidden }
.left-info-box { width: 3rem; height: 3rem }
.right-info-box {
margin-left:.2rem; width: 6.2rem; padding-bottom:.55rem;
height: 3rem }
.right-info-box p:first-child { margin-top:.4rem
}
.right-info-box p:last-child { color: #f3c719; font-weight: 600; margin-top: 1rem }
.noproduct { text-align: center }
.noproduct img { margin-top: 3rem }
.companylList-content { overflow: hidden; padding-top: 1.25rem }
.companylList-box { height: 100%; overflow-x: hidden; overflow-y: auto }
.company-list { border-bottom: 2px solid #25a842; margin-top:.5rem
}
.company-title { height: 1rem; width: 100%; background: #565656 }
.company-title span { background: #f3c719; color: #fff; display: block; height: 1rem; line-height: 1rem; width: 2.5rem; text-align: center; border-right: 4px solid #fff }
.company-info { padding:.3rem .2rem
}
.all-img-box { width: 100%; font-size: 0 }
.all-img-box img { width: 100% }
.all-img-box { width: 100%; font-size: 0 }
.all-img-box img { width: 100% }
.forget2 { display: none }
.sure { display: block; margin-top:.5rem
}
.remainder-list { background: #fff; margin-top:.2rem
}
.remainder-tips { border-bottom: 1px solid #dedede; padding:.2rem 0
}
.remainder-list li { border-bottom: 1px solid #dedede; overflow: hidden; padding-top:.1rem;
padding-bottom:.1rem
}
.remainder-list li:last-child { border-bottom: none }
.remainder-list p { padding:.05rem .2rem
}
.remainder-list a { width: 2rem; height:.8rem;
line-height:.8rem;
border-radius:.2rem;
margin:.2rem 0;
text-align: center }
.remainder-list i { font-style: normal; margin-left:.1rem
}
.active-img { font-size: 0 }
.active-img img { width: 100% }
.special-img img { width: 100%; border: 0 }
/*# sourceMappingURL=app.f5157339efc510ea4bdc26ac57779af9.css.map*/
.paging ul li {
float: left;
padding: 5px 10px;
background: #4CAF50;
margin: 10px 2px;  
list-style-type: none;
}
.paging_prev a,
.paging li span,
.paging_next a
{
color: #fff;
}
.top2{ float:right;}
.top2 img{ height:50px;}
.main{min-width: 320px;max-width: 640px;margin: auto;position: relative;background: #fff;}
.banner{ width:100%; height:auto;}
.slideBox{ position:relative; width:100%;  height:auto; overflow:hidden; margin:0 auto; height:auto;  }
.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:0; z-index:999; }
.slideBox .hd li{ display:inline-block; width:5px; height:5px; background:#fff; text-indent:-9999px; overflow:hidden; margin:0 3px; border-radius:4px;}
.slideBox .hd li.on{ background:#2b2b2b;   }
.slideBox .bd{ position:relative; z-index:0;  width:100%; height:auto; }
.slideBox .bd li{ position:relative;  width:100%; height:auto;  }
.slideBox .bd li p{ display:block; width:100%; height:300px;}
.slideBox .bd li img{ width:100%; height:auto;  height:auto; display:block;}