*{margin:0; padding:0; font-size:15px; color:#000000; outline:none; -webkit-text-size-adjust:100%; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; -webkit-tap-highlight-color:transparent; font-family:sans-serif;}
div{overflow:hidden;}
::-webkit-scrollbar{display:none;}
a{color:#000000; text-decoration:none; -webkit-tap-highlight-color:rgba(200,200,200,0.2);}
a:active{color:#000000;}
img{border:none;}
ul{list-style-type:none;}
body{background:#fff; -webkit-user-select:none; -moz-user-select:none;}
input{-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;}
textarea{resize:none; background:inherit;}

.hui-flex{display:flex;}
.hui-fl{float:left !important}
.hui-fr{float:right !important;}
.mbt10{margin-bottom:10px;}
.form-btborder{border-bottom:1px solid #e7e7e7;}
.fl168-wrap{width:100%;}
.hui-no-border{border:none !important;}
.hui-common-text{line-height:2.2em;}
.hui-common-padding{padding:10px;}
.fl168-show{display:block !important;}
.fl168-hide{display:none !important;}
.fl168-red{color:#eb4b15 !important;}
.hui-text{line-height:1.8em;}
.hui-primary-txt{color:#3388FF !important;}
.hui-danger-txt{color:#EF4F4F !important;}
.hui-text-center{text-align:center !important;}
.hui-click{}
.hui-click:active{background-color:#ECECEC;}
/* 通用标题 */
.hui-title{width:100%; height:44px; line-height:44px; font-size:17px; padding:0px 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.hui-more{float:right; font-size:12px; color:#999999;}
.hui-more a{font-size:13px; color:#999999;}
/* 居中的标题 */
.hui-center-title{width:100%; margin-bottom:10px;}
.hui-center-title h1{width:50%; margin:0 auto; text-align:center; border-bottom:1px solid #E3E3E3; height:50px; line-height:50px; font-size:17px; overflow:hidden; font-weight:400;}
/* 带有修饰的通用标题 */
.hui-common-title{width:100%; height:44px; display:flex; justify-content:center;}
.hui-common-title-txt{width:35%; text-align:center; line-height:44px; font-size:16px;}
.hui-common-title-line{width:15%; margin:0 3%; height:1px; background:#E3E3E3; margin-top:21px;}
/* 文本 */
.hui-content{line-height:2.2em; font-size:15px; position:relative;}
.hui-content *{line-height:2.2em; font-size:15px;}
.hui-content img{width:100%;}
.hui-content p{text-indent:2.2em;}
/* 头部导航 */
.fl168-header{display:flex; width:100%; height:44px; text-align:center; top:0px; left:0px; position:fixed; z-index:19; background:#fff;box-shadow:0 3px 8px 1px rgba(0,0,0,0.1)}
.fl168-header h1,.list-header h1{font-size:17px; height:44px; line-height:44px; overflow:hidden; width:100%; padding:0px 38px 0px 38px; text-align:center; font-weight:400; white-space:nowrap; text-overflow:ellipsis; color:#333;}
.fl168-header + .fl168-wrap{padding-top:44px;}
.list-header{display:flex; width:100%; height:44px; text-align:center; top:0px; left:0px; position:fixed; z-index:19; background:#eb4b15;}
.list-header h1{color:#fff;}
.list-header a{color:#fff;font-size:14px;}
.dingwei{line-height: 44px;text-align: center;flex-shrink:0;font-family:"fl168-font";margin-right:3px;}
.dingwei:before{content:"\e6c9";font-size:20px;color:#666;}
.changecity{position:absolute;left:8px;height:44px;line-height:44px;}
.changecity i.icon-dingwei{font-size: 18px;margin-right:3px;}
.changecity i.icon-arrow2-bottom{font-size: 14px;margin-left:3px;}
.list-header .changecity span{font-size:14px;}
.list-header .icon-arrow2-bottom,.list-header span,.list-header .dingwei:before{color:#fff;}
.home-header-menu{height:44px;display:flex;position: absolute;right:8px;line-height: 44px;font-size: 14px;}
.home-header-menu span{display:block;width:1px;height:14px;background:#333;margin:16px 6px;}
.list-header .home-header-menu span{background:#fff;}
#fl168-back{width:44px; height:44px; font-family:"fl168-font"; line-height:44px; text-align:center; flex-shrink:0;}
#fl168-back:before{content:"\e6a5"; font-size:18px; color:#333;}
#hui-header-menu{width:44px; height:44px; line-height:44px; font-family:"fl168-font"; flex-shrink:0;}
#hui-header-menu:before{content:"\e60e"; font-size:25px; color:#333;}
/* gride */
.fl168-gride{width:100vw;}
.fl168-gride ul{display:flex;flex-wrap: wrap;}
.fl168-gride li{width:20vw;text-align: center;margin-top:12px;}
.fl168-gride-icons{width: 11vw;height: 11vw;background: #e21921;border-radius: 100%;margin: 0 4.5vw;line-height: 11vw; background: linear-gradient(#ad5cfa,#4310cb);}
.fl168-gride-icons .icon{color:#fff;font-size:6vw;}
.fl168-gride-text{color:#383838;font-size:15px;line-height: 25px;margin-top:5px;}
.fl168-gride li:nth-child(2) .fl168-gride-icons{background: linear-gradient(#feb94d,#db1000);}
.fl168-gride li:nth-child(3) .fl168-gride-icons{background: linear-gradient(#5ef493,#209b48);}
.fl168-gride li:nth-child(4) .fl168-gride-icons{background: linear-gradient(#fdea57,#e09303);}
.fl168-gride li:nth-child(5) .fl168-gride-icons{background: linear-gradient(#4de2ff,#1355a6);}
.fl168-gride li:nth-child(6) .fl168-gride-icons{background: linear-gradient(#fd8355,#c90601);}
.fl168-gride li:nth-child(7) .fl168-gride-icons{background: linear-gradient(#4e7eff,#1503bc);}
.fl168-gride li:nth-child(8) .fl168-gride-icons{background: linear-gradient(#ffd74e,#e16500);}
.fl168-gride li:nth-child(9) .fl168-gride-icons{background: linear-gradient(#4ffafc,#10988a);}
.fl168-gride li:nth-child(10) .fl168-gride-icons{background: linear-gradient(#fd5392,#df0234);}
/* 列表 */
.fl168-home-list{padding:0px;background:#f3f3f3;margin-top:16px;}
.fl168-home-list > a{display:flex; width:100%; overflow:hidden;line-height: 40px;}
.fl168-home-list-icons{width:30px; flex-shrink:0;text-align:center;margin-left:10px;}
.fl168-home-list-icons .iconfont{font-size:18px; color:#4310cb;}
.fl168-home-list .fl168-home-list-icons .icon-shenghuo{color:#ff554d;}
.fl168-home-list-text{width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:flex; justify-content:space-between;font-size: 16px;}
.fl168-home-list-info{color:#999; float:right; padding-right:6px !important; font-size:12px; flex-shrink:0;}
.fl168-home-list-info .fl168-icon{font-size:14px;color:#888}
.fl168-home-list .catebox{background:#fff;padding:5px 20px;display:flex;flex-wrap: wrap;}
.fl168-home-list .catebox a{width:33%;display:flex;flex-direction: column;text-align: center;margin:10px 0;color:#333;}
.fl168-home-list .catebox a i{font-size:40px;color:#0dd2bd;margin-bottom:5px;overflow: hidden;}
.fl168-home-list .catebox a:nth-child(2) i{color:#D81E06}
.fl168-home-list .catebox a:nth-child(3) i{color:#F4EA2A}
.fl168-home-list .catebox a i.icon-jiazhengfuwu,.fl168-home-list .catebox a i.icon-fangwuzulin{color:#D4237A}
.fl168-home-list .catebox a i.icon-weixiu,.fl168-home-list .catebox a i.icon-xiezilou{color:#5926ec}
.fl168-home-list .catebox a i.icon-zhuangxiu,.fl168-home-list .catebox a i.icon-changfang{color:#25b8af}
.fl168-home-list .catebox a i.icon-diannao,.fl168-home-list .catebox a i.icon-3,.fl168-home-list .catebox a i.icon-motuoche{color:#db1000}
.fl168-home-list .catebox a i.icon-wudao,.fl168-home-list .catebox a i.icon-mao,.fl168-home-list .catebox a i.icon-huoche{color:#209b48}
.fl168-home-list .catebox a i.icon-jinengpeixun,.fl168-home-list .catebox a i.icon-xiaoniao,.fl168-home-list .catebox a i.icon-xiaocar{color:#e09303}
.fl168-home-list .catebox a i.icon-shouji1,.fl168-home-list .catebox a i.icon-gongren,.fl168-home-list .catebox a i.icon-huagong{color:#1355a6}
.fl168-home-list .catebox a i.icon-xingzhuang,.fl168-home-list .catebox a i.icon-siji,.fl168-home-list .catebox a i.icon-dianzuan{color:#c90601}
.fl168-home-list .catebox a i.icon-tushuyinxiang,.fl168-home-list .catebox a i.icon-xiaoshou,.fl168-home-list .catebox a i.icon-shipin1{color:#1503bc}
.mt65{margin-top:65px;}

.modulebg{position:relative;background:linear-gradient(to top, #fd8556, #fe2f2f);width:100%;height:130px;}
.recommend-box{position:absolute;width:94vw;height:130px;margin:-80px 3vw 0 3vw;background:#fff;display:flex;justify-content: space-between;padding:6vw 4vw;border-radius:10px;box-sizing: border-box;box-shadow:0 2px 10px 0 rgba(0,0,0,0.2);}
.recommend-box a{display:flex;flex-direction: column;text-align: center;}
.recommend-box a p{width:10vw;height:10vw;background:#f50;border-radius:100%;line-height:10vw;margin:2px 2vw;}
.recommend-box a i{font-size:25px;color:#fff;}
.recommend-box a span{margin-top:10px;color:#333;font-size:15px;}
.recommend-box a:nth-child(1) p{background: linear-gradient(#feb94d,#db1000);}
.recommend-box a:nth-child(2) p{background: linear-gradient(#5ef493,#209b48);}
.recommend-box a:nth-child(3) p{background: linear-gradient(#fdea57,#e09303);}
.recommend-box a:nth-child(4) p{background: linear-gradient(#4de2ff,#1355a6);}
.recommend-box a:nth-child(5) p{background: linear-gradient(#fd8355,#c90601);}
.recommend-box a:nth-child(6) p{background: linear-gradient(#4e7eff,#1503bc);}
.recommend-box a:nth-child(7) p{background: linear-gradient(#ffd74e,#e16500);}
.recommend-box a:nth-child(8) p{background: linear-gradient(#4ffafc,#10988a);}

/*发布页*/
.path{width:100vw;height:38px;line-height:38px;display:flex;justify-content: flex-start;padding:0 10px;box-sizing: border-box;background:#f1f1f1;border:1px solid #e8e8e8;border-left:0;border-right:0;}
.path i{color:#999;margin:0 2px;}
.path a,.path span{color:#999;font-size:15px;}

.post-content{overflow: hidden;}
.post-content .postlist{margin-bottom:8px;background:#fff;border-bottom:1px solid #e7e7e7;}
.post-module-item{display:flex;padding:10px 0;border-bottom:1px solid #e6e6e6;}
.post-module-item i{font-size:30px;margin:8px 15px;color:#0991c2;}
.post-module-item i.icon-xiaobiao,.post-module-item i.icon-shangbiao{font-size:14px;color:#999;margin-top:16px;}
.post-module-item .module-sub{display:flex;flex-direction: column;width:70vw;}
.post-module-item .module-sub span:nth-child(1){font-size:16px;color:#333;}
.post-module-item .module-sub span:nth-child(2){font-size:14px;color:#666;margin-top:5px;}

.module-child{display:none;}
.module-child dl dt{clear:both;background:#F7F7F6;height: 30px;line-height: 30px;text-align: center;color:#808080;border-bottom:1px solid #e6e6e6;}
/*.module-child dl:first-child dt{border-top:1px solid #e6e6e6;}*/
.module-child dl dt::before, .module-child dl dt:after {content: "";display: inline-block;height: 0;width: 35px;border-bottom: 1px solid #ccc;margin: 0 10px 4px 10px;}
.module-child dl dd a {display: inline-block;width: 33.3%;height: 40px;line-height: 40px;overflow: hidden;text-align: center;float: left;color: #333;margin-left: -1px;border-right: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;}

.hui-list{padding:0px; border:1px solid #E4E3E6; border-left:0; border-right:0; background:#FFFFFF;}
.hui-list li{position:relative; display:flex; width:100%; overflow:hidden;}
.hui-list li > a, .hui-list > a{display:flex; width:100%; height:50px; overflow:hidden;}
.hui-list li:active, .hui-list > a:active{background-color:#ECECEC;}
.hui-list-text{line-height:49px; height:49px; width:100%; margin-left:12px; border-bottom:1px solid #E4E3E6; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:flex; justify-content:space-between;}
.hui-list-text-content{width:100%; white-space:nowrap; text-overflow:ellipsis;}
.hui-list-icons{margin:14px 0px; width:40px; text-align:center; flex-shrink:0; font-size:25px; text-align:center; line-height:22px; color:#3388FF;}
.hui-list-icons img{width:22px; margin-left:12px;}
.hui-list-info{color:#999; float:right; padding-right:6px !important; font-size:13px; flex-shrink:0;}
.hui-list-info *{color:#999; font-size:13px;}
.hui-list li:last-child .hui-list-text, .hui-list > a:last-child .hui-list-text{border:0;}
/* 选择区域*/
.area-choose-box{display:none;width:100%;}
.area-choose-box .areabox{position: fixed;z-index: 21;background: #fff;width: 100%;left: 0;bottom: 0;height: 321px;}
.area-choose-box .areabox .title{width: 100%;height: 40px;line-height: 40px;background: #f1f1f1;border-bottom: 1px solid #e7e7e7;font-size: 14px;overflow:hidden;}
.area-choose-box .areabox .title .closearea{display: block;width: 10%;text-align: center;float: left;color: #666;font-size:18px;}
.area-choose-box .areabox .title .textcon{display: block;width: 80%;margin-left:10%;float: left;text-align: center;font-size: 16px;color: #333;}
.area-choose-box .areabox .areacon{width:100%;height:280px;overflow:hidden;}
.area-choose-box .areabox .areacon .arealist{width:33.33%;background:#f1f1f1;float:left;height:100%;overflow-x: hidden;overflow-y: auto;}
.area-choose-box .areabox .areacon  ul .active{background:#fff;color:#f50;}
.area-choose-box .areabox .areacon .arealist ul{border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;}
.area-choose-box .areabox .areacon  ul li{height:40px;line-height:40px;border-top:1px solid #e7e7e7;font-size:14px;color:#333;white-space:nowrap;overflow:hidden;padding-left:15px;box-sizing: border-box;}
.area-choose-box .areabox .areacon  ul li:first-child{border-top:0;}
.area-choose-box .areabox .areacon  ul li:last-child{border-bottom:1px solid #e7e7e7;}
.area-choose-box .areabox .areacon .quanzilist{width:66.6%;background:#fff;float:left;height:100%;overflow-x: hidden;overflow-y: auto;}

/* media list */
.hui-media-list{}
.hui-media-list li{display:flex; padding:8px; margin-bottom:10px; background:#FFFFFF; overflow:hidden; justify-content:space-between;}
.hui-media-list li a{padding:0px; display:flex; width:100%; overflow:hidden; justify-content:space-between;}
.hui-media-list .hui-media-list-img{width:25%; font-size:0px;}
.hui-media-list img{width:100%;}
.hui-media-content{width:72%;}
.hui-media-content h1{font-size:15px; line-height:1.5em; padding:0px 6px 3px 0px; font-weight:400;}
.hui-media-content p{font-size:13px; line-height:1.5em; padding:0px 8px 0px 0px; color:#999999; word-break:break-word;}
/* image list */
.hui-img-list{position:relative;}
.hui-img-list li{position:relative; margin-bottom:12px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; overflow:hidden; padding:0px 3px;}
.hui-img-list li a{display:block; padding:0px;}
.hui-img-list img{display:block; width:100%; background:#FFFFFF; font-size:0px;}
.hui-img-list-content{padding:8px 8px 10px 8px; background:#FFFFFF;}
.hui-img-list h1{font-size:16px; line-height:1.8em; font-weight:400;}
.hui-img-list p{font-size:13px; line-height:1.6em; color:#999999; word-break:break-word;}
/* 按钮 */
.hui-button{-webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:3px; border:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; display:block; font-size:15px; height:42px; line-height:42px; outline:0; overflow: hidden; position:relative; text-align:center; color:#656B79; background-color:#F6F8F9; box-shadow:0 0 1px #B8BBBF; padding:0px 16px;}
.hui-button *{color:inherit;}
.hui-button:active{background:#C8C8C8;}
.hui-button-large{width:100%;}
.hui-primary{background:#3388FF !important; color:#FFFFFF !important;}
.hui-primary:active{background:#0066CC !important;}
.hui-danger{background:#EF4F4F !important; color:#FFFFFF !important;}
.hui-danger:active{background:#FF0000 !important;}
.hui-button-small{height:30px; line-height:30px; padding:0px 15px; text-align:center; font-size:14px; border-radius:3px;}
/* laoding button */
@keyframes hui-a-rotate360{0%{transform:rotate(0deg);} 50%{transform:rotate(180deg);} 100%{transform:rotate(360deg);}}
@-webkit-keyframes hui-a-rotate360{0%{-webkit-transform:rotate(0deg);} 50%{-webkit-transform:rotate(180deg);} 100%{-webkit-transform:rotate(360deg);}}
@-moz-keyframes hui-a-rotate360{0%{-moz-transform:rotate(0deg);} 50%{-moz-transform:rotate(180deg);} 100%{-moz-transform:rotate(360deg);}}
@-o-keyframes hui-a-rotate360{0%{-o-transform:rotate(0deg);} 50%{-o-transform:rotate(180deg);} 100%{-o-transform:rotate(360deg);}}
.hui-loading-wrap{position:absolute; z-index:1; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
.hui-loading{width:22px; height:22px; line-height:20px; font-size:18px; text-align:center; font-family:"hui-font" !important; animation:hui-a-rotate360 1s infinite linear; -webkit-animation:hui-a-rotate360 1s infinite linear; -moz-animation:hui-a-rotate360 1s infinite linear; -o-animation:hui-a-rotate360 1s infinite linear; float:left;}
.hui-loading:before{content:"\e647";}
.hui-loading-text{float:left; line-height:inherit; padding-left:3px;}
/* 折叠面板 */
.hui-accordion{}
.hui-accordion-title{width:100%; height:58px; line-height:58px; font-size:16px; background:#FFFFFF; padding:0px 10px; box-sizing:border-box; font-weight:400;}
.hui-accordion-title:after{content:"\e609"; float:right; font-family:"hui-font";}
.hui-accordion-title-up:after{content:"\e655"; font-family:"hui-font";}
.hui-accordion-content{width:100%; display:none;}
/* badge */
.hui-badge{padding:3px 6px; line-height:1; display:inline-block; font-size:inherit; border-radius:100px; margin:0px 3px; background:#999999; color:#FFFFFF;}
/* toast */
#hui-toast{width:100%; position:fixed; z-index:21; left:0; bottom:50px; text-align:center;}
#hui-toast-msg{margin:0 auto; line-height:22px; background:rgba(0,0,0,0.7); padding:10px; color:#FFFFFF; font-size:14px; text-align:center; max-width:200px; border-radius:6px; display:inline-block;}
/* icon toast */
#hui-icon-toast{width:158px; position:fixed; z-index:99999; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -moz-transform:translate(50%, 50%); -o-transform:translate(50%, 50%); background:rgba(0,0,0,0.9); border-radius:5px;}
#hui-icon-toast *{color:#FFFFFF;}
#hui-icon-toast .hui-icons{text-align:center; font-size:50px; height:40px; font-weight:700; line-height:40px; padding:28px 0px 18px 0px;}
#hui-icon-toast .hui-text-center{line-height:1.5em; padding-bottom:15px; font-size:16px; margin-top:8px;}
/* 遮罩层 */
#hui-mask{position:fixed; z-index:20; background:rgba(0,0,0, 0.5); width:100%; left:0px; top:0px; height:100%;}
/* up toast */
@keyframes hui-a-up-toast{0%{top:-35px;} 100%{top:0}}
@-moz-keyframes hui-a-up-toast{0%{top:-35px;}100%{top:0}}
@-webkit-keyframes hui-a-up-toast{0%{top:-35px;}100%{top:0}}
@-o-keyframes hui-a-up-toast{0%{top:-35px;} 100%{top:0}}
#hui-up-toast{width:100%; height:50px; line-height:50px; background:rgba(0,0,0,0.9); position:fixed; z-index:21; left:0px; top:0px; animation:hui-a-up-toast 200ms linear; -moz-animation:hui-a-up-toast 200ms linear; -webkit-animation:hui-a-up-toast 200ms linear; -o-animation:hui-a-up-toast 200ms linear; color:#FFFFFF; text-align:center;}
#hui-up-toast *{color:#FFFFFF; text-align:center;}
/* 动画 */
@keyframes hui-a-fade-in{0%{opacity:0;} 100%{opacity:1}}
@-moz-keyframes hui-a-fade-in{0%{opacity:0;} 100%{opacity:1}}
@-webkit-keyframes hui-a-fade-in{0%{opacity:0;} 100%{opacity:1}}
@-o-keyframes hui-a-fade-in{0%{opacity:0;} 100%{opacity:1}}
.hui-fade-in{animation:hui-a-fade-in 300ms linear forwards; -moz-animation:hui-a-fade-in 300ms linear forwards; -webkit-animation:hui-a-fade-in 300ms linear forwards; -o-animation:hui-a-fade-in 300ms linear forwards;}
@keyframes hui-a-fade-out{0%{opacity:1;} 100%{opacity:0}}
@-moz-keyframes hui-a-fade-out{0%{opacity:1;} 100%{opacity:0}}
@-webkit-keyframes hui-a-fade-out{0%{opacity:1;} 100%{opacity:0}}
@-o-keyframes hui-a-fade-out{0%{opacity:1;} 100%{opacity:0}}
.hui-fade-out{animation:hui-a-fade-out 300ms linear forwards; -moz-animation:hui-a-fade-out 300ms linear forwards; -webkit-animation:hui-a-fade-out 300ms linear forwards; -o-animation:hui-a-fade-out 300ms linear forwards;}
/* 对话框 */
#hui-dialog{width:100%; position:fixed; z-index:21; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
#hui-dialog-in{width:300px; margin:0 auto; background:#595d61; border-radius:2px;border:1px solid #2a2c30;box-shadow:0 0 3px #c9cbcc;}
#hui-dialog-msg{padding:16px 10px; font-size:14px; text-align:center; line-height:20px; background:#42474c;color:#fff;}
#hui-dialog-btn-line{height:40px; line-height:40px; color:#fff; border-top:1px solid #595d61; text-align:center; font-size:14px;background:#42474c;}
#hui-dialog-btn-line > div{width:149px; float:left; height:40px; line-height:40px; text-align:center; font-size:14px;color:#26a1ff;}
#hui-dialog-btn-line > div:active{opacity:0.9;}
#hui-dialog-btn-line > div:first-child{color:#fff !important; border-right:1px solid #595d61;}
#hui-dialog-input-in{width:85%; padding:0px 2%; margin:0 auto; border:1px solid #D1D1D1; height:35px;}
#hui-dialog-input{width:100%; border:none; height:35px; line-height:35px;}
/* loading */
@keyframes hui-a-rotate360{0%{transform:rotate(0deg);} 50%{transform:rotate(180deg);} 100%{transform:rotate(360deg);}}
@-webkit-keyframes hui-a-rotate360{0%{-webkit-transform:rotate(0deg);} 50%{-webkit-transform:rotate(180deg);} 100%{-webkit-transform:rotate(360deg);}}
@-moz-keyframes hui-a-rotate360{0%{-moz-transform:rotate(0deg);} 50%{-moz-transform:rotate(180deg);} 100%{-moz-transform:rotate(360deg);}}
@-o-keyframes hui-a-rotate360{0%{-o-transform:rotate(0deg);} 50%{-o-transform:rotate(180deg);} 100%{-o-transform:rotate(360deg);}}
.hui-loading-wrap{position:absolute; z-index:1; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
.hui-loading{width:22px; height:22px; line-height:20px; font-size:18px; text-align:center; font-family:"hui-font" !important; animation:hui-a-rotate360 1s infinite linear; -webkit-animation:hui-a-rotate360 1s infinite linear; -moz-animation:hui-a-rotate360 1s infinite linear; -o-animation:hui-a-rotate360 1s infinite linear; float:left;}
.hui-loading:before{content:"\e647";}
.hui-loading-text{float:left; line-height:inherit; padding-left:3px;}
/* 表单及表单元素 */
.hui-form{}
.hui-form-items{padding:15px 10px; border-bottom:1px solid #F3F4F5; position:relative; display:-webkit-flex; display:flex;background: #fff;}
.hui-form-items-title{width:22%; line-height:22px; height:22px; flex-shrink:0;}
.hui-form-items .hui-input{width:100% !important;}
.hui-form-items .hui-text_select{width:100% !important;color:#777;}
.hui-form-items .selected{color:#333;}
.hui-form-items .hui-text_select:before{font-family:"fl168-font"; content:'\e6d5'; color:#9E9E9E;position: absolute;right: 20px;margin-top: 3px;}
.hui-form-items .hui-form-radios{width:75% !important; padding:0px !important;}
.hui-form-items .hui-form-textarea{width:75% !important;}
.hui-form-items .hui-form-uploader{width:75% !!important;}
.hui-form-items .hui-form-uploader .uploader__input-box{float: left;position: relative;margin-right: 8px;margin-bottom: 8px;width: 85px;height: 85px;box-sizing: border-box;background-color: #ededed;}
.uploader__input-box::before, .uploader__input-box::after {content: " ";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background-color: #a3a3a3;}
.uploader__input-box::after {width: 33.33%;height: 2px;}
.uploader__input-box::before {width: 2px;height: 33.33%;}
.uploader__input {position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;}
.uploader__file {float: left;margin-right: 8px;margin-bottom: 8px;width: 85px;height: 85px;background: no-repeat center center;background-size: cover;position:relative;}
.uploader__file i{display:block;color:#fff;background:#000;width:18px;height:18px;position: absolute;top:0;right:0;line-height:18px;text-align:center;font-size:0.4rem;}
.uploader-tip{width:100%;color:#888;font-size:14px;line-height:22px;}
.hui-form-items:last-child{border:none;}
.hui-input{height:22px; line-height:22px; border:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0; border:0; background:#FFF; width:100%; display:block; padding:0px;}
#hui-input-clear{width:52px; height:52px; position:absolute; z-index:1; line-height:52px; text-align:center; right:0px; top:0px; color:#999999; background:#FFF;}
#hui-input-clear:before{font-family:"fl168-font" !important; content:"\e6dd"; font-size:18px;}
.hui-pwd-eyes{width:52px; height:52px; background:#FFFFFF; position:absolute; z-index:1; text-align:center; line-height:52px; right:0px; top:0px; color:#999999;}
.hui-pwd-eyes:before{font-family:"hui-font"; content:"\e63d"; font-size:12px;}
.hui-pwd-eyes-sed{color:#3388FF !important;}
.hui-form-radios {line-height:22px;}
.postbtnbox{background:#fff;margin-top:10px;padding:15px 20px;text-align:center;}
/* checkBox */
.hui-form-radios input[type="checkbox"]{display:none;}
.hui-form-radios input[type="checkbox"] + label{line-height:25px; padding-right:5px; margin-right:5px;font-size: 14px;white-space:nowrap;}
.hui-form-radios input[type="checkbox"] + label:before{font-family:"iconfont" !important; content:"\e65d"; font-size:16px; padding-right:5px; color:#999999; line-height:22px;}
.hui-form-radios input[type="checkbox"]:checked + label:before{content:"\e65d"; color:#3388FF;}
.hui-form-radios .checkall{margin-top:5px;font-size:12px;height:25px;line-height: 25px;padding:0 10px;}
/* checkBox */
.hui-form-radios input[type="radio"]{display:none;}
.hui-form-radios input[type="radio"] + label{line-height:22px; padding-right:5px; margin-right:5px;white-space:nowrap;}
.hui-form-radios input[type="radio"] + label:before{font-family:"fl168-font" !important; content:"\e677"; font-size:20px; padding-right:5px; color:#999999;}
.hui-form-radios input[type="radio"]:checked + label:before{content:"\e601"; color:#3388FF;}
/* select */
.hui-form-select{}
.hui-form-select select{border:none; padding:3px 22px 3px 6px; background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAXCAYAAACMLIalAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAFHSURBVEiJ7dY/SgNREMfx7wQrlSBLCo+RNMFY5Qapts4FFK0ClrmGNoEEcoGcQT2A5AQKVmqRRlTGwp8SdNk/8a27hQMPdmffzPvs48GuuTt1i0bVgKT4R+WNhpmNzSz+bSMzi81sHAJlwD3wBBy6+8OGoAi4BPbcfT8ErAc8AgvA3J0iQy+2UI9e0frEnmo8ABwYbYAaqXYQAvSFUvML4A3oFwD1VXMeCvQdtQNcAbdAlAMUAXeq2S4FpYXaOhvzHKi55rZDgn6gtNhQZ+QkBXSqOcPQoESUFp0AL0A34VkXeAUmZYDSUE1gCdwArbV8S7kl0PxTlAAd7dZ0LTdVrlMWKBUlxJHOTqzhwHGZoEyUYDPgWWNWNsjdPz4raWFmu8C1bg/cfZVaECC2sia4+8rMzj6vywYB2TtVRdTzJ69qQFLUEvUOCvU4pv7sx1oAAAAASUVORK5CYII=") no-repeat right center #f5f5f5;font-size:14px; background-size:auto 30%; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:1px;}
.hui-form-select select:before{font-family:"hui-font"; content:"\e63d"; font-size:12px;}
/* textarea */
.hui-form-textarea{padding-top:0px;}
.hui-form-textarea textarea{width:100%; height:80px; background:#FAFAFA; border:none; padding:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
/* switch 开关 */
.hui-switch{width:50px; height:32px; border-radius:32px; -webkit-border-radius:32px; background:#DDDDDD; border:2px solid #DDDDDD; position:relative; text-align:right; line-height:32px; padding-right:16px; font-size:16px; padding-left:16px;}
.hui-switch span{color:#9E9E9E;}
.hui-switch-in{width:30px; height:30px; position:absolute; z-index:2; left:0px; top:0px; border-radius:50%; background:#FFFFFF; -moz-box-shadow:1px 1px 1px #999999; box-shadow:2px 2px 2px #999999; -webkit-box-shadow:1px 1px 1px #999999; margin:0px;}
.hui-switch-on{background:#4CD964 !important; color:#FFFFFF !important; text-align:left !important; border:2px solid #4CD964 !important;}
.hui-switch-on .hui-switch-in{right:0px; left:auto;}
.hui-switch-on span{color:#FFFFFF;}
/* loading */
#hui-transparent-mask{position:fixed; z-index:20; width:100%; left:0px; top:0px; height:100%; background:rgba(255,255,255,0.3);}
#hui-loading{width:100%; position:fixed; z-index:21; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
#hui-loading-in{margin:0 auto; width:42px;}
@-webkit-keyframes hui-line-scale{0%{-webkit-transform:scaley(1); transform:scaley(1);} 50%{-webkit-transform:scaley(0.4); transform:scaley(0.4);} 100%{-webkit-transform:scaley(1); transform:scaley(1);}}
@keyframes hui-line-scale{0%{-webkit-transform:scaley(1); transform:scaley(1);} 50%{-webkit-transform:scaley(0.4); transform:scaley(0.4);} 100%{-webkit-transform:scaley(1); transform:scaley(1);}}
#hui-loading-in > div:nth-child(1){-webkit-animation:hui-line-scale 1s 0.1s infinite cubic-bezier(.2, .68, .18, 1.08); animation:hui-line-scale 1s 0.1s infinite cubic-bezier(.2, .68, .18, 1.08);}
#hui-loading-in > div:nth-child(2){-webkit-animation:hui-line-scale 1s 0.2s infinite cubic-bezier(.2, .68, .18, 1.08); animation:hui-line-scale 1s 0.2s infinite cubic-bezier(.2, .68, .18, 1.08);}
#hui-loading-in > div:nth-child(3){-webkit-animation:hui-line-scale 1s 0.3s infinite cubic-bezier(.2, .68, .18, 1.08); animation:hui-line-scale 1s 0.3s infinite cubic-bezier(.2, .68, .18, 1.08);}
#hui-loading-in > div:nth-child(4){-webkit-animation:hui-line-scale 1s 0.4s infinite cubic-bezier(.2, .68, .18, 1.08); animation:hui-line-scale 1s 0.4s infinite cubic-bezier(.2, .68, .18, 1.08);}
#hui-loading-in > div:nth-child(5){-webkit-animation:hui-line-scale 1s 0.5s infinite cubic-bezier(.2, .68, .18, 1.08); animation:hui-line-scale 1s 0.5s infinite cubic-bezier(.2, .68, .18, 1.08);}
#hui-loading-in > div{background-color:#3388FF; width:4px; height:25px; border-radius:2px; margin:2px; -webkit-animation-fill-mode:both; animation-fill-mode:both; display:inline-block;}
#hui-loading-text{line-height:30px; text-align:center; padding-top:5px; font-size:12px; color:#3388FF;}
/* action sheet */
@keyframes hui-a-down{0%{bottom:-100px;} 100%{bottom:0}}
@-moz-keyframes hui-a-down{0%{bottom:-35px;} 100%{bottom:0}}
@-webkit-keyframes hui-a-down{0%{bottom:-35px;} 100%{bottom:0}}
@-o-keyframes hui-a-down{0%{bottom:-35px;} 100%{bottom:0}}
#hui-action-sheet{width:90%; position:fixed; z-index:21; left:5%; bottom:10px; background:#FFFFFF; animation:hui-a-down 200ms linear; -webkit-animation:hui-a-down 100ms linear; -moz-animation:hui-a-down 100ms linear; -o-animation:hui-a-down 100ms linear; border-radius:6px;}
#hui-action-sheet li{width:100%; overflow:hidden; text-align:center; height:52px; line-height:52px; border-bottom:1px solid #EBEBEB; font-size:16px;}
#hui-action-sheet-cancel{border-top:3px solid #EBEBEB; color:#999999 !important;}
/* swipe */
.banner{width:94vw;margin:10px 3vw;border-radius: 6px}
.fl168-swipe{width:100%; position:relative;}
.fl168-swipe-items{width:500%; position:relative; left:0; top:0;}
.fl168-swipe-pre{width:20%;}
.fl168-swipe-pre img{width:100%;}
.fl168-swipe-item{width:20%; font-size:0px; float:left;}
.fl168-swipe-item img{width:100%;}
.fl168-swipe-indicator{width:96%; position:absolute; z-index:3; left:2%; bottom:8px; display:none;}
.fl168-swipe-indicators{width:15px; border-radius:3px; height:3px; background:#FFFFFF; float:left; margin:0px 3px;}
.fl168-swipe-indicator-active{background:#3388FF !important;}
/* number box */
.hui-number-box{border:1px solid #D1D1D1; height:36px; float:left; border-radius:2px; -webkit-border-radius:2px;}
.hui-number-box input{float:left; height:36px; line-height:36px; padding:0px 5px; text-align:center; background:#FFFFFF; width:50px; border:0px; font-size:16px; border-radius:0;}
.hui-number-box .reduce{float:left; height:36px; line-height:36px; width:36px; text-align:center; background: #F9F9F9; font-size:28px;}
.hui-number-box .add{float:left; height:36px; line-height:36px; width:36px; text-align:center; background: #F9F9F9; font-size:22px;}
.hui-number-box div:active{background:#B8BBBF;}
/* progress bar */
.hui-progress{height:3px; background:#EBEBEB; border-radius:3px; -webkit-border-radius:3px; width:100%; position:relative;}
.hui-progress span{display:block; height:3px; line-height:3px; text-align:right; border-radius:3px; -webkit-border-radius:3px; background:#3388FF; color:#FFFFFF; position:absolute; z-index:2; left:0px; top:0px;}
@keyframes hui-a-progressing{0%{width:1%;} 100%{width:100%}} @-moz-keyframes hui-a-progressing{0%{width:1%;} 100%{width:100%}}
@-webkit-keyframes hui-a-progressing{0%{width:1%;} 100%{width:100%}} @-o-keyframes hui-a-progressing{0%{width:1%;} 100%{width:100%}}
.hui-progressing{height:3px; text-align:right; border-radius:3px; -webkit-border-radius:3px; background:#C8C8C8; color:#FFFFFF; position:absolute; z-index:1; width:80%; left:0px; top:0px; animation:hui-a-progressing 1s infinite linear; -webkit-animation:hui-a-progressing 1s infinite linear; -moz-animation:hui-a-progressing 1s infinite linear; -o-animation:hui-a-progressing 1s infinite linear;}
/* range */
.hui-range input[type='range']{width:100%; height:20px; padding:0; cursor:pointer; border:0; background-color:#E1E1E1; -webkit-appearance:none; appearance:none; border-radius:2px;}
.hui-range input[type='range']::-webkit-slider-thumb{width:35px; height:20px; border:none; background-color:#3388FF; background-clip:padding-box; -webkit-appearance:none; appearance:none; border-radius:2px;}
.hui-range-ruling{height:8px; border-right:1px solid #666; margin-top:6px;}
.hui-range-ruling > div{height:8px; width:10%; float:left;}
.hui-range-ruling > div > div{border-left:1px solid #666666; text-indent:3px; line-height:8px; font-size:8px; float:left; height:8px;}
.hui-range-ruling-txt{width:100%; height:12px; margin-top:6px;}
.hui-range-ruling-txt div{font-size:8px; line-height:1em;}
.hui-range-ruling-txt div:first-child{width:50%; float:left;}
.hui-range-ruling-txt div:last-child{width:50%; float:left; text-align:right;}
/* 选项卡 */
.hui-tab{width:100%;  background:#FFFFFF;}
.hui-tab-title{padding:0px 10px;}
.hui-tab-title div{height:46px; line-height:46px; float:left; font-weight:700; text-align:center; width:20%; border-bottom:2px solid #F7F8F9;}
.hui-tab-body{width:100%;}
.hui-tab-body-items{width:500%; position:relative; left:0px; top:0px;}
.hui-tab-item{width:20%; float:left;}
.hui-tab-active{border-bottom:2px solid #3388FF !important; color:#3388FF;}
/* refresh */
.hui-refresh{}
.hui-refresh-icon{height:60px; line-height:60px; text-align:center; margin-top:-60px; position:relative; color:#9E9E9E;}
.hui-refresh-icon *{color:#9E9E9E;}
.hui-refresh-content{}
#hui-load-more{height:40px; line-height:40px; text-align:center; color:#9E9E9E; position:relative; padding-bottom:12px; margin-top:5px;}
#hui-load-more *{color:#9E9E9E;}
/* picker */
.hui-picker{position:fixed; z-index:21; background:#DDDDDD; height:238px; left:0px; bottom:0px; width:100%; display:none;}
.hui-picker-menu{height:29px; border-bottom:1px solid #CCCCCC; padding:8px; background:#EEEEEE;}
.hui-picker-list-in{width:100%;}
.hui-picker-list{width:100%; float:left; height:192px; overflow-y:scroll;}
.hui-picker-list div{height:30px; font-size:14px; line-height:30px; text-align:center; color:#9E9E9E;}
.hui-picker-line{position:absolute; z-index:-1; left:0px; top:142px; width:100%; height:30px; border-top:1px solid #9E9E9E; border-bottom:1px solid #9E9E9E;}
/* date picker */
.hui-date-picker{}
input[type="month"]:before,input[type="date"]:before,input[type="time"]:before{content:attr(placeholder);}
input[type="month"].hui-picker-valued:before,input[type="date"].hui-picker-valued:before,input[type="time"].hui-picker-valued:before{color:black; content:"" !important;}
/* hui-footer */
footer{width:100%;padding:20px 30px;box-sizing:border-box;background:#333;}
.footer-info{width:100%;}
.footer-info dl{display:flex;justify-content:space-between;padding:8px 5px;}
.footer-info a{font-size:12px;color:#999;}
#back_top{display:none;width:40px;height:40px;border-radius:40px;position:fixed;bottom:100px;right:3vw;z-index:1000;background:url('../images/back_top_icon.png') no-repeat;background-size:100% 100%;}
#hui-footer{width:100%; height:44px; background:#FCFCFC; padding:5px 0px; bottom:0px; left:0px; position:fixed; overflow:hidden; z-index:10; box-shadow:1px -1px 3px #D1D1D1; display:flex;}
#hui-footer a{display:block; width:20%;}
.hui-footer-icons{font-family:"hui-font"; text-align:center; font-size:20px; height:26px; line-height:26px;}
.hui-footer-text{text-align:center; font-size:13px; height:18px; line-height:18px; padding-top:2px;}
.hui-footer-active *{color:#3388FF;}
.hui-fooer-line{height:60px;}
#footer-logo{position:fixed; z-index:11; left:50%; bottom:5px; height:60px; width:60px; border-radius:60px; background:#3388FF; text-align:center; transform: translateX(-50%); line-height:60px; color:#FFF; font-size:20px; border:3px solid #FFF;}
#footer-logo img{width:100%;}
/* point msg */
.hui-point-msg{width:8px; height:8px; background:#ED2D22; border-radius:8px; -webkit-border-radius:8px; position:absolute; z-index:11; right:0px; top:0px;}
.hui-number-point{background:#ED2D22; border-radius:50%; -webkit-border-radius:50%; font-size:8px; padding:2px; color:#FFFFFF; position:absolute; z-index:11; right:0px; top:0px; text-align:center;}
/* select Beautify */
#hui-select-beautify{width:96%; padding:10px 2%; position:absolute; z-index:21; left:0px; top:0px; background:#FFFFFF;}
.hui-select-beautify-sed{}
.hui-select-beautify-sed:after{content:"\e68b"; display:block; float:right; width:38px; line-height:50px; font-family:"hui-font"; font-size:20px; color:#3388FF; position:absolute; z-index:22; right:0px; top:0px; text-align:center;}
#hui-select-beautify li{height:50px; line-height:50px; padding:0px 12px; width:auto; border-bottom:1px solid #F7F8F9;}
#hui-select-beautify li:last-child{border:none;}
/* popMsg */
#hui-popover-msg{position:absolute; z-index:20; width:100px;}
.hui-arrow-up{border:10px solid transparent; margin:0px 8px; width:0px; height:0px; border-bottom-color: #FFFFFF; float:left;}
.hui-arrow-down{border:10px solid transparent; margin:0px 8px; width:0px; height:0px; border-top-color: #FFFFFF; float:left;}
#hui-popover-msg-text{background:#FFFFFF; padding:8px; line-height:1.8em; border-radius:3px; text-align:left;}
/* image preview */
#hui-image-preview{width:100%; position:fixed; z-index:21; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
#hui-image-preview-text{text-align:center; height:40px; line-height:30px; color:#FFFFFF; font-size:20px;}
#hui-image-preview-imgs{font-size:0px; width:100%; background:#FFFFFF;}
#hui-image-preview-imgs img{width:100%;}
/* water fall */
#hui-water-fall-left{width:50%; float:left; padding:0px 5px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;  -o-box-sizing:border-box;}
#hui-water-fall-right{width:50%; float:right; padding:0px 5px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;  -o-box-sizing:border-box;}
.hui-water-items{background:#FFFFFF; padding:3px; margin-top:10px; border-radius:3px; -webkit-border-radius:3px;}
.hui-water-items a{display:block; width:100%;}
.hui-water-items-img img{width:100%;}
.hui-water-items-text{height:30px; line-height:30px; overflow:hidden; text-align:center; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
#hui-water-tmp{display:none;}
/* unfold */
#hui-unfold{width:100%; position:absolute; z-index:2; left:0px; bottom:0px; height:50px; line-height:50px; text-align:center; background:linear-gradient(rgba(255,255,255,0.92),rgba(255,255,255,1)); color:#3388FF;}
/*#hui-unfold *{color:#3388FF;}*/

/* Speed Dial */
.hui-speed-dial{width:100%;}
.hui-speed-dial li{width:33.3%; text-align:center; float:left; margin-top:25px;}
.hui-speed-dial-icons{text-align:center; height:45px;}
.hui-speed-dial-icons .hui-icons{padding:0px;}
.hui-speed-dial-icons span{font-size:35px; color:#656B79;}
.hui-speed-dial-text{text-align:center; line-height:32px; height:32px;}
/* slide menu */
.hui-slide-menu{width:70%; height:100%; position:fixed; z-index:99; background:#656B79; right:-70%; top:0px;}
.hui-slide-menu ul{padding:20px;}
.hui-slide-menu li{color:#FFFFFF; line-height:44px; height:44px; overflow:hidden;}
@keyframes hui-a-menu-show{0%{right:-70%;} 100%{right:0%}}
@-moz-keyframes hui-a-menu-show{0%{right:-70%;} 100%{right:0%}}
@-webkit-keyframes hui-a-menu-show{0%{right:-70%;} 100%{right:0%}}
@-o-keyframes hui-a-menu-show{0%{right:-70%;} 100%{right:0%}}
.hui-slide-menu-show{-webkit-animation:hui-a-menu-show 0.3s forwards; animation:hui-a-menu-show 0.3s forwards;}
@keyframes hui-a-menu-hide{0%{right:0%;} 100%{right:-70%}}
@-moz-keyframes hui-a-menu-hide{0%{right:0%;} 100%{right:-70%}}
@-webkit-keyframes hui-a-menu-hide{0%{right:0%;} 100%{right:-70%}}
@-o-keyframes hui-a-menu-hide{0%{right:0%;} 100%{right:-70%}}
.hui-slide-menu-hide{-webkit-animation:hui-a-menu-hide 0.3s forwards; animation:hui-a-menu-hide 0.3s forwards;}
/* img cuter */
#hui-img-cuter{width:100%; position:absolute; left:0; top:44px; z-index:2; background:rgb(255,255,255,0);}
#hui-img-cuter-img{width:100%; overflow:hidden; font-size:0;}
#hui-img-cuter-img img{width:100%;}
#hui-img-cuter-canvas{position:fixed; z-index:3; top:100px; right:10px; width:100px; border:1px solid #FFFFFF; font-size:0px;}
#hui-img-cuter-canvas canvas{width:100%;}
#hui-img-cuter-select{width:100; overflow:hidden; text-align:center; background:#F4F5F6; position:relative;}
#hui-img-cuter-file{width:100%; height:500px; background:rgba(255, 255, 255, 0); filter:Alpha(opacity=0); opacity:0; font-size:0px; position:absolute; z-index:1; left:0; top:0;}
#hui-img-cuter-t1{line-height:100px; padding-top:50px; font-size:100px; color:#B8BBBF;}
#hui-img-cuter-t2{line-height:50px; padding-bottom:30px; font-size:16px; color:#B8BBBF;}
/* header search */
#hui-header-sreach{width:100%; border-radius:5px; height:32px; margin:6px; display:flex; background:#FFFFFF;}
#hui-header-sreach-icon{width:36px; height:36px; line-height:36px; text-align:center; flex-shrink:0;}
#hui-header-sreach-icon::before{font-family:"hui-font"; content:'\e714'; font-size:25; height:36px; line-height:36px; color:#9E9E9E;}
#hui-header-sreach input{width:100%; padding:0px; height:32px !important; line-height:32px !important; margin:0px !important; -webkit-appearance:none; -moz-appearance:none; appearance:none; border:0; font-size:14px; text-indent:10px;}
.hui-header-sreach-txt{width:58px; height:44px; text-align:center; line-height:44px; flex-shrink:0; color:#FFF; flex-shrink:0;}
/* swipe do */
.hui-swipe-do{width:100%; overflow-x:auto; background:#FFFFFF; margin:1px 0;}
.hui-swipe-do-doms{width:1000px;}
.hui-swipe-do-doms > div{float:left;}
.hui-swipe-do-content{width:80%;}
.hui-swipe-do-btn{height:60px; width:70px; color:#FFFFFF; text-align:center; line-height:60px; font-size:16px; background:#FF3A31;}
.hui-swipe-do-btn-gray{color:#000000; background:#C8C7CD;}
.hui-swipe-do-btn-blue{color:#FFFFFF; background:#3388FF;}
/* black mask */
#hui-black-mask{width:100%; height:100%; background:rgba(0,0,0,0.85); position:fixed; z-index:990; left:0; top:0;}
#hui-black-action{width:100%; height:50px;}
#hui-black-close{float:right; width:50px; color:#FFFFFF; height:50px; line-height:50px; text-align:center; font-family:"hui-font";}
#hui-black-close::before{content:"\e617"; font-size:22px;}
#hui-black-mask-content{position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -moz-transform:translate(50%, 50%); -o-transform:translate(50%, 50%); z-index:991;}
/* pager */
.fl168-pager{display:flex; justify-content:flex-end;}
.fl168-pager-center{justify-content:center;}
.fl168-pager > div{height:32px; text-align:center; border-radius:2px; background:#FFFFFF; line-height:32px; margin:0px 3px;}
.fl168-pager > div > a{display:block; height:32px; line-height:32px; text-align:center; font-size:14px;padding:0 11px;}
.fl168-pager-active{background:#3388FF !important; color:#FFFFFF;}
/* segment */
.hui-segment{width:80%; margin:0px 10%; height:32px; display:flex; border:1px solid #3388FF; border-radius:5px;}
.hui-segment a{display:block; width:100%; height:32px; font-size:13px; color:#3388FF; line-height:32px; text-align:center;}
.hui-segment-active{background:#3388FF !important; color:#FFFFFF !important;}
/* tags */
.hui-tags{}
.hui-tags > div{height:26px; float:left; margin:5px; line-height:26px; padding:0px 8px; border-radius:4px; border:1px solid #3388FF;  color:#3388FF; font-size:12px;}
.hui-tags-fillet > div{border-radius:26px !important; padding:0px 12px !important;}
.hui-tags-active{background:#3388FF !important; color:#FFFFFF !important;}
.hui-tags-active::after{content:"\e68b"; font-family:"hui-font"; padding-left:5px;}
/* count down */
.hui-countdown{text-align:center;}
.hui-countdown span{background:#333 !important; display:inline-block; line-height:20px !important; color:#FFF !important; padding:0px 5px !important; border-radius:3px !important; margin:0px 2px;}
/* scroll news */
.hui-scroll-news{height:28px; line-height:28px; margin:10px;}
.hui-scroll-news-items{height:28px; line-height:28px; white-space:nowrap; text-overflow:ellipsis;}
.hui-scroll-news-items > a{display:block; overflow:hidden; line-height:28px; white-space:nowrap; text-overflow:ellipsis;}
@keyframes hui-scroll-news-h0{0%{height:28px;} 100%{height:0px;}}
@-webkit-keyframes hui-scroll-news-h0{0%{height:28px;} 100%{height:0px;}}100%{-webkit-transform:rotate(360deg);}}
@-moz-keyframes hui-scroll-news-h0{0%{height:28px;} 100%{height:0px;}}
@-o-keyframes hui-scroll-news-h0{0%{height:28px;} 100%{height:0px;}}
.hui-scroll-news-h0{animation:hui-scroll-news-h0 600ms linear forwards; -webkit-animation:hui-scroll-news-h0 600ms linear forwards; -moz-animation:hui-scroll-news-h0 600ms forwards linear; -o-animation:hui-scroll-news-h0 600ms forwards linear;}
/* cropper */
.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.cropper-container img{display:block; height:100%; image-orientation:0deg; max-height:none!important; max-width:none!important; min-height:0!important; min-width:0!important; width:100%;}
.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}
.cropper-drag-box{background-color:#fff; opacity:0}
.cropper-modal{background-color:#000;opacity:.5}
.cropper-view-box{display:block;height:100%;outline-color:rgba(51,153,255,.75);outline:1px solid #39f;overflow:hidden;width:100%}
.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute;}
.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%;}
.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}
.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}
.cropper-center:after,.cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}
.cropper-center:before{height:1px;left:-3px;top:0;width:7px;}
.cropper-center:after{height:7px;left:0;top:-3px;width:1px;}
.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}
.cropper-face{background-color:#fff;left:0;top:0}
.cropper-line{background-color:#39f}
.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}
.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}
.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}
.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}
.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}
.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}
.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}
.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}
.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}
.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}
.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}
.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}
.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}
@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}
@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}
@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}
.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}
.cropper-invisible{opacity:0}
.cropper-bg{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")}.cropper-hide{display:block;height:0;position:absolute;width:0}
.cropper-hidden{display:none!important}
.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}
.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed;}

/*列表页*/
.filter-box{width:100vw;background:#fff;display:flex;justify-content:space-between;padding:10px 30px;position:sticky;top:44px;z-index:1000;box-sizing:border-box;box-shadow:0 3px 8px 1px rgba(0,0,0,0.1);overflow:visible;}
.filter-box .filter-item{overflow:visible;flex:1;text-align:center;}
.filter-box .filter-item-tit{height:8vw;line-height:8vw;color:#666;display:flex;justify-content:center;align-items:center;}
.filter-box .filter-item-tit-text{color:#383838;}
.filter-box .filter-item-tit i{font-size:12px;color:#686868;margin-left:4px;}
.filter-box .active span,.filter-box .active i{color:#f60;}
.filter-box .filter-item-content{display:none;}
.filter-box .filter-item-modal{background:#fff;position:absolute;width:100%;z-index:1001;left:0;display:flex;justify-content:flex-start;border:1px solid #e5e5e5;border-left:0;border-right:0;margin-top:10px;max-height:53vw;}
.filter-left{width:54vw;border-right:1px solid #e5e5e5;overflow-y:auto;}
.filter-right{width:55vw;overflow:auto;}
.filter-long{width:100%;overflow:auto;}
.filter-left a,.filter-right a,.filter-long a{display:inline-block;padding:0 20px;height:9vw;line-height:9vw;width:100%;box-sizing:border-box;text-align:left;}
.filter-left a.active,.filter-right a.active,.filter-long a.active{background:#f6f6f6;color:#f60;}
.list-box{margin-top:4vw;}
.list-box ul li{background:#fff;position:relative;margin:0 2vw 2.5vw 2vw;border-radius:6px;padding:10px;}
.list-box ul li a{display:flex;justify-content:space-between;width:100%;}
.list-box li .infoimg{width:33vw;height:24.5vw;}
.list-box li .infoimg img{width:33vw;height:24.5vw;}
.list-box li .infos-box{width:55vw;display:flex;flex-direction:column;}
.list-box li .infos-box .infos{width:100%;}
.list-box li .infos-box .infos .info_title{width:42vw;font-size:16px;line-height:5.1vw;color:#333;}
.list-box li .infotel{top:10px;right:10px;width:12vw;height:12vw;position:absolute;z-index:102;}
.list-box li .infotel i{color:#eb4b15;font-size:12vw;width:12vw;height:12vw;}
.list-box li .infos-box .info-other{width:100%;}
.list-box li .infos-box .info-other .info-line{width:100%;padding:6px 0 4px 0;min-height:5vw;display:flex;}
.list-box li .infos-box .info-other .info-line span,.list-box li .infos-box .info-other .info-line em{font-size:15px;color:#999;}
.list-box li .infos-box .info-other .info-line span em{font-style:normal;color:#999;}
.list-box li .infos-box .info-other .info-line .renzheng{border:1px solid #03c;color:#03c;font-size:14px;padding:2px 8px;border-radius:4px;margin-right:8px;}
.list-box li .infos-box .info-other .info-line .qiye{border:1px solid #eb4b15;color:#eb4b15;}
.list-box li .infos-box .info-other .info-line:nth-child(2){display:flex;justify-content:space-between;margin-top:3px;}

/*终端页*/
.infos-banner{width:94vw;background:#fff;margin:10px 3vw 0 3vw;border-radius:2vw;}
.infos-banner .fl168-swipe-item img{width:100%;height:61.7vw;}
.infos-head{width:94vw;background:#fff;margin:20px 3vw 10px 3vw;border-radius:2vw;padding:10px 15px;box-sizing:border-box;}
.infos-head .infotitle{width:100%;padding:8px 0;}
.infos-head .infotitle h1{font-size:18px;line-height:25px;color:#333;}
.infos-head .info-subline{width:100%;display:flex;justify-content:space-between;padding:10px 0;}
.infos-head .info-subline .subline-left{width:60%;display:flex;justify-content:flex-start;}
.infos-head .info-subline .subline-right{width:35%;display:flex;justify-content:center;}
.infos-head .info-subline .subline-left span,.infos-head .info-subline .subline-right span{margin-right:10px;color:#999;font-size:14px;}
.infos-head .info-subline .subline-left span i,.infos-head .info-subline .subline-right span i{margin-right:3px;color:#999;}
.infos-head .info-subline .subline-left i.icon-shijian{font-size:14px;}
.infos-head .info-subline .subline-right i.icon-shoucang{font-size:14px;}
.infodetail-item{width:94vw;margin:0 3vw;}
.infodetail-item .infodetail-bar-tit{width:100%;height:50px;line-height:50px;text-align:center;font-size:18px;color:#333;font-weight:600;}
.infodetail-item .infodetail-item-box{width:100%;margin:10px 0;padding:10px 15px;box-sizing:border-box;display:flex;flex-direction:column;background:#fff;border-radius:2vw;}
.infodetail-item .infodetail-item-box dl{width:100%;display:flex;justify-content:flex-start;margin-top:10px}
.infodetail-item .infodetail-item-box dl dt{width:25%;color:#999;font-size:16px;text-align:right;margin-right:16px;}
.infodetail-item .infodetail-item-box dl dd{width:70%;color:#333;font-size:16px;}
.infodetail-item .infodetail-item-box dl dd .price{color:#eb4b15;margin-right:6px;}
.infodetail-item .infodetail-item-box dl dd .unit{color:#999;}
.infodetail-item .infodetail-item-box dl dd em{margin:0 5px;}
.infodetail-item .infodetail-item-box dl dd span{margin-right:10px;}
.infodetail-item .infodetail-item-box dl dd span i{font-size:14px;color:rgb(87,221,198);margin-right:3px;}
.infodetail-item .detail-content{padding:10px 4px;box-sizing:border-box;line-height:22px;color:#333;font-size:16px;}
.infodetail-item .detail-tip{width:100%;padding:10px 4px;box-sizing:border-box;display:flex;justify-content:flex-start;border-top:1px solid #e5e5e5;}
.infodetail-item .detail-tip i{font-size:20px;color:#ffc262;margin:8px 8px 0 0;}
.infodetail-item .detail-tip p{font-size:14px;color:#999;line-height:20px;}
.infodetail-item .user-infos{flex-direction:row;justify-content:space-between;}
.infodetail-item .user-infos .faceimg{width:25%;}
.infodetail-item .user-infos .faceimg span{display:block;width:80%;height:26px;line-height:26px;text-align:center;border:1px solid #03c;color:#03c;border-radius:6px;margin:5px 10% 0 10%;}
.infodetail-item .user-infos .faceimg span.vip{border:1px solid #f90;color:#f90;}
.infodetail-item .user-infos .faceimg img{width:100%;}
.infodetail-item .user-infos .userinfos{width:68%;}
.infodetail-item .user-infos .userinfos dl{width:100%;height:32px;line-height:32px;display:flex;flex:1;color:#333;margin-top:0;}
.infodetail-item .user-infos .userinfos dl span{margin-right:20px;}
.infodetail-item .user-infos .userinfos dl:nth-child(1){font-weight:600;}
.infodetail-item .user-infos .userinfos dl:nth-child(2){color:#999;}
.infodetail-item .user-infos .userinfos dl:nth-child(3) span{color:#999;}
.infodetail-item .user-infos .userinfos dl:nth-child(3) em{color:#eb4b15;padding:0 2px;}
.infodetail-item .user-infos .userinfos dl:nth-child(3) a{color:#03c;}
.infodetail-item .user-infos .userinfos dl:nth-child(3) a i{color:#03c;font-size:14px;padding-left:3px;}
.infodetail-item .user-infos .userinfos dl:nth-child(4) span i{color:#e21;font-size:20px;margin-right:4px;}
.infodetail-item .user-infos .userinfos dl:nth-child(4) span em{color:#e21;}
.infodetail-item .infolist a{display:flex;justify-content:space-between;margin:8px 0;}
.infodetail-item .infolist a .infoimg{width:28vw;}
.infodetail-item .infolist a .infoimg img{width:28vw;height:21vw;border-radius:2vw;}
/* .infodetail-item .infolist a .infos{width:54vw;} */
.infodetail-item .infolist a .infos dt{font-size:15px;color:#333;font-weight:600;line-height:22px;}
.infodetail-item .infolist a .infos dd{color:#999;margin-top:20px;}
.infodetail-item .daohang{background:#fff;padding:15px 20px;border-radius:2vw;}
.infodetail-item .daohang a{color:#999;font-size:16px;}
.infodetail-item .daohang em{color:#999;padding:0 8px;}
.detail-footer{padding:20px 30px 80px 30px;display:flex;flex-wrap:wrap;}
.detail-footer a{font-size:13px;color:#666;width:49%;padding-bottom:6px;}
.detail-bottom-container{width:100%;position:fixed;bottom:0;background:#fff;border-top:1px solid #ddd;display:flex;justify-content:center;padding:10px 20px;box-sizing:border-box;}
.detail-bottom-container .feedbackbtn,.detail-bottom-container .callbtn{text-align:center;width:45%;height:40px;line-height:40px;background:#e21921;border-radius:20px;}
.detail-bottom-container .feedbackbtn span,.detail-bottom-container .callbtn span{color:#fff;font-size:16px;}
.detail-bottom-container .feedbackbtn i,.detail-bottom-container .callbtn i{color:#fff;margin-right:10px;}
.detail-bottom-container .feedbackbtn{background:#03c;}
.detail-footer .copyright{width:100%;padding:3px 0;}
.detail-footer .copyright span{color:#999;font-size:14px;margin-right:8px;}
.detail-footer .copyright a{color:#03c;}
.footer-tablist{background:#fff;margin-top:15px;border-radius:2vw;padding:10px 20px;box-sizing:border-box;}
.footer-tablist .tabtitle{display:flex;justify-content:space-between;padding:0 25px;margin-top:10px;}
.footer-tablist .tabtitle .tabitem-title{font-size:18px;font-weight:600;color:#333;height:30px;position:relative;}
.footer-tablist .tabtitle .active{color:#eb4b15;}
.footer-tablist .tabtitle .active:after{content:'';position:absolute;width:100%;height:2px;background:#eb4b15;left:0;top:28px;}
.footer-tablist .tabbox{width:100%;margin-top:10px;}
.footer-tablist .tabbox .tabitem-box{display:flex;flex-wrap:wrap;}
.footer-tablist .tabbox .tabitem-box a{display:block;width:33%;text-align:center;color:#999;padding:4px 0;font-size:14px;}

.list-box ul li{display:flex;justify-content: space-between;}
.list-box ul li.zhiding{background:#c36b3510}
.list-box ul li.zhiding dd{position:absolute;left:0;top:0;background-image:linear-gradient(135deg, #eb4b15 50%, rgba(255, 255, 255, 0) 50%);width:50px;height:50px;z-index:100;border-radius:6px 0 0 0;}
.list-box ul li.zhiding dd em{color:#fff;position:absolute;z-index:101;transform: rotate(315deg);left:4px;bottom:25px;font-size:12px;font-style:normal;}
.list-box li .infos-box .info-other .info-line span{display:flex;}
.list-box li .infos-box .info-other .info-line span a:nth-child(1){margin-right:3px;color:#666;}
.list-box li .infos-box .info-other .info-line span a:nth-child(2){margin-left:3px;color:#666;}
.list-box li .infos-box .infos .infotitle{width:auto;font-weight:600;height:10.2vw;}
.userinfo{width:100%;background:linear-gradient(to top right,orange,red);margin-top:2px;display:flex;flex:1;padding:15px 20px;box-sizing:border-box;}
.userinfo img{width:100px;height:100px;border-radius:50px;border:2px solid #fff;}
.userinfo .users{margin-left:20px;}
.userinfo .users dl{color:#fff;font-size:15px;line-height:25px;}
.userinfo .users dl:nth-child(1){font-size:18px;font-weight:600;}
.userinfo .users dl span{background:#fff;margin-right:10px;padding:2px 5px;border-radius:4px;}
.userinfo .users dl span i{color:#060;margin-right:2px;font-size:18px;}
.userinfo .users dl span em{color:#060;}
