@media screen and (min-width: 320px) {html { font-size: 12px; }}
@media screen and (min-width: 360px) {html { font-size: 13px; }}
@media screen and (min-width: 414px) {html { font-size: 15px; }}
@media screen and (min-width: 480px) {html { font-size: 16px; }}
body {margin:0px auto;padding:0px;max-width:640px;background:#fff}
body, input, textarea { font-family: pingfang sc bold,microsoft yahei,宋体, verdana, arial, helvetica, sans-serif !important; }
ul,li,p,dl,dt,dd{list-style:none;margin:0px;padding:0px;}
h1,h2,h3,h4,h5,h6{padding:0px;margin:0}
a:link {color: #333;text-decoration: none;}
a:visited {color: #333;text-decoration: none;}
a:hover{color: #333;text-decoration:none}
a:active{color: #333;text-decoration:none}
.clear{clear:both}
.none { display: none; }
.p100{width:auto;height:auto;overflow:hidden}
.shadow {box-shadow:0 1px 2px rgba(0,0,0,.15);-webkit-box-shadow:0 1px 2px rgba(0,0,0,.15);background:#fff }
img { border:0px }
.bold{font-weight:bold}
em,i { font-style: normal; }
.wrap { height:auto;width:100%;box-sizing:border-box}
.fr { float: right; }
.fl { float: left; }
.b-b-none { border-bottom: 0px!important; }
.greenFont{color:green}
.redFont,.red{color:red!important; }
.orangeFont { color:orange; }
.none { display: none!important; }
.fontshrink{-webkit-text-size-adjust:none;-webkit-transform:scale(0.8);-o-transform:scale(1); display:inline-block}
#main { min-height: 400px; }
.clearfix { width: 100%; height:auto}
.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; }
.tipdiv { font-size: 12px;background:#fffefc;color:#ffdbb4;padding:5px;box-sizing:border-box;margin:0 5px;border:1px solid #fff1e7;border-radius:2px }
.animationd05 { animation-duration: 0.5s; -webkit-animation-duration: 0.5s; }
.animationd02 { animation-duration: 0.2s; -webkit-animation-duration: 0.2s; }
.animationddelay02{-webkit-animation-delay:0.2s;animation-delay:0.2s}
.animationddelay04{-webkit-animation-delay:0.4s;animation-delay:0.4s}

.m-color a:nth-child(1n) i {background:#fc7882; }
.m-color a:nth-child(2n) i {background:#ffa72b; }
.m-color a:nth-child(3n) i {background:#fcd55a; }
.m-color a:nth-child(4n) i {background:#70d8ad; }
.m-color a:nth-child(5n) i {background:#5eccd6; }
.m-color a:nth-child(6n) i {background:#ffbf00; }
.m-color a:nth-child(7n) i {background:#f29069; }
.m-color a:nth-child(8n) i {background:#fc7eab; }
.m-color a:nth-child(9n) i {background:#cd94d9; }
.m-color a:nth-child(10n) i {background:#8fa9fd; }





.b-link:link { color: #007aff; }
.b-link:visited { color: #007aff; }
.b-link-un:link { color: #007aff; text-decoration: underline; }
.b-link-un:visited { color: #007aff; text-decoration: underline; }

i.icon-info { background-position-x: -51px!important; }
i.icon-bbs { background-position-x: -159px!important; }
i.icon-yp { background-position-x: -212px!important; }
i.icon-index { background-position-x: -106px!important; }
i.icon-house { background-position-x: -265px!important; }
i.icon-pan { background-position-x: -319px!important; }
i.icon-job { background-position-x: -372px!important; }
i.icon-activity { background-position-x: -425px!important; }
i.icon-shop { background-position-x: -478px!important; }
i.icon-tuan { background-position-x: -532px!important; }
i.icon-card { background-position-x: -584px!important; }
i.icon-kuai { background-position-x: -637px!important; }


.swipe { overflow: hidden; visibility: hidden; position: relative; }
.swipe-wrap { overflow: hidden; position: relative; }
.swipe-wrap > div { float: left; width: 100%; position: relative; }
.swipe-btn {text-align:center;height:10px;line-height:1px;margin-top:2px }
.swipe-btn li.on { background: #ff7a7a;width:1.2rem }
.swipe-btn li { display: inline-block; width: 8px; height: 4px; border-radius: 4px; background: #f0efed;  margin: 0 1px; cursor: pointer; }
.swipe-btn2 { position: absolute; bottom: 0px; height:24px!important;width:100% }
.swipe-btn2 li { width: 8px; height: 4px; border: 2px; margin:0 1px}


#footer { text-align: center;padding:10px 0 50px 0;font-size:12px;color:#999 ;line-height:2.0em}
#footer a { color: #666; margin: 0 5px; }

.default-empty { width: 200px; height: 240px;margin:20px auto; background: url(/images/empty.png) no-repeat; background-size: 100% auto;position:relative }
.default-empty a { position: absolute; bottom: 10px; width:300px;text-align:center;left:50%;margin-left:-150px;color:#999;text-decoration:underline}

.crumbs { height: 36px; line-height: 36px; font-size: 14px;padding:0 10px;color:#666;background:#fff;color:#999 }
.crumbs a { color: #666; }
.crumbs i { font-family: 宋体;padding:0 2px 0 4px }

.mask { position: absolute; background: #000; height: auto; overflow: hidden; top: 0px; left: 0px; z-index: 1000; }
.mask-info { position:fixed;top:30%; color: #fff; font-size: 14px; text-align: center;  z-index: 1001; max-width:60%;margin-left:20%}
.mask-info2 span { display: inline-block; }
.mask-info span {  }
.mask-info div {padding: 10px 20px; background: rgba(0,0,0,0.8);border-radius:3px;display:inline-block; }
.mask-info i { font-size: 28px; display:block;height:38px;opacity:0.9}

.radio { width: 20px;  position: relative;display:inline-block;margin-right:10px }
.radio label { cursor: pointer; position: absolute; width: 20px; height: 20px;border-radius:10px; top: 0; left: 0; background: #000; border: 1px solid #ddd; }
.radio label:after { opacity: 0.2; content: ''; position: absolute; width: 9px; height: 5px; background: transparent; top: 4px; left: 5px; border: 2px solid #fff; border-top: none; border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.radio label:hover::after { }
.radio input[type=radio]:checked + label:after { opacity: 1; }

.checkbox { width: 20px;  position: relative;display:inline-block;margin-right:10px }
.checkbox label { cursor: pointer; position: absolute; width: 20px; height: 20px; top: 0; left: 0; background: #eee; border: 1px solid #ddd; }
.checkbox label:after { opacity: 0.2; content: ''; position: absolute; width: 9px; height: 5px; background: transparent; top: 4px; left: 5px; border: 3px solid #26ca28; border-top: none; border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.checkbox label:hover::after { opacity: 0.5; }
.checkbox input[type=checkbox]:checked + label:after { opacity: 1; }

#viewBigImagebg {background:#1b1c1d;position:fixed;top:0px;left:0px;opacity:0.8;width:100%;height:100%;z-index:1000;display:none }
#viewBigImage {position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:1001 ;display:none}
#viewBigImage .topbar { height:50px;line-height:50px;color:#fff;background:#1b1c1d;opacity:0.9;width:100%;padding-left:61px;position:relative;box-sizing:border-box}
#viewBigImage .topbar a { color: #fff; }
#viewBigImage .t-back { width:60px; font-size: 16px; text-align: center; border-right: 1px solid #333;position:absolute;top:0px;left:0px }
#viewBigImage .t-title {text-align:center;width:100% }
#viewBigImage .v-imgs { padding: 20px 10px; box-sizing: border-box; text-align:center}
#viewBigImage .v-imgs img { max-width: 100%; max-height: 100%; }

.pager { padding: 3px; TEXT-ALIGN: center; width: auto; margin-top: 20px; FONT-FAMILY: \5FAE\8F6F\96C5\9ED1,宋体;font-size:14px;height:40px }
.pager a {border-radius: 3px; padding: 5px 11px; border: #ddd 1px solid; color: #aaa; margin-right: 2px;height:30px }
.pager a:hover { border: #a0a0a0 1px solid; margin-right: 2px; }
.pager a:active { border: #a0a0a0 1px solid; margin-right: 2px; }
.pager span { border-radius: 3px; }
.pager span.current { border: #e0e0e0 1px solid; padding: 5px 11px; color: #999; margin-right: 2px; background: #EFEFEF; }
.pager span.disabled { border: #f3f3f3 1px solid; padding: 5px 11px; color: #ccc; margin-right: 2px; }

.btn{ background:#d60606;box-sizing:padding-box;font-size:18px;color:#fff!important;width:auto;text-align:center;padding:10px 0;display:block;border-radius:3px;width:100%;border:0px}
.btn:visited { color: #fff!important; }
.btn_red { background: #e33737; }

.blue-btn { border: 0px; background: #007aff; color: #fff; padding: 8px 22px; }
.blue-btn:link { color: #fff!important; }
.blue-btn:visited { color: #fff!important; }
.login-div { position: absolute; width: 100%; height: 100%; text-align: center; z-index: 999; top: 0px; left: 0px; display: table; font-size:14px}
.login-div a { color: #007aff; margin: 0 5px; }
.login-div div { vertical-align: middle; display: table-cell; _position: absolute; _top: 50%; }
.login-div div span { _position: relative; _top: -50%; }

.mask-bg { z-index: 98; position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; background: #000; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
.mask-box { z-index: 99; position: fixed; top: 50%; left: 50%; padding:10px 10px 15px 10px;box-sizing:border-box;border-radius:5px}
.mask-box h4 { height: 20px; border-bottom: 1px dotted #eee; font-size: 16px;padding:5px 5px 15px 5px;margin-bottom:10px }
.mask-box .mask-box-close { position: absolute; top: 10px; right: 10px;background:url(/images/map_close.png) no-repeat;width:30px;height:30px;z-index:9999;border-radius:3px;background-size:100% auto }
.mask-box .mask-box-close2 { background: initial;font-size:24px;color:#999;text-align:center;top:15px }
.mask-box table { width: 100%; }
.mask-box input {border:1px solid #f0efed;padding:12px;width:100%;box-sizing:border-box;font-size:14px;margin-bottom:5px }
.mask-box .btn { margin-top: 5px; }
.alert-bg { z-index: 9998; position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; background: #000; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
.alert {  z-index: 9999; position: absolute; width:300px;top: 50px; left: 50%; margin-left:-150px; box-sizing:border-box;border-radius:3px;background:#2e3846;text-align:center;}
.alert h1 { text-align: left; height: 40px;padding-left:10px; line-height: 40px; background: #2e3846;border-radius:3px 3px 0 0 ;font-size:12px;color:#999;font-weight:normal;opacity:0.8}
.alert p { padding: 25px;color:#fff;text-shadow:2px 2px rgba(0,0,0,0.1) }
.alert .a-b { height:40px; line-height: 40px;margin-bottom:10px }
.alert .a-b a { padding: 8px 15px; background: #795aac; border-radius: 3px;color:#fff }

.alert.orange { }


.star { height: 18px; width: 85px; background: url(../images/star.png) 0px -1px no-repeat;background-size:85px auto }
.star-4 {background-position-y:-22px }
.star-3{background-position-y:-43px }
.star-2{background-position-y:-66px }
.star-1 {background-position-y:-87px }
.star-0 {background-position-y:-109px }

.star.small{background-size:60px auto;width:60px;height:14px}
.star.small.star-4 {background-position-y:-16px }
.star.small.star-3 {background-position-y:-31px }
.star.small.star-2 {background-position-y:-46px }
.star.small.star-1 {background-position-y:-63px }
.star.small.star-0 {background-position-y:-78px }

#commentor { width: 100%; bottom:0px;left:0px;z-index:90;}
#commentor .c-b{position:relative;z-index:99;background:#fff;animation-duration:0.2s;-webkit-animation-duration:0.2s;}
#commentor .h3{height:42px;line-height:42px;border-bottom:1px solid #dedede;padding:0 10px;color:#333;text-align:center;font-size:16px;margin-bottom:10px}
#commentor .h3 em{overflow:hidden;position: absolute; top:0px; right: 0px; color:#535353;display:block;width:30px;text-align:center}
#commentor .h3 em i{display:inline-block;color:#bbb}
#commentor .rate b { font-weight: normal; height: 30px;display:inline-block;float:left;line-height:22px;font-size:14px }
#commentor .rate {height: 30px;padding:10px 0 0 10px;font-size:12px }
#commentor .rateor { width: 180px; height: 22px; background: url(../images/rate.png) no-repeat;display:inline-block;float:left }
#commentor .rateor em { width: 22px; font-style: normal; height: 22px; float: left; display: inline-block;cursor:pointer }
#commentor .rateor label { float: left; display: inline-block; margin-left: 10px; color: #777; }
#commentor textarea,#commentre-body { border:1px solid #fcdab8; padding: 5px; width: 100%; height:140px; line-height: 2em;border-radius:2px;box-sizing:border-box}
#commentor .textarea,#commentre .textarea{margin:12px 8px 10px 8px;box-sizing:border-box}
#commentor .com-btn { width: auto;padding:0 8px 20px 8px;box-sizing:border-box}
#commentor .phototlist { margin:-8px 8px 0 8px}
#commentor .phototlist .ops {  border-bottom: 1px solid #f2f2f2; font-size: 1.05rem; height: auto; line-height: 44px; overflow: hidden; position: relative; box-sizing: border-box; }
#commentor .phototlist a { display: block; width: 20%; text-align: left; font-size: 12px; color: #999;float:left;position:relative }
#commentor .phototlist a i {  font-size:20px;margin-right:5px;display: inline-block;vertical-align:bottom}
#commentor .phototlist a em { display: inline-block;margin-top:-2px }
#commentor .phototlist input { position: absolute; top: 0; left: 0px;width:100%; height:100%; filter: alpha(opacity:0); opacity: 0; }


.up-img { width: auto; margin: 5px 0;height:auto;overflow:hidden;padding-top:4px }
.up-img ul { float: left; }
.up-img .img-loading { width: 100%; height: 100%; }
.up-img .img-loading img { width: 16px!important; height: 16px!important; padding:12px 0 0 12px }
.up-img .up-item {display:block; width: 48px; float: left; border-bottom:0px;position:relative}
.up-img .up-item img { width: 40px; height:40px; }
.up-img .up-item b {display:block; font-size: 12px; color: #fff; background: red; border-radius: 50%; width: 14px; height: 14px; position: absolute; top: -3px; right: -0px; text-align:center;line-height:14px}
.up-add { float: left; }
.up-img .sel { position: relative; }
.up-img .sel div{ border: 1px dashed #bdbdbd; font-size: 30px; width: 40px; height:40px;line-height:38px; color: #bdbdbd;display:block;text-align:center }
.up-img .sel input { position: absolute; top: 0; left: 0px;width:40px; height:40px; filter: alpha(opacity:0); opacity: 0; }


.up-img2 {width:100%;box-sizing:border-box;height:auto;overflow:hidden; }
.up-img2 .up-item { width: 60px; height: 50px;overflow: hidden;  float:left;margin:5px 5px 5px 0;border:1px solid #ddd;position:relative}
.up-img2 .up-item img { width: 100%;display:none;height:100% }
.up-img2 .up-item .spinner { position: absolute; left: 0px; top: 5px;margin:0px;width:60px }
.up-img2 .up-item .spinner > div { width: 15px; height: 15px; }
.up-img2 .up-item b {display:none; font-size: 12px; color: #fff; background: red; border-radius: 50%; width: 14px; height: 14px; position: absolute; top: 0px; right: -0px; text-align:center;line-height:14px}
.up-img2 .up-item.show img { display: block; }
.up-img2 .up-item.show b { display: block; }

#payTypeControl li {border-bottom:1px solid #ebebeb;padding:1.2rem 0px;height:1.6rem;line-height:1.6rem; color: #a6a6a6;font-size:1.15rem;width:auto;position:relative ;cursor:pointer;}
#payTypeControl li:last-child{ border-bottom:0}
#payTypeControl li .em { color: #111; display: inline-block; }
#payTypeControl li i { float: left; font-size: 1.8rem; width: 40px; color: #18AAE9 }
#payTypeControl li .radio{float:right}
#payTypeControl li .wx{color:#00c800}
#payTypeControl li .dian { color: #F7780F }
#payTypeControl .int{height:3.9rem}
#payTypeControl .int i{color:#ffb600;line-height:3.8rem}
#payTypeControl .int .radio{margin-top:1rem}
#payTypeControl li .tag{font-size:.9rem;color:#fa857c;padding:0rem .2rem;border-radius:.2rem;border:1px solid #fa857c;margin-top:.3rem}
#payTypeControl li .tag b{font-weight:normal;color:red}
#payTypeControl li p{display:inline-block}
#payTypeControl li p em{display:block}


#payTypeControl li .radio { width: 1.5rem; height: 1.5rem; border-radius: 50%; border: 1px solid #e1e1e1; box-sizing: border-box; margin-right: 0; }
#payTypeControl li .radio i { font-size: .8rem; color: #fff; text-align: center; width: 1.5rem; height: 1.5rem; line-height:1.5rem;}
#payTypeControl li .radio.sel { background: #F7770E; border:0;}

@font-face { font-family: 'iconfont'; /* project id 487711 */ src: url('//at.alicdn.com/t/font_487711_t9mlg1vy63.eot'); src: url('//at.alicdn.com/t/font_487711_t9mlg1vy63.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_487711_t9mlg1vy63.woff2') format('woff2'), url('//at.alicdn.com/t/font_487711_t9mlg1vy63.woff') format('woff'), url('//at.alicdn.com/t/font_487711_t9mlg1vy63.ttf') format('truetype'), url('//at.alicdn.com/t/font_487711_t9mlg1vy63.svg#iconfont') format('svg'); }
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}

@font-face {
  font-family: 'sysiconfont';  /* project id 320234 */
  src: url('//at.alicdn.com/t/font_320234_h5zuofiy11h.eot');
  src: url('//at.alicdn.com/t/font_320234_h5zuofiy11h.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_320234_h5zuofiy11h.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_320234_h5zuofiy11h.woff') format('woff'),
  url('//at.alicdn.com/t/font_320234_h5zuofiy11h.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_320234_h5zuofiy11h.svg#sysiconfont') format('svg');
}
.sysiconfont{
    font-family:"sysiconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}


@font-face {font-family: 'kiconfont';
    src: url('/images/kiconfont/iconfont.eot?v=4'); /* IE9*/
    src: url('/images/kiconfont/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/images/kiconfont/iconfont.woff?v=4') format('woff'), /* chrome、firefox */
    url('/images/kiconfont/iconfont.ttf?v=4') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('/images/kiconfont/iconfont.svg#kiconfont') format('svg'); /* iOS 4.1- */
}

.kiconfont{
    font-family:"kiconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}




@font-face {font-family: "xciconfont";
 src: url('//at.alicdn.com/t/font_c1gftwjvbr7o80k9.eot');
  src: url('//at.alicdn.com/t/font_c1gftwjvbr7o80k9.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_c1gftwjvbr7o80k9.woff') format('woff'),
  url('//at.alicdn.com/t/font_c1gftwjvbr7o80k9.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_c1gftwjvbr7o80k9.svg#kiconfont') format('svg');
}


.xciconfont {
  font-family:"xciconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

@font-face { font-family: 'adminiconfont'; /* project id 330328 */ src: url('//at.alicdn.com/t/font_330328_fhrdv1zmilo.eot'); src: url('//at.alicdn.com/t/font_330328_fhrdv1zmilo.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_330328_fhrdv1zmilo.woff2') format('woff2'), url('//at.alicdn.com/t/font_330328_fhrdv1zmilo.woff') format('woff'), url('//at.alicdn.com/t/font_330328_fhrdv1zmilo.ttf') format('truetype'), url('//at.alicdn.com/t/font_330328_fhrdv1zmilo.svg#adminiconfont') format('svg'); }
.adminiconfont {
  font-family:"adminiconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.s-status {background:#8ace3a;font-size:12px;height:22px;line-height:22px;width:54px;text-align:center;color:#fff;border-radius:2px }
.s-close { background: #e4e4e4;color:#999 }

.cert-icon { width: 18px;text-align:center; height: 18px;line-height: 18px;background:#ff9416;border-radius:2px;display:inline-block;font-size:12px;color:#fff }
.icon-pay { background:#d95721}
.icon-pay2 { background:#79ab5b}
.icon-mian { background:#4db7d6}

.h3 { position: relative;font-size: 16px; height: 40px; line-height: 40px; font-weight:normal; }
.h3 .mmore { position: absolute; right: 0px; top: 0px;display:block;color:#999;font-size:14px;transform:rotate(180deg);-webkit-transform:rotate(180deg);width:30px }

#s-p {height:100%;width:100%;box-sizing:border-box;background:#fff;position:fixed;top:0px;left:0px;z-index:1001;display:none}
#s-p .s-headbox{ height:3.2rem;width:100%;line-height:3.2rem;text-align:center;color:#666666;}
#s-p .s-back { position: absolute; left: 20px;}
#s-p .s-search-box{background-color:#F4F4F4;width:100%;padding:20px 10px;box-sizing:border-box;}
#s-p .s-tab { margin: 0 auto .5rem; font-size: 1rem; border-radius: 5rem; overflow: hidden; display: table; color: #FD511F; background-color: #fff; height: 2.3rem; line-height: 2.3rem; }
#s-p .s-tab div {width:4rem;text-align:center;position:relative;height:2.3rem;line-height:2.3rem;border-left:thin solid rgba(254,187,168,0.3);vertical-align:middle;display:table-cell}
#s-p .s-tab div:first-child{border-left:none;}
#s-p .cur { background: #FD511F; color: #fff; }
#s-p .s-box { position:relative;padding:0 60px 0 30px;box-sizing:border-box;height:40px;border-radius:3px;background-color:#fff;}
#s-p .s-box input { border: 0px;width:100%;height:38px;outline:none;}
#s-p .s-box i { position: absolute; left: 0px; width: 30px; height:40px; color:#999; font-size:22px;text-align:center;line-height:40px}
#s-p .s-box a { position: absolute; right: 0px;top:5px; width: 60px; height:30px; color:#323232; font-size:1.1rem;text-align:center;line-height:30px;border-left:thin solid #ddd;}
#s-p .s-recommendbox{overflow:hidden;margin:10px;}
#s-recommend{position:relative;height:auto;width:10000px;overflow:hidden;}
#s-recommend a{float:left;margin-right:-1px;display: block; }
#s-p .s-recommd{width:100%;box-sizing:border-box;padding:10px;color:#9E9E9E;}
#s-p .s-recommd a{box-sizing:border-box;padding:5px 20px;color:#fff;float:left;border-radius:50px;margin:10px 10px 0 0;}
#s-p .s-recommd a:nth-child(1n+4){background-color:#FCC098;}
#s-p .s-recommd a:nth-child(2n+4){background-color:#FEA799;}
#s-p .s-recommd a:nth-child(3n+3){background-color:#FFDF98;}
#s-p .s-recommd a:nth-child(4n+2){background-color:#FEBBE5;}
#s-p .s-recommd a:nth-child(5n+1){background-color:#C2D1FF;}


.regular-checkbox { display: none; }
.regular-checkbox + label { background-color: #fafafa; border: 1px solid #cacece; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); padding: 9px; border-radius: 3px; display: inline-block; position: relative; }
.regular-checkbox + label:active, .regular-checkbox:checked + label:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
.regular-checkbox:checked + label { background-color: #f24b48; border: 1px solid #f24b48; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); color: #99a1a7; }
.regular-checkbox:checked + label:after { content: '\2714'; font-size: 14px; position: absolute; top: 0px; left: 3px; color: #fff;}

.ads { height: auto; overflow: hidden; }
.ad img{width:100%;display:block;}

.list_loading { height: 50px; line-height: 50px; width: 100%;font-size:14px;color:#999 }
.list_loading .loadingAn { width: 20px; height: 20px; float:left;margin-top:15px}
.list_loading .ll_box { width: 130px; margin: 0 auto;height:30px }
.list_loading .ll_txt { float: left;padding-left:10px }
.cus_checkbox_1 { display: none;font-size: 1em; }
.cus_checkbox_1 + label { background-color: #fafbfa; padding: 9px; border-radius: 50px; display: inline-block; position: relative; margin-right: 30px; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; width: 40px; height: 15px; }
.cus_checkbox_1 + label:after { content: ' '; position: absolute; top: 0; -webkit-transition: box-shadow 0.1s ease-in; transition: box-shadow 0.1s ease-in; left: 0; width: 100%; height: 100%; border-radius: 100px; box-shadow: inset 0 0 0 0 #eee, 0 0 1px rgba(0,0,0,0.4); }
.cus_checkbox_1 + label:before { content: ' '; position: absolute; background: white; top: 1px; left: 1px; z-index: 1; width: 31px; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; height: 31px; border-radius: 100px; box-shadow: 0 3px 1px rgba(0,0,0,0.05), 0 0px 1px rgba(0,0,0,0.3); }
.cus_checkbox_1:active + label:after { box-shadow: inset 0 0 0 20px #eee, 0 0 1px #eee; }
.cus_checkbox_1:active + label:before { width: 37px; }
.cus_checkbox_1:checked:active + label:before { width: 37px; left: 20px; }
.cus_checkbox_1 + label:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
.cus_checkbox_1:checked + label:before { content: ' '; position: absolute; left: 26px; border-radius: 100px; }
.cus_checkbox_1:checked + label:after { content: ' '; font-size: 1.5em; position: absolute; background: #4cda60; box-shadow: 0 0 1px #4cda60; }

.cus_checkbox_1.medium+ label  { width:30px; height: 5px;  }
.cus_checkbox_1.medium + label:after {  width: 100%; height: 100%;}
.cus_checkbox_1.medium + label:before {  width: 21px;height:21px;    }
.cus_checkbox_1.medium:checked + label:before { left: 26px; }

.cus_checkbox_1.small+ label  { width:16px; height: 0px;  padding:7px 9px;margin-right:20px}
.cus_checkbox_1.small:checked + label:before { left: 20px; }
.cus_checkbox_1.small + label:before {  width: 12px;height:12px; }


.cus_toast { position: fixed; z-index: 99999999; width: 9em; min-height: 1.5em;line-height:1.5em; top: 180px; left: 50%; margin-left:-4.5em; background: rgba(40, 40, 40, 0.75); text-align: center; border-radius: 5px; color: #FFFFFF;font-size:14px;
         animation: cs_an_in 400ms;-webkit-animation: cs_an_in 400ms
}
.cus_toast i { display: block; clear: both; width: 2.0em; height:1.3em;line-height:1.3em; margin: 0 auto; font-size:3em;margin-bottom:10px;margin-top:8px}
.cus_toast .txt { margin: 8px 10px; }


.actionSheet_wrap { width: 100%; }
.actionSheet_wrap .mask { position: fixed; }
.cus_actionsheet { position: fixed; left: 0; bottom: 0; transform: translate(0, 100%);-webkit-transform:translate(0, 100%); backface-visibility: hidden; z-index: 1000; width: 100%; background-color: #fff; transition: transform .3s;-webkit-transition:transform .3s }
.cus_actionsheet_toggle { transform: translate(0, 0);-webkit-transform: translate(0, 0); }
.actionSheet_wrap  .h3{height:42px;line-height:42px;border-bottom:1px solid #dedede;padding:0 10px;color:#333;text-align:center;font-size:16px}
.actionSheet_wrap .h3 em{overflow:hidden;position: absolute; top:1px; right: 0px; color:#535353;display:block;width:30px;text-align:center}
.actionSheet_wrap  .h3 em i{color:#bbb}



.mask { display: none; position: fixed; z-index: 3; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,.6); transition: background .3s;-webkit-transition: background .3s; }

@-webkit-keyframes cs_an_in {
    0% { opacity: 1;-webkit-opacity: 1; -webkit-transform: scale(1.10); transform: scale(1.10); }
    100% { -webkit-transform: scale(1); transform: scale(1); }
}


.spinner { margin: 100px auto 0; width: 150px; text-align: center; }
.spinner > div { width: 30px; height: 30px; background-color: #67CF22; border-radius: 100%; display: inline-block; -webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }
.spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }
@-webkit-keyframes bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0.0); }
    40% { -webkit-transform: scale(1.0); }
}

@keyframes bouncedelay {
    0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); }
    40% { transform: scale(1.0); -webkit-transform: scale(1.0); }
}

.cus_confirm_wrap .mask { position: fixed;z-index:9998 } 
.cus_confirm { position: fixed; z-index: 9999; width: 70%; min-height: 1.5em;line-height:1.5rem; top:40%; left: 50%; margin-left:-35%; background: #fff; text-align: center; border-radius: .4rem; 
        
}
.cus_confirm .txt { margin: 1.6rem 10px 1.2rem 10px;color:#333;font-size:1.05rem; }
.cus_confirm .ft {height:5rem;line-height:2.8rem;font-size:1.1rem;text-align:center;padding:1rem 10px;box-sizing:border-box }
.cus_confirm a { display: block; float: left; width: 47%;color:#fff;box-sizing:border-box;color:#333;border-radius:.5rem;border:1px solid #ddd;line-height:initial;padding:.7rem 0 }
.cus_confirm a:first-child {color:#fff;background:#ff6633;border-color:#ff6633;margin-right:6%}

.cus_loading {position: fixed; z-index: 999; width: 9em;height:auto;overflow:hidden;padding:5px; top: 48%; left: 50%; margin-left:-4.5em; background: rgba(40, 40, 40, 0.75); text-align: center; border-radius: 5px; color: #FFFFFF;font-size:14px; box-sizing:border-box}
.cus_loading .txt { padding: 5px 0; }
.cus_loading .cus_spinner  { margin: 0 auto ; width: 100%; text-align: center;margin:5px 0 ;height:20px}
.cus_loading .cus_spinner > div { width: 20px; height: 20px; background-color:rgba(255,255,255,0.8); border-radius: 100%; display: inline-block; -webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.cus_loading .cus_spinner  .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }
.cus_loading .cus_spinner  .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }
@-webkit-keyframes bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0.0); }
    40% { -webkit-transform: scale(1.0); }
}
@keyframes bouncedelay {
    0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); }
    40% { transform: scale(1.0); -webkit-transform: scale(1.0); }
}
.cus-select { }
.cus-select.exp { position: relative; z-index: 1001; }
.cus-select-box { height: 40px; line-height: 40px;border-bottom:1px solid #eee;background:#fff;font-size:13px;box-sizing:border-box;display:none }
.cus-select-box a {color:#646464;display:block;text-align:center; float:left;position:relative;width:100%}
.cus-select-box a:visited {color:#646464; }
.cus-select-box a em {position:relative;display:inline-block;padding-right:30px }
.cus-select-box a em:after {content: ""; position: absolute; top: 48%; right: 14px; margin-top: -5px; width: 7px; height: 7px; border-top: 1px solid #ddd; border-right: 1px solid #ddd; -webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg); }
.cus-select-box.col1 a{width:100% }
.cus-select-box.col2 a{width:50% }
.cus-select-box.col3 a{width:33.3% }
.cus-select-box.col4 a{width:25% }
.cus-select-box a:after {content: ""; position: absolute; top: 10px; right:0px; width: 1px; height: 20px; border-left: 1px solid #e9e9e9;}
.cus-select-box a:last-child::after { display: none; }
.cus-select-box a.on em:after { -moz-animation: cus-select-rotate 0.5s; -webkit-animation: cus-select-rotate 0.5s; animation: cus-select-rotate 0.5s;-webkit-transform: rotate(315deg); -webkit-transform-origin:95% 50% }
.cus-select-box a.on:before {content: "";background:#fff; position: absolute; bottom: -3px; left: 50%;margin-left:-7px; width: 7px; height: 7px; border-top: 1px solid #ddd; border-right: 1px solid #ddd; -webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg); }
.cus-select-menu { background: #fff; width: 100%; box-sizing: border-box;position:absolute;z-index:101;height:auto;overflow:hidden;display:none;top:40px;font-size:15px }
.cus-select-menu a{ display: block; color: #323232; height: 45px; line-height: 45px; padding:0 15px;border-bottom:1px solid #eee;overflow:hidden}
.cus-select-menu a.sel {color:#ec6c53;border-bottom-color:#ec6c53 }
.cus-select-menu.sec-class div { float: left; width: 50%;height:auto;overflow:hidden }
.cus-select-menu.sec-class div:first-child { background: #f5f5f5; }
.cus-select-menu.sec-class div:first-child  a.sel { background: #fff; color:#323232;border-bottom-color:#eee}
.cus-select-menu.sec-class div:last-child{padding:0 10px;box-sizing:border-box}
.cus-select-menu p { display: none; }
@-moz-keyframes cus-select-rotate {
    0% { -moz-transform: rotate(135deg); }
    100% { -moz-transform: rotate(315deg); }
}

@-webkit-keyframes cus-select-rotate {
    0% { -webkit-transform: rotate(135deg); }
    100% { -webkit-transform: rotate(315deg); }
}

@keyframes cus-select-rotate {
    0% { transform: rotate(135deg); }
    100% { transform: rotate(315deg); }
}

.loadingAn { width: 60px; height: 60px; background-color: #67CF22; -webkit-animation: rotateplane 1.2s infinite ease-in-out; animation: rotateplane 1.2s infinite ease-in-out; }

@-webkit-keyframes rotateplane {
    0% { -webkit-transform: perspective(120px); }
    50% { -webkit-transform: perspective(120px) rotateY(180deg); }
    100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); }
}

@keyframes rotateplane {
    0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
    50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
    100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); }
}

.cus-select2 { height:44px;line-height:44px;text-align:right;padding-right:40px}
.cus-select2::after { content: ""; position: absolute; top: 50%; right: 14px; margin-top: -4px; width: 8px; height: 8px; border-top: 1px solid #dddddd; border-right: 1px solid #dddddd; -webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.cus-select2-list-box { width: 100%; }
.cus-select2-list-box .mask { position: fixed; }
.cus-select2-list {position: fixed; left: 0; bottom: 0; transform: translate(0, 100%);-webkit-transform:translate(0, 100%); backface-visibility: hidden; z-index: 1001; width: 100%; background-color: #fff; transition: transform .3s;-webkit-transition:transform .3s ;max-height:100%;overflow:auto;box-sizing:border-box}
.cus-select2-list-toggle { transform: translate(0, 0);-webkit-transform: translate(0, 0); }
.cus-select2-list a { display: block;  padding: 1rem 15px; border-bottom:1px solid #f0efed;color:#666;line-height:1.6em}
.cus-select2-list a.sel { color: #ffb11b; }

.img-center{position:relative;overflow:hidden;-webkit-transform:rotate(0deg);}
.img-center img{ position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%,-50%); text-align: center; }
.empty-div{text-align:center;height:50px;line-height:50px;font-size:13px;color:#999}

.wx-focus-tip{display:none; position:fixed;top:0px;left:0px;width:100%;height:46px;background:rgba(0,0,0,0.5);color:#fff;font-size:12px;box-sizing:border-box;padding:4px 80px 5px 50px;z-index:1000;}
.wx-focus-tip .img{width:36px !important;height:36px;position:absolute !important;top:5px;left:5px;border-radius:3px;overflow:hidden;}
.wx-focus-tip .img img{width:100% !important;height:100%;}
.wx-focus-tip .f-t{font-size:14px;}
.wx-focus-tip .f-d{height:20px;overflow:hidden}
.wx-focus-tip em{position:absolute;background:#f7662e;padding:4px 12px;right:30px;top:11px;border-radius:3px}
.wx-focus-tip i{position:absolute;padding:4px 6px;right:0px;top:10px;border-radius:3px}

.wx-focus{display:none;background:#fff;position:fixed;width:100%;height:100%;left:0;top:0;z-index:1001}
.wx-focus .wb{background:#fff;width:80%;position:fixed;top:20%;left:10%;font-size:14px;color:#ccc;text-align:center;z-index:10000;border-radius:3px; }
.wx-focus .wb img{width:80%;margin-bottom:5px;clear:both}
.wx-focus .wb p{height:40px;font-size:16px;color:#333;height:50px;margin-top:20px}
.wx-focus .cr{color:#eee;text-align:center;position:fixed;bottom:60px;left:0px;width:100%}
.wx-focus i{font-size:24px;width:100%;height:46px;position:fixed;bottom:0;left:0px;text-align:center;line-height:46px;display:block;color:#ccc}

.service-box{background:#fff;position:fixed;width:100%;height:100%;left:0;top:0;z-index:1001;display:none;}
.service-box .s-h3{font-size:24px;text-align:center;margin:0px 0 0px 0;border-bottom:solid #f6f6f6 15px; background:url(/images/lx_bg.jpg) 0 center no-repeat;color:#fff;height:86px;line-height:86px;background-size:100% 100%}
.service-box .s-area{margin-bottom:25px;text-align:center}
.service-box .s-h4{font-size:15px;color:#a6a6a6;height:30px}
.service-box em{display:block;font-size:12px;color:#999}
.service-box  img{width:40%}
.service-box  .s1{background:#f6f6f6;padding-bottom:10px}
.service-box  .s1 .s-h4{color:#fdc86c;background:url(/images/line_01.jpg) 0 center repeat-x;height:50px;line-height:50px;margin:0 10px}
.service-box  .s1 .s-h4 b{background:#f6f6f6;display:inline-block;padding:0 10px;margin:0 auto;font-weight:normal}
.service-box .cr{color:#ccc;text-align:center;position:fixed;bottom:60px;left:0px;width:100%}
.service-box .cr a { color: #ccc !important; }
.service-box .s-a a{background:#f84747;color:#fff;font-size:14px;border-radius:3px;display:inline-block;width:100px;text-align:center;line-height:34px;line-height:34px}
.service-box i{font-size:24px;width:100%;height:46px;position:absolute;bottom:0;left:0px;text-align:center;line-height:46px;display:block;color:#ccc}
.service-box .s-a { display: inline-block; margin:0 10px}

.shake-rotate { -webkit-animation-name: shake-rotate; -ms-animation-name: shake-rotate; animation-name: shake-rotate; -webkit-animation-duration: 3000ms; -ms-animation-duration: 3000ms; animation-duration: 3000ms; -webkit-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: 0s; -ms-animation-delay: 0s; animation-delay: 0s; -webkit-animation-play-state: running; -ms-animation-play-state: running; animation-play-state: running; }

@-webkit-keyframes shake-rotate {
    0% { -webkit-transform: translate(0px, 0px) rotate(0deg); }
    2% { -webkit-transform: translate(0px, 0px) rotate(-5.5deg); }
    4% { -webkit-transform: translate(0px, 0px) rotate(1.5deg); }
    6% { -webkit-transform: translate(0px, 0px) rotate(-7.5deg); }
    8% { -webkit-transform: translate(0px, 0px) rotate(-7.5deg); }
    10% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
    12% { -webkit-transform: translate(0px, 0px) rotate(-5.5deg); }
    14% { -webkit-transform: translate(0px, 0px) rotate(-4.5deg); }
    16% { -webkit-transform: translate(0px, 0px) rotate(0.5deg); }
    18% { -webkit-transform: translate(0px, 0px) rotate(3.5deg); }
    20% { -webkit-transform: translate(0px, 0px) rotate(-6.5deg); }
    22% { -webkit-transform: translate(0px, 0px) rotate(-5.5deg); }
    24% { -webkit-transform: translate(0px, 0px) rotate(3.5deg); }
    26% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
    28% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
    30% { -webkit-transform: translate(0px, 0px) rotate(5.5deg); }
    32% { -webkit-transform: translate(0px, 0px) rotate(3.5deg); }
    34% { -webkit-transform: translate(0px, 0px) rotate(-5.5deg); }
    36% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
    38% { -webkit-transform: translate(0px, 0px) rotate(-1.5deg); }
    40% { -webkit-transform: translate(0px, 0px) rotate(4.5deg); }
    42% { -webkit-transform: translate(0px, 0px) rotate(6.5deg); }
    44% { -webkit-transform: translate(0px, 0px) rotate(0.5deg); }
    46% { -webkit-transform: translate(0px, 0px) rotate(4.5deg); }
    48% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
    50% { -webkit-transform: translate(0px, 0px) rotate(0.5deg); }
    52% { -webkit-transform: translate(0px, 0px) rotate(-7.5deg); }
    54% { -webkit-transform: translate(0px, 0px) rotate(-1.5deg); }
    56% { -webkit-transform: translate(0px, 0px) rotate(0.5deg); }
    58% { -webkit-transform: translate(0px, 0px) rotate(6.5deg); }
    60% { -webkit-transform: translate(0px, 0px) rotate(-3.5deg); }
    62% { -webkit-transform: translate(0px, 0px) rotate(-6.5deg); }
    64% { -webkit-transform: translate(0px, 0px) rotate(1.5deg); }
    66% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
    68% { -webkit-transform: translate(0px, 0px) rotate(2.5deg); }
    70% { -webkit-transform: translate(0px, 0px) rotate(-4.5deg); }
    72% { -webkit-transform: translate(0px, 0px) rotate(-1.5deg); }
    74% { -webkit-transform: translate(0px, 0px) rotate(-6.5deg); }
    76% { -webkit-transform: translate(0px, 0px) rotate(3.5deg); }
    78% { -webkit-transform: translate(0px, 0px) rotate(-5.5deg); }
    80% { -webkit-transform: translate(0px, 0px) rotate(1.5deg); }
    82% { -webkit-transform: translate(0px, 0px) rotate(4.5deg); }
    84% { -webkit-transform: translate(0px, 0px) rotate(-1.5deg); }
    86% { -webkit-transform: translate(0px, 0px) rotate(-2.5deg); }
    88% { -webkit-transform: translate(0px, 0px) rotate(-3.5deg); }
    90% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
    92% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
    94% { -webkit-transform: translate(0px, 0px) rotate(-6.5deg); }
    96% { -webkit-transform: translate(0px, 0px) rotate(-7.5deg); }
    98% { -webkit-transform: translate(0px, 0px) rotate(6.5deg); }
}
.par_model{position:fixed;top:0px;width:100%;left:0;height:60px;line-height:40px;font-size:14px;z-index:1001;color:#fff;text-align:center;background:rgba(0,0,0,0.5)}
.par_model .qt{position:absolute;right:10px;top:10px;display:block;color:#f5c89e}
.par_model p{font-size:12px;line-height:14px;color:#eee}

.shake-rotate-tel { -webkit-animation-name: shake-rotate-tel; -ms-animation-name: shake-rotate-tel; animation-name: shake-rotate-tel; -webkit-animation-duration: 2000ms; -ms-animation-duration: 2000ms; animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: 0s; -ms-animation-delay: 0s; animation-delay: 0s; -webkit-animation-play-state: running; -ms-animation-play-state: running; animation-play-state: running; }
@-webkit-keyframes shake-rotate-tel {
0% { -webkit-transform: translate(0px, 0px) rotate(0deg);}
25% { -webkit-transform: translate(0px, 0px) rotate(-10deg);}
75%{-webkit-transform: translate(0px, 0px) rotate(20deg);}
100% { -webkit-transform: translate(0px, 0px) rotate(0deg);}
}

.s-up-video{position:fixed;left:0px;top:0px;height:100%;width:100%;z-index:1000;display:none}
.s-up-video .mask{display:block;z-index:1111}
.s-up-b{background:#fff;height:50px;width:80%;position:fixed;top:50%;left:50%;margin-left:-40%;margin-top:-25px;border-radius:6px;z-index:1112;box-sizing:border-box;padding:18px 55px 10px 10px;}
.s-up-box{width:100%;border:2px solid #e7e3da;height:10px;line-height:10px;border-radius:7px;overflow:hidden}
.s-up-box i{display:block;background:#b5d04f;height:100%;border-radius: 0 5px 5px 0}
.s-up-b em{position:absolute;right:10px;font-size:12px;color:#666;text-align:left;display:block;width:30px;top:3px}
.s-up-video-suc{display:none;border:1px solid #eee;border-radius:4px;position:relative;height:40px;box-sizing:border-box;padding-left:50px;margin:5px 0;width:95%;line-height:40px;overflow:hidden}
.s-up-video-suc i{position:absolute;top:0px;right:5px;color:rgba(0,0,0,0.5);font-size:24px;}
.s-up-video-suc em{color:#fff;display:block;position:absolute;left:0px;top:0px;background:#65c3fc;font-size:30px;line-height:40px;height:40px;width:40px;text-align:center}
.s-up-video-suc .s-h1{font-size:14px;color:#333}
.s-up-video-suc .s-h1 label{font-size:12px;color:#999;padding-left:10px}

.ex-div{position:relative;overflow:hidden}
.ex-line{height:30px;line-height:30px;text-align:center;background:#fff;color:#fbc692;position:absolute;bottom:0px;left:0px;width:100%;font-size:12px}
.ex-line i{margin-left:5px;font-size:14px;display:inline-block; -webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);}
.ex-div.ex i{ -webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);vertical-align:bottom}
.ex-div .ex-box { margin-bottom: 30px; }


.zxeditor-container .zxeditor-toolbar-wrapper{position:initial!important}


#aud { z-index: 1001; }
#aud .mask { z-index: 1001; }
#aud .cus_actionsheet { z-index: 1002; background: #222; }
#aud .rec { width: 90px; height: 90px; border-radius: 50%; background: #fff; line-height: 90px; text-align: center; margin: 20px auto 0 auto; -webkit-box-shadow: 0 0 10px #0CC; -moz-box-shadow: 0 0 10px #0CC; box-shadow: 0 0 10px #0CC; }
#aud .an { top: 40px; left: 50px; margin: 0 auto; width: 50px; height: 40px; padding-top: 46px; display: none; }
#aud .btns {  background: #fff; border-radius: 3px; width: 130px; margin: 30px auto 20px auto;height:2.6rem; line-height:initial;display:table;}
#aud .btns div {display:table-cell; width: 50%;  color: #f2f2f2; border-right: 1px solid #f0f0f0; box-sizing: border-box; text-align: center; vertical-align:middle;font-size:1.05rem }
#aud .btns div.cur { color: #111; }
#aud .btns div:last-child { border: 0px; }
#aud .bad { padding: 30px 5px; line-height: 20px; font-size: 12px; color: #999; }
#preloader_1 { position: relative; }
#preloader_1 span { display: block; bottom: 0px; width: 8px; height: 5px; background: #9b59b6; position: absolute; animation: preloader_1 1.5s infinite ease-in-out; -webkit-animation: preloader_1 1.5s infinite ease-in-out; }
#preloader_1 span:nth-child(2) { left: 11px; animation-delay: .2s; -webkit-animation-delay: .2s; }
#preloader_1 span:nth-child(3) { left: 22px; animation-delay: .4s; -webkit-animation-delay: .4s; }
#preloader_1 span:nth-child(4) { left: 33px; animation-delay: .6s; -webkit-animation-delay: .6s; }
#preloader_1 span:nth-child(5) { left: 44px; animation-delay: .8s; -webkit-animation-delay: .8s; }

@keyframes preloader_1 {
    0% { height: 5px; transform: translateY(0px); background: #9b59b6; }
    25% { height: 30px; transform: translateY(15px); background: #3498db; }
    50% { height: 5px; transform: translateY(0px); background: #9b59b6; }
    100% { height: 5px; transform: translateY(0px); background: #9b59b6; }
}

@-webkit-keyframes preloader_1 {
    0% { height: 5px; -webkit-transform: translateY(0px); background: #9b59b6; }
    25% { height: 30px; -webkit-transform: translateY(15px); background: #3498db; }
    50% { height: 5px; -webkit-transform: translateY(0px); background: #9b59b6; }
    100% { height: 5px; -webkit-transform: translateY(0px); background: #9b59b6; }
}

.zxeditor-container{line-height:initial}

._ad {width: 100%;height: auto;overflow: hidden;display: block;padding: 10px;box-sizing: border-box;border-bottom: .6rem solid #F6F6F6;}
._ad .face {width: 100%;height: auto;overflow: hidden;border-radius: 5px}
._ad img {width: 100%;background-size: 100% auto;float: left;}


.focus .promote { position: absolute; bottom: 7px; right: 10px; border-radius: 2rem; background: rgba(0,0,0,0.3); padding: 0.2rem 0.6rem; color: #fff; font-size: 0.9rem; height: 1.2rem; line-height: 1.2rem; }
.focus .promote a { color: #fff !important; }

.b-0{border:0px!important}

/*群*/
.qunEntry_pate { height: auto; min-height: 75px; border-top: 5px solid #F6F6F6; border-bottom: 5px solid #F6F6F6; position: relative; background-color: #FFF; overflow: hidden; padding: 10px; box-sizing: border-box; }
.qunEntry_pate .qunEntry_tuan img { background-repeat: round; height: 80%; width: auto; position: relative; top: 5px; }
.qunEntry_img, .qunEntry_tuan { position: absolute; top: 50%; margin-top: -22.5px; height: 45px; width: 45px; }
.qunEntry_img img { background-repeat: round; height: 100%; width: auto; border-radius: 50px; }
.qunEntry_info { margin-left: 55px; margin-right: 15px; padding-top: 3px }
.qunEntry_info span:first-child { display: block; line-height: 25px; max-height: 50px; overflow: hidden; color: #333; font-size: 1.1rem; }
.qunEntry_info span:last-child { display: block; line-height: 20px; color: #6A6A6A; max-height: 40px; overflow: hidden; font-size: 0.9rem; }
.qunEntry_btn { display: block; position: absolute; top: 50%; margin-top: -12px; font-size: 1rem; background-color: #FACC31; color: #fff; border-radius: 20px; padding: .25rem .9rem; right: 10px; }
#qunEntry_Alert { height: 110%; width: 100%; margin-left: auto; margin-right: auto; position: fixed; z-index: 10000; }
#qunEntry_Alert .mask { position: fixed; z-index: 9999; display: block; }
.qunEntry_Alert { width: 70%; top: 90px; margin-left: 15%; background-image: url(/images/wx/wxqun_Alertbg.png); background-repeat: round; background-size: cover; float: right; position: fixed; z-index: 10000; border-radius: 3px; }
.qunEntry_Alert_imgbox { height: auto; min-height: 75px; position: relative; overflow: hidden; padding: 15px 10px; box-sizing: border-box; }
.qun_codeimg { display: block; height: auto; width: 80%; margin: 10px auto; box-sizing: padding-box; }
.qunEntry_Changan { height: 25px; line-height: 25px; text-align: center; color: #333; font-size: 1rem; }
.qunEntry_nextTime { height: 30px; line-height: 30px; width: 40%; text-align: center; background-color: #FACC31; color: #fff; padding: 0 15px; border-radius: 30px; margin: 10px auto; }

/*音乐播放*/
#audio-play { width: 2.8rem; height: 2.8rem; line-height: 2.8rem; text-align: center; z-index: 13; overflow: hidden; border-radius: 50%; overflow: hidden; background: rgba(0,0,0,0.7); border: .1rem solid #fff; }
.audio-play i { color: #fff; font-size: 1.8rem; border-radius: 50%; display: inline-block }
.audio-play { margin: 0 auto; }
#audio-play.active i { -webkit-animation: tran 2s linear infinite; animation: tran 2s linear infinite; }
@-webkit-keyframes tran {
    to { transform: rotate(1turn); }
}

/*地图显示*/
.map-show { display: none; position: fixed; height: 100%; width: 100%; background: #fff; left: 0px; top: 0px; z-index: 9999 }
.map-show .m-header { height: 46px; line-height: 46px; text-align: center; color: #888; font-size: 16px; background: #fff; position: relative; }
.map-show .m-header .back { color: #888; display: block; width: 40px; position: absolute; left: 0px; top: 0px; font-size: 20px; }
.map-show .m-header .go { color: #888; display: block; position: absolute; right: 5px; top: 7px; font-size: 13px; border: 1px solid #ccc; border-radius: 3px; height: 30px; line-height: 30px; padding: 0 10px; }
.map-show #map2 { width: 100%; height: calc(100% - 40px); }

.d_loading { position: fixed; width: 100%; height: 100%; background:rgba(255,255,255,1); left: 0; top: 0; z-index: 9999;   }
.d_loading p { position: relative; width: 60px; height: 60px; background: url(/images/hsy_logo.png) no-repeat center; left: 50%; top: 50%; z-index: 9999; background-size: 100% auto; margin-top: -30px; margin-left: -30px; border-radius: .6rem; overflow: hidden; -webkit-filter: opacity(80%) }
.d_loading p i { display: block; position: absolute; content: ' '; height: 80px; width: 100%; animation-name: d_loading_move; animation-fill-mode: forwards; animation-duration: 10s; overflow: hidden; top: 0px; }
.d_loading p i::before,
.d_loading p i::after { content: ''; position: absolute; width: 300px; height: 270px; border-radius: 55% 45%; background: rgba(0,0,0,0.6); bottom: 33%; left: 50%; transform: translateX(-50%); animation: d_loading_rotate 5s linear infinite; }
.d_loading p i::after { left: 41%; bottom: 30%; border-radius: 45% 50%; opacity: 0.3; }

@-webkit-keyframes d_loading_move {
    0% { top: 0px; }
    100% { top: -60px }
}
@keyframes d_loading_rotate {
    0% { transform: translate(-50%) rotateZ(0deg); }
    100% { transform: translate(-50%) rotateZ(360deg); }
}

.free-cr{text-align:center;color:#ccc;padding:10px 0 5px 0}
.free-cr a { color: #ccc !important; }