.base-c { color:#e33737}
.mask { background: rgba(0,0,0,0.55); position: fixed; height: 110%; width: 100%; }
.btn { background: #e33737; }
#headerbox{height:40px;}
#header { height: 40px; width: 100%; background: #f1564e; background: var(--bg-color); top: 0px; z-index: 1000; padding-right: 40px; box-sizing: border-box; position: fixed;left:0 }
#header a { display: block; }
#header .back { width: 40px;line-height:40px; height:40px;float:left;color:#fff;font-size:24px;text-align:center}
#header em { display: none; }
#header .title{ text-align:center;font-size:16px;color:#fff;padding:0 10px 0 10px;box-sizing:border-box;overflow:hidden;line-height:40px; height:40px;}
#header .left-nav { overflow: hidden; width:100%}
#header .left-nav p { width: 1000px; }
#header .right-nav {padding:0px 0px 0 0;position:absolute;top:0px;right:0px;line-height:44px; height:44px;z-index:10 }
#header .icon {  width: 40px; color: #fff; float: left; text-align: center;font-size:12px;line-height:40px; height:40px; }
#header .icon i { display: block; width:30px;margin:0 auto;background-size:115px auto;font-size:20px }
#header .right-nav .me-icon i {}
#header .right-nav .logined i { color:#caff9b}
#header .right-nav .search-icon i { }
#header #t_user { position: relative; }
#header #t_user a {animation-iteration-count:infinite;animation-duration:2s;-webkit-animation-iteration-count:infinite;-webkit-animation-duration:2s; position: absolute; bottom: 10px; right: 2px; background: #fff; width: 12px; height: 12px;line-height:12px;text-align:center; overflow: hidden; border-radius: 50%;color:#e33737 }
#header .logined{color:#fee596;}
#header .logined:after{position:absolute;content:" ";width:6px;height:6px;font-size:1px;background:#66dc1e;right:9px;bottom:12px;border-radius:50%}
#header .s-city{font-size:14px;color:#fff;position:absolute;top:0px;left:0px;height:40px;line-height:40px;padding:0 10px}
#header .s-city i{font-size:12px;transform:rotate(270deg);-webkit-transform:rotate(270deg);position:absolute;margin-left:5px}
#header .s-city p{position:relative;float:left}
#header .s-city a{display:block;color:#fff}
#header .fl{z-index:10;position:relative}
#main {  }
#footer { }
#drop-menu{position:absolute; top:50px; right:2px; width:90%; z-index:9999;height:100px;display:none;-webkit-animation-duration:0.5s;animation-duration:0.5s;line-height:16px }
#drop-menu.show-drop { display:block}
#drop-menu p { width: 100%;  background:rgba(255,255,255,0.85);border-radius:2px;height:auto;overflow:hidden;padding:5px 0 10px 0}
#drop-menu span{border-width:0 6px 7px;border-color:transparent transparent #fff;border-style:solid;width:0;height:0;line-height:0; position:absolute; right:18px; top:-7px;opacity:0.85;-moz-opacity:0.85}
#drop-menu i { width: 42px; height: 42px; line-height: 42px; margin: 0 auto 5px auto; display: block; font-size:24px;color:#fff;border-radius:50%;text-align:center;border-radius:14px }
#drop-menu a { display: block; width: 20%; text-align: center; float: left; height:70px; color: #666;font-size:12px;padding-top:10px }
#drop-menu em { width: 42px; height: 42px;line-height:42px; display:block;margin:0 auto 5px auto }
#drop-menu em img{width:100%;height:100%;max-width:120px;max-height:120px}

#drop-pub{position:absolute; top:50px;display:none; right:2px;  width:90%; z-index:9999;height:100px;-webkit-animation-duration:0.5s;animation-duration:0.5s;font-size:12px}
#drop-pub.show-drop { display:block}
#drop-pub .p{ width: 100%;  background:rgba(255,255,255,0.95);border-radius:2px;height:auto;overflow:hidden;padding:15px 10px 10px 10px;box-sizing:border-box}
#drop-pub span{border-width:0 6px 7px;border-color:transparent transparent #fff;border-style:solid;width:0;height:0;line-height:0; position:absolute; right:12px; top:-7px;opacity:0.85;-moz-opacity:0.85}
#drop-pub .d-l a { font-size: 14px; height: 40px; line-height: 40px;color:#666;display:inline-block;width:50%;float:left;text-align:center }
#drop-pub .d-l i { width: 22px; height: 22px; line-height: 22px; margin-right: 5px; display:inline-block; font-size:16px;text-align:center;border-radius:50%;color:#fff}
#drop-pub .s-box { margin: 15px 0 10px 0; }
#drop-pub .s-h {color: #999;text-align:center; }
#drop-pub .s-h i {float:left; height:18px; display: inline-block; width: 40%;background:-webkit-gradient(linear, left top, left bottom, color-stop(.5, transparent), color-stop(.5, #ddd), to(#ddd)) left center repeat-x;background-size:100% 1px }
#drop-pub .s-h em {float:left;width:20%;height:18px; display: inline-block;  }
#drop-pub .s-l a { margin:20px 0; display: block; width: 33%; text-align: center;color:#999;float:left }
#drop-pub .s-l i { width: 40px; height: 45px; line-height: 40px;  display:inline-block; font-size:40px;text-align:center;clear:both }
#drop-pub .s-l a:first-child  i{ color: #ffdd3c; }
#drop-pub .s-l a:nth-child(2) i{ color: #ff605c; }
#drop-pub .s-l a:nth-child(3) i{ color: #71c5f2; font-size:34px}

#b-menu {position: fixed; bottom: 0; left: 0; height: 4.1rem; background:#fff;width:100%;font-size:1rem;border-top:1px solid #f0efed;z-index:2; }
#b-menu a { display: inline-block; float: left; text-align: center; color:#333;position:relative;}
#b-menu i {   display: block; font-size:1.8rem;text-align:center;color:#333;clear:both;margin:.5rem auto .1rem auto;height:1.8rem;line-height:1.8rem}
#b-menu .sel i { font-size: 1.5rem; background: #f1564e; background: var(--bg-color); color: #fff; border-radius: 50%; position: absolute; line-height:3rem; top: -1.4rem; left: 50%; margin-left: -1.8rem; width: 3rem; height: 3rem; border: .3rem solid #fff; -webkit-box-shadow: 0 -2px 6px rgba(0,0,0,0.12); }
#b-menu .sel{color:#f1564e; color:var(--bg-color);padding-top:2.45rem}
#b-menu .sel em { color: #fff; border-radius: 50%; position: absolute; top: -1.4rem; left: 50%; margin-left: -1.8rem; width: 3rem; height: 3rem; border: .3rem solid #fff; overflow: hidden }
#b-menu .sel em  img{width:100%;height:100%}

#b-menu em { width: 1.7rem; height: 1.7rem; display: block; clear: both; text-align: center; margin: .5rem auto .2rem auto; }
#b-menu em img { width: 100%; height: 100% }

a.more { color: #999; text-align: center;border:0px;line-height:36px; height:46px;display:block;font-size:14px;background:#fff}
a.more2 { background: #fff; }

.box { width: 100%; box-sizing: border-box; height:auto;overflow:hidden; background:#fff}
.box-m { height: auto; overflow: hidden; }
.box-t { position: relative;font-size: 16px; height: 40px; line-height: 40px; font-weight:normal;border-bottom:1px solid #f0efed }
.box-t .more { position: absolute; right: 0px; top: 0px;display:block;color:#999;font-size:14px;transform:rotate(180deg);-webkit-transform:rotate(180deg);width:30px }
.box-t a { display: block; }
.box-t em { color:#e33737}

.box-t2 { height: 40px; line-height: 40px; border-bottom: 1px solid #f0efed;font-size:1.1rem;position:relative;overflow:hidden}
.box-t2 li { float: left;padding:0 15px ;box-sizing:border-box}
.box-t2 li.on { background: #fff;border-bottom:1px solid var(--title-color);height:40px;line-height:36px;color:var(--title-color) }
.box-t2 .mmore { position: absolute; right: 5px; top: 0px;display:block;color:#999;font-size:14px;transform:rotate(180deg);-webkit-transform:rotate(180deg);width:30px;text-align:center }

.box-t3 { height: 45px; line-height: 45px; border-bottom: 1px solid #f0efed;font-size:1.05rem;position:relative;padding:0 10px }
.box-t3 a { display: block; }
.box-t3 em{ color:#e33737;display:inline-block}
.box-t3 .more { position: absolute; right: 10px; top: 0px;display:block;color:#e2e2e2;font-size:14px;transform:rotate(180deg);-webkit-transform:rotate(180deg);width:30px }


.c-c { height: 40px; line-height: 40px;background:#fff;height:40px; z-index:100;position:relative;font-size:15px; }
.c-c .cur { color: #e33737; }
.c-c-box  p { width: 2000px; position: relative;}
.c-c-box { border-bottom:1px solid #f0efed;height:40px;overflow:hidden; position:relative; z-index:100;padding:0 5px;box-sizing:border-box;}
.c-c-expand {font-size:14px; line-height:1.8em; position: absolute;top:40px;left:0px;width:100%;background:#fff;z-index:90;display:none;-webkit-animation-duration:0.4s;animation-duration:0.4s;padding:20px 5px 10px 5px;box-sizing:border-box }
.c-c-expand h2 { height: 30px;font-size:14px }
.c-c-expand p { height: auto; overflow: hidden; line-height:1.6em;font-size:12px}
.c-c-next { width: 40px; height: 36px; line-height: 36px; text-align:center; color: #b7b7b7; font-size: 16px; position: absolute; top: 2px; right: 0px;background:#fff;z-index:100}
.c-c-next  i { transform:rotate(-90deg);-webkit-transform:rotate(-90deg);display:inline-block}
.c-c-next:before {content:'';position:absolute;width:8px;top:0px; height:40px; left: -8px; border-radius: 100% 0 0 100%/50% 0 0 50%;background-image:-wekbit-radial-gradient(ellipse at right,rgba(0,0,0,.2) 0,rgba(0,0,0,0) 55%); background-image:radial-gradient(ellipse at right,rgba(0,0,0,.2) 0,rgba(0,0,0,0) 55%)}
.c-c-box p a { display: inline-block; float:left;text-align:center;line-height:40px; padding:0px 8px;color:#333;position:relative;font-size:14px;box-sizing:border-box}
.c-c-expand p a { display: inline-block; margin-right: 10px;line-height:1.8em }
.c-c-expand.sign{padding:30px 10px 10px 10px }
.c-c-expand.sign a { padding:0px 8px 0 3px; }
.c-c-area { padding: 0 5px 5px 5px; }


.contact .a { top: 2px; right: 35px; position: absolute; display: block; width: 20px; height: 20px; line-height: 20px; color: #3dba0a; font-size: 23px; text-align: center; }
.contact .sms { right: 5px;font-size:20px }

.r-tool{width:34px;position:fixed;right:2px;top:55%;z-index:2;}
.r-tool a{background: rgba(0,0,0,0.6);color: #fff;border-radius:50%; display:block;width:100%;text-align:center;width:34px; height:34px;line-height:34px;margin-bottom:2px; position:relative;font-size:12px}
.r-tool a i{font-size: 20px;}
.r-tool .red{background:rgba(241,86,78,0.8);color:#fff!important}

.fav-tip{display:none; background:url(/images/fav_tip.png) 0 0 no-repeat;background-size:100% auto;width:160px;position:fixed;right:5px;top:5px;height:95px;z-index:1001}

/*#header{background:url(/images/cj_top_bg.jpg) no-repeat 0 bottom #f1574f;background-size:auto 80% ;position:relative}
#header:before{content:' ';position:absolute;left:0px;top:0px;background:url(/images/cj_top_l.jpg) no-repeat;background-size:100% auto ;width:30px;height:50px;z-index:1}
#header:after{content:' ';position:absolute;right:0px;top:0px;background:url(/images/cj_top_r.jpg) no-repeat;background-size:100% auto ;width:30px;height:50px;z-index:1}

#b-menu{background:url(/images/cj_b_bg.jpg) repeat-x;background-size: auto 100%;color:#fff;border:0}
#b-menu i,#b-menu a,#b-menu .sel{color:#fff}
#b-menu .sel em{border-color:#f39800}*/

.qg{position:fixed;bottom:0px;left:0px;width:100%;height:4.2rem;background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fd591d), to(#f82a47));z-index:99;border-top:2px solid #ffce5f;border-bottom:2px solid #ffce5f;box-sizing:border-box}
.qg .icon{position:absolute;top:-1.5rem;left:.5rem;background:url(/images/xsyh.png) no-repeat;background-size:100% auto;width:8rem;height:4rem}
.qg a{display:block;width:6rem;height:2.8rem;position:absolute;right:1rem;top:.6rem;background:url(/images/btn_q.png) 0 center no-repeat;background-size:100% auto;}
.qg .seck{margin:1.8rem 0 0 1rem;color:#fddf76;font-size:1rem;float:left}
.qg .seck b{background:#fddf76;padding:0 .1rem; text-align:center;border-radius:.2rem;display:inline-block;margin:0 .1rem;color:#fc5224;font-weight:normal;min-width:1.3rem}
.qg .price{font-size:1.8rem;color:#fdecb0;position:absolute;right:1rem;top:50%;margin-top:-1.2rem;}

/*#b-menu2 {position: fixed; bottom: 10px; left: 2%; height: 48px; background:#fff;width:96%;font-size:1rem;border-radius:.8rem; z-index:2;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2); }
#b-menu2 a { display: inline-block; float: left; text-align: center; color:#555;position:relative}
#b-menu2 i {  height: 28px; line-height: 30px;  display: block; font-size:20px;text-align:center;color:#aaa;clear:both;width:30px;margin:0 auto;}
#b-menu2 .sel i {font-size:24px; background: var(--bg-color);color:#fff;border-radius:50% ;position:absolute;top:-14px;left:50%;margin-left:-22px;width:38px;height:38px;line-height:38px;border:3px solid #fff;-webkit-box-shadow:0 -5px 5px rgba(0,0,0,0.12);}
#b-menu2 .sel{color:var(--bg-color);padding-top:28px}
#b-menu2 .sel em {color:#fff;border-radius:50% ;position:absolute;top:-14px;left:50%;margin-left:-22px;width:38px;height:38px;border:3px solid #fff;overflow:hidden}
#b-menu2 .sel em  img{width:100%;height:100%}
#b-menu2 em {width:30px;  height: 28px; line-height: 30px;  display:block; clear:both;margin:0 auto;text-align:center}
#b-menu2 em img{width:28px;height:28px}*/

.p-d{display:none; background:url(/images/pub_bg.png) center no-repeat rgba(255,255,255,0.95);background-size:100% auto; position:fixed;width:100%;height:100%;left:0;top:0;z-index:1001;}
.p-d .close{font-size:2rem;width:100%;height:4.4rem;position:fixed;bottom:0;left:0px;text-align:center;line-height:4.4rem;display:block;color:#999;}
.p-d .div{position:absolute;bottom:90px;left:0;width:100%}
.p-d .div i { width: 4.2rem; height: 4.2rem; line-height: 4.2rem; margin: 0 auto .4rem auto; display: block; font-size: 2rem; color: #fff; background: url('/images/index/btn1.jpg') no-repeat; background-size: 100% 100%; border-radius: 1rem; text-align: center; box-shadow: 0px 0px 6px #fae3d9; }
.p-d .div a { display: block; width: 33.3%; text-align: center; float: left; height:70px; color: #333;font-size:1.05rem;margin-bottom:8px }
.p-d .div a:nth-child(2n) i { background: url('/images/index/btn2.jpg') no-repeat; background-size: 100% 100%; }
.p-d .div a:nth-child(3n) i { background: url('/images/index/btn3.jpg') no-repeat; background-size: 100% 100%; }
.p-d-t{margin-top:2rem;text-align:center;width:100%;font-size:1.05rem;color:#666;letter-spacing:.05rem}
.p-d-s{margin-top:2rem;text-align:center;}
.p-d-s p { background: #ff9c3c; border: .7rem solid #ffe3c8; width: 5rem; height: 5rem;line-height:5rem;text-align:center;font-size:1.3rem;color:#fff; border-radius: 50% }
.p-d-s a { display: inline-block; width: 4.8rem; height: 4.8rem; border: .7rem solid #fffcfa; border-radius: 50% }
.cus_confirm a:first-child {background:#f1564e; background:var(--bg-color);border-color:#f1564e; border-color:var(--bg-color);}

/*.bxc em{background:url(/images/2020/btn2.jpg) 1px 0px no-repeat #fff;background-size:auto 100%;width:30px!important;height:30px!important}
.bxc a:nth-child(2) em{background-position-x:-57px}
.bxc a:nth-child(3) em{background-position-x:-116px}
.bxc a:nth-child(4) em{background-position-x:-173px}
.bxc a:nth-child(5) em{background-position-x:-232px}
.bxc a:nth-child(6) em{background-position-x:-290px}
.bxc a.sel em{background-position-x:-146px;width:38px!important;height:38px!important}*/