/*
 * =====================================================
 * weui一些样式优化
 * =====================================================
 */

/*=====全局=====*/
body{background-color: #f5f5f5;color: #666;}
body.body-fixed-bottom{padding-bottom: 54px;background-color: #f5f5f5;}
.weui-content{background:#f5f5f5;min-height: 100vh;}
.weui-content_padded{padding:0 10px}
.weui-white{background:#ffffff;}
.weui-fixed-bottom{margin-bottom:54px;}
.page__bd{max-width: 640px;margin: 0 auto;}
.page__bd.page__bd_white{background: #fff;}

/*修复*/
.weui-btn-area{margin: 20px 15px 10px;}

/*底部按钮*/
body.body-fixed-bottom-for-button{padding-bottom: 76px;background-color: #f5f5f5;}
.wenew-footer_fixed-bottom{position: fixed;bottom: 0;left: 0;right: 0;background:#fff;padding:10px 20px;z-index:10}
.wenew-footer_fixed-bottom:before {content: " ";position: absolute;left: 0;top: 0;right: 0;height: 1px;border-top: 1px solid #e5e5e5;color: #e5e5e5;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);}

/*header*/
.wenew-header{width: 100%;height:44px; border-bottom:1px solid #e1e1e1; position:relative;background-image: var(--gradualBlue);color: var(--white);}
.wenew-header a{color: var(--white);}
.wenew-header .wenew-header-title{margin: 0 50px;text-align: center;height:44px;line-height: 44px;font-size: 16px;}
.wenew-header .wenew-header-icon-back{position: absolute;left:0;top:0;height:44px;line-height: 44px;padding: 0 15px;}
.wenew-header .wenew-header-icon-back i{font-size: 16px;font-weight:700;}
.wenew-header .wenew-header-icon-home{position: absolute;right:0;top:0;line-height: 44px;padding: 0 15px;}
.wenew-header .wenew-header-icon-home i{font-size: 16px;font-weight:700;}

/*footer*/
.wenew-footer{text-align: center;font-size: 14px;padding:10px}
.wenew-footer__links{display: inline-block;vertical-align: top;margin: 0 .62em;position: relative;font-size: 14px;}
.wenew-footer__text{color: #999;}

/*new-tabbar*/
.wenew-tabbarhd{display: -webkit-box;display: -webkit-flex;display: flex;z-index: 500;width: 100%;position: relative;margin-bottom: 10px;background: #fff;}
.wenew-tabbarhd:after{content: " ";position: absolute;left: 0;bottom: 0;right: 0;height: 2px;border-bottom: 1px solid #cccccc;color: #cccccc;-webkit-transform-origin: 0 100%;transform-origin: 0 100%;-webkit-transform: scaleY(.5);transform: scaleY(.5);}
.wenew-tabbarhd__item{position: relative;display: block;-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;padding: 15px 0;text-align: center;font-size: 14px;-webkit-tap-highlight-color: rgba(0,0,0,0);color: #888;}
.wenew-tabbarhd__item.tabbarhd-red{background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border-bottom: 2px solid var(--red);color: var(--red);}
.wenew-tabbarhd__item.tabbarhd-green{background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border-bottom: 2px solid var(--green);color: var(--green);}
.wenew-tabbarhd__item.tabbarhd-blue{background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border-bottom: 2px solid var(--blue);color: var(--blue);}
.wenew-tabbarhd-style-one{background: -moz-linear-gradient(top, #fff 0%, #efefef 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#efefef));background: -webkit-linear-gradient(top, #fff 0%,#efefef 100%);background: -o-linear-gradient(top, #fff 0%,#efefef 100%);background: -ms-linear-gradient(top, #fff 0%,#efefef 100%);background: linear-gradient(to bottom, #fff 0%,#efefef 100%);}
.wenew-tabbarhd__item.wenew-tabbarhd__item--on{color: #e21323;font-weight: bold;background-color: inherit;}
.wenew-tabbarhd__item.wenew-tabbarhd__item--on:after{content: "";width: 34px;height: 3px;background: #e21323;position: absolute;left: 50%;margin-left: -17px;bottom: -1px;z-index: 10;}
.wenew-tabbarhd__item.wenew-tabbarhd__item--ontwo:after{content:' ';background:#42bd56;position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);border-radius:.5rem;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;width:18px;height:9px;opacity:.2;bottom:8px;}

.wenew-tabbarbd{}
.wenew-tabbarbd .wenew-tabbarbd__item{display: none;height: 100%;overflow: auto;}
.wenew-tabbarbd .wenew-tabbarbd__item.wenew-tabbarbd__item--on{display: block;}

.weui-tabbar.wenew-foot-menu{display: -webkit-box;display: -webkit-flex;display: flex;position: relative;width: 100%;background-color: #ffffff;position:fixed;bottom: 0;width: 100%;z-index: 500;}
.weui-tabbar.wenew-foot-menu:before{border-top: 1px solid #e5e5e5;color: #e5e5e5;}

/*今日头条导航*/
.weui-navigator{background:#ffffff;padding:0;margin:0;z-index:1;width:100%;overflow:hidden;position:relative;display:inline-block}
.weui-navigator-list{width:100%;list-style:none;display:table;table-layout:fixed;white-space:nowrap;width:auto}
.weui-navigator-list li{list-style:none;line-height:37px;font-size:16px;text-align:center;-webkit-box-flex:1;display:-webkit-box;white-space:nowrap;-webkit-box-align:center;-webkit-box-pack:center}
.weui-navigator.weui-navigator-wrapper{}
.weui-navigator-list li a{text-decoration:none;color:#666;display:block;width:100%;-webkit-box-sizing:border-box;padding:0 15px}
.weui-navigator-list li.weui-navigator-hover,.weui-navigator-list li.weui-navigator-active a{color:#07c160}
.weui-navigator-list li.weui-navigator-hover,.weui-navigator-list li.weui-navigator-active a:after{content:'';display:block;height:2px;background-color:#07c160}
.weui-navigator .weui-navigator-list:after{content:'';clear:both;display:inline-block;width:0;height:0;overflow:hidden}

.weui-navigator-list li.weui-navigator-hover-red,.weui-navigator-list li.weui-navigator-active-red a{color:var(--red)}
.weui-navigator-list li.weui-navigator-hover-red,.weui-navigator-list li.weui-navigator-active-red a:after{content:'';display:block;height:2px;background-color:var(--red)}
.weui-navigator-list li.weui-navigator-hover-green,.weui-navigator-list li.weui-navigator-active-green a{color:var(--green)}
.weui-navigator-list li.weui-navigator-hover-green,.weui-navigator-list li.weui-navigator-active-green a:after{content:'';display:block;height:2px;background-color:var(--green)}
.weui-navigator-list li.weui-navigator-hover-blue,.weui-navigator-list li.weui-navigator-active-blue a{color:var(--blue)}
.weui-navigator-list li.weui-navigator-hover-blue,.weui-navigator-list li.weui-navigator-active-blue a:after{content:'';display:block;height:2px;background-color:var(--blue)}

/*=====按钮=====*/
.weui-btn+.weui-btn{margin-top: 0;}
.weui-btn.wenew-btn_primary{background-color: var(--primary);}
.weui-btn.wenew-btn_plain_primary{border: 1px solid var(--primary);color: var(--primary);}
.weui-btn.wenew-btn_plain_primary:after{border-width: 0;}
.weui-btn.wenew-btn_warm{background-color: #FFB800;}
.weui-btn.wenew-btn_plain_warm{border: 1px solid #FFB800;color: #FFB800;}
.weui-btn.wenew-btn_plain_warm:after{border-width: 0;}
.weui-btn.wenew-btn_danger{background-color: #FF5722;}
.weui-btn.wenew-btn_plain_danger{border: 1px solid #FF5722;color: #FF5722;}
.weui-btn.wenew-btn_plain_danger:after{border-width: 0;}
.weui-btn.wenew-btn_royal{background-color: #8a6de9;}
.weui-btn.wenew-btn_plain_royal{color: #8a6de9;border: 1px solid #8a6de9;}
.weui-btn.wenew-btn_plain_royal:after{border-width: 0;}
.weui-btn.wenew-btn_orange{background-color: var(--orange);}
.weui-btn.wenew-btn_plain_orange{color: var(--orange);border: 1px solid var(--orange);}
.weui-btn.wenew-btn_plain_orange:after{border-width: 0;}
.weui-btn.wenew-btn_red{background-color: var(--red);}
.weui-btn.wenew-btn_plain_red{color: var(--red);border: 1px solid var(--red);}
.weui-btn.wenew-btn_plain_red:after{border-width: 0;}
.weui-btn.wenew-btn_cyan{background-color: var(--cyan);}
.weui-btn.wenew-btn_plain_cyan{color: var(--cyan);border: 1px solid var(--cyan);}
.weui-btn.wenew-btn_plain_cyan:after{border-width: 0;}
.weui-btn.wenew-btn_green{background-color: var(--green);}
.weui-btn.wenew-btn_plain_green{color: var(--green);border: 1px solid var(--green);}
.weui-btn.wenew-btn_plain_green:after{border-width: 0;}
.weui-btn.wenew-btn_gray{background-color: gray;}

.wenew-btn_lg{line-height: 2.8;font-size:24px;}
.wenew-btn_sm{display: inline-block;padding-left:6px;padding-right:6px;line-height: 1.8;font-size:14px;}
.wenew-btn_xs{display: inline-block;padding-left:4px;padding-right:4px;line-height: 1.5;font-size:12px;}

/*=====表单=====*/
/*输入框*/
.wenew-input, .wenew-textarea{line-height: 21px;width: 100%;height: 40px;padding: 8px 12px;-webkit-user-select: text;border: 1px solid rgba(0,0,0,.2);border-radius: 3px;outline: 0;background-color: #fff;-webkit-appearance: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size:14px;}
.wenew-textarea{height: auto;resize: none;}
.wenew-textarea.wenew-textarea_blue{border: 1px solid #57b9f8;}
.wenew-input-xs{height: 26px;line-height: 1.1;padding-left:6px;}

.wenew-radio-wrap label{margin-right:10px;}

/*=====通用标题=====*/
/*通用标题1*/
.wenew-source-tit{padding: 8px 10px;line-height: 20px;position: relative;color: #8f8f94;}
.wenew-source-tit span{font-size: 14px;color: #333;padding-left: 5px;}
.wenew-source-tit span:after{content: "";position: absolute;left: 0;top: 9px;height: 18px;width: 3px;background: #e21323;}
/*通用标题2*/
.wenew-source-tit-two{font-size:14px;color: #2eb062;font-weight: bold;}

/*=====分页=====*/
.wenew-laypage{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;margin: 10px 10px;font-size: 0;}
.wenew-laypage a, .wenew-laypage button, .wenew-laypage input, .wenew-laypage select, .wenew-laypage span{border: 1px solid #e2e2e2;}
.wenew-laypage a, .wenew-laypage span{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;padding: 0 15px;height: 28px;line-height: 28px;margin: 0 -1px 5px 0;background-color: #fff;color: #333;font-size: 12px;}
.wenew-laypage a{text-decoration: none;}
.wenew-laypage>:last-child{margin-right: 0!important;}
.wenew-laypage>a:last-child, .wenew-laypage>a:last-child em{border-radius: 0 2px 2px 0;}
.wenew-laypage .wenew-laypage-curr{position: relative;}
.wenew-laypage .wenew-laypage-curr em{position: relative;color: #fff;}
.wenew-laypage .wenew-laypage-curr .wenew-laypage-em{position: absolute;left: -1px;top: -1px;padding: 1px;width: 100%;height: 100%;background-color: #009688;}
.wenew-laypage-style-one .wenew-laypage-curr .wenew-laypage-em{background-color:#1E9FFF;}
.wenew-laypage-style-two .wenew-laypage-curr .wenew-laypage-em{background-color:#FF5722;}
.wenew-laypage-style-three .wenew-laypage-curr .wenew-laypage-em{background-color:#FFB800;}

/*=====表格=====*/
.wenew-table{width: 100%;background-color: #fff;color: #666;border-collapse: collapse;border-spacing: 0;}
.wenew-table tbody tr:hover, .wenew-table thead tr{background-color: #f2f2f2;}
.wenew-table td, .wenew-table th{position: relative;padding: 9px 15px;min-height: 20px;line-height: 20px;font-size: 14px;}
.wenew-table td, .wenew-table th{border-width: 1px;border-style: solid;border-color: #e6e6e6;}
.wenew-table th{text-align: left;font-weight: 400;}
.wenew-table td.cite{background: #f5f5f5;color: #888;}

/*=====面板=====*/
.weui-panel__hd{padding: 10px 15px 10px;font-size:16px;}
.weui-panel__hd:after{left:10px;}
.weui-panel__bd.weui-panel__bd_padding{padding:10px;}

/*panel样式1:带红条的标题*/
.weui-panel.wefix-panel_tit{}
.weui-panel.wefix-panel_tit .weui-panel__hd{font-size:16px;}
.weui-panel.wefix-panel_tit .weui-panel__hd:before{content: "";position: absolute;left: 0;top: 13px;width: 2px;height: 16px;background: #FE4C56;}
.weui-panel.wefix-panel_tit .icon-title{margin-right:5px;}
.weui-panel.wefix-panel_tit .weui-panel__bd{}

.weui-panel.wefix-panel-celltit .weui-panel__hd{padding:0;font-size:14px;}

/*panel样式2:红色标题，去掉间隔线*/
.wefix-panel_two .weui-panel__hd{padding:0;color:#333;color: #F0373D;font-weight: 700;font-size: 16px;}
.wefix-panel_two .weui-panel__hd:after{border: none;}
.wefix-panel_two .weui-panel__hd .weui-cell{padding-bottom: 0;}
.wefix-panel_two .weui-panel__bd .weui-cell{padding-left: 20px;}

/*等card*/
.card-panel{padding: 10px;}

/*=====cell=====*/
.weui-cells{margin-top:10px;font-size:16px}

.wenew-cells-preview{padding:10px;line-height:26px;}
.wenew-cells-preview .weui-cell{padding:0}
.wenew-cells-preview .weui-cell:before{border:none;}

/*=====cell表单=====*/
.wefix-form{font-size:14px;overflow: inherit;margin-top: 0;}
.wefix-form .weui-cell__hd{width:80px;}
.wefix-form .wefix-cell--required{margin-left: 5px;}
.wefix-form .wefix-cell--required:before{content: "*";position: absolute;left: 8px;top:14px;font-size: 12px;color: #f44;}

/*=====媒体盒子media-box=====*/
.weui-media-box_appmsg.wefix-media-com-box{-webkit-box-align: inherit;-webkit-align-items: inherit;align-items: inherit;}
.weui-media-box_appmsg.wefix-media-box-1 .wefix-media-box__hd{width:80px;height:80px;margin-right:10px;}

/*商品专用*/
.weui-media-box_appmsg.wefix-media-product-box{-webkit-box-align: inherit;-webkit-align-items: inherit;align-items: inherit;}
.weui-media-box_appmsg.wefix-media-product-box .weui-media-box__hd{width:80px;height:80px;}
.weui-media-box_appmsg.wefix-media-product-box .weui-media-box__hd img{width:100%;height:100%;}

/*文章专用*/
.weui-media-box_appmsg.wefix-media-article-box{-webkit-box-align: inherit;-webkit-align-items: inherit;align-items: inherit;}
.weui-media-box_appmsg.wefix-media-article-box .weui-media-box__hd{width:100px;height:80px;line-height:80px}
.weui-media-box_appmsg.wefix-media-article-box .weui-media-box__hd img{width:100%;height:100%;}

.weui-media-box_appmsg.wefix-media-product-xs .weui-media-box__hd{width:30px;height:30px;}
.weui-media-box_appmsg .weui-media-box__hd.proinfo-txt-l{width:30px; height:auto; vertical-align:top;}
.weui-media-box_appmsg .weui-media-box__hd.proinfo-txt-l2{width:60px; height:auto; vertical-align:top;text-align:left;}
.weui-media-box_appmsg .weui-media-box__hd.proinfo-txt-l3{width:80px; height:auto; vertical-align:top;text-align:left;}

.wefix-media-box__we_title{font-size:16px;line-height:28px;font-weight:normal;color: var(--olive);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;word-wrap: break-word;word-break: break-all;display:block;padding:0;margin-bottom:0;}
.wefix-media-box__we_title a{color: var(--olive);}
.wefix-media-box__we_desc{font-size:16px;line-height:24px;font-weight:normal;color: var(--olive);overflow: hidden;text-overflow: ellipsis;display:block;padding:0;margin-bottom:0;}
.wefix-media-box__we_desc a{color: #000000;}
.wefix-media-box__desc{color: #999;font-size: 14px;line-height: 26px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.wefix-media-box__we_work{color:#454545;font-size: 14px;line-height: 26px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-top: 0;}
.wefix-media-box__we_second{color:#999;font-size: 13px;line-height: 26px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-top: 0;}
.wefix-media-box__we_second:after{clear: both;display: table;content: " ";}
.wefix-media-box__we_three{font-size: 14px;margin-top: 0;}
.wefix-media-box__we_three:after{clear: both;display: table;content: " ";}
.wefix-media-box__we_img{margin-top:5px;}
.wefix-media-box__we_img img{max-width:100%}
.wefix-media-sub_box{display: flex;align-items: center;justify-content: space-between;color: #999;box-sizing: border-box;line-height: 24rpx;}
.wefix-media-sub_source{font-size: 26rpx;}
.wefix-media-sub_cmt{font-size: 24rpx;line-height: 24rpx;display: flex;align-items: center;}

/*=====提示=====*/
.wefix-tips{font-weight: 400;padding: 10px;border-bottom: 1px dotted #ccc;color: #e54d42;background: #fffeed;font-size: 14px;}

/*=====layer优化=====*/
.layui-layer-setwin .layui-layer-closetrue{background-position:1px -40px;cursor:pointer}.layui-layer-setwin .layui-layer-closetrue:hover{opacity:.7}

/*=====dialog=====*/
.wenew-fullpopup{height: 100%;background: #f8f8f8;font-size:16px;}
.wenew-fullpopup .wenew-fullpopup-bd{}
.wenew-fullpopup .wenew-fullpopup-close{float:right;}
.wenew-fullpopup-ft{position:fixed;left:0;width:100%;bottom:0;z-index:9;border-radius:0;padding: 15px;background: #fff;box-sizing:border-box;box-shadow: 0 0 10px #f5f5f5}
.wenew-fullpopup-ft-remind{background: rgba(0,0,0,0.8);color: #fff;}

/*=====卡片=====*/
.zzui-card-title{margin: 0 16px;font-size: 14px;font-weight: 400; color: #000000;}
.zzui-card{display: block;overflow: hidden;}
.zzui-card>.zzui-card__inner{display: block;background-color: var(--white);overflow: hidden;border-radius: 5px;margin: 16px;}

/*=====radio美化=====*/
.demo--label{margin:0 20px 10px 0;display:inline-block}
.demo--radio{display:none}
.demo--radioInput{background-color:#fff;border:1px solid rgba(0,0,0,0.15);border-radius:100%;display:inline-block;height:16px;margin-right:10px;margin-top:-1px;vertical-align:middle;width:16px;line-height:1}
.demo--radio:checked + .demo--radioInput:after{background-color:#57ad68;border-radius:100%;content:"";display:inline-block;height:12px;margin:2px;width:12px}
.demo--checkbox.demo--radioInput,.demo--radio:checked + .demo--checkbox.demo--radioInput:after{border-radius:0}

/*=====文章页面=====*/
.wenew-article{padding:10px;color:#616161;font-size: 16px;background:#fff}
.wenew-article-hd{line-height: 24px; border-bottom:1px solid #e8e8e6; padding-bottom:5px; margin-bottom:10px;}
.wenew-article-hd h3{padding-bottom:5px; }
.wenew-article-hd span{ color:#a5a5a5; }
.wenew-article-bd img{ width:100%; padding:5px 0;}

/*=====分享遮罩=====*/
.share-cover{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);display: none;z-index: 20000;}
.share-cover img{position: fixed;right: 18px;top: 5px;width: 260px;height: 180px;z-index: 20001;}