@charset "UTF-8";
*{ padding:0; margin:0;}
@font-face {
  font-family: 'iconfont';
  src: url('http://at.alicdn.com/t/font_1443001057_0394185.eot'); /* IE9*/
  src: url('http://at.alicdn.com/t/font_1443001057_0394185.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('http://at.alicdn.com/t/font_1443001057_0394185.woff') format('woff'), /* chrome、firefox */
  url('http://at.alicdn.com/t/font_1443001057_0394185.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('http://at.alicdn.com/t/font_1443001057_0394185.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{font-family:"iconfont" !important;font-size:14px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;}
.e-menu  img{
  width: 1.1rem;
}
.bo_border{
  border-bottom:1px solid rgba(247, 247, 247, 0.94);
}

.clearfix:after,.clearfix:before {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
.color_black{
  color: black;
  line-height: 1rem;
}
.bg_white{
  background: white;

}
.img_logo{
  width: 15px;
  height: 15px;
  display: block;
  margin-top: 12.5px;
  margin-right: 5px;
}

body{ background: #F2F2F2; font-size:14px; }
a{color: #333}
a:link,a:hover,a:active,a:visited {
  text-decoration: none;
}
/*banner*/
.banner img{ width:100%; display:block; max-height:500px;}
.banner{width:100%; position: relative;}
.swipe {overflow: hidden;visibility: hidden; position: relative;}
.swipe-wrap {overflow: hidden;position: relative;}
.swipe-wrap > div {float:left;width:100%; position: relative;}
.page{position:absolute;bottom:5px;left:50%;z-index:999;height:auto; -webkit-transform:translateX(-50%); }
.page a{width:10px;height:10px;display:inline-block;text-indent:-1000px; background: rgba(255,255,255,0.618); border-radius: 50%;  margin-left: 5px; float: left}
.page a.active{ background: rgba(255,255,255,1);}
.search{ position: absolute; top: 10px; z-index: 97; left: 10px; right: 10px}
.seach{ width: 78%; display: block; background:#fff no-repeat 0.5em center; background-size: 1.25em; text-indent: 1.25em; font-size: 13px; height: 32px}
.sea_button{ width: 20%; float: right; background: #fff; position: absolute;display: inline-block;vertical-align: middle;-webkit-box-sizing: border-box; right: 1px; top: 1px; display: none; height: 30px}
.search input:focus~button{ display: block; color: #666}

.header{ height: 1.85rem; line-height: 1.85rem;  background: #fcfcfc; text-align: center;}
.header i{ color: #17bbc1; font-size: 18px; padding-left: 10px; }
.header li{border-bottom: 1px solid #e7e7e7; -webkit-box-sizing: border-box; position: relative; }
.header li:after{content: ''; display: block;width: 0; height: 0.75rem; right: 0; top: 0.25rem; border-right: 1px solid #e7e7e7; position: absolute;}
.header li.cur{ content: ''; display: block; border-bottom:2px solid #fb2640;}
.header li.cur a{ color: #fb2640}
.header li.cur i{-webkit-transform:rotate(180deg); display: inline-block; padding-right: 10px; padding-left: 0}

.list{ padding-bottom:10px}
.list ul{ display: none}
.list ul.cur{ display: block;}
.list li{ background: #fff; margin-top: 9px; padding: 0 10px;border-bottom: 1px solid rgba(247, 247, 247, 0.94);}
.list li a{ color: #fff; display: block;margin: 3px 0;margin-right: .4rem;}
.list li .e-flex{ color: #999}
.list h2{ height: 32px; line-height: 32px; border-bottom: 1px solid rgba(247, 247, 247, 0.94); color: #999; font-size: 13px}
.list time{ color: #666; padding-left: 10px}
.list .thum{ width: 4rem; border-radius: 8px; height: 4rem;}
.list li div{ font-size: 0;}
.list p{ font-size: 13px; line-height: 1.2em;overflow:hidden;}
.list .title{ line-height: 0.7rem}
.list p i{ float: right;}
.list .orange,.orange{ color: #fb2640}
.list .black{ color: #333}
.list .sm{  font-size: 10px;  margin-left:30px;margin-bottom: 9px;}
.emfr img{ height: 0.8333rem; float: left; margin: 0 }
.emfr span{ float: left; margin-top: 0.15rem}
.emfr p.cf{ padding: 5px 0; color: #333}
.sudo span{ width: 5em; display: inline-block;}
.sudo em{ display: block; width:150px; overflow:hidden;}
.emfr em{ float: right;}

.h50{ height: 2rem}
.foot{ border-top: 1px solid #e7e7e7; background: #fff; position: fixed;left: 0; right: 0; bottom: 0;height: 2rem;}
.foot .e-btn{ border-color: #666; background: #fff; color: #666; height: 1rem; line-height: 1rem; margin-top: 0.28rem; float: right; margin-right: 10px}
.foot .e-btn.pay{ border-color: #fb2640; color: #fb2640}
.foot .e-btn.sure{ background: #fb2640; border: 0; color: #fff; margin: .35rem 0 0; height: 1.3rem; line-height: 1.3rem;border-radius: 20px;}

/*md*/
.mask{ position: fixed;left: 0; top: 0; right: 0; bottom: 0; z-index: 98; background: rgba(0,0,0,0.5); display: none; cursor: pointer;}
.canclediv{ position: fixed;left: 50%; top: 50%; width: 40%; height: 50px; background: rgba(0,0,0,0.5);-webkit-transform:translate3d(-50%,-50%,0); color: #fff; line-height: 50px; text-align: center; border-radius: 4px; font-size: 13px}
.canclediv_long{ position: fixed;left: 50%; top: 50%; width: 45%; height: 65px; background: rgba(0,0,0,0.5);-webkit-transform:translate3d(-50%,-50%,0); color: #fff; line-height: 30px; text-align: center; border-radius: 10px; font-size: 15px}
.confirm{ position: fixed;left: 50%; top: 50%; width: 80%; -webkit-transform:translate3d(-50%,-50%,0); text-align: center; border-radius: 4px;background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e9e9), color-stop(50%,#d8dedf), color-stop(100%,#e7e9e9)); /* Chrome,Safari4+ */display: none; z-index: 99}
.confirm p{ color: #000; height: 75px; line-height: 75px}
.confirm div{ height: 40px; line-height: 40px; border-top: 1px solid #d7d7d7; font-size: 0}
.confirm a{ color: #157efb; display: inline-block; width: 50%; font-size: 14px}
.confirm a:first-child{-webkit-box-sizing:border-box; border-right:1px solid #d7d7d7;}

.list .com{text-align: center; height: 1.5rem; text-align: center; padding: 10px 0; border-bottom: 1px solid #e7e7e7}
.com img{ width: 1.5rem; position: relative; float: left; margin-right: 8px}
.com span{ height: 1.5rem; line-height: 1.5rem; float: left; font-size: 18px; }
.com div{ display: inline-block; overflow: hidden;}

.list .state{ display: inline-block; font-size: 12px; text-align: center}
.state p{ font-size: 12px; color: #17bbc1;}
.state .btw{ padding: 0 10px}
.state img{ width: 2.2em}

.delcol,.nodelcol{ display: inline-block; width: 25px; height: 25px; float: right; cursor: pointer; margin-left: 15px;margin-right:5px;}
.delcol img,.nodelcol img{ width: 25px; height: 25px}
.nolist{ margin-top: 12px; border-top: 1px solid #e7e7e7}
.nolist li{ margin-top: 0; border-top: 0}

.e-menu a{ color: #7c7c7e}
.e-menu i{ font-size: .4875rem; display: block; margin-top: 0.15rem}
.e-menu p{ font-size: .30625rem;}
.e-menu li.cur a{ color: #17bbc1}
.mlist{ background: #fff; height:100%;}
.mlist.b0{ border-bottom: 0}
.mlist h2{ line-height: 1.8rem; padding: 0 10px; margin-top: 3px;}
.mlist h2 i{ float: right; color: #999}
.mlist h2 img{ width:0.5rem;height: 0.6rem; margin-top:0.6rem; margin-right: 6px; float: left; }
.mlist a{ color: #666}
.mlist .new{ color: #F94F50}
.new a{ font-size: 12px; float: right; color: #999}
.mlist h3{ color: #333; padding-left: 5px}
.mlist p{ font-size: 12px; color: #666; padding-left: 5px}
.mlist .e-grid-1-3 img,.right img,.mlist .e-grid-1-4 img{ width: 100%;}
.mlist .g a{ display: block; padding-top: 0px; position: relative;}
.mlist .dfg{position: relative;}
/*.mlist .dfg img{ width: 50%;  position: absolute; right: 5px; top: 5px}*/
.mlist .dfg img{width: 100%;}
.kt img{ width: 100%;}

.mlist .left{ 
		width:40%; 
		float:left;
		height:82%;
		margin-top:-2.2%;
		overflow:hidden;
		}
.right{ float: right;width: 60%; border-left: 1px solid #e7e7e7; -webkit-box-sizing:border-box;height:82%;overflow:hidden;}
.left div img{ width: 100%}
.left h4 img{ height: 0.8rem}
.mlist.tj h2{}
.mlist.rm h2{}
.mlist .r{ color: #f9589c}
.left h3{ height: 1rem; line-height: 1rem}
.left p{ height: 30px; line-height: 30px;margin-bottom: 15px}

.rcmd{ padding-left: 10px;padding-right: 0; padding-top: 10px;}
.rcmd div{ padding-right: 10px; margin-bottom: 10px;}
.rcmd a{ display: block; background: #fff; padding-bottom: 5px}
.rcmd img{ width: 100%; height:200px;}
.rcmd h4,.rcmd p{ padding: 0 6px}
.rcmd h4{ color: #ff7e00; width:100%; white-space: nowrap; overflow:hidden;}
.rcmd h4 del{ color: #999; height: 1rem; line-height: 1rem; font-size: 12px}
.rcmd p{ color: #5c5c5e; font-size: 12px;  text-overflow: ellipsis;white-space:nowrap;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;/* 两行 */}

.xinpin,.qianghan,.gongyi{position: absolute;display: inline-block; width: 26px; height: 31px; background: #000;top: 5px; right: 5px; background: url(../img/xinpin.png) no-repeat; background-size: 100%; z-index: 99999}
.qianghan{ background-image: url(../img/qianghan.png);}
.gongyi{ background-image: url(../img/gongyi.png);}

.fortitle{ text-align: center; color: #999; line-height: 0.8rem; height: 0.8rem; margin-top: 10px; position: relative;}
.fortitle:after,.fortitle:before{ content: '';position: absolute; width:30%; height: 0; border-top: 1px solid #ddd; display: block; left: 15px; top: 0.4rem}
.fortitle:before{ right: 15px; left: auto}

.searchbox{ background: #f5f4f4; padding: 10px 0}
.searchbox div{position: relative; margin:0 10px; top: 0; right: 0; bottom: 0; left: 0}

.cate{ background: #f3f4f6}
.w6em{ width: 6em}
.w6em a{ height: 1.25rem; line-height: 1.25rem; color: #666; border-bottom: 1px solid #e7e7e7; display: block; background: #f3f4f6; text-align: center;}
.w6em a.cur{ color: #FC716F; background-color: #fff;position: relative;}
.w6em a.cur:after{ content: ''; display: block; height: 100%; width: 0; border-right: 1px solid #fff; right:-1px; top: 0; position: absolute;}
.cate .e-flex-1{ background: #fff}
.cate ul{ text-align: center; border-left: 1px solid #e7e7e7;-webkit-box-sizing: border-box; display: block;  padding-top: 4%; }
.cate p{ font-size: 12px; color: #7c7c7c}
.cate img{ width: 80%; margin: 0 10%}
.cate li{ margin-bottom: 6px; height:100px;}

.sildes{ position: fixed; top: 0; width: 80%; right: -80%; bottom: 0; background-color: #fff; z-index: 9999; -webkit-transition:all .3s cubic-bezier(0.42, 0, 0.58, 1);}
.sildes h2,.sildes h2 a{ color: #fb2640; height: 1.25rem; line-height: 1.25rem}
.sildes h2{ border-bottom: 1px solid #d7d7d7; margin-left: 1rem}
.sildes div{ overflow-y: scroll;position: absolute; bottom: 0; right: 0; top: 2.5rem; left: 0; margin-left: 1rem}
.slides div::-webkit-scrollbar {width: 0;height: 0;}
.sildes div p{height: 1.25rem; line-height: 1.25rem; border-bottom: 1px solid #d7d7d7}
.sildes img{ float: right; width:0.65rem ; margin-top: 0.39rem; margin-right: 10px; opacity: 0}
.makesure{ float: right; margin-right: 10px}
.sildes.in{-webkit-transform:translate3d(-100%,0,0);}

.changenum{ float: left;}
.list .changenum i{ float: left;}
.num{ width:25px; height: 25px; line-height: 25px; text-align: center; display: inline-block; font-size: 14px; color: #666; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb}
.sub,.add{border:1px solid #dbdbdb; color: #999; height: 25px; line-height: 25px; text-align: center; display: inline-block; width: 25px; font-size: 18px}
.sub{border-radius: 2px 0 0 2px}
.add{ border-radius: 0 2px 2px 0}

.list .des{ font-size: 12px; height: 20px; line-height: 20px}
.list .sum{ font-size: 13px;line-height: 0.5rem; }
.list .sum em{   display: block;
  color: #333;
  line-height: .9rem;
  margin: .2rem 0;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 1rem}
.list .sum .e-flex-sup{ width: 5em; color: #fb2640; text-align: right;}
.list .sum .e-flex-sup del{ color: #999; display: block;}
.nodelcol img:first-child{display: block}
.nodelcol img:last-child{display: none}
.nodelcol.check img:first-child{display: none}
.nodelcol.check img:last-child{display: block}
.list .total{color: #fb2640; font-size: 14px; height: 1.3rem; line-height: 1.3rem; text-align: right; padding-bottom: 0.5rem; }
.cas{ position: relative;}
.cas .e-toggle{ top: 50%; right: 10px; margin-top: -16px}

.article{ padding: 10px}
.article h2{ color: #333; font-size: 16px; height: 1rem; line-height: 1rem}
.article p{ color: #777; font-size: 13px; text-indent: 2em; margin-bottom: 1em; line-height: 1.5}
.rule p{ text-indent: 1em; margin-bottom: 0}
.rule p:last-child{ text-indent: 0; margin-top: 3em}

.mebox{ background: #fff; padding-top: 10px; padding-bottom: 10px; }
.uc{ width: 2rem; height: 2rem;  margin-right: 10px}
.uc img{ width: 100%; height: 100%; border-radius: 50%}
.mebox h2{ color: #333; margin-bottom: 0.6em; padding-top: 0.1em}
.mebox p a{ color: #666; font-size: 12px; line-height: 1.5}
.arr{ text-align: center; line-height: 2rem;}
.arr a i{ font-size: 14px; color: #FFFFFF}
.rdation img{ border-radius: 5px;}
.rdation h2{ margin: 0; padding: 0; height: 1rem;line-height: 1rem}

.mess{ background: #fff; border-top: 1px solid #e7e7e7;}
.mess a{ font-size: 16px; color: #666}
.mess p{ color: #999; font-size: 13px; line-height: 1.5}
.mess li{ padding: 8px 0}

.ops{
    /*border-top: 1px solid #e7e7e7*/
    margin: 0 0.6rem;
}
.ops h2{ margin-top: 0;border-bottom: 1px solid #F2F2F2}
.ops h2 a{ color: #333}

.download{ text-align: center; width: 90%; margin: 20% 5%}
.download img{ height: 2.2rem;}
.download p{ width: 70%; line-height: 1.5; font-size: 13px;  color: #333; margin: 0 15%}
.dbtn{ margin-top: 1rem}
.dbtn a{ display: block; height: 1.2rem; line-height: 1.2rem; border:1px solid #2499e3; color: #2499e3; border-radius: 0.5rem; margin-top: 0.7rem; background-color: #fff}
.dbtn a:last-child{ border-color: #20c928; color: #20c928}
.dbtn a img{ height: 0.8rem; padding: 0;  float: left; margin-top: 0.2rem; margin-right: 0.3rem}
.dbtn a h3{ float: left;}
.dbtn a div{ display: inline-block;}
.app{ margin-top: 0}
.app a:last-child{ text-align: center; width: 50%; color: #ffb93f; border-color: #ffb93f; border-radius: 0.9rem; margin: 10px 25%}

.lis{ padding: 0 10px; background: #fff; margin-top: 12px; color: #333}
.lis h2{ line-height: 1rem}
.lis p{ line-height: 1rem; margin-top: 5px; padding-left: 5px}

.tabtx{ background: #fff; padding:10px; border-bottom: 1px solid #e7e7e7}
.tabtx div{ border:1px solid #00a5e0; border-radius: 2px;}
.tabtx a{ float: left; width: 50%; text-align: center; height: 1.5rem; line-height: 1.5rem; color: #00a5e0}
.tabtx a:first-child{ -webkit-box-sizing:border-box; border-right: 1px solid #00a5e0}
.tabtx a.cur{ background: #00a5e0; color: #fff}
.fx{
  font-size: 13px;
  line-height: 1;
  padding: 0 10px;
  margin-top: 7px;
}
.fx .orange{ float: right; }
.detail div{ border-color: #fb2640}
.detail a{ color: #fb2640}
.detail a:first-child{ border-right: 1px solid #fb2640}
.detail a.cur{ background: #fb2640;}


.form{ margin-top: 12px}
.form>div{ height: 1.85rem; line-height: 1.85rem; background: #fff; -webkit-box-sizing:content-box;}
.form .h10{ height: 9px; background: #F2F2F2; border-bottom: 0}
.form .tips{ width: 4em; font-size: 14px; color: #333; padding-left: 10px}
.form input{ box-shadow: none; border:0 solid #000; height: 30px;font-size: 13px;  padding: 0;vertical-align:inherit ; color: #666; border-radius: 0;width: 98%; padding-left: 2% }

.talk{ padding: 20px 15%; font-size: 12px; color: #999; line-height: 1.5}
.talk.t{ text-align: center; line-height: 2; padding: 15px 20%; padding-top: 5px}
.txbtn{ border:none; background: #fb2640}
.tk{ text-align: center; color: #333; font-size: 16px}
.ss{ width: 30%; padding: 60px 35% 10px}
.talk.bd{ line-height: 1.5; padding: 15px 8%; color: #777}
.talk.bded{ color: #333; text-align: center; padding-top: 40px}

.fanli{ padding: 15px; background: #FC5A58; color: #fff; position: relative;}
.fanli h2{ font-size: 15px}
.fanli h1{ font-size: 30px; margin-top: 15px}
.fanli p{text-align: left; font-size: 10px; margin-top: 15px; font-size: 10px}
.fanli a{ position: absolute; width: 69px; display: block; height: 34px; right: 25px; top: 33px}
.fanli a img{ width: 100%}
.fanli a .m{ display: block;}
.fanli a .n{ display: none;}

.blue{ color: #038ddc}
.flo{ background: #fff}
.flo li{ padding: 10px; border-bottom: 1px solid #e7e7e7; padding-bottom: 0}
.flo h2{ font-size: 14px; color: #333}
.flo span{ float: right;}
.flo p{  font-size: 12px; line-height: 30px; color: #999}

.bdform{ margin-bottom: 0.5rem; margin-top: 0.5rem}
.bdform .tips{ width: 0}
.getcode{ background: #ffb93f; width: 35%; text-align: center; color: #fff}
.bdform h2{ line-height: 2; padding: 0 10px; color: #777; font-size: 12px}

.shopinfo{ background: #fff; padding: 0 10px}
.shopinfo>h2{ color: #fb2640; font-weight: 400; font-size: .8rem; height: 1.8rem; line-height: 1.8rem}
.shopinfo h2 del{ font-weight: 400; color: #999; font-size: 13px; margin-left: 5px}
.shopinfo h2 a{ float: right;}
.shopinfo h2 i{ color: #fb2640; font-size: .9rem;}
.shopinfo a i:last-child{ display: none}
.shopinfo a.cur i:last-child{ display: block}
.shopinfo a.cur i{ display: none}
.shopinfo h3{ font-size: .7rem; color: #252525; padding: 2px 0 10px 0}
.shopinfo p{ font-size: 12px; color: #999;line-height: 1.5; padding-bottom: 5px}
.shopinfo p span{ float: right; }

.type{ background: #fff; padding:10px; margin-top: 10px; border-top: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7; }
.type .smi{ width: 3em; display: inline-block; color: #999; font-size: 13px; line-height: 26px}
.type .num{ position: relative; top: -1px}
.type .changenum{ }
.type .e-flex-1 em{display:inline-block; border:1px solid #e7e7e7; padding: 4px 10px; color: #777; margin-right: 10px; border-radius: 5px; margin-bottom: 5px; font-size: 13px}
.type .e-flex-1 em.cur{ border-color: #fb2640; color: #fb2640}

.delist .one{ display: none;background: #fff; margin-bottom: .5rem}
.one img{ width: 100%; padding-bottom:1.56rem;}
.table{ width: 100%}
.table tr{ height: 1rem; line-height: 1rem; border-bottom: 1px solid #e7e7e7}
.table tr td{ color: #333; font-size: 13px}
.table tr td:first-child{ color: #8e8e8e; text-indent: 1em; font-size: 14px}

.bucsk{ padding-top:0.23rem }
.bucsk li{ height: 1.6rem; line-height: 1.6rem}
.bucsk li:first-child{ border:1px solid #e7e7e7; margin: 0 10px; text-align: center; background: #fafafa; -webkit-box-sizing:border-box;border-radius: 4px}
.bucsk li:first-child i{ font-size: 0.9rem; color: #333;vertical-align: middle;}
.bucsk li:last-child{ background: #fb2640; margin-right: 10px; color: #fff;text-align: center; font-size: .6rem; border-radius: 4px}
.bucsk li:last-child a{ color: #fff}

.nodelcol.fl{ float: left; margin-left: 0; margin-top: 0.1rem; margin-right: 10px}
.jiesuan ul{ border-bottom: 1px solid #e7e7e7}
.jiesuan .nodelcol img{ margin: 0}
.jiesuan li{ border-bottom: 0; margin-top: 0}
.jiesuan .p{ height: .7rem;background: #F2F2F2; padding: 0 10px; line-height: .7rem; color: #999; font-size: 13px; padding-top: .3rem}
.jiesuan .p .orange{ font-size: 14px}
.hten{ background: #edf5f5; height: 10px; border-bottom: 0}

.address{ background: #37414a; color: #fff; height: 125px; padding: 0 10px; overflow:hidden;}
.address h1{ line-height: 120px; }
.address h1 i{ float: right;}
.address a{ color: #fff}
.address h2{ height: 40px; line-height: 40px}
.address h2 span{ float: right;}
.address p{ line-height: 1.5; font-size:13px;}
.address p a{ float: right; font-size: 12px; text-decoration: underline;color: #a9bfc2}

.list ul.fapiao{ opacity: 0;}
.fapiao li:first-child{ border-top: 0}
.fapiao span{ width: 3em; color: #999; display: inline-block; margin-top: 0}
.fapiao input{ width: 80%; border:0;}
.fapiao em{ float: left; margin-left: 6px; padding: 0 15px 0 10px}
.fapiao em img{ width: 22px; height: 22px;  margin-right: 10px}
.fapiao em.cur img:last-child{display: block;}
.fapiao em.cur img:first-child{display: none;}
.fapiao em img:last-child{display: none;}
.fapiao em img:first-child{display: block;}

.bs{ width: 2em}
.bs span{ height: 40px; line-height: 40px; display: inline-block;}
.bs i{ color: #d0d0d0}
.forad{ font-size: 13px; background: #fff; color: #333; padding: 0; height: 150px; margin-bottom: 10px}
.forad .e-flex{ padding: 0 10px; height: 110px}
.botm{ background: #fff; height: 38px; line-height: 38px; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; text-align: right;}
.botm a{ display: inline-block;  height: 28px; line-height: 28px;  border:1px solid #fb2640; color: #fb2640; padding: 0 18px; margin-right: 10px; border-radius: 2px}
.op0{ opacity: 0;}

.addadd{ margin-bottom: 10px; padding: 0 10px; background: #fff; }
.addadd .tips{color: #000;text-align: justify;text-justify:distribute-all-lines; width:5em; position: relative;  text-align: left; padding-left: 0;font-size: 13px}
.addadd .tips:after{content: ''; display: block;width: 0; height: 50%; border-right: 1px solid #e7e7e7; position: absolute; right: 3px; top: 25%}
.addadd input{ color: #666}
.addadd>div:last-child{ border:0;}
.deadds{ border-color: #e7e7e7;color: #333; }
.deaddtext{ padding: 10px}
.deaddtext textarea{ width: 100%; border:1px solid white; border-radius:4px; -webkit-box-sizing:border-box; padding:5px; color: #999; }

.jfflo span{ font-size: 20px;position: relative; top: 8px}
.jffanli{ background: #f5e9d5; height: 60px; padding: 10px 15px 0; margin-top: 10px}
.jffanli h1{ color: #333; font-size: 14px;}
.jffanli .use{ float: right;color: #fb2640; font-size: 18px; font-weight: 600} 

.tis{ font-size: 12px; text-align: center; height: 1.25rem; line-height: 1.25rem; background: #fff; border-bottom: 1px solid #e7e7e7; color: #999}

/*null*/
.null{margin-top: 55%}
.null div{}
.null img{ width: 1.5rem;  padding: 0 0 0 30%;}
.null p{ color: #afbbbb; line-height: 3;margin-top: -45px; padding-left: 200px;}

.nos{ text-align: center; color: #333; padding-top: 20px}
.nos h1{ font-size: 20px; padding: 100px 0 30px}
.nos p{ font-size: 12px;}
.nos a{ font-size: 20px; color: #297feb; margin-top: 30px; display: block;}
.nos a span{ text-decoration: underline}

.opt{ background: #fff; text-align: center; position: fixed;z-index: 6; left: 0; width: 100%; bottom: -217px;-webkit-transition:all .3s cubic-bezier(0.42, 0, 0.58, 1); height: 217px; z-index: 99999}
.opt section{  position: absolute;z-index: 6; left: 0; width: 33.33%; bottom: 0;}
.opt.in{}
.mp div.in{-webkit-transform:translate3d(-150px,0,0);}
.opt h2{ color: #333;  height: 36px; line-height: 36px; background: #e5e7e7; padding: 0 1rem}
.opt a{ color: #000; height: 36px; line-height: 36px; display: block; }
.ui-scroller::-webkit-scrollbar{ }
.ui-scroller{-webkit-mask: -webkit-gradient(linear,0% 55%,0% 100%,from( rgba(255,255,255,1) ),to( rgba(255,255,255,0.1) ) );height: 180px;}
.ui-scroller-mask{-webkit-mask: -webkit-gradient(linear,0% 45%,0% 0%,from(rgba(255,255,255,1)),to(rgba(255,255,255,0.1))); height: 180px;}

.con{position: relative;overflow: hidden; height: 180px;}
.con div{ position: absolute; width: 100%; left: 0;}
.con:after,.con:before{ position: absolute; width:100%; display: block; height: 1px; border-top: 1px solid #e7e7e7; left: 0; top: 72px; content: ''}
.con:before{ top: 108px}
.con a{ cursor: pointer;}
.itype{ color: #A3A3A3; padding-left: 3px}
.itype i{ float: right;}

.opt span{ float: left;}
.opt .opts{ float: right;}


.go-group{
  background: #fff;
    margin: .2rem 0;
    color: #5c5c5e;

}
.go-group  .p-tip{
      border-bottom: 1px solid #ddd;
    line-height: 2rem;
    padding-left: .5rem;
}
.gr-info{       padding: .5rem .3rem;position: relative;}
.gr-info img{
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    float: none;
    position: absolute;
    top: .35rem;
}
.gr-info .gr-desc{
       overflow: hidden;
    line-height: 1.25rem;
    border: 1px solid #FF4500;
    border-radius: .6rem;
    width: 9rem;
    margin-left: 0rem;
}

.gr-desc .name{
      margin-left: 1.65rem;
}
.gr-info{float: left;}
.gr-info ul{
    float: right;
    
    margin-right: .25rem;
    text-align: center;
}
.gr-info ul li{
      height: .625rem;
    line-height: .625rem;
    font-size: .375rem;
}
.gr-info a{
       float: right;
    background: #FF4500;
    border-radius: 0 .6rem .6rem 0;
    width: 2rem;
    color: #fff;
    padding-left: .2rem
}
.clear{clear: both;}

.fun-way{
      background: #fff;
    margin-bottom: .4rem;
    margin-top: .4rem;
}
.fun-way .fun-tip{
  height: 2rem;
    line-height: 2rem;
    padding: 0 .5rem;
    border-bottom: 1px solid #ddd;
}
.fun-way .fun-tip a {    float: right;
    font-size: .375rem;
    color: #999;
  }

  .step-box{font-size: .375rem; color: #555;}
  .step-box  li{ padding: .4rem 0}
  .step-box .step{    position: relative;
    padding-left: 1.2rem;
    margin-top: .25rem;}
  .step-box .step span{
        position: absolute;
    left: .2rem;
    top: .1rem;
    border: 1px solid #555;
    border-radius: 50%;
    width: .8rem;
    height: .8rem;
    text-align: center;
    display: block;
    background: #fff;
   
    color: #555;
  }
  .step-box .step-on span{
     color: #fff;
     background: #fb2640;
     border: 1px solid #fb2640;
  }
   .step-box .step-on p{color: #fb2640;}


   .oper-group li{
      height: 1.6rem;
      line-height: 1.6rem;
      text-align: center;
   }
    .oper-group .oper-btn-1{
        border: 1px solid #fb2640;
    color: #fb2640;
    padding: .25rem .75rem;
    border-radius: 4px;
   }

   .oper-group .oper-btn-2{
    border: 1px solid #fb2640;
    color: #fff;
    padding: .25rem .75rem;
    border-radius: 4px;
    background: #fb2640;
   }