@charset "utf-8";
/* 
版本 : hui 3.0
作者 : 深海 5213606@qq.com 
官网 : http://www.hcoder.net/hui
*/

* { margin: 0; padding: 0; 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: 'Microsoft YaHei',Arial,'PingFang SC',SimSun,sans-serif; font-weight: normal; }
div { overflow: hidden; }
::-webkit-scrollbar { display: none; }
a { color: #333; text-decoration: none; -webkit-tap-highlight-color: rgba(200,200,200,0.2); }
a:active { color: #333; }
img { border: none; }
ul { list-style-type: none; }
body { -webkit-user-select: none; -moz-user-select: none; font-size: 12px; background-color: #FAFBFC; color: #333; }
input { -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; }
textarea { resize: none; background: inherit; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
.hui-flex { display: flex; }
.none { display: none; }
/* flex 布局 */
.hui-fl { float: left !important; }
/* 左浮动 */
.hui-fr { float: right !important; }
/* 右浮动 */
.hui-wrap { width: 100%; }
/* 主体结构（自动产生头部间距）*/
.hui-no-border { border: none !important; }
/* 右去边框 */
.hui-common-text { line-height: 2.2em; }
/* 普通文本 */
.hui-common-padding { padding: 10px; }
/* 普通padding */
.hui-show { display: block !important; }
/* 展示元素 */
.hui-hide { display: none !important; }
/* 隐藏元素 */
.hui-text { line-height: 1.8em; }
/* 行高 1.8em 的文本 */
.hui-primary-txt { color: #3388FF !important; }
/* 演示高亮的文本 */
.hui-danger-txt { color: #EF4F4F !important; }
/* 红色文本 */
.hui_text_right { text-align: right !important; }
.hui-text-center { text-align: center !important; }
/* 文字居中 */
.hui-click { }
/* 元素点击样式 */
.hui-click:active { background-color: #ECECEC; }
/*清除浮动*/
.clear{clear:both}
/*自定义*/
b { font-weight: bold; }
.mt10 { margin-top: 10px; }
.mgt20 { margin-top: 20px !important; }
.mgt32 { margin-top: 32px !important; }
.mg0 { margin: 0 auto; display: block; }
.mgb0 { margin-bottom: 0 !important; }
.mgr0{margin-right:0!important;}
.mgl10{margin-left:10px!important;}
.pdt44 { padding-top: 44px !important; }
.pdb44 { padding-bottom: 44px !important; }
.pdt50 { padding-top: 50px !important; }
.pdt82 { padding-top: 82px !important; }
.c333 { color: #333 !important; }
.c666 { color: #666 !important; }
.c999 { color: #999 !important; }
.cfff { color: #fff !important; }
.red { color: #FF0000 !important; }
.clan { color: #00A2FF !important; }
.ccen { color: #FF7E14 !important; }
.font12 { font-size: 12px !important; }
.font13 { font-size: 13px !important; }
.font14 { font-size: 14px !important; }
.font15 { font-size: 15px !important; }
.font16 { font-size: 16px !important; }
.font18 { font-size: 18px !important; }
.font20 { font-size: 20px !important; }
.hui-pos-relative { position: relative; }
.text-ellsips { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all; word-wrap: break-word; display: block; }
/* 头部导航 */
.hui-header { display: flex; width: 100%; height: 44px; text-align: center; top: 0px; left: 0px; position: fixed; z-index: 999; background-color: #fff; box-shadow: 0 2px 4px 0 #F5F9FD; line-height: 44px; }
.hui-header .logo {height: 24px;margin: 10px 14px;}
.hui-header h1 { font-size: 18px; height: 44px; line-height: 44px; overflow: hidden; width: 100%; padding: 0 44px; text-align: center; font-weight: 400; white-space: nowrap; text-overflow: ellipsis; }
.hui-header + .hui-wrap { padding-top: 44px; }
#hui-back, .hui-header .hui-icons-my, .hui-text-right, #hui-header-search { width: 44px; height: 44px; font-family: "hui-font"; line-height: 44px; text-align: center; flex-shrink: 0; position: absolute; }
#hui-back { left: 0; }
.hui-header #hui-back:before, .index_searchs #hui-back:before { content: "\e6a5"; font-size: 18px; color: #00A2FF; }
#hui-header-menu:before { content: "\e60e"; font-size: 25px; color: #FFFFFF; }
#hui-header-search:before { content: ""; display: block; width: 18px; height: 18px; margin: 13px auto; background-size: contain; background-image: url("../images/book/search_icon.png"); }
.hui-header .hui-icons-my, .hui-text-right, #hui-header-search { padding: 0; right: 0; }

/* 右侧悬浮 */
.right_top ,.detail-icons{background: #FFFFFF;box-shadow: 0 0 4px 0 rgba(228,228,228,0.50);width: 50px;height: 20px;z-index:800;position:  fixed;right: 4px;bottom: 124px;border-radius: 100%;}

.right_top{bottom: 80px;}
.right_top img{padding: 6.5px 18px;display:block;width: 14px;}


/* 右侧悬浮 */
.right_shopping{/* background: #FFFFFF; *//* box-shadow: 0 0 4px 0 rgba(228,228,228,0.50); */width: 50px;height: 50px;z-index:800;position:  fixed;right: 4px;bottom: 124px;/* border-radius: 100%; */}
.right_shopping img{/* padding:8.5px 7px; */display:block;width: 50px;}

/* icons */
@font-face { font-family: "hui-font"; src: url('fonts/iconfont.eot'); src: url('fonts/iconfont.eot?#iefix') format('embedded-opentype'), url('fonts/iconfont.woff') format('woff'), url('fonts/iconfont.ttf') format('truetype'), url('fonts/iconfont.svg#iconfont') format('svg'); }
.hui-icons { font-family: "hui-font" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-right: 8px; }
.hui-icons-menu:before { content: "\e634"; }
.hui-icons-toast:before { content: "\e689"; }
.hui-icons-img:before { content: "\e620"; }
.hui-icons-left:before { content: "\e6a5"; }
.hui-icons-right:before, .hui-icons-right1:after { content: "\e608"; }
.hui-icons-number:before { content: "\e604"; }
.hui-icons-up:before { content: "\e649"; }
.hui-icons-up2:before { content: "\e655"; }
.hui-icons-down:before { content: "\e744"; }
.hui-icons-down2:before { content: "\e609"; }
.hui-icons-progress:before { content: "\e615"; }
.hui-icons-success:before { content: "\e632"; }
.hui-icons-error:before { content: "\e638"; }
.hui-icons-range:before { content: "\e613"; }
.hui-icons-warn:before { content: "\e603"; }
.hui-icons-click:before { content: "\e75b"; }
.hui-icons-tab:before { content: "\e667"; }
.hui-icons-loading:before { content: "\e647"; }
.hui-icons-form:before { content: "\e62c"; }
.hui-icons-picker:before { content: "\e923"; }
.hui-icons-eyes:before { content: "\e63d"; }
.hui-icons-clear:before { content: "\e6a0"; }
.hui-icons-home:before { content: "\e611"; }
.hui-icons-switch:before { content: "\e679"; }
.hui-icons-action-sheet:before { content: "\e605"; }
.hui-icons-news:before { content: "\e62e"; }
.hui-icons-swipe:before { content: "\e699"; }
.hui-icons-media-list:before { content: "\e62d"; }
.hui-icons-my:before { content: "\e618"; }
.hui-icons-forum:before { content: "\e602"; }
.hui-icons-shop:before { content: "\e67f"; }
.hui-icons-nav:before { content: "\e606"; }
.hui-icons-menu-point:before { content: "\e60e"; }
.hui-icons-menu-point2:before { content: "\e625"; }
.hui-icons-star:before { content: "\e661"; }
.hui-icons-msg:before { content: "\e60b"; }
.hui-icons-help:before { content: "\e652"; }
.hui-icons-water-fall:before { content: "\e60c"; }
.hui-icons-search:before { content: '\e714'; }
.hui-icons-img-cut:before { content: '\e612'; }
.hui-icons-register:before { content: '\e677'; }
.hui-icons-write:before { content: '\e646'; }
.hui-icons-logoff:before { content: '\e610'; }
.hui-icons-check:before { content: '\e866'; }
.hui-icons-loading2:before { content: "\e61e"; }
.hui-icons-insert:before { content: "\e6ee"; }
.hui-icons-clone:before { content: "\e6dc"; }
.hui-icons-remove:before { content: "\e656"; }
.hui-icons-edit:before { content: "\e600"; }
.hui-icons-like:before { content: "\e64a"; }
.hui-icons-pause:before { content: "\e96b"; }
.hui-icons-play:before { content: "\e6b1"; }
.hui-icons-stop:before { content: "\e61b"; }
.hui-icons-shopping-cart:before { content: "\e633"; }
.hui-icons-close:before { content: "\e617"; }
/* 按钮 */
.hui-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; height: 44px; line-height: 44px; outline: 0; overflow: hidden; text-align: center; color: #fff; background-color: #00A2FF; border: none; width: 94%; margin: 0 auto; }
.hui-button * { color: inherit; }
.hui-button:active { background: #C8C8C8; }
.hui-button-large { width: 100%; }
.hui-primary { background: #00A2FF !important; color: #FFFFFF !important; }
.hui-primary:active { background: #00A2FF !important; }
.hui-danger { background: #FF0000 !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;width:auto; }
.hui-input { height: 44px;line-height: 44px; border: none;box-sizing: border-box;}
/*radio*/
.hui-pay-wrap input[type="radio"],.hui-pay-wrap input[type="checkbox"] { display: none; }
.hui-pay-wrap input[type="radio"] + label,.hui-pay-wrap input[type="checkbox"] + label { height: 44px; }
.hui-pay-wrap input[type="radio"] + label:before,.hui-pay-wrap input[type="checkbox"] + label:before { content: ""; width: 13px; height: 13px; border: 1px solid #979797; border-radius: 50%; margin: 14.5px 0; display: inline-block; }
.hui-pay-wrap input[type="radio"]:checked + label:before,.hui-pay-wrap input[type="checkbox"]:checked + label:before { background-image: url("../images/detail/xz_icon.png"); width: 15px; height: 15px; border: none; background-size: contain; }
/* 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; }
/* header search */
.index_search { display: flex; background-color: #fff; }
#hui-header-sreach {width: 100%;border-radius: 5px;height: 30px;margin: 7px 18px 7px 0;display: flex;background: #FFFFFF;}
#hui-header-sreach-icon {width: 36px;height: 30px;line-height: 30px;text-align: center;flex-shrink: 0;}
#hui-header-sreach-icon::before {font-family: "hui-font";content: '\e714';font-size: 14px;height: 30px;line-height: 30px;color: #9E9E9E;}
#hui-header-sreach input {width: 100%;padding: 0px;height: 30px !important;line-height: 30px !important;margin: 0px !important;-webkit-appearance: none;-moz-appearance: none;appearance: none;border: 0;font-size: 12px;float:  left;}
.hui-header-sreach-txt { width: 66px; height: 44px; text-align: center; line-height: 44px; flex-shrink: 0; color: #00A2FF; flex-shrink: 0; }
.index_search #hui-header-sreach, .index_search #hui-header-sreach input {background-color: #f5f5f5;}

.focus_header #hui-header-sreach{margin-left:18px;margin-right:0;}
/*search*/
.index_search #hui-back { position: relative; }
.hui-header .hui-header-sreach-txt {  color: #6D6D6D; }
.hui-hot-sreach { padding: 15px; }
.hui-hot-sreach-title { line-height: 36px; font-size: 14px; color: #333; }
.hui-hot-sreach-keys { margin-top: 8px; }
.hui-hot-sreach-keys a { display: block; border-radius: 4px; float: left; height: 30px; padding: 0 12px; line-height: 30px; font-size: 12px; background: #fff; color: #656565; margin-bottom: 11px; margin-right: 11px; } 
/* point msg */
.hui-number-point { background: red; border-radius: 50%; -webkit-border-radius: 50%; position: absolute; z-index: 11; right: 9px; top: 13px; width: 8px; height: 8px; }

/* hui-footer */
/* hui-footer */
#hui-footer { width: 100%; height: 38px; background: #fff; padding: 6px 0px; bottom: 0px; left: 0px; position: fixed; overflow: hidden; z-index: 999; box-shadow: 1px -1px 3px #F9F9F9; display: flex; }
#hui-footer a { display: block; width: 25%; }
.hui-footer-icons { font-family: "hui-font"; text-align: center; font-size: 20px; height: 20px; line-height: 20px; color: #D8D8D8; }
.hui-footer-text { text-align: center; font-size: 12px; height: 18px; line-height: 18px; padding-top: 3px; color: #999; }
.hui-footer-active * { color: #00A2FF; }
#hui-footer .icons-book:before {background: url("../images/index/class.svg") no-repeat center;background-size: contain;content: "";display: block;height: 16px;margin-top: 2px;}

/* #hui-footer .hui-footer-active .icons-book:before { background: url("../images/index/book-active.svg") no-repeat center; background-size: contain; }
 */
/* 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-load-more{font-size: 13px;height: 60px;line-height: 60px;text-align:center;color:#9E9E9E;position:relative;padding-bottom: 50px;}
#hui-load-more *{color:#9E9E9E;}
/* picker */
.hui-picker{position:fixed;z-index:21;background: #fff;height:238px;left:0px;bottom:0px;width:100%;display:none;}
.hui-picker-menu{height:29px;border-bottom: 1px solid #ededed;padding:8px;background: #eee;}
.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 #ededed;border-bottom: 1px solid #ededed;}

/* 遮罩层 */
#hui-mask{position:fixed; z-index:20; background:rgba(0,0,0, 0.5); width:100%; left:0px; top:0px; height:100%;}
/*警示框*/
#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:#FFFFFF; border-radius:1px;}
#hui-dialog-msg{padding:28px 15px; font-size:16px; text-align:center; line-height:32px; padding-bottom:22px;}
#hui-dialog-btn-line{height:48px; line-height:48px; color:#3388FF; border-top:1px solid #F4F5F6; text-align:center; font-size:16px;}
#hui-dialog-btn-line > div{width:50%; color:#FFFFFF; float:left; height:48px; line-height:48px; text-align:center; font-size:16px; background:#3388FF;}
#hui-dialog-btn-line > div:active{opacity:0.9;}
#hui-dialog-btn-line > div:first-child{color:#999999 !important; background:#FFFFFF;}
#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;}

.verification{width:74%;position:fixed;top:50%;left:50%;margin-top:-111px;margin-left:-37%;background-color:#fff;height: 222px;font-size:12px;display:none;z-index:999}
.verification h3{font-weight: normal;color: #E18258;margin: 18px 0;font-size:14px; text-align:center}
.verification input[type=text]{width: 194px;margin:0 auto;background: #FDFDFD;border: 1px solid #DBDBDB;border-radius: 4px;height: 32px;line-height: 32px;padding-left: 10px;display: block;}
.verification .verification_img{background: #D8D8D8;height:32px;line-height:32px;margin:0 auto;width:94px;margin-top:12px;margin-bottom:5px;}
.verification input[type=submit]{width:205px;height:36px;line-height:36px;color:#fff;text-align:center;font-size:14px;margin:0 auto;background-color:#00A2FF;display:block;margin-top:16px;border:0}
.verification .close{position:absolute;width:14px;height:14px;border:solid 1px #666;border-radius:100%;text-align:center;top: 10px;right: 10px;display: inline-block;}
.verification .close:before{content:"x";font-size: 12px;display: inherit;margin-top: -3px;}