@charset "UTF-8";
article,aside,blockquote,body,button,code,dd,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{width:100%;max-width:750px;min-width:320px;margin:0 auto;color:#4a4a4a;font-family:Helvetica,"Microsoft YaHei",Arial,sans-serif;background:#fff}
del{text-decoration:line-through}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500}
textarea{resize:vertical}
audio,canvas,iframe,img,svg,video{vertical-align:middle}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
::-moz-selection{background:#b3d4fc;text-shadow:none}
::selection{background:#b3d4fc;text-shadow:none}
ol,ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
q:after,q:before{content:""}
a,ins{text-decoration:none}
a{background-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-touch-callout:none;-webkit-text-size-adjust:none}
button,input,textarea{border:0;outline:0;font-size:100%;background:0 0;color:#666;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
@media only screen and (min-width:320px){html{font-size:42.67px}
body{font-size:10.24px}
}
@media only screen and (min-width:360px){html{font-size:48px}
body{font-size:11.52px}
}
@media only screen and (min-width:375px){html{font-size:50px}
body{font-size:12px}
}
@media only screen and (min-width:384px){html{font-size:51.2px}
body{font-size:12.29px}
}
@media only screen and (min-width:393px){html{font-size:52.4px}
body{font-size:12.58px}
}
@media only screen and (min-width:414px){html{font-size:55.2px}
body{font-size:13.25px}
}
@media only screen and (min-width:480px){html{font-size:64px}
body{font-size:15.36px}
}
@media only screen and (min-width:540px){html{font-size:72px}
body{font-size:17.28px}
}
@media only screen and (min-width:640px){html{font-size:85.33px}
body{font-size:20.48px}
}
@media only screen and (min-width:720px){html{font-size:96px}
body{font-size:23.04px}
}
@font-face{font-family:iconfont;src:url(//res.xiebao18.com/travelxbh5/fonts/iconfont.eot?v=201712120954);src:url(//res.xiebao18.com/travelxbh5/fonts/iconfont.eot?#iefix?v=201712120954) format("embedded-opentype"),url(//res.xiebao18.com/travelxbh5/fonts/iconfont.woff?v=201712120954) format("woff"),url(//res.xiebao18.com/travelxbh5/fonts/iconfont.ttf?v=201712120954) format("truetype"),url(//res.xiebao18.com/travelxbh5/fonts/iconfont.svg#iconfont?v=201712120954) format("svg")}
.iconfont,[class*=hz-icon-]:after,[class*=hz-icon-]:before,[class^=hz-icon-]:after,[class^=hz-icon-]:before{font-family:iconfont!important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:top}
.hz-icon-return:after{content:"\e601"}
.hz-icon-rarrow:after{content:"\e61c";color:#a6a6a6;font-size:.27rem}
.hz-icon-close:after{content:"\e600";font-size:.45rem;color:#626262}
.hz-icon-date:after{content:"\e605"}
.hz-icon-search:after{content:"\e60f"}
.hz-icon-tarrow:after{content:"\e60b";font-size:.2rem}
.hz-icon-barrow:after{content:"\e60a";font-size:.2rem}
.hz-icon-sjarrow:after{content:"\e654"}
.hz-icon-kefu:after{content:"\e60d";font-size:.36rem;color:#999}
.hz-icon-phone:after{content:"\e61d";font-size:.36rem;color:#999}
.hz-icon-order:after{content:"\e608";font-size:.36rem;color:#999}
.hz-icon-help:after{content:"\e61e";color:#a6a6a6}
.hz-icon-adds:after{content:"\e624";color:#666;font-size:.36rem}
.hz-icon-cue:after{content:"\e625";color:#ff3b3b;font-size:.28rem}
.hz-icon-gou:after{content:"\e626"}
.diy_color .hz-icon-gou:after{display:inline}
.hz-icon-tick:after{content:"\e604"}
.hz-icon-scan:after{content:"\e622";color:#666;font-size:.3rem}
.hz-icon-add:after{content:"\e62d";font-size:.2rem}
.hz-icon-ydelete:after{content:"\e62c";font-size:.4rem}
.hz-icon-area:after{content:"\e62a";font-size:.28rem}
.hz-icon-delete1:after{content:"\e62b";font-size:.28rem}
.hz-icon-delete2:after{content:"\e6be"}
.hz-icon-position:after{content:"\e620"}
.hz-icon-button1:after{content:"\e61a"}
.hz-icon-button2:after{content:"\e619"}
.hz-icon-button3:after{content:"\e618"}
.hz-icon-button4:after{content:"\e61b"}
.hz-icon-but1:after{content:"\e6bc"}
.hz-icon-but2:after{content:"\e6ba"}
.hz-icon-but3:after{content:"\e6bb"}
.hz-icon-but4:after{content:"\e6bd"}
.hz-icon-class1:after{content:"\e6d3"}
.hz-icon-class2:after{content:"\e6d6"}
.hz-icon-class3:after{content:"\e6d5"}
.hz-icon-class4:after{content:"\e6d4"}
.hz-icon-class5:after{content:"\e6d7"}
.hz-icon-index:after{content:"\e6e4"}
.hz-icon-hint:after{content:"\e6a0"}
.hz-icon-bighint:after{content:"\e6df"}
.hz-icon-success1:after{content:"\e6dc"}
.hz-icon-index-nav:after{content:"\e6e9"}
.hz-icon-index-close:after{content:"\e6e7"}
.hz-icon-index-user:after{content:"\e6e8"}
.hz-icon-index-arrow:after{content:"\e6e6"}
.hz-icon-app:after{content:"\e6ee"}
.hz-icon-weixin:after{content:"\e6f1"}
.hz-icon-upload:after{content:"\e6fe"}
.hz-icon-delete3:after{content:"\e61f"}
.hz-icon-lose:after{content:"\e6ff"}
.hz-icon-open:after{content:"\e8a1"}
.hz-icon-stop:after{content:"\e700"}
.hz-icon-yuan:after{content:"\e630"}
.hz-icon-import:after{content:"\e704"}
.hz-icon-success:after{content:"\e705"}
.hz-icon-check:after{content:"\e626"}
.hz-icon-delete:after{content:"\e6f8"}
.hz-icon-i_t_5:before{content:"\e631"}
.hz-icon-i_t_6:before{content:"\e632"}
.hz-icon-i_t_7:before{content:"\e633"}
.hz-icon-i_t_9:before{content:"\e634"}
.hz-icon-i_t_8:before{content:"\e635"}
.hz-icon-i_t_10:before{content:"\e636"}
.hz-icon-i_t_11:before{content:"\e637"}
.hz-icon-i_t_12:before{content:"\e638"}
.hz-icon-i_t_13:before{content:"\e639"}
.hz-icon-i_t_15:before{content:"\e63a"}
.hz-icon-i_t_16:before{content:"\e63b"}
.hz-icon-i_t_14:before{content:"\e63c"}
.hz-icon-i_t_17:before{content:"\e63d"}
.hz-icon-i_t_18:before{content:"\e63e"}
.hz-icon-i_t_4:before{content:"\e63f"}
.hz-icon-i_t_1:before{content:"\e640"}
.hz-icon-i_t_2:before{content:"\e641"}
.hz-icon-i_t_3:before{content:"\e642"}
.hz-icon-i_t_19:before{content:"\e643"}
.hz-icon-camera:before{content:"\e623"}
.main{background:#f5f5f5;padding-bottom:1.36rem}
.ui-title{color:#4a4a4a;border-left:3px solid #1d50a2;padding-left:.15rem;height:.35rem;line-height:.35rem}
.ui-input-box{border-bottom:1px solid #e6e6e6;padding:.36rem 0;position:relative;background:#fff}
.ui-input-box .ui-input-name{font-size:.3rem;color:#666;display:inline-block;width:2rem}
.ui-input-box .ui-input{position:absolute;left:2.6rem;top:0;padding-top:.38rem;padding-bottom:.38rem;font-size:.3rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:62%}
.ui-input-box .input-detail{display:inline-block;font-size:.3rem;width:65%;line-height:1.3}
.ui-input-box .icon-r{position:absolute;right:.2rem;width:100%;text-align:right;padding:.39rem 0 .38rem 0;z-index:20;top:0}
.ui-input-box .round-r{position:absolute;right:.2rem;top:.3rem;line-height:.55rem}
.ui-input-box .round{width:.6rem;height:.6rem;text-align:center;border-radius:100px;border:1px solid #e6e6e6}
.ui-input-box .round i{color:#666;font-size:.1rem;float:none}
.ui-input-box .round-s{display:inline-block;width:.42rem;height:.42rem;border-radius:100px;border:1px solid #e6e6e6;position:relative;top:.1rem;margin-right:.2rem}
.ui-input-box .round-s i{position:absolute;color:#666}
.ui-input-box .round-s .hz-icon-add{left:50%;top:50%;transform:translate(-50%,-50%)}
.ui-input-box .round-s .hz-icon-add:after{display:block}
.ui-input-box .round-s .hz-icon-ydelete{top:-.1rem;left:.015rem}
.ui-input-box .input-empty{display:block;position:absolute;left:2.6rem;top:.32rem;font-size:.26rem;border:1px solid #ddd;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;width:.98rem;text-align:center;height:.48rem;line-height:.48rem;color:#666}
.ui-input-box .input-tit{position:absolute;left:2.6rem;top:.33rem;color:#333;font-size:.3rem;width:1.8rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.ui-input-box .input-error{display:block;width:100%;margin-top:.1rem;font-size:.24rem}
.ui-input-box .input-error a{color:#ff3b3b;width:90%;line-height:.32rem}
.ui-input-box .input-error .hz-icon-cue{margin-top:-.03rem}
.ui-input-box .input-warn{display:block;width:100%;margin-top:.2rem;font-size:.24rem;line-height:.32rem}
.ui-input-box .preserve-box{height:.38rem}
.ui-input-box .save-contacts{background-image:url(//res.xiebao18.com/travelxbh5/images/h5/checked-icon.png);background-repeat:no-repeat;background-position:0 0}
.ui-input-box .save-contacts.checked{border-color:#337bfc;background-position:0 -.72rem}
.ui-input-box .icon-preserve{display:inline-block;border:1px solid #666;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;width:.38rem;height:.38rem;text-align:center;line-height:.38rem}
.ui-input-box .preserve{display:inline-block;vertical-align:top}
.ui-input-box .preserve-right{position:absolute;right:.2rem}
.ui-input-box .hz-icon-gou{color:#00a2ff}
.ui-input-box .pic-code{position:absolute;right:0;top:0;width:1.85rem}
.ui-input-box .pic-code img{width:100%;max-width:1.85rem;height:1.13rem}
.ui-input-box .idcode{position:absolute;right:0;top:0;color:#fff;text-align:center;background:#337bfc;width:1.85rem;padding-top:.4rem;padding-bottom:.42rem;font-size:.24rem}
.ui-input-box.tags{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;overflow:hidden}
.ui-input-box.tags .tags-wrap{display:block;width:100%;-webkit-flex:1;-moz-flex:1;flex:1;margin-bottom:-.18rem}
.ui-input-box.tags .tag-item{display:inline-block;border:solid 1px #999;line-height:.44rem;padding:0 .22rem;margin:0 .18rem .18rem 0;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px}
.ui-input-box.tags .tag-item.active{border-color:#337bfc}
.ui-input-box:last-child{border-bottom:none}
.contacts-panel{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1005}
.contacts-panel .contacts-wrapper{position:relative;background-color:#fff;border-radius:.08rem;width:6.3rem;height:6.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-sizing:border-box;padding-bottom:.2rem}
.contacts-panel .contacts-wrapper h2{font-size:.28rem;line-height:.9rem;color:#222;border-bottom:1px solid #cfcfcf;padding-left:.3rem;box-sizing:border-box}
.contacts-panel .contacts-wrapper h2 span{font-size:.22rem;line-height:.22rem;margin-left:.08rem;color:#fff;background-image:url(//res.xiebao18.com/travelxbh5/images/h5/import-background-h5.png);background-repeat:no-repeat;background-size:100% 100%;display:none}
.contacts-panel .contacts-wrapper .contacts-type{position:absolute;top:0;left:2rem}
.contacts-panel .contacts-wrapper .contacts-type .contacts-type-item{float:left;width:.9rem;height:.9rem;line-height:.9rem;font-size:.28rem;text-align:center;color:#666;cursor:pointer}
.contacts-panel .contacts-wrapper .contacts-type .contacts-type-item.active{color:#337BFC;border-bottom:2px solid #337BFC}
.contacts-panel .contacts-wrapper .contacts-panel-close-icon{position:absolute;top:.16rem;right:.12rem;width:.6rem;height:.6rem;background-image:url(//res.xiebao18.com/travelxbh5/images/h5/close_icon.png);background-size:.24rem .24rem;background-repeat:no-repeat;background-position:center}
.contacts-panel .contacts-wrapper .contacts-list{padding:.2rem .3rem 0;height:5.4rem;overflow-y:scroll}
.contacts-panel .contacts-wrapper .contacts-list .contacts-item{max-width:100%;padding:0 .2rem;height:.6rem;background-color:#fff;float:left;margin:0 .2rem .2rem 0;border:.02rem solid #e0e0e0;border-radius:.04rem;font-size:.26rem;color:#222;text-align:center;line-height:.6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.contacts-panel .contacts-wrapper .no-contacts{font-size:.36rem;text-align:center;padding-top:2rem}
.custom-panel{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1005}
.custom-panel .custom-wrapper{position:relative;background-color:#fff;border-radius:.08rem;width:6.3rem;height:6.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-sizing:border-box;padding-bottom:.2rem}
.custom-panel .custom-wrapper h2{font-size:.28rem;line-height:.9rem;color:#222;border-bottom:1px solid #cfcfcf;padding-left:.3rem;box-sizing:border-box;text-align:center}
.custom-panel .custom-wrapper h2 span{font-size:.22rem;line-height:.22rem;margin-left:.08rem;color:#fff;background-image:url(//res.xiebao18.com/travelxbh5/images/h5/import-background-h5.png);background-repeat:no-repeat;background-size:100% 100%;display:none}
.custom-panel .custom-wrapper .custom-type{position:absolute;top:0;left:2rem}
.custom-panel .custom-wrapper .custom-type .custom-type-item{float:left;width:.9rem;height:.9rem;line-height:.9rem;font-size:.28rem;text-align:center;color:#666;cursor:pointer}
.custom-panel .custom-wrapper .custom-type .custom-type-item.active{color:#337BFC;border-bottom:2px solid #337BFC}
.custom-panel .custom-wrapper .custom-panel-close-icon{position:absolute;top:.16rem;right:.12rem;width:.6rem;height:.6rem;background-image:url(//res.xiebao18.com/travelxbh5/images/h5/close_icon.png);background-size:.24rem .24rem;background-repeat:no-repeat;background-position:center}
.custom-panel .custom-wrapper .custom-list{padding:.2rem .3rem 0;height:5.4rem;overflow-y:scroll}
.custom-panel .custom-wrapper .custom-list .custom-item{max-width:100%;padding:0 .2rem;height:.6rem;background-color:#fff;float:left;margin:0 .2rem .2rem 0;border:.02rem solid #e0e0e0;border-radius:.04rem;font-size:.26rem;color:#222;text-align:center;line-height:.6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.custom-panel .custom-wrapper .custom-list .custom-item.active{border:.02rem solid #337bfc;color:#337bfc}
.first-import-hz-contacts{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1111;display:none}
.first-import-hz-contacts .first-import-hz-contacts-content{width:5.6rem;height:5.4rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff}
.first-import-hz-contacts .first-import-hz-contacts-content .contacts-icon{display:block;width:2.06rem;height:1.8rem;margin:.6rem auto .4rem}
.first-import-hz-contacts .first-import-hz-contacts-content p{font-size:.28rem;color:#222;text-align:center;line-height:.4rem}
.first-import-hz-contacts .first-import-hz-contacts-content .button-wrapper{margin-top:.6rem;font-size:0;text-align:center}
.first-import-hz-contacts .first-import-hz-contacts-content .button-wrapper a{display:inline-block;width:2.05rem;height:.8rem;box-sizing:border-box;border-radius:.04rem;font-size:.34rem;line-height:.8rem;text-align:center}
.first-import-hz-contacts .first-import-hz-contacts-content .button-wrapper .next-time{border:1px solid #e0e0e0;color:#222;margin-right:.3rem}
.first-import-hz-contacts .first-import-hz-contacts-content .button-wrapper .agree{background-color:#337bfc;color:#fff}
.import-hz-info-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1111;display:none}
.import-hz-info-wrapper .import-hz-info-wrapper-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:5.6rem;height:4rem;background-color:#fff}
.import-hz-info-wrapper .import-hz-info-wrapper-content .sync-icon,.import-hz-info-wrapper .import-hz-info-wrapper-content .sync-success-icon{display:block;width:1.79rem;height:1.81rem;margin:.6rem auto .46rem;background-image:url(//res.xiebao18.com/travelxbh5/images/h5/sync-icon.png);background-position:center;background-repeat:no-repeat;background-size:100% 100%}
.import-hz-info-wrapper .import-hz-info-wrapper-content .sync-success-icon{background-image:url(//res.xiebao18.com/travelxbh5/images/h5/sync-success-icon.png);display:none}
.import-hz-info-wrapper .import-hz-info-wrapper-content .close-icon{position:absolute;top:.34rem;right:.3rem;width:.24rem;height:.24rem;background-image:url(//res.xiebao18.com/travelxbh5/images/h5/close_icon.png);background-position:center;background-repeat:no-repeat;display:none;background-size:100% 100%}
.import-hz-info-wrapper .import-hz-info-wrapper-content p{font-size:.34rem;line-height:.54rem;color:#222;text-align:center}
.hz-progressbar{position:relative;background-color:#fff;border-radius:.13rem;padding:.03rem}
.hz-progressbar>.thumb{background-color:#337BFC;width:0;height:.2rem;border-radius:.1rem}
.hz-progressbar>.label{position:absolute;bottom:0;left:0;right:0;transform:translateY(110%);color:#fff;font-size:.3rem;text-align:center}
.hz-tab-nav ul{list-style:none;margin:0;font-family:PingFangSC-Regular;font-size:.32rem;color:#949CA8;font-weight:400;padding:.12rem .4rem 0 .4rem}
.hz-tab-nav ul li{position:relative;display:inline-block;text-align:left;margin-right:.48rem;padding:.26rem 0;font-family:PingFangSC-Medium;font-size:.32rem;font-weight:500}
.hz-tab-nav ul li.now{color:#337BFC}
.hz-tab-nav ul li.now::after{position:absolute;box-sizing:border-box;content:"";bottom:0;left:0;display:inline-block;width:100%;height:.04rem;background-color:#337BFC}
.hz-tab-nav>div.content{display:none}
.hz-tab-nav>div.content.active{display:block;position:absolute;bottom:0;left:0;right:0;top:1.14rem;overflow-y:scroll}
.hz-tab-nav>div.content.active.paste-result{top:0}
.group-panel{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:401;display:none;animation-duration:.2s}
.group-panel .group-wrapper{position:relative;background-color:#fff;width:100%;position:absolute;top:15%;bottom:0;left:0;border-radius:.1rem;transition:all .3s}
.group-panel .group-wrapper h2{font-size:.32rem;line-height:.32rem;color:#444;border-bottom:1px solid #ddd;box-sizing:border-box;text-align:center;padding:.39rem 0}
.group-panel .group-wrapper .group-panel-close-icon{position:absolute;top:.44rem;right:.24rem;width:.28rem;height:.28rem;background-image:url(//res.xiebao18.com/travelxbh5/images/h5/close_icon.png);background-repeat:no-repeat;background-position:center;z-index:100}
.group-panel .group-wrapper .group-list{width:100%;overflow-y:scroll}
.group-panel .group-wrapper .group-list .no-data-info{padding:1rem 0;font-size:.28rem;line-height:.34rem;text-align:center}
.group-panel .group-wrapper .group-list .no-data-info a{color:#337bfc}
.group-panel .group-wrapper .group-list .group-item{position:relative;padding:0 .15rem;height:1.04rem;width:100%;background-color:#fff;border-bottom:1px solid #ddd;font-size:.3rem;color:#333;line-height:.3rem;padding:.35rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.group-panel .group-wrapper .group-list .group-item::after{content:"";position:absolute;top:.42rem;right:.1rem;width:.1rem;height:.2rem;background-image:url(//res.xiebao18.com/travelxbh5/images/h5/right-arrow.png);background-size:100% 100%}
.group-member-panel{position:fixed;top:0;left:0;width:100%;height:100%;z-index:402;display:none}
.group-member-panel .group-member-wrapper{background-color:#fff;width:100%;position:absolute;top:15%;bottom:0;left:0;box-sizing:border-box;border-radius:.1rem}
.group-member-panel .group-member-wrapper .group-member-title h2{font-size:.32rem;line-height:.32rem;color:#444;border-bottom:1px solid #ddd;box-sizing:border-box;text-align:center;padding:.39rem 0}
.group-member-panel .group-member-wrapper .group-member-title .select-all-group-member-icon-wrapper{position:absolute;top:.33rem;left:.3rem}
.group-member-panel .group-member-wrapper .group-member-title .select-all-group-member-icon-wrapper.active .select-all-group-member-icon{background-image:url(//res.xiebao18.com/travelxbh5/images/h5/selected-icon.png);background-size:100% 100%;border:none}
.group-member-panel .group-member-wrapper .group-member-title .select-all-group-member-icon-wrapper .select-all-group-member-icon{float:left;width:.44rem;height:.44rem;border:.02rem solid #e5e5ea;border-radius:50%}
.group-member-panel .group-member-wrapper .group-member-title .select-all-group-member-icon-wrapper .select-all-group-member-info{float:left;font-size:.26rem;line-height:.44rem;color:#999;margin-left:.2rem}
.group-member-panel .group-member-wrapper .group-member-title .group-member-panel-close-icon{position:absolute;top:.44rem;right:.24rem;width:.24rem;height:.24rem;background-image:url(//res.xiebao18.com/travelxbh5/images/h5/close_icon.png);background-repeat:no-repeat;background-position:center}
.group-member-panel .group-member-wrapper .group-member-list{position:absolute;top:1.12rem;bottom:1rem;padding-bottom:1rem;overflow-y:scroll}
.group-member-panel .group-member-wrapper .group-member-list .group-member-item{position:relative;margin:0 .15rem;height:1.04rem;background-color:#fff;border-bottom:1px solid #ddd}
.group-member-panel .group-member-wrapper .group-member-list .group-member-item.active .select-group-member-icon{background-image:url(//res.xiebao18.com/travelxbh5/images/h5/selected-icon.png);background-size:100% 100%;border:none}
.group-member-panel .group-member-wrapper .group-member-list .group-member-item .select-group-member-icon{float:left;width:.44rem;height:.44rem;border:.02rem solid #e5e5ea;border-radius:50%;margin:.3rem 0 0 .15rem}
.group-member-panel .group-member-wrapper .group-member-list .group-member-item .group-member-cardNumber,.group-member-panel .group-member-wrapper .group-member-list .group-member-item .group-member-name{float:left;font-size:.3rem;color:#333;line-height:.3rem;padding:.35rem .2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.group-member-panel .group-member-wrapper .import-group-member-button{position:absolute;bottom:0;left:0;width:100%;height:1rem;background-color:#246fff;font-size:.34rem;line-height:.34rem;text-align:center;padding:.33rem 0;color:#fff}
.upload-idCard-panel{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:401;display:none}
.upload-idCard-panel .upload-idCard-wrapper{background-color:#fff;width:100%;position:absolute;bottom:0;left:0;box-sizing:border-box}
.upload-idCard-panel .upload-idCard-wrapper .upload-idCard-title{position:relative;height:1.1rem;padding:.16rem .3rem 0;border-bottom:1px solid #ddd}
.upload-idCard-panel .upload-idCard-wrapper .upload-idCard-title h2{font-size:.3rem;line-height:.42rem;color:#222;padding-bottom:.03rem}
.upload-idCard-panel .upload-idCard-wrapper .upload-idCard-title p{font-size:.24rem;color:#999;line-height:.33rem}
.upload-idCard-panel .upload-idCard-wrapper .upload-idCard-title .upload-idCard-panel-close-icon{position:absolute;top:.43rem;right:.3rem;width:.24rem;height:.24rem;background-image:url(//res.xiebao18.com/travelxbh5/images/h5/close_icon.png);background-repeat:no-repeat;background-position:center}
.upload-idCard-panel .upload-idCard-wrapper .upload-idCard-options{height:1.1rem;margin:0 .3rem}
.upload-idCard-panel .upload-idCard-wrapper .upload-idCard-options span{float:left;margin:.37rem .16rem .37rem 0;width:.44rem;height:.35rem;background-image:url(//res.xiebao18.com/travelxbh5/images/h5/idcard-icon.png);background-repeat:no-repeat;background-position:center;background-size:100% 100%}
.upload-idCard-panel .upload-idCard-wrapper .upload-idCard-options p{font-size:.3rem;color:#222;line-height:.42rem;padding-top:.34rem}
.upload-idCard-panel .upload-idCard-wrapper .upload-idCard-options>div:last-child{width:100%!important;height:1.1rem!important;top:auto!important;bottom:0!important}
.upload-idCard-panel .upload-idCard-wrapper .upload-idCard-options .webuploader-element-invisible{position:absolute;clip:rect(1px,1px,1px,1px)}
.ui-check{background:#f2f2f2;border:1px solid silver;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;width:.32rem;height:.32rem;position:absolute;left:.3rem;top:.16rem}
.ui-check i{line-height:1.3;font-size:.26rem}
.ui-radio{background:#f2f2f2;border:1px solid silver;-webkit-border-radius:200px;-moz-border-radius:200px;-ms-border-radius:200px;-o-border-radius:200px;border-radius:200px;width:.32rem;height:.32rem;position:absolute;left:.3rem;top:.16rem}
.ui-radio i{position:absolute;top:.095rem;left:.095rem;width:.1rem;height:.1rem;-webkit-border-radius:200px;-moz-border-radius:200px;-ms-border-radius:200px;-o-border-radius:200px;border-radius:200px;background:#fff}
.ui-check-on{display:inline-block;background:#fff;border:1px solid #979797;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;width:.28rem;height:.28rem;text-align:center}
.ui-check-on i{line-height:1.3;font-size:.25rem;margin-left:-.03rem}
.ui-count-product{padding-top:.1rem;padding-bottom:.1rem;position:relative;border-bottom:1px solid #ededed}
.ui-count-product h2{width:70%}
.ui-detail-logo img{width:100%;max-height:35px;max-width:80px}
.layui-layer{height:100%;left:0;position:fixed;top:0;visibility:visible;width:100%;background-color:rgba(0,0,0,.5);z-index:9999}
.layui-title{overflow:hidden;text-align:center;font-size:.34rem;padding-bottom:.2rem;border-bottom:1px solid #ddd;line-height:1}
.layui-contant{position:fixed;bottom:.6rem;left:5%;background:#fff;width:90%;height:80%;z-index:10000;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px}
.layui-contant .hz-icon-close{line-height:1}
.ui-fail,.ui-success{width:1.84rem;margin:1.4rem auto .75rem}
.ui-btn-bg{display:inline-block;background:#337bfc;color:#fff;text-align:center;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px}
.ui-btn-bd{display:inline-block;border:1px solid #337bfc;color:#337bfc;text-align:center;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px}
.ui-big-btn{display:block;width:90%;margin-left:auto;margin-right:auto;height:.94rem;line-height:.94rem;-webkit-border-radius:.1rem;-moz-border-radius:.1rem;-ms-border-radius:.1rem;-o-border-radius:.1rem;border-radius:.1rem;text-align:center}
.ui-upload-wrap{width:1.56rem;height:1.56rem;border:1px solid #dfdfdf}
.ui-upload-wrap .edit{width:100%;text-align:center;top:.2rem}
.ui-upload-wrap .edit i{font-size:.55rem}
.ui-upload-wrap .upload-img{position:absolute;top:0;left:0;z-index:1;border:none;width:1.5rem;height:1.5rem}
.ui-upload-wrap .upload-close{top:0;right:0;width:.32rem;line-height:.32rem;text-align:center;background:rgba(0,0,0,.5);z-index:10}
.ui-upload-wrap .lose-edit{top:.1rem}
.ui-upload-wrap .lose-edit i{font-size:.45rem}
.ui-upload-wrap .doc-edit{width:98%;text-align:center;top:.2rem}
.ui-upload-wrap .doc-edit img{width:.6rem;height:.6rem}
.ui-upload-wrap .doc-edit a{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.ui-upload-wrap label{z-index:10}
.ui-state{padding-left:.3rem}
.ui-state ul .ui-state-item{margin-left:-.16rem;min-height:.6rem;background:url(../../images/h5/status.png) left top no-repeat;background-size:.32rem;padding-left:.5rem;margin-top:.1rem;color:#999;margin-right:.3rem;overflow:auto}
.ui-state ul .first{background:0 0;margin-top:0;position:relative}
.ui-state ul .first .hz-icon-yuan{position:absolute;left:-.05rem;top:-.19rem;font-size:.4rem}
.ui-state ul .first p{width:92%}
.ui-state .active{border-left:1px dashed #a1a1a1}
.poptip{position:absolute;padding:.2rem;line-height:1.5;font-size:.28rem;background-color:#fff;border:1px solid #e5e0e0;border-radius:.12rem}
.poptip-arrow{position:absolute;overflow:hidden;font-size:.24rem}
.poptip-arrow em,.poptip-arrow i{position:absolute;left:0;top:0;font-style:normal}
.poptip-arrow em{color:#e5e0e0}
.poptip-arrow i{color:#fff}
.poptip-arrow-bottom,.poptip-arrow-top{height:.06rem;width:.12rem;left:.12rem;margin-left:-.06rem}
.poptip-arrow-left,.poptip-arrow-right{height:.3rem;width:.24rem;top:.3rem;margin-top:-.06rem}
.poptip-arrow-top{top:-.06rem}
.poptip-arrow-top em{top:-.01rem}
.poptip-arrow-top i{top:0rem}
.poptip-arrow-bottom{bottom:-.06rem}
.poptip-arrow-bottom em{top:-.08rem}
.poptip-arrow-bottom i{top:-.09rem}
.poptip-arrow-left{left:-.16rem}
.poptip-arrow-left em{left:-1px}
.poptip-arrow-left i{left:.02rem}
.poptip-arrow-right{right:-.16rem}
.poptip-arrow-right em{left:-.06rem}
.poptip-arrow-right i{left:-.07rem}
.ui-right-layer{position:fixed;right:.6rem;bottom:1.5rem;z-index:999}
.ui-right-layer .icon-item,.ui-right-layer .r-img{display:block;margin-top:.3rem;width:.68rem;height:.68rem}
.mp-bar{width:7.5rem;height:.98rem;line-height:0;position:fixed;background:#fff;bottom:0;border-top:.02rem solid #d8d8d8;text-align:center;z-index:999}
.mp-bar .mp-icon{display:inline-block;width:.56rem;height:.72rem;padding:.2rem .2rem;margin-top:.12rem;background:url(//res.xiebao18.com/travelxbh5/images/h5/icon-left-arrow.png) center center no-repeat;background-size:.16rem .32rem}
.mp-bar .mp-icon.active{background:url(//res.xiebao18.com/travelxbh5/images/h5/icon-left-arrow-active.png) center center no-repeat;background-size:.16rem .32rem}
.mp-bar .mp-back{margin-right:2.64rem}
.mp-bar .mp-forward{transform:rotateY(180deg)}
.layui-preview-img{position:fixed;left:0;width:100%;height:100%;overflow-y:auto}
.layui-preview-img img{width:100%;transform:translateY(-50%);position:absolute;top:50%}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body{font:.24rem/1.5 "Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","微软雅黑",sans-serif;color:#333}
.w-750{width:100%;max-width:750px;min-width:320px;margin:0 auto}
.cl{zoom:1}
.cl:after{content:"\20";height:0;display:block;clear:both;visibility:hidden;overflow:hidden}
.clearfix:after,.clearfix:before{content:"";display:table}
.clearfix:after{clear:both}
.fl{float:left}
.fr{float:right}
.nofloat{float:none}
.ell{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.strong{font-weight:700}
.uppercase{text-transform:uppercase}
.border-radius{border:0}
.cursor-pointer{cursor:pointer}
a{text-decoration:none;color:#333}
.overflow-y{overflow-x:hidden;overflow-y:auto}
.button{background-color:#666;color:#fff;border-color:transparent;cursor:pointer}
.hidden{display:none}
.none{display:none!important}
.show{display:block}
.fn-hide{display:none}
.fn-show{display:block!important}
.p-relative{position:relative}
.p-absolute{position:absolute}
.ovh{overflow:hidden}
.ova{overflow:auto}
.img-center{display:block;margin:0 auto}
.vis-hide{visibility:hidden}
.no-selected{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none}
.tac{text-align:center}
.tal{text-align:left!important}
.tar{text-align:right}
.taj{text-align:justify}
.inline-block{display:inline-block}
.f12{font-size:.12rem}
.f13{font-size:.13rem}
.f14{font-size:.14rem}
.f15{font-size:.15rem}
.f16{font-size:.16rem}
.f17{font-size:.17rem}
.f18{font-size:.18rem}
.f19{font-size:.19rem}
.f20{font-size:.2rem}
.f21{font-size:.21rem}
.f22{font-size:.22rem}
.f23{font-size:.23rem}
.f24{font-size:.24rem}
.f25{font-size:.25rem}
.f26{font-size:.26rem}
.f27{font-size:.27rem}
.f28{font-size:.28rem}
.f29{font-size:.29rem}
.f30{font-size:.3rem}
.f31{font-size:.31rem}
.f32{font-size:.32rem}
.f33{font-size:.33rem}
.f34{font-size:.34rem}
.f35{font-size:.35rem}
.f36{font-size:.36rem}
.f37{font-size:.37rem}
.f38{font-size:.38rem}
.f39{font-size:.39rem}
.f40{font-size:.4rem}
.f41{font-size:.41rem}
.f42{font-size:.42rem}
.f43{font-size:.43rem}
.f44{font-size:.44rem}
.f45{font-size:.45rem}
.f46{font-size:.46rem}
.f47{font-size:.47rem}
.f48{font-size:.48rem}
.lh10{line-height:1}
.lh15{line-height:1.5}
.lh18{line-height:1.8}
.lh20{line-height:2}
.lh22{line-height:2.2}
.lh24{line-height:2.4}
.lh28{line-height:2.8}
.lh30{line-height:3}
.fb{font-weight:700}
.tdl{text-decoration:underline!important}
.tdt{text-decoration:line-through}
.fc0{color:#000!important}
.fcw{color:#fff}
.fc3{color:#333!important}
.fc6{color:#666!important}
.fc8{color:#888}
.fc9{color:#999!important}
.fcc{color:#ccc}
.fcd{color:#ddd}
.fc-b8{color:#b8b8b8}
.fc-a6{color:#a6a6a6!important}
.diy_color{color:#337bfc!important}
.color-price{color:#fc9b06!important}
.base-color{color:#1d50a2}
.fcred{color:red!important}
.fcsc{color:#ff5b00!important}
.bgf0{background:#f0f0f0!important}
.bgf9{background:#f9f9f9!important}
.bgf8{background:#f8fbff!important}
.bgf7{background:#f7f7f7!important}
.bgf5{background:#f5f5f5!important}
.bgf3{background:#f3f3f3!important}
.bgfc{background:#fcfcfc!important}
.bgfw{background:#fff!important}
.bgfb{background:#fbfbfb!important}
.bgfa{background:#fafafa!important}
.bg999{background:#999!important}
.bg666{background-color:#666!important}
.diy_background{background-color:#337bfc!important}
.mt0{margin-top:0rem}
.mr0{margin-right:0rem}
.mb0{margin-bottom:0rem}
.ml0{margin-left:0rem}
.pt0{padding-top:0rem!important}
.pr0{padding-right:0rem!important}
.pb0{padding-bottom:0rem}
.pl0{padding-left:0rem!important}
.mt5{margin-top:.05rem}
.mr5{margin-right:.05rem}
.mb5{margin-bottom:.05rem}
.ml5{margin-left:.05rem}
.pt5{padding-top:.05rem!important}
.pr5{padding-right:.05rem!important}
.pb5{padding-bottom:.05rem}
.pl5{padding-left:.05rem!important}
.mt10{margin-top:.1rem}
.mr10{margin-right:.1rem}
.mb10{margin-bottom:.1rem}
.ml10{margin-left:.1rem}
.pt10{padding-top:.1rem!important}
.pr10{padding-right:.1rem!important}
.pb10{padding-bottom:.1rem}
.pl10{padding-left:.1rem!important}
.mt15{margin-top:.15rem}
.mr15{margin-right:.15rem}
.mb15{margin-bottom:.15rem}
.ml15{margin-left:.15rem}
.pt15{padding-top:.15rem!important}
.pr15{padding-right:.15rem!important}
.pb15{padding-bottom:.15rem}
.pl15{padding-left:.15rem!important}
.mt20{margin-top:.2rem}
.mr20{margin-right:.2rem}
.mb20{margin-bottom:.2rem}
.ml20{margin-left:.2rem}
.pt20{padding-top:.2rem!important}
.pr20{padding-right:.2rem!important}
.pb20{padding-bottom:.2rem}
.pl20{padding-left:.2rem!important}
.mt25{margin-top:.25rem}
.mr25{margin-right:.25rem}
.mb25{margin-bottom:.25rem}
.ml25{margin-left:.25rem}
.pt25{padding-top:.25rem!important}
.pr25{padding-right:.25rem!important}
.pb25{padding-bottom:.25rem}
.pl25{padding-left:.25rem!important}
.mt30{margin-top:.3rem}
.mr30{margin-right:.3rem}
.mb30{margin-bottom:.3rem}
.ml30{margin-left:.3rem}
.pt30{padding-top:.3rem!important}
.pr30{padding-right:.3rem!important}
.pb30{padding-bottom:.3rem}
.pl30{padding-left:.3rem!important}
.mt35{margin-top:.35rem}
.mr35{margin-right:.35rem}
.mb35{margin-bottom:.35rem}
.ml35{margin-left:.35rem}
.pt35{padding-top:.35rem!important}
.pr35{padding-right:.35rem!important}
.pb35{padding-bottom:.35rem}
.pl35{padding-left:.35rem!important}
.mt40{margin-top:.4rem}
.mr40{margin-right:.4rem}
.mb40{margin-bottom:.4rem}
.ml40{margin-left:.4rem}
.pt40{padding-top:.4rem!important}
.pr40{padding-right:.4rem!important}
.pb40{padding-bottom:.4rem}
.pl40{padding-left:.4rem!important}
.mt45{margin-top:.45rem}
.mr45{margin-right:.45rem}
.mb45{margin-bottom:.45rem}
.ml45{margin-left:.45rem}
.pt45{padding-top:.45rem!important}
.pr45{padding-right:.45rem!important}
.pb45{padding-bottom:.45rem}
.pl45{padding-left:.45rem!important}
.mt50{margin-top:.5rem}
.mr50{margin-right:.5rem}
.mb50{margin-bottom:.5rem}
.ml50{margin-left:.5rem}
.pt50{padding-top:.5rem!important}
.pr50{padding-right:.5rem!important}
.pb50{padding-bottom:.5rem}
.pl50{padding-left:.5rem!important}
.pb130{padding-bottom:1.3rem!important}
.bor-bottom{border-bottom:1px solid #ddd}
.bor-bottom-dashed{border-bottom:1px dashed #ddd!important}
.bor-top{border-top:1px solid #ddd}
.bor-left{border-left:1px solid #ddd}
.bor-right{border-right:1px solid #ddd}
.bor-none{border:none!important}
.border{border:1px solid #ddd}
.diy_border{border:1px solid #337bfc!important}
.diy_border-bottom-color{border-bottom-color:#337bfc!important}
.btn-code-disabled{background:#999!important;cursor:not-allowed!important;color:#fff!important;border-color:#999!important}
.layer-login-mask{width:50%;left:25%;top:30%;position:fixed;background-color:rgba(0,0,0,.6);z-index:9999;padding:.4rem 0;word-break:break-all;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px}
.layer-login-mask img{width:.86rem}
.layer-mask,.layer-mask-2{background-color:rgba(0,0,0,.5);z-index:9999;width:100%;height:100%;position:fixed;left:0;top:0}
.layer-mask-2 p{text-indent:.46rem}
.vm{vertical-align:middle}
.ti{text-indent:.46rem}
.safe-area-position-bottom{height:constant(safe-area-inset-bottom);height:env(safe-area-inset-bottom)}
.content-wrapper{background-color:#f5f5f5;-webkit-tap-highlight-color:rgba(255,255,255,0)}
.content-wrapper .content-header{height:8.46rem;background-image:url(//res.xiebao18.com/travelxbh5/images/h5//clubh5/banner-1.png);background-repeat:no-repeat;background-size:100%;color:#000;margin-bottom:.3rem}
.content-wrapper .content-header>p{font-size:.26rem;line-height:.37rem;padding:.56rem 0 0 .5rem;color:#fff}
.content-wrapper .content-header>h1{font-size:.5rem;line-height:.7rem;padding-left:.5rem;color:#fff}
.content-wrapper .content-header .content-header-div{width:6.9rem;height:6.37rem;margin:.48rem auto 0;background-color:#fff;border-radius:.08rem;box-shadow:0 0 .14rem 0 rgba(0,0,0,.08)}
.content-wrapper .content-header .content-header-div ul{overflow:hidden}
.content-wrapper .content-header .content-header-div ul li{float:left;width:33.3%;margin-top:.4rem;text-align:center}
.content-wrapper .content-header .content-header-div ul li:nth-child(1) .li-header{background-image:url(//res.xiebao18.com/travelxbh5/images/h5//clubh5/icon-7.png)}
.content-wrapper .content-header .content-header-div ul li:nth-child(2) .li-header{background-image:url(//res.xiebao18.com/travelxbh5/images/h5//clubh5/icon-8.png)}
.content-wrapper .content-header .content-header-div ul li:nth-child(3) .li-header{background-image:url(//res.xiebao18.com/travelxbh5/images/h5//clubh5/icon-9.png)}
.content-wrapper .content-header .content-header-div ul li:nth-child(4) .li-header{background-image:url(//res.xiebao18.com/travelxbh5/images/h5//clubh5/icon-10.png)}
.content-wrapper .content-header .content-header-div ul li:nth-child(5) .li-header{background-image:url(//res.xiebao18.com/travelxbh5/images/h5//clubh5/icon-11.png)}
.content-wrapper .content-header .content-header-div ul li:nth-child(6) .li-header{background-image:url(//res.xiebao18.com/travelxbh5/images/h5//clubh5/icon-12.png)}
.content-wrapper .content-header .content-header-div ul li .li-header{width:1.1rem;height:1.1rem;margin:auto;border-radius:50%;background-color:#f6f9ff;background-repeat:no-repeat;background-size:100%;background-position:center}
.content-wrapper .content-header .content-header-div ul li h2{font-size:.26rem;line-height:.37rem;padding-top:.1rem}
.content-wrapper .content-header .content-header-div ul li p{font-size:.22rem;line-height:.3rem;padding-top:.05rem;color:#7f7f7f}
.content-wrapper .content-header .content-header-div a{display:block;width:3.6rem;height:.7rem;margin:.5rem auto 0;background-image:linear-gradient(90deg,#62b2fe 0,#337bfc 100%);border-radius:.35rem;font-size:.26rem;line-height:.7rem;text-align:center;color:#fff;font-weight:700}
.content-wrapper .content-content{background-color:#fff}
.content-wrapper .content-content h2{font-size:.36rem;color:#444;line-height:.5rem;padding:.4rem;font-weight:700}
.content-wrapper .content-content ul{padding:0 .3rem 1.3rem}
.content-wrapper .content-content ul li{height:2rem;background-image:url(//res.xiebao18.com/travelxbh5/images/h5//clubh5/background.png);background-repeat:no-repeat;background-size:110% 110%;background-position:center;box-shadow:0 0 .14rem 0 rgba(0,0,0,.08);border-radius:.08rem;margin-bottom:.2rem;position:relative}
.content-wrapper .content-content ul li h3{font-size:.28rem;color:#444;line-height:.3rem;padding:.34rem 0 0 .5rem;font-weight:700}
.content-wrapper .content-content ul li p{font-size:.22rem;color:#999;line-height:.2rem;padding:.14rem 0 0 .5rem}
.content-wrapper .content-content ul li a{display:block;width:1.18rem;height:.42rem;box-sizing:border-box;border:.02rem solid #337bfc;font-size:.22rem;line-height:.42rem;text-align:center;color:#337bfc;margin:.25rem 0 0 .5rem;font-weight:700}
.content-wrapper .content-content ul li img{position:absolute;right:.8rem}
.content-wrapper .content-content ul li:nth-child(1) img{width:1.63rem;height:1.37rem;top:.57rem}
.content-wrapper .content-content ul li:nth-child(2) img{width:1.79rem;height:1.95rem;top:.26rem}
.content-wrapper .content-content ul li:nth-child(3) img{width:1.59rem;height:1.91rem;top:.34rem}
.content-wrapper .content-content ul li:nth-child(4) img{width:1.31rem;height:1.86rem;top:.32rem}
.content-wrapper .content-content ul li:nth-child(5) img{width:1.47rem;height:1.9rem;top:.42rem}
.content-wrapper .content-content ul li:nth-child(6) img{width:1.28rem;height:2rem;top:.38rem}
.content-wrapper .content-product{background-color:#fff;padding-bottom:1rem}
.content-wrapper .content-product h2{font-size:.36rem;color:#444;line-height:.5rem;padding:.4rem 0 0 .3rem;font-weight:700}
.content-wrapper .content-product h2 .bar{display:inline-block;width:.1rem;height:.3rem;margin-right:.14rem;margin-top:-.06rem;background:#f5a623;vertical-align:middle}
.content-wrapper .content-product .product-type-list{white-space:nowrap;overflow-x:scroll;padding:.3rem .1rem .4rem .3rem}
.content-wrapper .content-product .product-type-list li{display:inline-block;padding:0 .2rem;height:.65rem;border:.02rem solid #eee;margin-right:.2rem;font-size:.28rem;color:#444;line-height:.65rem;text-align:center;font-weight:700;border-radius:.04rem}
.content-wrapper .content-product .product-type-list li.active{color:#fff;border-color:#337bfc;background-color:#337bfc}
.content-wrapper .content-product .product-list{padding:0 .3rem}
.content-wrapper .content-product .product-list li{height:2.1rem;box-shadow:0 0 .14rem 0 rgba(0,0,0,.08);border-radius:.08rem;margin-bottom:.2rem}
.content-wrapper .content-product .product-list li .product-list-left{float:left;width:2.2rem;height:2.1rem;background-color:#337bfc}
.content-wrapper .content-product .product-list li .product-list-right{float:left;width:4.7rem;height:2.1rem;padding:.4rem .3rem 0}
.content-wrapper .content-product .product-list li .product-list-right h3{font-size:.28rem;line-height:.3rem;color:#444;padding-bottom:.14rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-top:.1rem}
.content-wrapper .content-product .product-list li .product-list-right .desc{font-size:.22rem;line-height:1;color:#999;padding-bottom:.4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.content-wrapper .content-product .product-list li .product-list-right .price{font-size:.22rem;color:#f5a623;line-height:.2rem}
.content-wrapper .content-product .product-list li .product-list-right .price .origin-price{color:#999;text-decoration:line-through}
.content-wrapper .content-product .product-list li .product-list-right .price .discount-price{font-size:.32rem;font-weight:700}
.content-wrapper .content-product .view-more{display:block;font-size:.24rem;text-align:center;color:#999;padding:.1rem 0 .3rem}
.content-wrapper .content-footer{position:fixed;left:0;bottom:0;width:100%}
.content-wrapper .content-footer a{display:block;width:100%;height:1rem;background-color:#337bfc;font-size:.34rem;line-height:1rem;text-align:center;color:#fff;font-weight:700}