@charset "utf-8";
/* CSS Document */
/*for all*/
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size:40px }
div, dl, dt, dd, ul, ol, li, pre, form, label, input, select, textarea, p, th, td { font-size: 14px; }
body { font-size:1.4rem }
* { margin: 0px; padding: 0px; word-wrap: break-word; word-break: normal; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 150%; font-family: "microsoft yahei", Verdana, Arial, Helvetica, sans-serif; }
body { background: #eee; color: #333; background-repeat: no-repeat; background-position: center top; position: relative }
body, html { height: 100% }
li { list-style: none; }
img { border: 0; vertical-align: middle; max-width: 100%; }
td, th { line-height: 150%; color: #333; padding: 3px; vertical-align: top !important; }
input, select { border: 0; background-image: none; font-family: "microsoft yahei", Verdana, Arial, Helvetica, sans-serif; -webkit-appearance: none }
input[type="button"] { -webkit-appearance: none }
select { border: 1px solid #dedede; padding: 2px }
/*input,input:focus,*/ button, button:focus { -webkit-appearance: none; outline: none /*去除input默认样式*/ }
input[type="submit"], input[type="reset"], input[type="button"], select { appearance: none; -webkit-appearance: none; border-radius: 0; background-image: none }
input[type=checkbox], input[type=radio] { -webkit-appearance: none; appearance: none; width: 22px; height: 22px; margin: 0; cursor: pointer; vertical-align: bottom; background: url(../images/button-icon08.png) no-repeat; position: relative; background-size: 100%; outline: none; margin-right: 5px }
input[type=checkbox]:checked, input[type=checkbox].active, input[type=radio]:checked, input[type=radio].active { background: url(../images/button-icon08.png) no-repeat 0 bottom; background-size: 100%; outline: none; }
.jc-menu input[type="button"] { border-radius: 5px; }
a { color: #333; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: none; }
table { word-break: break-all; }
table a { color: #135589; }
table a:hover { color: #f1524f; }
.clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { visibility: hidden; display: block; content: " "; clear: both; height: 0; line-height: 0; font-size: 0; }
.clearfix { *zoom:1;
}
.yelow { color:#ffda44; }
.pd-t46 { padding-top:45px; }
.pd-t20 { padding-top:20px; }
.pd-bg { background-color:#cee4f6; height:100%; }
input, select, textarea { color: #000; font: normal 12px/auto; font-family: "microsoft yahei", Verdana, Arial, Helvetica, sans-serif; }
input, select { vertical-align: middle; }
textarea { word-wrap: break-word; word-break: normal; }
.hide { display: none !important; visibility: hidden !important }
.affix { position: fixed !important; z-index: 9996; }
.pull-left { float: left }
.pull-right { float: right }
.font-gray { color: #999!important }
.font-rose { color: #e80077 !important; }
.font-red { color: #e62c2c }
.font-orenge { color:#fd9c01; }
.white-bg { background-color: #fff; }
.gray-hs { background-color: #eee; }
.font-default { color: #e80077; }
.box10 { padding: 10px 10px 0 10px; }
.text-center { text-align: center }
.top-line { border-top: 1px solid #eee; }
.redtip { position:absolute; height: 8px; width: 8px; background:#ff4444; border-radius: 50%; top: 9px; right: 25%; }
/*main*/
.container { width: 100%; max-width: 640px; margin-left: auto; margin-right: auto }
.container-fluid { width: 100% }
.top { position: relative; height: 45px }
.topIphone { z-index:9998; top:0; position:absolute }
.header { height: 45px; padding: 7px 10px; background-color: #ffda44; position: fixed; width: 640px; z-index: 9998 }
.header .logo-main { float: left; height: 27px; margin-top: 2px; }
.header .logo-icon { position: absolute; left: 15px; top: 5px; }
.no-color { background: #fff !important; color: #666 !important; }
.top-search, .tip-search { margin-left: 40px; position: relative; margin-right: 70px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; /* overflow: hidden  */ }
.top-search select, .tip-search select { position: absolute; left: 0px; top: 0px; height: 30px; width: auto; min-width: 50px; outline: none; border-width: 0; background-color: transparent }
.top-search .form-control, .tip-search .form-control { height: 30px; padding-left: 55px; background-color: #dedede; border-width: 0 }
.top-search .select-arrow, .tip-search .select-arrow { position: absolute; left: 38px; width: 8px; height: 9px; top: 50%; margin-top: -4px; background-image: url(../images/slect-arrow.png); z-index: 2 }
.top-search .icon-search { position: absolute; right: 5px; top: 5px; z-index: 3; }
.sub-title { background-color: #fff; color: #333; text-align: center; padding: 0; }
.sub-title h1 { font-size: 18px; line-height: 45px; font-weight: normal }
.sub-title .top-search select { background-color: transparent; color: #fff; border-width: 0 }
.sub-con { position:relative; }
.sub-title .top-search select option { border-width: 0; color: #333 }
.sub-title .top-search .form-control { border-width: 0; background-color: #0080bf; color: #fff }
.sub-title .top-search .select-arrow { background-image: url(../images/slect-arrow2.png) }
.fl-search { margin-left: 100px; position: relative; }
.fl-search .icon-search { position: absolute; right: 5px; top: 5px; z-index: 0; }
.fl-search .form-control { height: 30px; border-radius: 5px; }
.search-box { margin: 0; }
.search-box .form-control { height: 35px; border: 0; border-bottom: 1px solid #dedede; }
.search-box .icon-search { top: 9px }
.nav-slide { position: absolute; right: 0; top: 45px; width: 130px; background-color: #666; border-radius: 4px; overflow: inherit !important; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 5px 10px 10px 20px; display: none; z-index: 9999; }
.nav-slide li { height: 35px; line-height: 35px }
.nav-slide li a { display: block; line-height: 35px; width: 100%; color: #fff; text-align: left; border-bottom: 1px solid #999; }
.nav-slide li:last-child a { border-bottom:none; }
.nav-slide li [class*="icon-nav-"] {
float: left;
margin-top: 9px;
margin-right: 5px;
}
.nav-slide .nav-arrow { border: 10px solid transparent; border-bottom-color: #666; width: 0; height: 0; position: absolute; top: -20px; right: 12px; z-index: 1; cursor: pointer; }
[class*="icon-nav-"] {
background-repeat: no-repeat;
background-size: 100%;
display: block;
width: 20px;
height: 20px;
}
.modal-bg { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 9998; display: none; background-color: transparent }
.menu {/*display:-webkit-flex;display:flex; */ overflow: hidden; }
.menu li { width: 25%;/* display:inline-block; */ float: left; background-color: #f8f8f8; padding-bottom: 5px; position: relative; }
.menu-q li{width: 20%;}
.menu li a { display: block; width: 100%; text-align: center; color: #333; font-weight: 400;/* padding-bottom: 5px; */ font-size: 12px; }
.menu li [class*="icon-menu-"] {
width: 50px;
height: 50px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
margin: 15px auto 10px auto;
background-size: 60%
}
.menu li .icon-menu-phone { background-color: #ffa200; background-position: 10px -1390px }
.icon-menu-cz, .icon-menu-jf, .icon-menu-gj, .icon-menu-gg { background: none !important; }
.menu li .icon-cz { background-position: 10px -1808px; }
/*.menu li .icon-menu-hygj {background-color:#36b7f5; background-position:12px -1440px}*/
.menu li .icon-menu-hygj { background-color: #36b7f5; background-position: 12px -1740px }
.menu li .icon-menu-xstm { background-color: #fa7c05; background-position: 10px -1488px }
.menu li .icon-menu-dszq { background-color: #79c546; background-position: 10px -1540px }
.dp-con { overflow: hidden; position: relative; background-color: #fff; }
.dp-con .dp-dt { padding: 10px; overflow: hidden; }
.dp-con .dp-dt a { display: block; }
.dp-con .dp-pic { float: left; border: 2px solid #dedede; }
.dp-con .dp-pic img { width: 55px; height: 55px; }
.dp-icon { background-image: url(../images/jt.png); background-position: right center; background-repeat: no-repeat; width: 8px; height: 14px; position: absolute; right: 10px; top: 15px; }
.dp-con .dp-text { color: #878787; margin-left: 72px; }
.dp-con .dp-text span { display:block; height:38px; overflow:hidden; }
.dp-con .dp-text h4 { max-width: 70%; height: 18px; overflow: hidden; display:block; text-overflow: ellipsis; white-space: nowrap; }
.dp-wz { background-image: url(../images/wz.png); background-position: left center; background-repeat: no-repeat; position: absolute; right: 10px; top: 36px; padding-left: 17px; background-size: 12px 17px }
.gg-pic { padding: 10px; }
.gz-number { font-size: 12px; color: #a2a2a2; }
.gz-number b { font-weight: normal; color: #f60; }
.gz-number span { padding-right: 10px; display: inline-block; }
.gg-jl { padding-top: 0 !important; }
.gg-pic .gg-line { display: inline-block; }
.sp-list { padding: 0 10px; margin-bottom: 10px; overflow: hidden; }
.sp-list li { float: left; width: 33.3%; text-align: center; }
.yh-list { width: 100%; position: relative; text-align: center; overflow: hidden; padding-bottom: 10px; }
.yh-list li { width: 30%; display: block; margin: 0 auto }
.yh-list li.first { left: 10px; top: 0; position: absolute; }
.yh-list li.end { right: 10px; top: 0; position: absolute; }
.yhq-box { display: none; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; position: fixed; text-align: center; cursor: pointer; }
.yhq-box .lq-cg { position: absolute; top: 50%; margin-top: -35px; left: 50%; margin-left: -49px; background-color: #333; border-radius: 5px; color: #fff; padding: 12px; }
.floor { background-color: #fff; border-top: 1px solid #dedede; }
.floor .content .down-floor { float: left; width: 50%; }
.floor .title { height: 40px; line-height: 40px; padding-top: 10px; display: block; width: 100%; }
.floor .title .text { color: #666; font-size: 16px; padding-left: 6px; line-height: 1.2em; margin-left: 10px; float: left }
.floor .content { overflow: hidden; border-top: 1px solid #dedede; }
.floor .content .left-floor { float: left; width: 50%; border-right: 1px solid #dedede; margin-left: -1px; }
.floor .content .up-floor { float: left; width: 50%; border-bottom: 1px solid #dedede; margin-top: -1px }
.floor .content .right-floor { float: left; width: 50%; }
.floor1 .title .text { border-left: 5px solid #f3484e; }
.floor2 .title .text { border-left: 5px solid #9ca3da; }
.floor2 .title .more { background-image: url(../images/more.png) !important; }
.floor3 { margin-bottom: 10px; position: relative; }
.floor3 .title .more { position: absolute; right: 0px; top: -10px; background-color: #eee; color: #666; padding-right: 20px; background-image: url(../images/more.png); background-position: right center; background-repeat: no-repeat; background-size: 13px 13px; font-size: 12px; line-height: 22px; }
.floor3 .title { width: 100%; }
.floor3 .title .text { font-size: 15px; display: inline-block; width: 100%; color: #666; text-decoration: none; text-align: center; position: relative; top: -12px; }
.floor3 .title-line { border-bottom: 1px solid #ccc; margin-top:24px; width: 100%; display: block; }
.floor3 .si-jj { background-color: #eee; display: inline-block; padding: 0 10px; }
.floor4 .title .text { border-left: 5px solid #fff; }
.floor5 .title .text { border-left: 5px solid #ff4400; }
.floor .title .more { float: right; margin-right: 10px; color: #999; padding-right: 20px; background-image: url(../images/more.png); background-position: right center; background-repeat: no-repeat; background-size: 13px 13px; font-size: 12px; line-height: 22px }
.main-store-list { padding-right: 0; }
.main-store-list li {/*	width: 49%;*/ float: left; padding-right: 10px; margin-right: 2%; padding-left: 1px; background-color: #fff; }
.main-store-list li.no-line { margin-right: 0 !important; }
.main-store-list li .store-list-left { float: left; width: 50%; padding-right: 1px; display: inline-block; }
.main-store-list li .store-list-left img { width: 100% }
.main-store-list li .store-list-right { float: left; width: 50%; display: inline-block; }
.main-store-list li .store-list-right a { margin-bottom: 1px; display: block }
.main-store-list li .store-list-right img { width: 100% }
.store-list-name { text-align: center; line-height: 34px; height: 34px; width: 100%; overflow: hidden; }
.store-list-name a { color: #222; }
.hd-pic { overflow: hidden; }
.hd-pic .left-floor { float: left; width: 50%; height:5rem; overflow:hidden; margin-left: -1px }
.hd-pic .up-floor { float: left; width: 50%; height:2.5rem; overflow:hidden; margin-top: -1px }
.hd-pic .down-floor { float: left; width: 50%; height:2.5rem; overflow:hidden; }
.hd-pic .right-floor { float: left; width: 50% }
.hd-jl { margin: 0 10px; }
.foot-menu { bottom: 0; width: 100%; }
.tab-content .foot-menu { max-width: 640px }
.xz-tc h2 { margin-top: 10px; font-size: 14px; }
.xz-tc li { padding: 0 !important }
/*form*/
.form-group { margin-bottom: 10px; }
.form-control { display: block; width: 100%; height: 35px; padding: 6px 12px; font-size: 14px; line-height: 1.4285; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
outline: none; }
.form-input-div { height: 35px; border-top: 1px solid #9f9f9f; background: #fff; }
.btn-box { margin-top: 30px }
.cl-rose { color: #e40177; font-weight: normal; }
/*icon*/
[class*="icon-"] {
display: block;
background-image: url(../images/index/all_icon.png);
background-repeat: no-repeat;
background-size: 100%
}
.icon-search { width: 22px; height: 22px; background-position: 8px -121px; background-size: 180%; }
.icon-left { position: absolute; left: 0; top: 0; width: 45px; height: 45px; background: url(../images/icon/back.png) no-repeat 15px 15px; background-size: 22%; z-index: 2; }
[class*="icon-img-"] {
width: 45px;
height: 45px;
background-position: center;
background-position: 0 -668px;
position: absolute;
right: 0;
top: 0
}
.icon-img-list { background: url(../images/list.png) no-repeat 15px 10px; background-size: 50%; }
.icon-img-list2 { background: url(../images/icon/fk.png) no-repeat 20px 9px; background-size: 40%; }
.icon-right { position: absolute; right: 0; top: 0; width: 45px; height: 45px; background-position: 10px -988px; background-size: 60%; z-index: 8 }
.icon-lr02, .sub-title .icon-right { background: url(../images/icon/more.png) no-repeat 5px 8px; background-size: 80%; }
.no-color .icon-right { background-position: 10px -988px; background-size: 60%; }
.icon-top-cart { position: absolute; right: 35px; top: 0; width: 40px; height: 40px; background-position: 10px -285px; background-size: 100%; z-index: 3 }
/*.reach-icon{position:absolute; right:40px;top:12px; color:#fff;}*/
.icon-top-fl { position: absolute; right: 35px; top: 0; width: 45px; height: 45px; background-position: 10px -1588px; background-size: 60%; z-index: 3 }
.icon-cart02, .sub-title .icon-top-cart { background-position: 8px -681px; }
.sub-title .reach-icon { background-position: 8px -111px; position: absolute; top:1px; right: 38px; }
.icon-editor { background-image: none; color: #333; line-height: 45px; right: 45px; }
/*btn*/
.sub-bnt { padding: 25px 5px 30px 10px; text-align: center; display: table; width: 100%; }
.btn { height: 35px; display: inline-block; text-align: center; padding: 0; background-color: #c5c5c5; color: #fff; line-height: 35px; font-size: 16px; border-radius: 4px !important; }
button.btn { border: none; }
/*a.btn {border: 1px solid #999}*/
.btn-green { background-color: #cdcdcd; color: #333; }
.btn-green:active { background-color: #5c8700 }
.btn-yelow { background-color: #007bc8; color:#fff; /*border:1px solid #007bc8;*/ }
.btn-yelow.btn-block { color:#fff; }
.btn-yelow:active { background-color: #b2982f }
.btn-red { background-color: #ff4444; }
.btn-red.btn-block { color:#fff; }
.btn-red:active { background-color: #be1f1f }
.blue { color: #0085d0; }
.btn-blue { background-color: #0085d0 !important; }
.btn-blue:active { background-color: #016095 }
.btn-rose { background-color: #0085d0; border:1px solid #0085d0; ; }
button.btn-rose { border: none; }
.btn-rose:active { background-color: #b22f2f }
.btn-block { width: 100%; color: #fff; }
.btn-2x { width: 48% }
.btn-box .btn-2x { margin: 0 1% }
.btn-org { background-color: #ff9600; }
.btn-fr { color: #fff !important; display: inline-block; width: 100%; padding: 5px 0; }
.btn-sx { border-radius: 4px; text-align: center; color: #fff !important; display: inline-block; height: 25px; line-height: 25px; padding: 0 5px; }
.btn-sc { border-radius: 4px; text-align: center; color: #666 !important; display: inline-block; height: 28px;/*line-height: 28px;*/ }
.btn-big { height: 40px; line-height: 40px; font-size: 18px; font-weight: bold }
.disabled.btn, [disabled].btn, fieldset[disabled] .btn { pointer-events: none; cursor: not-allowed; cursor: no-drop; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: 0.65; }
.btn-sm { padding: 4px 10px; font-size: 14px; line-height: inherit; height: auto }
.btn-md { padding: 6px 4px; font-size: 14px; line-height: inherit; height: auto; }
.btn-bd { border: 1px solid #d7d7d7; background-color: #f5f5f5; color: #666; border-radius: 5px !important; }
.btn-bd-green { border: 1px solid #8fc320 !important; background-color: #fff; color: #8fc320 }
.btn-gray { background-color: #dedede; }
.btn-gray.btn-block { color:#999; }
.btn-dark-gray { background-color: #666; }
.btn-center { width: 90%; margin: 0 auto; display: block }
.btn-disabled { background: #e5e5e5; cursor: default; color: #999; }
button[disabled] { cursor: default; opacity: .5; }
/*swiper*/
.pagination { text-align:center }
.swiper-container-sub .swiper-slide { text-align:center; background-color:#fff }
.swiper-container-sub .swiper-slide img { width: 95vw !important;}
.swiper-container-sub .pagination { text-align:center }
/*swiper end*/
/* modal */
.close, .close span { position: absolute; font-size: 24px; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=80); opacity: .8; top: 3px !important; right: 3px !important; }
.close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=90); opacity: .9; }
button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background: transparent; border: 0; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0; }
.modal-open { overflow: hidden; }
.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; }
.modal.fade .modal-dialog {
-webkit-transition: -webkit-transform .3s ease-out;
-o-transition: -o-transform .3s ease-out;
transition: transform .3s ease-out; -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); }
.modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
.modal-open .modal { overflow-x: hidden; overflow-y: auto; }
.modal-dialog { position: relative; width: auto; margin: 10px; z-index: 7 }
.modal-content { position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5); border-radius: 10px; }
.modal-backdrop, .loading-box { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; }
.modal-backdrop { z-index: 6 }
.loading-box { background-color: #fff; width: 100%; height: 100%; background-image: url(../images/loading4.gif); background-position: center; background-repeat: no-repeat; z-index: 10000 }
.loading-box2 { background-color: #fff; width: 100%; height: 100%; background-image: url(../images/loading2.gif); background-position: center; background-repeat: no-repeat; z-index: 10000 }
.loading-box.absolute { position: absolute }
.modal-backdrop.fade, .loading-box.fade { filter: alpha(opacity=1); opacity: 1; }
.modal-backdrop.in, .loading-box.in { filter: alpha(opacity=50); opacity: .5; }
.modal-header { min-height: 16.42857143px; padding: 10px; background-color: #e40177; border-radius: 10px 10px 0 0; }
.modal.modal-prompt .modal-header { background-color: #007bc8; }
.modal-header .close, .modal-header .close span { margin-top: -2px; color: #333; }
.modal-title { margin: 0; line-height: 1.42857143; color: #fff; font-size: 16px; }
.modal-body { position: relative; padding: 10px; }
.modal-footer { padding: 10px; text-align: center; border-top: 1px solid #e5e5e5; }
.modal-footer .btn { font-size: 14px; color: #fff; }
.modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; display: inline-block }
.modal-footer .btn-group .btn + .btn { margin-left: -1px; }
.modal-footer .btn-block + .btn-block { margin-left: 0; }
.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }
.yc-fr { background-color: #fff; overflow: hidden; line-height: 10px; text-align: center; }
.yc-fr .fr-cl { display: block; padding-bottom: 15px; }
.modal-radius .modal-dialog { width: 100%; height: 100% }
.modal-radius .modal-content { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; overflow: hidden; box-shadow: none; border: 0; width: 280px; left: 50%; margin-left: -140px; top: 50%; margin-top: -100px }
.modal-radius .modal-body { height: 100px; display: table; vertical-align: middle; width: 100% }
.modal-radius .popup-text { height: 100%; display: table-cell; vertical-align: middle }
/*合约弹出层样式*/
.modal-hy .modal-dialog { margin: 0; height: 100% }
.modal-hy .modal-content { box-shadow: none; border-width: 0; height: 100%; background-color: #fff; padding-bottom: 50px }
.modal-hy .hy-content { height: 100%; overflow-y: auto; }
.modal-open .modal-hy { overflow: hidden }
.model-bg { background-image: url(../images/black_bg.png); position: fixed; width: 100%; height: 100%; z-index: 9998; top: 0; left: 100%; }
.model-bg2 { background-image: url(../images/black_bg.png); position: fixed; width: 100%; height: 100%; z-index: 9998; top: 0; left: 0; display: none }
/*提示框*/
.alert { padding: 10px; margin-bottom: 10px; border: 1px solid transparent; }
.alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; }
.alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; }
/*分享*/
.more-box { width: 100%; height: 100%; position: fixed; background-color: rgba(0, 0, 0, 0.5); z-index: 9997; display: none; left: 0; top: 0; }
.more-box.on { z-index: 9999; top: 0; display: block; }
.share-box { border-top: 2px solid #f15353; background-color: #f8f8f8; display: none; width: 640px; position: fixed; bottom: 0; left: 50%; margin-left: -320px; z-index: 10000 }
.share-box ul { padding: 20px; overflow: hidden }
.share-box ul li { width: 33% !important; float: left; margin-bottom: 10px }
.share-box ul li a { display: block; text-align: center }
.share-box li a:before { background-image: url(../images/icon/fx.png); background-repeat: no-repeat; background-size: 100%; width: 52px; height: 52px; display: block; margin: 0 auto; content: ""; }
.share-box ul li.wx a:before { background-position: 0 0 }
.share-box ul li.wxpyq a:before { background-position: 0 -57px }
.share-box ul li.xlwb a:before { background-position: 0 -114px }
.share-box ul li.qq a:before { background-position: 0 -171px }
.share-box ul li.qqkj a:before { background-position: 0 -228px }
.share-box ul li.message a:before { background-position: 0 -285px }
.share-box .cancel { display: block; height: 50px; line-height: 50px; border-top: 1px solid #dedede; text-align: center; color: #333; font-size: 16px }
.bulid-fix { padding-bottom: 0 !important; }
.bulid-fix .btn { margin: 0 !important; padding: 0 !important; }
.sdd-btn .btn { width: 100%; }
.reach-box { border-top: 2px solid #f15353; background-color: #f8f8f8; display: none; width: 640px; position: fixed; bottom: 0; left: 50%; margin-left: -320px; z-index: 10000 }
.reach-box .cancel { display: block; height: 50px; line-height: 50px; border-top: 1px solid #dedede; text-align: center; color: #333; font-size: 16px }
/*fooernav end*/
.footer { margin-top: 15px; padding-bottom: 15px; }
.footer ul { text-align: center; border-top: 1px solid #dedede; margin-top: 5px; }
.footer ul li { display: inline-block; margin: 5px; }
.footer ul li.active a { color: #0085d0; }
.footer-nav .container { border-top: 1px solid #dedede; }
.footer-wrap { height: 60px; position: relative; }
.app-nav { background-color: #fff; overflow: hidden; padding-bottom: 10px; border-bottom: 1px solid #dedede; }
.app-nav .app-link { width: 25%; float: left; height: 50px; text-decoration: none; color: #7f7f7f; text-align: center; display: block; position: relative; }
.app-nav .app-link [class*="icon-"] {
width: 100%;
height: 32px;
margin-top: 2px;
padding: 2px 0;
background-image: none
}
.app-nav .app-link [class*="icon-"] img {
height: 100%;
width: auto
}
.footer-nav { bottom: 0; width: 100%; left: 0; }
.footer-nav .container a { font-size: 12px; position: relative; text-align:center; }
.footer-nav .app-link { width: 25%; float: left; height: 45px; background-color: #fff; text-align: center }
.footer-nav .container a img { width:20px; height:20px; background:#fff; display:block; position: absolute; top: 3px; left: 50%; margin-left: -10px; }
.footer-nav .container a.active img.show { display:none; }
.footer-nav .container a.active img.hides { display:block; }
.footer-nav .container a img.hides { display:none; }
.footer-nav .container a.shop-home img { width:64px; height:42px; top: -12px; margin-left: -32px; background-color: transparent; }
.footer-nav .app-link.active { color: #333; }
.home:before, .category-search:before, .personal-center:before, .liuliang:before, .shop-home:before {margin: 0 auto;/* background: url(../images/index/all_icon.png) no-repeat; */background-size: 100%;width: 40px;height: 25px;display: block;content: "";}
.shop-home:before {height: 42px;max-width: 64px;width: 100%;/* background-image: url(../images/shop_home.png); */background-size: 100%;}
.active.shop-home:before { background-image: url(../images/shop_home2.png) }
/*.home:before {background-position:0 -184px}
.home.active:before {background-position:0 -1485px}*/
.home:before { background-position: 12px -283px; }
.home.active:before { background-position: 11px -149px; }
/*.category-search:before {background-position:0 -896px}
.category-search.active:before {background-position:0 -1526px}*/
.category-search:before { background-position: 13px -316px; }
.category-search.active:before { background-position: 11px -182px; }
/*.personal-center:before {background-position:0 -927px}
.personal-center.active:before {background-position:0 -1565px}*/
/*.personal-center:before {background-position: 0 -2078px}在线客服样式*/
.personal-center:before { background-position: 13px -374px; }
.personal-center.active:before { background-position: 11px -252px; }
.liuliang:before { background-position: 11px -345px; }
.liuliang.active:before { background-position: 11px -218px; }
#top { display: block; width: 45px; height: 45px; border: 1px solid #dedede; position: fixed; bottom: 55px; right: 10px; z-index:9999; border-radius: 10px 10px 10px 10px; text-decoration: none; display: none; background: #fff url(../images/index/top.png) no-repeat center; border-radius: 100%; }
.list-search { top: 7px; margin-right: 55px !important; }
.for-sas { margin-left: 70px; }
.list-search .form-control { margin: 0 !important; line-height: 20px; }
.list-search .form-control { background-color: #fff !important; padding-left: 12px !important; color: #555 !important; border: 1px solid #ccc !important; border-radius: 5px !important; }
.xp-list { overflow: hidden; margin-right: -3px; }
.xp-list li { float: left; width: 50%; border: 1px solid #dedede; margin-left: -1px; margin-top: -1px; position: relative; }
.xp-list li img { float: left; width: 100px; height: 100px; max-height: none; max-width: none; padding: 10px; }
.xp-list .xp-mc { margin-left: 100px; display: block; padding-top: 15px; }
.xp-list .sj-mc { font-size: 16px; color: #464b4e; max-height: 30pt; overflow: hidden; line-height: 1.2em !important; margin-bottom: 2px; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; }
.xp-list .sj-jg { color: #8c8c8c; font-size: 14px; padding-top: 15px; max-height: 24pt; overflow: hidden; line-height: 1.2em !important; margin-bottom: 2px; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.xp-list .bq-icon { position: absolute; right: -10px; top: -10px; }
.xp-list .bq-icon img { width: 52px; height: 52px; max-height: none; max-width: none; }
.yh-tx [class*="icon-"] {
 display: block;
background-image: url(../images/zf_icon.png);
background-repeat: no-repeat;
background-size: 100%
}
.yh-tx .yh-icon a { display: block; width: 100%; text-align: center; color: #333 }
.yh-tx [class*="icon-menu-"] {
width: 50px;
height: 50px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
margin: 0 auto;
background-size: 60%
}
.yh-tx .icon-menu-dingdan { background-color: #fb896e; background-position: 10px 12px }
.yh-tx .icon-menu-mc { background-position: 5px -24px; float: left; width: 36px; height: 36px; }
.yh-tx .icon-menu-bh { background-position: 5px -54px; float: left; width: 36px; height: 36px; }
.yh-tx .icon-menu-sj { background-position: 5px -85px; float: left; width: 36px; height: 36px; }
.yh-tx .icon-menu-zf { background-position: 5px -115px; float: left; width: 36px; height: 36px; }
.no-line { border: none !important; }
.sum-btn { text-align: center; padding: 8px 0 25px 0; }
.sum-btn .btn { width: 46%; }
.ad-box { margin-top: 10px }
.box { width: 100%; position: relative; height: 350px; overflow-y: auto; }
#hipic { position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; width: 100%; overflow: auto; overflow: hidden; border: 0; width: 100%; height: 350px; }
#wrapper { position: absolute; z-index: 1; top: 45px; bottom: 48px; left: -9999px; width: 100%; overflow: auto; }
.q-wrapper #wrapper { bottom: 0; }
#scroller { position: absolute; z-index: 1; width: 100%; padding-bottom: 60px}
#pullDown, #pullUp { text-align: center; height: 40px; padding: 5px 10px; font-weight: bold; font-size: 14px; color: #888; }
#pullDown .pullDownIcon, #pullUp .pullUpIcon { display: block; text-align: center; width: 40px; height: 40px; -webkit-background-size: 40px 80px; background-size: 40px 80px; -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 250ms; }
#pullDown .pullDownIcon { -webkit-transform: rotate(0deg) translateZ(0); }
#pullUp .pullUpIcon { -webkit-transform: rotate(-180deg) translateZ(0); }
#pullDown.flip .pullDownIcon { -webkit-transform: rotate(-180deg) translateZ(0); }
#pullUp.flip .pullUpIcon { -webkit-transform: rotate(0deg) translateZ(0); }
#pullDown.loading .pullDownIcon, #pullUp.loading .pullUpIcon { background-position: 0 100%; -webkit-transform: rotate(0deg) translateZ(0); -webkit-transition-duration: 0ms; -webkit-animation-name: loading; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; }
 @-webkit-keyframes loading { from {
-webkit-transform:rotate(0deg) translateZ(0);
}
to { -webkit-transform:rotate(360deg) translateZ(0); }
}
.top-search .form-con { padding-left: 12px !important; }
.dp-text .dp-title { padding-right: 30%; display: block; max-height: 25px; overflow: hidden; }
.menu-btn { width: 100%; bottom: 0; }
.menu-tab { background-color: #fff !important; height: 58px; padding-left: 5px !important; }
.mu-cn { position: relative; }
.mu-left { width: 25%; color: #ff6600; position: absolute; left: 0; top: 8px; cursor: pointer; }
.mu-right { width: 75%; position: absolute; right: 0; }
.btn-jl { padding: 0 !important; font-size: 16px !important; }
.wt-fr { min-width: 320px; }
.menu-btn .btn-fl { width: 48%; margin-right: 2%; }
.tip-search { margin-right: 50px; margin-left: 50px; padding-right: 45px; position: relative; height: 40px; /* overflow: hidden; */ }
.tip-search-input { background: #fff; border: none; outline: none; padding-left: 50px; height: 35px; width: 100%; z-index: 10; border-radius: 3px; font-size: 12px; margin-top: 5px; -webkit-appearance: none; }
/* Open state */
.no-js .tip-search { width: 100% }
.tip-search.tip-search-open { float: none; width: auto }
.tip-search select { top: 6px; display: none }
.tip-search .select-arrow { display: none }
.tip-search.tip-search-open select, .tip-search.tip-search-open .select-arrow, .tip-search.tip-search-open .tip-search-input { display: block }
/*今日好店*/
.swipe .dp-con { border: 1px solid #dedede; background-color: #fff; border-radius: 5px; margin: 10px; }
.dp-con .dp-lt { padding: 10px 0 10px 2px; }
.fr-jr dl { overflow: hidden; padding-left: 10px; }
.fr-jr dl dt { float: left; padding-right: 10px; }
.fr-jr dl dd { float: left; }
.fr-jr dl dd h4 { padding-bottom: 10px; }
.fr-jr .jr-pic img { width: 65px; height: 65px; background-size: 65px 65px; }
/*二次确认框 */
.more-confirm { width: 100%; height: 100%; position: fixed; background-color: rgba(0, 0, 0, 0.7); z-index: 9995; display: none; left: 0; top: 0 }
.more-confirm.on { z-index: 10000; top: 0; display: block; }
.share-bit { border-top: 2px solid #f15353; background-color: #f8f8f8; display: none; width: 640px; position: fixed; bottom: 0; left: 50%; margin-left: -320px; z-index: 10005 }
.share-bit .cancel { display: block; height: 50px; line-height: 50px; border-top: 1px solid #dedede; text-align: center; color: #333; font-size: 16px }
.tip-con { padding-left: 10px; }
.menu li img { display: block; width: 50px; height: 50px; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; margin: 5px auto 0px auto; background-size: 60%; }
.dp-sc { position: fixed; top: 0; width: 400px; background-color: #fff; border-radius: 5px; z-index: 9999; text-align: center; }
.xz-tc .sp-btn { background: none !important; }
.dp-list { /* position: relative; */ }
.jr-fr { text-align: center; }
.jr-fr span { display: block; }
.modal-con { width: 100%; top: 0 !important; position: absolute !important }
.jf-content { width: 85% !important; margin: 6% auto auto 3% !important; border-radius: 5px; padding: 10px; }
.jr-fr em { color: #f60; font-style: normal; }
.sp-btn { width: 100%; }
.sp-btn input { width: 48%; border: 1px solid #dedede; color: #999; height: 33px !important; padding-left: 10px; }
.sp-xz { padding-left: 0 !important; }
.zf-je .sm-wz01 { color: #e40177; }
.floor3 .dz-icon { color: #666; padding: 0 28px 5px 0; background-image: url(../images/dp_icon.png); width: 21px; height: 18px; background-repeat: no-repeat; background-size: 21px 18px; }
.floor3 .tj-icon { color: #666; padding: 0 28px 5px 0; background-image: url(../images/tj_icon.png); width: 21px; height: 21px; background-repeat: no-repeat; background-size: 21px 21px; }
.floor3 .lp-icon { color: #666; padding: 0 28px 5px 0; background-image: url(../images/lp_icon.png); width: 21px; height: 21px; background-repeat: no-repeat; background-size: 21px 21px; }
.floor6 .title { margin: 0 0 0.5rem 0 !important; }
.floor9 .title-bg { background-color: #36b7f5 !important; }
.floor9 .title .text { color: #fff; }
.floor9 .title .text { border-left: 5px solid #fff; }
.floor9 .title .more { color: #fff; }
.floor9 .title .more { background-image: url(../images/more-blue.png) !important; }
.floor9 .title { background: none; }
.floor9 .title .text { background: none; color: #fff; font-size: 16px; padding-left: 6px; line-height: 1.2em; margin-left: 10px; float: left !important; }
.main-list-con li { border-right: 1px solid #dedede; width: 50% !important; float: left; padding-right: 10px !important; margin: 0 !important; }
.main-list-con .content { border: none !important; }
.main-list-con .content .left-floor { border: none !important; }
.main-list-con .content .up-floor { border: none !important; }
.modal-fr { width: 85% !important; margin: 65px auto !important; }
/*.swiper-wrapper {position: relative;width:100%;
  height: 100%;z-index: 1;
 display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.swiper-slide{-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;width: 100%;height: 100%;position: relative}*/
.floor3 .dp-con .dp-text span { max-width: 70%; height: 18px; overflow: hidden; display:block; text-overflow: ellipsis; white-space: nowrap; }
.sub-title .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; background-color: #e80077; border-radius: 10px; position: absolute; z-index: 1; top: 1px; }
.footer-nav .app-link .badge { position: absolute; z-index: 1; top: -25px; right: -5px }
.footer-nav .pbox-icon { width: 50px !important; position: relative; display: inline-block; }
.footer-nav .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; background-color: #F00; border-radius: 10px; }
.loading-box { background-color: rgba(255, 255, 255, 0.5) !important; }
.loading-box.in { opacity: 0.9; }
.sub-title .white-icon { background-position: 32px -500px; right: 45px; width: 50px; }
.tip-search .tip-white { background-color: #fff; }
.tip-comfig { margin-left: 25px !important; }
.top-soso { margin: 0 45px 0 40px !important; }
/*通用加载样式*/
.load8 .loader { font-size: 10px; border-top: 0.2em solid rgba(255, 255, 255, 0.4); border-right: 0.2em solid rgba(255, 255, 255, 0.4); border-bottom: 0.2em solid rgba(255, 255, 255, 0.4); border-left: 0.2em solid rgba(255, 255, 255, 0.6); -webkit-animation: load8 0.5s infinite linear; animation: load8 0.5s infinite linear; }
.load8 .loader, .load8 .loader:after { border-radius: 50%; width: 50px; height: 50px; }
@-webkit-keyframes load8 { 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
@keyframes load8 { 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
.con-br { position: absolute; left: 50%; top: 35%; margin-left: -25px; }
.load-container { position: fixed; background-color: #000; top: 0; bottom: 0; left: 0; right: 0; opacity: 0.6; z-index: 9999 }
.load-container span { width: 50px; text-align: center; top: 14px; position: absolute; font-size: 14px; font-family: "微软雅黑"; color: #ddd; }
/*新版修改*/
.saoyisao { position: absolute; left: 0; top: 0; padding: 8px; height: 45px; width: 45px; display: block; }
.saoyisao:before { margin: 0 auto; background: url(../images/all_icon.png) no-repeat; background-size: 100%; width: 40px; height: 40px; background-position: 2px 2px; display: block; content: ""; }
.huilogo { position: absolute; left: 0; top: 0; padding: 8px; height: 45px; width: 45px; display: block; }
.huilogo:before { margin: initial; background: url(../images/hui-2.png) no-repeat; background-size: 100%; width: 40px; height: 40px; background-position: 2px 2px; display: block; content: ""; top: 0px; position: absolute; left: 0; }
.icon-messge { position: absolute; right: 0; top: 0; width: 45px; height: 45px; background-position: 7px -85px; background-size: 100%; z-index: 8; }
.redradio { display: inline-block; width: 10px; height:10px; background-color: #df0a44; border-radius: 10px; position:absolute; top: 5px; right: 7px; }
.icon-cart { position: absolute; right: 45px; top: 0; width: 42px; height: 42px; background-position: 7px -36px; background-size: 100%; z-index: 8; }
.icon-cart .redradio { font-size: 12px; height: 16px; width: 16px; line-height: 16px; color: #fff; text-align: center; display: block; right: 1px; top: 1px; }
.index-zt { width:100%; position:relative }
.index-zt .flowbg { background: rgba(0, 0, 0, 0.41); text-align:center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; line-height:42px; padding: 6% 0; min-height: 136px; }
.index-zt img { width:100%; height: auto; }
.index-zt .flowbg h1 { font-weight:100; font-size: 24px; }
.index-zt .flowbg h2 { font-weight:100; font-size: 16px; }
.flowbg-btn { border:1px solid #fff; padding: 3px 10px; text-align:center; line-height:12px; font-size: 12px; color:#fff; }
.phones { float: left; width: 100%; text-align: left; border-bottom: 1px solid #eee; padding: 5px; color: #666; position: relative; padding-bottom: 10px; }
.phones .pic { padding-bottom: 10px; }
.phones .pic img { width: auto; background-color: #fff; border: 1px solid #dedede; }
.phones p { color: #333; font-size: 14px; max-height: 16pt; overflow: hidden; line-height: 1.2em !important; margin-bottom: 2px; text-overflow:
 -o-ellipsis-lastline; text-overflow: ellipsis; display:
 -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.phones span.red { font-size:14px; }
.phones strong { font-size:12px; }
.phones strong { color: #999; font-weight: normal; text-decoration: line-through; }
.index-shop { max-width:100%; overflow:hidden; padding: 5px 0; position:relative }
.red { color:#ff1e3a; }
.index-zt .flowbg:before { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #eee; position: absolute; content: ""; left: 47%; bottom: 0; }
.index-wrapper { position: static !important }
.srch_up { display:none }
.on-focus .srch_up { height: 35px; line-height: 35px; border: 1px solid #ffda44; border-right: none; padding: 0 15px 0 6px; position:absolute; left: 2px; top: 5px; color: #333; background: #fff; display:block; border-radius: 5px 0 0 5px; }
.on-focus .srch_up:after { border: 5px solid transparent; border-top: 5px solid #333; width: 0; height: 0px; content:""; position: absolute; botto, : 16px;
right: 0; bottom: 0; transform: rotate(-45deg); -ms-transform: rotate(-45deg);  /* IE 9 */ -moz-transform: rotate(-45deg);  /* Firefox */ -webkit-transform: rotate(-45deg); /* Safari 和 Chrome */ -o-transform: rotate(-45deg); }
.on-focus { width:100%; background: #eee; margin:0; z-index:88; padding: 0; height: 50px; overflow: visible; }
.on-focus .tip-search-input { border: 1px solid #ffda44; }
.on-focus .icon-top-cart { right: 40px; top: 2px; }
.on-focus form { padding-right:50px; }
.on-focus .srch-input { margin:0 0 0 50px; }
.close_srch { display:none }
.on-focus .close_srch { display:block; height: 35px; line-height: 35px; padding: 0 8px; position:absolute; right: 2px; top: 5px; color: #333; }
.hide-landing { }
.hide-landing .swiper-banner, .hide-landing .menu, .hide-landing .index-main, .hide-landing .footer-wrap { display:none; }
.hot-search { width:100%; border-bottom: 1px solid #e0e0e0; border-width: 0 0 1px 0; background-color: #f8f8f8; padding-top: 5px; }
.hot-search strong { font-size: 14px; color: #333; float: left; margin-left: 6px; font-weight:500; }
.search-landing-tags { margin-left: 40px; margin-right: 0; padding: 0; background: #f8f8f8; display: block; font-size: 0; }
.search-landing-tags a { line-height: 25px; height: 25px; display: inline-block; /* border-radius: 25px; */ width: 29.76%; background: #fff; margin-bottom: 7px; margin-right: 7px; text-align: center; border: 1px solid #e0e0e0; text-decoration: none; }
.search-lading-area { margin-top: 5px; display:none }
.search-landing-tags span { font-size: 12px; color: #848689; width: 74%; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 25px; }
.search-histoy { padding: 5px 10px; border-top: 2px solid #e0e0e0; background-color: #eee; position: fixed; top: 50px; z-index: 999; width: 100%; max-width: 640px; height: 1024px; }
.search-histoy strong { font-weight:500; color:#999; font-size: 12px; }
.search-histoy ul li { border-bottom:1px solid #dedede }
.search-histoy ul li a { height:40px; display:block; line-height:40px; }
.hide-landing .search-lading-area { display:block; width: 100%; max-width: 640px; top: 45px; }
.on-focus .nav-slide { left: 0; top: 50px; }
.on-focus .nav-arrow { left: 22px; }
.search-histoy .sum-btn .btn { font-size:14px; }
.heardbg { background:#86cdf9; border-bottom:none; }
.gray-fs { color:#333 !important; }
.icon-nav-home { background: url(../images/dp-icon-all.png) 0 -20px no-repeat; background-size: 85%; }
.icon-nav-lh { background-position: 0 -285px }
/*.icon-nav-ss {background-position:0 -160px}*/
.icon-nav-ss { background: url(../images/dp-icon-all.png) 0 -110px no-repeat; background-size: 85%; }
.icon-nav-cx { background: url(../images/dp-icon-all.png) 0 -20px no-repeat; background-size: 85%; }
.icon-nav-wo { background: url(../images/dp-icon-all.png) 0 -138px no-repeat; background-size: 85%; }
.icon-nav-fx { background: url(../images/dp-icon-all.png) 0 -20px no-repeat; background-size: 85%; }
.icon-nav-llian { background: url(../images/dp-icon-all.png) 0 -251px no-repeat; background-size: 85%; }
.icon-nav-sys { background: url(../images/dp-icon-all.png) 0 -223px no-repeat; background-size: 85%; }
.icon-nav-zd { background: url(../images/dp-icon-all.png) 0 -193px no-repeat; background-size: 85%; }
.fx-bottom { position:fixed; bottom:0px; max-width:640px; }
.yc-bg { background:#c1c1c1; }
.yc-bg img { width:100%; }
.right0 { right: 5px; }
.mrt0 { margin-right: 8px; }
.heardbg-gay { background:#eee; }
.search-s { }
.search-s .srch_up { height: 35px; line-height: 33px; border: 1px solid #007bc8; border-right: none; padding: 0 15px 0 6px; position: absolute; left: 0px; top: 5px; color: #333; background: #fff; display: block; border-radius: 5px 0 0 5px; font-size: 12px; }
.search-s .srch-input .tip-search-input { -webkit-appearance: none; border: 1px solid #ffda44; padding-left: 50px; border-radius: 5px !important; border-left: none; }
.search-s.on-focus .srch-input .tip-search-input { padding-left:4px !important; border-radius: 0 5px 5px 0 !important; }
.search-s .srch_up:after { border: 5px solid transparent; border-top: 5px solid #333; width: 0; height: 0px; content: ""; position: absolute; right: 0; bottom: 0; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); }
.search-s.on-focus .srch_up { left: 4px; }
.search-s .nav-slide { left: 0px; width: 100px; background-color: #666; padding-left: 10px; }
.search-s .nav-arrow { left: 20px; border-bottom-color: #666; }
.search-s .nav-slide li a { padding-left:10px; border-bottom: 1px solid #999; }
.search-s .nav-slide li:nth-of-type(odd) a {
border-bottom:none
}
.search-wxl { }
.search-wxl .srch-input .tip-search-input { border:1px solid #007bc8 !important; padding-left:5px; }
.search-wxl.on-focus .srch-input .tip-search-input { border-radius:5px !important; }
.search-wxl.on-focus .srch-input { margin:0; }
.icon-nav-sp { background: url(../images/icon-sp.png) no-repeat; background-size: 90%; }
.icon-nav-dp { background: url(../images/icon-dp.png) no-repeat; background-size: 90%; }
.swiper-slide a { overflow:hidden; display:block; }
.pagination { height:21px; }
.modle-center { top:100px; }
.footer-down { margin: 0px 10%; text-align:center; display:block; position: relative; padding:10px 0; }
.footer-down:before { border-top:1px solid #cdcdcd; content:""; width:100%; display:block; position:absolute; top:50%; }
.footer-down span { padding: 0 10px; background:#eee; position: relative; z-index: 10; color: #999; font-size: 12px; }
.kq-model { position: absolute; top: -1000px; width: 100%; max-width: 640px; margin-left: auto; margin-right: auto; z-index:-10; }
.kq-model.open { display:block; z-index:9999; top:0; }
.kq-tcc { position: absolute; width: 85%; height:auto; padding:10px; margin:0 auto; top: 0; left: 50%; margin-left: -42.5%; z-index: 9999; background: #eee; border-radius: 5px; text-align:center; }
.kq-tcc h3 img { width: 45px; height: 41px; margin-bottom: 10px; }
.kq-tcc h3 { font-weight:500; line-height: 44px; vertical-align: middle; }
.kq-tcc p { font-size:12px; color:#999; margin: 5px 0 15px 0; }
.kq-tcc span { display: block; text-align:center; font-size: 12px; color: #999; margin-top: 15px; }
.kq-tcc .btn { color: #333; padding: 0 20px; border: none; font-size: 14px; }
.foot-apple { width:100%; text-align:center; font-size:24px; color:#9e9e9e }
.pull-right.font-rose em { font-size:12px; font-weight:100; color:#999; font-style:normal }
.move-top { top: 44px !important; }
.site-search.move-top { top: 37px !important; }
/*贝贝未找到数据*/
.beibei-nodata { text-align: center; padding-top: 40px; padding-bottom: 80px; }
.beibei-default img { width: 50%; }
.tankuang-gb { position: absolute; top: -7px; right: -3px; background: url(../images/gb_btn.png) no-repeat; display: block; height: 33px; width: 33px; }
.mgr-5 { margin-right: 5px; }
.tis-btn .btn { padding: 0 10px; }
.pos-rel { position: relative; }
.bg-gray3 { background: #f7f7f7; }
/*更多－个人中心*/
.more-ul { padding: 0px 10px; border-top:1px solid #cdcdcd; }
.more-ul a:nth-child(2n) {
border-right: none;
}
.more-ul a { padding: 12px 0; display: block; width: 49%; letter-spacing: 1px; border-bottom: 1px solid #dbdbdb; float: left; border-right: 1px solid #dbdbdb; color: #666; }
.more-btn { vertical-align: bottom; margin-right:4px; background: url(../images/more-icon.png) no-repeat; background-size: 100%; height: 50px; width: 50px; display: inline-block; margin-left: 10%; }
.more-btn01 { background-position: 0 0; }
.more-btn02 {background-position: 0 -433px;}
.more-btn03 {background-position: 0 -80px;}
.more-btn04 {background-position: 0 -510px;}
.more-btn05 {background-position: 0 -162px;}
.more-btn06 {background-position: 0 -593px;}
.more-btn07 {background-position: 0 -255px;}
.more-btn08 {background-position: 0 -690px;}
.more-btn09 {background-position: 0 -335px;}
.more-btn10 {background-position: 0 -765px;}
.more-btn11 {background-position: 0 -824px;}
.more-btn12 {background-position: 0 -884px;}
.more-btn13 {background-position: 0 -944px;}
/*暂无数据 人山人海  游戏出错	*/
.page-feedback { width: 100%; max-width: 640px; margin-left: auto; margin-right: auto; }
.page-feedback-img { text-align: center; padding-top: 40px; padding-bottom: 80px; }
.page-feedback-img img { width: 80%; }
/*HUI助手 －联系客服	*/
.q-zs-lianxi { width: 42%; border: 1px solid #ffda44; border-radius: 5px; background: #ffda44; text-align: center; height: 50px; line-height: 50px; margin:0 auto; display: block; }
.q-zs-lianxi i { display: inline-block; height: 26px; width: 26px; vertical-align: middle; margin-top: 2px; background: url(../images/service-btn1.png) no-repeat; background-size: 100%; margin-right: 5px; }
/*订单详情 －HUI领取	*/
.receive-hui { background: #e62c2c; color: #fff; font-size: 10px; margin-right: 10px; padding:1px 3px; overflow: hidden; border-radius: 2px; }
.receive-time { font-size: 12px; color: #999; margin-left: 5px; }
/*protocol 协议*/
.protocol { margin-top: 20px; padding: 0 10px; }
.protocol a { color: #204ae6; text-decoration: underline; }
.mgt-10 { margin-top: 10px!important; }
.protocol-con h3 { font-weight: normal; background: #f7f7f7; height: 40px; line-height: 40px; padding: 0 10px; }
.protocol-con p { padding:10px; color: #666; font-size: 12px; line-height: 22px; }
.protocol-con p span { color: #333; }
.xy-bottom { position: fixed; bottom: 0; padding:0 10px; width: 100%; max-width: 640px; background: #fff; border-top:1px solid #dbdbdb; padding-bottom: 8px; }
.protocol-btn { width: 100%; margin-top: 5px; background:#ffda44; float: right; display: inline-block; border-radius: 5px; color: #333; text-decoration: none; height: 34px; line-height: 34px; text-align: center; }
.xy-bottom-con input, .xy-bottom-con label { display: inline-block; font-size: 12px; }
.xy-bottom-con input { margin-top: 10px; }
.xy-bottom-con label { margin-top: 10px; }
.pr-div1, .pr-div2, .pr-div3 { display: inline-block; }
.pr-div1 { float: left; width: 26px; vertical-align: middle; }
.pr-div2 { float: left; width: 60%; vertical-align: middle; }
.pr-div3 { float: right; width: 80px; vertical-align: middle; }
.tccclose { border: none!important; background-image: url(../images/gb_btn.png); background-repeat: no-repeat; position: absolute; top: 8px; right: 10px; width: 28px; height: 28px; background-size: 28px; }
/*个人中心 －更多 修改 hq-2016-09-26*/
.more-list{ margin-top: 15px; }
.more-list a{padding: 10px; display: block; overflow: hidden; position: relative; }
.more-list-l{ position: absolute; top:15px; left: 10px; }
.more-list-r{position: relative;margin-left:  65px;border-bottom: 1px solid #dbdbdb;padding-top: 5px;padding-bottom: 15px;}
.more-list-r-con h2{ font-size: 14px; color: #333; font-weight: normal; }
.fs-16 { font-size: 16px; }
.fs-12 { font-size: 12px; }
.mgb-10{ margin-bottom: 10px; }
.more-list-r-btn{position: absolute;top: 12px;right: 0;background: url(../images/jt.png) no-repeat;height: 23px;width: 13px;}
/*弹框-图片验证码添加样式 start*/
.modal-body .img-iden-box{
 position: relative;
}
.modal-body .img-iden-box input{
 width: 100%;
 border: 1px solid #e5e5e5;
 border-radius: 4px;
 height: 35px;
 line-height: 35px;
 font-size: 14px;
 color: #333;
 padding-left: 10px;
 overflow: hidden;
}
.modal-body .img-iden-box img{
 height: 100%;
 width: auto;
 position: absolute;
 right: 0;
 top:0;
 border-radius: 0 4px 4px 0;
}
.modal-body .error-tip{
 display: inline-block;
 font-size: 14px;
 color: #ff0000;
 margin: 4px 0 0 11px;
}
/*弹框-图片验证码添加样式 end*/