@import "icon.css"; body,html { height:100%; -webkit-tap-highlight-color:transparent }a { color: #6eb7ff; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } a:active { color: #6eb7ff; } ::-webkit-input-placeholder { color: #CCCCCC; } /*基本样式*/ .baseline { vertical-align: baseline; } .middle { vertical-align: middle; } .top { vertical-align: top; } .block { display: block; } .show { display: block; } .hide { display: none; } .inline { display: inline; } .iblock { display: inline-block; *display: inline; *zoom: 1; } .dtable { display: table; } .cell { display: cell-table; } .tleft { text-align: left; } .tright { text-align: right; } .tcenter { text-align: center; } .center { margin-left: auto; margin-right: auto; } .border { border: 1px solid #CCCCCC !important; } .dotted { border: 1px dotted #CCCCCC !important; } .hand { cursor: pointer; } .move { cursor: move; } .u { text-decoration: underline; } .del { text-decoration: line-through; } .none { text-decoration: none; } .i { font-style: italic; } .-i { font-style: normal; } .bold { font-weight: bold; } .-bold { font-weight: normal; } .-wrap { white-space: nowrap; word-break: break-all; overflow: hidden; } .wrap { white-space: pre-wrap; word-wrap: break-word; word-break: break-all; } .left { float: left; } .right { float: right; } .clear { clear: both; } .clearfix:after, .clearfix:before { display: table; content: " "; } .clearfix:after { clear: both; } .upper { text-transform: uppercase; } .lower { text-transform: lowercase; } .cap { text-transform: capitalize; } .hidden { overflow: hidden; } .visible { overflow: visible; } .zindex { z-index: 1; } .rel { position: relative; } .abs { position: absolute; } .fixed { position: fixed; } .indent { text-indent: 20px; } .lheight { line-height: 20px; } .outline { outline: none; hide-focus: expression(this.hideFocus=true); } .ell { text-overflow: ellipsis; overflow: hidden; } .yahei { font-family: "Microsoft YaHei"; } .weui_actionsheet { z-index: 1000; } /*1px解决方案*/ .weui-border-t { border-top: 1px solid #e0e0e0; } .weui-border-b { border-bottom: 1px solid #e0e0e0; } .weui-border-tb { border-top: #e0e0e0 1px solid; border-bottom: #e0e0e0 1px solid; background-image: none; } .weui-border-l { border-left: 1px solid #e0e0e0; } .weui-border-r { border-right: 1px solid #e0e0e0; } .weui-border { border: 1px solid #e0e0e0; } .weui-border-radius { border: 1px solid #e0e0e0; border-radius: 4px; } @media screen and (-webkit-min-device-pixel-ratio: 2) { .weui-border-radius { position: relative; border: 0; } .weui-border-radius:before { content: ""; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid #e0e0e0; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; padding: 1px; -webkit-box-sizing: border-box; border-radius: 8px; pointer-events: none; } } @media screen and (-webkit-min-device-pixel-ratio: 2) { .weui-border { position: relative; border: 0; } .weui-border-t, .weui-border-b, .weui-border-l, .weui-border-r, .weui-border-tb { border: 0; } .weui-border-t { background-position: left top; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0)); } .weui-border-b { background-position: left bottom; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0)); } .weui-border-t, .weui-border-b, .weui-border-tb { background-repeat: repeat-x; -webkit-background-size: 100% 1px; } .weui-border-tb { background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0)), -webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0)); background-position: top, bottom; } .weui-border-l { background-position: left top; background-image: -webkit-gradient(linear, right top, left top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0)); } .weui-border-r { background-position: right top; background-image: -webkit-gradient(linear, left top, right top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0)); } .weui-border-l, .weui-border-r { background-repeat: repeat-y; -webkit-background-size: 1px 100%; } .weui-border:after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0)), -webkit-gradient(linear, left top, right top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0)), -webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0)), -webkit-gradient(linear, right top, left top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0)); -webkit-background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%; background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%; -webkit-background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%; background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%; background-repeat: no-repeat; background-position: top, right, bottom, left; padding: 1px; -webkit-box-sizing: border-box; z-index: 10; pointer-events: none; } } /*按钮*/ .button_sp_area { padding:10px 0; width:60%; margin:0 auto; text-align:justify; text-justify:distribute-all-lines; font-size:0 } .button_sp_area:after { display:inline-block; width:100%; height:0; font-size:0; margin:0; padding:0; overflow:hidden; content:"." } .bg-green{ background-color:#04BE02; } .bg-red{ background-color:#EF4F4F; } .bg-blue {/*蓝色*/ background-color: #6eb7ff; } .bg-blue:not(.weui_btn_disabled):visited { color: #FFFFFF; } .bg-blue:not(.weui_btn_disabled):active { color: rgba(255, 255, 255, 0.4); background-color: #6eb7ff; } .bg-blue-b { color: #6eb7ff; border: 1px solid #6eb7ff; } button.bg-blue-b, input.bg-blue-b { border-width: 1px; background-color: transparent; } .bg-blue-b:active { border-color: #6eb7ff; } .bg-blue-b:after { border-width: 0; } .bg-orange {/*橙色*/ background-color: #FF6600; } .bg-orange:not(.weui_btn_disabled):visited { color: #FFFFFF; } .bg-orange:not(.weui_btn_disabled):active { color: rgba(255, 255, 255, 0.4); background-color: #FF6600; } .bg-orange-b { color: #FF6600; border: 1px solid #FF6600; } button.bg-orange-b, input.bg-orange-b { border-width: 1px; background-color: transparent; } .bg-orange-b:active { border-color: #FF6600; } .bg-orange-b:after { border-width: 0; } .bg-gray { background-color: #e7e7e7; } /*字体大小 生成11-32 35 40 45 50像素字体 */ .f11 { font-size: 11px !important; line-height: 11px; } .f12 { font-size: 12px !important; line-height: 12px; } .f13 { font-size: 13px !important; line-height: 13px; } .f14 { font-size: 14px !important; line-height: 14px; } .f15 { font-size: 15px !important; line-height: 15px; } .f16 { font-size: 16px !important; line-height: 16px; } .f17 { font-size: 17px !important; line-height: 17px; } .f18 { font-size: 18px !important; line-height: 18px; } .f19 { font-size: 19px !important; line-height: 19px; } .f20 { font-size: 20px !important; line-height: 20px; } .f21 { font-size: 21px !important; line-height: 21px; } .f22 { font-size: 22px !important; line-height: 22px; } .f23 { font-size: 23px !important; line-height: 23px; } .f24 { font-size: 24px !important; line-height: 24px; } .f25 { font-size: 25px !important; line-height: 25px; } .f26 { font-size: 26px !important; line-height: 26px; } .f27 { font-size: 27px !important; line-height: 27px; } .f28 { font-size: 28px !important; line-height: 28px; } .f29 { font-size: 29px !important; line-height: 29px; } .f30 { font-size: 30px !important; line-height: 30px; } .f31 { font-size: 31px !important; line-height: 31px; } .f32 { font-size: 32px !important; line-height: 32px; } .f35 { font-size: 35px !important; line-height: 35px; } .f40 { font-size: 40px !important; line-height: 40px; } .f45 { font-size: 45px !important; line-height: 45px; } .f50 { font-size: 50px !important; line-height: 50px; } .f55 { font-size: 55px !important; line-height: 55px; } /*字体颜色*/ .f-red { color: #ef4f4f !important; } .f-green { color: #04be02 !important; } .f-blue { color: #6eb7ff !important; } .f-black { color: #333 !important; } .f-white { color: #FFF !important; } .f-zi { color: #FF33CC !important; } .f-gray { color: #CCCCCC !important; } .f-yellow { color: #FFFF66 !important; } .f-orange { color: #FF6600 !important; } /*Tab*/ .tab-fixed { position: fixed; top: 0; width: 100%; z-index:100; } .tab-bottom { bottom: 0; width: 100%; position: fixed; } .weui_navbar_item.tab-green { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-bottom: 3px solid #04be02; color: #04be02; } .weui_navbar_item.tab-red { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-bottom: 3px solid #ef4f4f; color: #ef4f4f; } .weui_navbar_item.tab-blue { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-bottom: 3px solid #6eb7ff; color: #6eb7ff; } .weui_navbar_item:after {border-right:none;} /*分割线*/ .weui-loadmore { font-size: 14px; line-height: 1.6em; margin: 1.5em auto; text-align: center; width: 65%; } .weui-loadmore-tips { display: inline-block; vertical-align: middle; } .weui-loadmore-line { border-top: 1px solid #e5e5e5; margin-top: 2.4em; } .weui-loadmore-line .weui-loadmore-tips { background-color: #f8f8f8; color: #999999; padding: 0 0.55em; position: relative; top: -0.9em; } .weui-loadmore-dot .weui-loadmore-tips { padding: 0 0.16em; } .weui-loadmore-dot .weui-loadmore-tips::before { background-color: #999; border-radius: 50%; content: " "; display: inline-block; height: 4px; position: relative; top: -0.16em; vertical-align: 0; width: 4px; } /** * 表格 */ .weui-table { width: 100%; border-collapse: collapse; background-color: #fff; line-height: 32px; text-align: center; } .weui-table th { font-weight: 500; } .weui-table td, .weui-table th { border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; text-align: center; } @media screen and (-webkit-min-device-pixel-ratio: 2) { .weui-table td, .weui-table th { position: relative; border-right: 0; border-bottom: 0; } .weui-table td:after, .weui-table th:after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-image: -webkit-gradient(linear, left top, right top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0), to(#e0e0e0)), -webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0), to(#e0e0e0)); background-size: 1px 100% ,100% 1px; background-repeat: no-repeat; background-position: right, bottom; } .weui-table tr td:last-child:after, .weui-table tr th:last-child:after { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0), to(#e0e0e0)); background-size: 100% 1px; background-repeat: no-repeat; background-position: bottom; } .weui-table tr:last-child td:not(:last-child):after { background-image: -webkit-gradient(linear, left top, right top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0), to(#e0e0e0)); background-size: 1px 100%; background-repeat: no-repeat; background-position: right; } } .weui-table tr td:last-child, .weui-table tr th:last-child { border-right: 0; } .weui-table tr:last-child td { border-bottom: 0; } /*swipe*/ .slide{ position: relative; max-width: 640px; overflow: hidden; margin: 0px auto; } .slide:after{ content: ''; display: block; width: 100%; padding-top: 50%; } .slide ul{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .slide li{ list-style: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .slide li:first-child{ z-index: 1; } .slide li img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: none; } .slide .slide-desc { background-color: rgba(0, 0, 0, 0.5); position: absolute; bottom: 0;overflow: hidden; padding: 5px; width: 100%; color: #fff; font-size: 16px; text-align: center;white-space: nowrap;word-break: break-all; text-overflow: ellipsis; } .slide .dot{ position: absolute; right: 10px; bottom: 10px; z-index: 5; font-size: 0; } #slide2 .dot{ position: absolute; right:50%; bottom: 10px; z-index: 5; font-size: 0;text-align: center; margin:0 auto; } .slide .dot span{ display: inline-block; width: 5px; height: 5px; margin-left: 5px; border: 1px solid #fff; border-radius: 50%; } .slide .dot .cur{ background-color:#04BE02;border: 1px solid #04BE02; } .slide .txt{overflow: hidden;text-align:center;font-size:16px; white-space: nowrap;word-break: break-all; text-overflow: ellipsis;} /*搜索*/ .search-input{ box-sizing: content-box; width:100%; height: 30px; display:inline-block; border: none; -webkit-appearance: none; appearance: none; border-radius:1px; font-family: inherit; color: #3d4145; font-size: 16px; font-weight: normal; padding: 0 5px; background-color: #fff; border:1px solid #04be02;opacity:0.9; } .search-input::-webkit-input-placeholder { color: #cccccc; opacity: 1; } .search-input+button::after { border: 1px solid #04be02!important; } .search-input+button{ border-radius:0!important; } /*标签*/ .weui-label { display: inline-block; position: relative; line-height: 25px; height: 25px; padding: 0 10px; border: 1px solid #cacccd; border-radius: 5px; } @media screen and (-webkit-min-device-pixel-ratio: 2) { .weui-label { position: relative; border: 0; } .weui-label:before { content: ""; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid #cacccd; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; padding: 1px; -webkit-box-sizing: border-box; border-radius: 5px; } } .weui-label:active { background-color: #f3f2f2; } .weui-label-list {margin: 0 10px; } .weui-label-list .weui-label {margin:5px 5px 0 0; } .weui-label-s { font-size: 14px; line-height: 16px; display: inline-block; position: relative; padding:1px; color: #ff7f0d; border: 1px solid #ff7f0d; border-radius: 2px; } @media screen and (-webkit-min-device-pixel-ratio: 2) { .weui-label-s { position: relative; border: 0; padding:2px 1px 0px;} .weui-label-s:before { content: ""; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid #ff7f0d; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0; padding: 1px; -webkit-box-sizing: border-box; border-radius: 4px; } } .weui-label-s:active { background-color: #f3f2f2; } .weui-label-s:after { content: ""; position: absolute; top: -5px; bottom: -5px; left: -5px; right: -5px; } /* * 红点提醒 */ .weui-reddot, .weui-reddot-border, .weui-reddot-s { position: relative; display: inline-block; line-height: 22px; padding: 0 6px; } .weui-reddot:after, .weui-reddot-border:after, .weui-reddot-s:after { content: ''; position: absolute; display: block; width: 8px; height: 8px; background-color: #f74c31; border-radius: 5px; right: -3px; top: -3px; background-clip: padding-box; } .weui-reddot-static { display: block; width: 8px; height: 8px; padding: 0; } .weui-reddot-static:after { top: 0; right: 0; } .weui-reddot-border:before { content: ''; position: absolute; display: block; width: 8px; height: 8px; background-color: #fff; border-radius: 5px; right: -4px; top: -4px; background-clip: padding-box; padding: 1px; } .weui-reddot-s:after { width: 6px; height: 6px; top: -5px; right: -5px; } /*动画*/ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.checked { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes a{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes a{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@-webkit-keyframes b{0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}}@keyframes b{0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}} .slideIn{-webkit-animation:a .2s forwards;animation:a .2s forwards} .slideOut{-webkit-animation:b .2s forwards;animation:b .2s forwards} .weui-loading { width: 20px; height: 20px; display: inline-block; vertical-align: middle; -webkit-animation: weuiLoading 1s steps(12, end) infinite; animation: weuiLoading 1s steps(12, end) infinite; background: transparent url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iciIgd2lkdGg9JzEyMHB4JyBoZWlnaHQ9JzEyMHB4JyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4KICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJub25lIiBjbGFzcz0iYmsiPjwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjRTlFOUU5JwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoMCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICA8L3JlY3Q+CiAgICA8cmVjdCB4PSc0Ni41JyB5PSc0MCcgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHJ4PSc1JyByeT0nNScgZmlsbD0nIzk4OTY5NycKICAgICAgICAgIHRyYW5zZm9ybT0ncm90YXRlKDMwIDUwIDUwKSB0cmFuc2xhdGUoMCAtMzApJz4KICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0naW5kZWZpbml0ZScvPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyM5Qjk5OUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSg2MCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9J2luZGVmaW5pdGUnLz4KICAgIDwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjQTNBMUEyJwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoOTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNBQkE5QUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxMjAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCMkIyQjInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxNTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCQUI4QjknCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxODAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDMkMwQzEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyMTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDQkNCQ0InCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEMkQyRDInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEQURBREEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNFMkUyRTInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0Pgo8L3N2Zz4=) no-repeat; background-size: 100%; } @-webkit-keyframes weuiLoading { 0% { -webkit-transform: rotate3d(0, 0, 1, 0deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 360deg); } } @keyframes weuiLoading { 0% { -webkit-transform: rotate3d(0, 0, 1, 0deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 360deg); } } /*css3*/ .radius-lg { -webkit-border-radius: 15px; border-radius: 15px; } .radius-md { -webkit-border-radius: 8px; border-radius: 8px; } .radius-sm { -webkit-border-radius: 2px; border-radius: 2px; } .radius { -webkit-border-radius: 5px; border-radius: 5px; } .blur { -webkit-filter: blur(5px); filter: blur(5px); } .bs { box-shadow: 1px 1px 8px #cccccc; -webkit-box-shadow: 1px 1px 8px #cccccc; } .circle { -webkit-border-radius: 50%; border-radius: 50%;} @keyframes xz360 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } } @-webkit-keyframes xz360 { 0% { -webkit-transform: rotate(0deg); -webkit-transform-origin: 50% 50%; } 100% { -webkit-transform: rotate(360deg); -webkit-transform-origin: 50% 50%; } } .xz360 { -webkit-animation: xz360 6s ease-out 0.1s infinite; animation: xz360 6s ease-out 0.1s infinite; }\ .xz180{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%} .reverse { animation-direction: reverse; } .opacity { opacity: 0.5; filter: alpha(opacity=50); } .opacity-0{ opacity: 0; filter: alpha(opacity=0); } .opacity-1{ opacity: 1; filter: alpha(opacity=100); } .ts { text-shadow: 1px 1px 0 rgba(255,255,255,1),1px 1px 2px rgba(0,85,0,.8);} .jb { background-color: #999; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#999), to(#FFF)); background-image: -webkit-linear-gradient(top, #999, #FFF); background-image: linear-gradient(top, #999, #FFF); } /*图片效果组件*/ .img-border { padding: 3px;margin-left:-5px; line-height: 16px; background-color: #fff; border: 1px solid #ddd; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; display: inline-block; *display: inline; *zoom: 1; } a.img-border { max-width: 100%; height: auto; } a.img-border:focus, a.img-border:hover { border-color: #428bca; } .img-radius { border-radius: 3px; } .img-max { display: block; max-width: 100%; } /* weui-box*/ .weui-img-box { position: relative;border-radius:2px } .weui-img { background-position: 50% center; background-size: cover; border-radius: 2px; cursor: pointer; display: block; max-width: 100%; padding-bottom: 33%; position: relative; } .weui-img-title { color: #fff; font-size: 16px; font-weight: 500; left: 0; position: absolute; right: 0; text-align: center; text-shadow: 0 0 2px rgba(0, 0, 0, 0.5); top: 50%; transform: translateY(-50%); width: 100%; } .weui-img-time { border-top: 1px solid #f0f0f0; display: inline-block; font-size: 12px; margin-top: 5px; padding-top: 4px; } .weui-img-masker { border-radius: inherit; bottom: 0; left: 0; position: absolute; right: 0; top: 0; background-color: rgba(0, 0, 0, 0.5); } /*分页*/ .pager { font-size: 14px; } .pager:after{ clear: both; } .pager:after, .pager:before { display: table; content: " "; } .pager-left { width: 40%; border: 0px solid #D5D5D5; text-align: center; background-color: #fff; border-radius: 5px; float: left; } .pager-cen { float: left; width: 19%; text-align: center; padding: 7px 0; } .pager-right { width: 40%; border: 0px solid #D5D5D5; text-align: center; background-color: #fff; border-radius: 5px; float: right; } .pager-first { width: 44%; padding: 7px 0; float: left; border-right: 1px solid #EFEFEF; } .pager-pre { width: 55%; padding: 7px 0; float: right; } .pager-next { width: 55%; padding: 7px 0; float: left; border-right: 1px solid #EFEFEF; } .pager-end { width: 44%; padding: 7px 0; float: right; } /*分享到朋友圈或朋友*/ .weui-share { position: fixed; left: 0; top: 0; z-index: 9999; width: 100%; height: 100%; display: none;cursor: pointer; background: rgba(0, 0, 0, 0.75); } .weui-share .weui-share-box{ position: absolute; top: 65px; right: 20px; width: 140px; padding: 10px; color: #fff; font-size: 20px; line-height: 30px; border: 2px solid; -webkit-border-radius: 10px; border-radius: 10px; } .weui-share i { position: absolute; background: url(data:image/png;base64,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) no-repeat 90% 5px; -webkit-background-size: 56px 61px; background-size: 56px 61px; width: 56px; height: 61px; top: -63px; right: 23px; } /*微信文章*/ @media (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) { .weui-weixin-ui { font-size: 17px; } } .weui-weixin-ui { font-size: 16px; word-wrap: break-word; -webkit-hyphens: auto; hyphens: auto; } .weui-weixin-page { position: relative; padding: 10px 15px 15px; background-color: #fff; } .weui-weixin-page:before { content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 1px; border-top: 1px solid #e5e5e5; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); top: auto; bottom: -2px; } .weui-weixin-title { margin-bottom: 10px; line-height: 1.4; font-weight: 400; font-size: 20px; } @media screen and (min-width: 1024px) { .weui-weixin{ width: 740px; margin-left: auto; margin-right: auto; } .weui-weixin-title { padding-bottom: 10px; margin-bottom: 14px; border-bottom: 1px solid #e7e7eb; } } .weui-weixin-info { margin-bottom: 18px; line-height: 20px; font-size: 0; } .weui-weixin-a { display: inline-block; vertical-align: middle; margin-right: 8px; margin-bottom: 10px; font-size: 16px; } .weui-weixin-em { color: #8c8c8c;font-style: normal; display: inline-block; font-size: 16px; margin-bottom: 10px; margin-right: 12px; vertical-align: middle;} .weui-weixin-nickname { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 9em; } .weui-weixin-img { width: 100%; margin-bottom: 6px; } .weui-weixin-img img { height: auto !important; max-width: 100%; } .weui-weixin-content { overflow: hidden; color: #3e3e3e;font-size: 16px; } .weui-weixin-content * { max-width: 100% !important; box-sizing: border-box !important; -webkit-box-sizing: border-box !important; word-wrap: break-word !important; } .weui-weixin-content p { clear: both; min-height: 1em; white-space: pre-wrap; margin-bottom: 20px; } .weui-weixin-content fieldset { min-width: 0; } .weui-weixin-content blockquote { margin: 0; padding-left: 10px; border-left: 3px solid #dbdbdb; } .weui-weixin-content img { height: auto !important; max-width: 100%;display: block;} @media screen and (min-width: 0\0) and (min-resolution: 72dpi) { .weui-weixin-content table { table-layout: fixed !important; } .weui-weixin-content td, .weui-weixin-content th { width: auto !important; } } .weui-weixin-tools { overflow: hidden; padding-top: 15px; line-height: 32px;font-size: 14px; } .weui-weixin-read { vertical-align: 0; position: relative; margin:0 10px;display:inline-block;color:#8c8c8c;} .weui-weixin-zan { background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAA+CAYAAAA1dwvuAAAACXBIWXMAAA7EAAAOxAGVKw4bAAACd0lEQVRYhe2XMWhUMRjHfycdpDg4iJN26CQih4NUlFIc3iTasaAO+iZBnorIId2CDg6PLqWDXSy0p28TJ6ejILgoKiLFSeRcnASLnDf2HPKll8b3ah5NQPB+cHzJl0v+73J5Sf6NwWCAD6kqxoEV4BywCTwA2j59V9QlxrxUNJeBOSkfBtaAHvDcp/O+GkJHJd4H7kr5nm/nOkJHJH4FHkv5WAyhUxLfAgelvBlUKFXFBNCU6oYl+j6oEHohADwFtoDTUn8dTChVxX7gjlSfSJyS+CaYEDCPXs4d4IXkzDR+8BWqfI9SVUyil/ENST20ml8BF4Afu4z9HT3V80B/TAY9CxTABNAHxp1Oj4B1q34dWAamGa5Al0PALfSs3TS/aE1EcERWgQXgozPIN+Ai6O2ljFQVM8BLZJqN0KTEhgj9kvrViqf1wYz5BcoXQ38Pg9uckfiuSigU0xLXowmlqpgCjgNd4FM0IeCKxGcmEUtoRqLZScILpaqYA06iN9/tTTfGLzKvxLKdDCqUquIEcB59xK9GE2J4xLeBn3ZD1abaq/sQqSpmgWvo82rBbTdCPeAA4N69/noXS1XhphaBz27SPPVtapz/FXSBFsNDcgcN3wvkiBEjRoSndAtqLXXKvuvtYfMs+SP3T3tYm6ge1iaqh7UJ62HRTqNZko/mYV3CeVjA9rAuUTxsGd4edrcX1vWwddn2sHmWaA/bWuq4HnYLff3aC7U8bAiaMPyPJp3GhnxCUOlhQxPdwxrieViLbp4lUT2sIbqHNcTzsBYbeZZE9bCGeB7WIrqHNbTzLNnhYWMIlXpYI9Rz8gM8/GsFi3mW/Ace9jf8QZwIX5o4uQAAAABJRU5ErkJggg==") no-repeat scroll 0 0 / 100% auto; display: inline-block; height: 13px; vertical-align: middle; width: 13px; } .weui-weixin-zan.zaned { background-position: 0 -18px; } .zaned .weui-weixin-zan { background-position: 0 -18px; } .weui-weixin-num{margin-left:3px;} /** * 提示页面 */ .weui_msg_box { width: 100%; height: 80%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; -webkit-box-align: center; position: absolute; text-align: center; } .weui_msg_box p { font-size: 16px; line-height: 20px; color: #bbbbbb; text-align: center; padding: 0 15px; } /*评论*/ .weui-comment { font-size: 16px; margin-top: -5px; padding-bottom: 20px; } .weui-comment-item { margin-top: 15px; padding-left: 45px; position: relative; list-style-type: none; } .weui-comment-item::after { clear: both; content: "​"; display: block; height: 0; } .weui-comment-item .userinfo { min-height: 20px; overflow: hidden; } .weui-comment-item .nickname { color: #727272; display: block; font-style: normal; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 9em; word-wrap: normal; } .weui-comment-item .avatar { background-color: #ccc; border-radius: 2px; height: 35px; left: 0; margin-top: 0; position: absolute; top: 3px; vertical-align: top; width: 35px; } .weui-comment-item .weui-comment-msg { color: #3e3e3e; line-height: 1.5; } .weui-comment-item .time { color: #8c8c8c; font-size: 12px; } .weui-comment-item .time a { margin-left: 0.5em; } .weui-comment-item .status { color: #ff7a21; white-space: nowrap; } .weui-comment-item .status i { font-style: normal; margin-right: 2px; } .weui-comment-item .weui-comment-li { float: right; } .weui-comment-item .weui-comment-li .check { display: inline-block; margin-top: -5px; padding-top: 5px; text-align: right; } .weui-comment-reply { margin-top: 0.5em; padding-left: 0.4em; padding-top: 0.5em; position: relative; } .weui-comment-num{ color: #666; display: inline-block; font-size: 14px; vertical-align: middle; } .weui-comment-reply::before { border-top: 1px solid #dadada; content: " "; height: 1px; left: 0; position: absolute; top: 0; transform: scaleY(0.5); transform-origin: 0 0 0; width: 100%; } .weui-comment-reply .nickname { overflow: visible; position: relative; } .weui-comment-reply .nickname::before { background-color: #02bb00; content: " "; height: 14px; left: -0.4em; margin-top: -7px; position: absolute; top: 50%; width: 3px; } .weui-comment-icon { background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAA+CAYAAAA1dwvuAAAACXBIWXMAAA7EAAAOxAGVKw4bAAACd0lEQVRYhe2XMWhUMRjHfycdpDg4iJN26CQih4NUlFIc3iTasaAO+iZBnorIId2CDg6PLqWDXSy0p28TJ6ejILgoKiLFSeRcnASLnDf2HPKll8b3ah5NQPB+cHzJl0v+73J5Sf6NwWCAD6kqxoEV4BywCTwA2j59V9QlxrxUNJeBOSkfBtaAHvDcp/O+GkJHJd4H7kr5nm/nOkJHJH4FHkv5WAyhUxLfAgelvBlUKFXFBNCU6oYl+j6oEHohADwFtoDTUn8dTChVxX7gjlSfSJyS+CaYEDCPXs4d4IXkzDR+8BWqfI9SVUyil/ENST20ml8BF4Afu4z9HT3V80B/TAY9CxTABNAHxp1Oj4B1q34dWAamGa5Al0PALfSs3TS/aE1EcERWgQXgozPIN+Ai6O2ljFQVM8BLZJqN0KTEhgj9kvrViqf1wYz5BcoXQ38Pg9uckfiuSigU0xLXowmlqpgCjgNd4FM0IeCKxGcmEUtoRqLZScILpaqYA06iN9/tTTfGLzKvxLKdDCqUquIEcB59xK9GE2J4xLeBn3ZD1abaq/sQqSpmgWvo82rBbTdCPeAA4N69/noXS1XhphaBz27SPPVtapz/FXSBFsNDcgcN3wvkiBEjRoSndAtqLXXKvuvtYfMs+SP3T3tYm6ge1iaqh7UJ62HRTqNZko/mYV3CeVjA9rAuUTxsGd4edrcX1vWwddn2sHmWaA/bWuq4HnYLff3aC7U8bAiaMPyPJp3GhnxCUOlhQxPdwxrieViLbp4lUT2sIbqHNcTzsBYbeZZE9bCGeB7WIrqHNbTzLNnhYWMIlXpYI9Rz8gM8/GsFi3mW/Ace9jf8QZwIX5o4uQAAAABJRU5ErkJggg==") no-repeat scroll 0 0 / 100% auto; display: inline-block; height: 13px; vertical-align: middle; width: 13px; } .weui-comment-icon.checked, .checked .weui-comment-icon { background-position: 0 -18px; } /*加减*/ .weui-number-input { float:left; height:20px; font-size:20px; color: #666; -webkit-appearance: none; appearance: none; border:1px solid #ececec; padding:3px 0; text-align:center; border-radius: 1px; } .weui-number { float:left; height:20px; font-size:25px; line-height:18px; color:#3cc51f; border:1px solid #ececec; } .weui-number-sub { border-right:none; padding:3px 10px; border-radius:2px 0 0 2px; } .weui-number-plus { border-left:none; margin-right: 5px; padding:3px 8px; border-radius:0 2px 2px 0; } .weui-rater { text-align: left; display: inline-block; line-height: normal; } .weui-rater a { display: inline-block; text-align: center; line-height: 25px; cursor: pointer; color: #ccc; } .weui-rater a:last-child { padding-right: 2px!important; margin-right: 0px!important; } .weui-rater a:hover { color: #ffdd99; } .weui-rater a.checked { color: #ffdd99 !important; cursor: not-allowed; } .weui-rater-box { position: relative; margin-right: 2px; font-size: 25px; width: 25px; height: 25px; color: rgb(255, 204, 102); } .weui-rater-inner { position: relative; display: inline-block; } .weui-rater-outer { position: absolute; left: 0; top: 0; display: inline-block; overflow: hidden; } /*弹出框*/ .weui_msg_img{ background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0; height: 100%; left: 0; display:node; position: fixed; text-align: center; top: 0; width: 100%; z-index: 999; } .weui_msg_com { border-radius: 10px; margin: 70px auto 0; position: relative; width: 80%; } .weui_msg_close { background:rgba(55,55,55,0.9); border-radius: 15px; color: #fff; cursor: pointer; font-weight: bold; height: 30px; line-height: 30px; position: absolute; right: -10px; top: -10px; width: 30px;border:1px solid #FFF; } .weui_msg_src { border-radius: 5px; font-size: 0; overflow: hidden; } .weui_msg_src img { width: 100%; } .weui_msg_src p { font-size: 18px; line-height: 25px; margin: 20px auto 0; width: 80%; } .weui_msg_src a { background: #f84c2f none repeat scroll 0 0; border-radius: 5px; color: #fff; display: block; font-size: 14px; height: 35px; line-height: 35px; margin: 20px auto; text-align: center; width: 100px; } .weui_msg_comment { background: #fff none repeat scroll 0 0; border-radius:5px; color: #ff0000; padding: 0 0 10px; } /*toast 对话框 扩展*/ .weui_dialog, .weui_toast { -webkit-transition-duration: .2s; transition-duration: .2s; opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); visibility: hidden; margin: 0; left: 7.5%; top: 30%; z-index: 100; } .weui_dialog .weui_btn_dialog + .weui_btn_dialog, .weui_toast .weui_btn_dialog + .weui_btn_dialog { position: relative; } .weui_dialog .weui_btn_dialog + .weui_btn_dialog:after, .weui_toast .weui_btn_dialog + .weui_btn_dialog:after { content: " "; position: absolute; left: 0; top: 0; width: 1px; height: 100%; border-left: 1px solid #D5D5D6; color: #D5D5D6; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); } .weui_dialog.weui_dialog_visible, .weui_toast.weui_dialog_visible, .weui_dialog.weui_toast_visible, .weui_toast.weui_toast_visible { opacity: 1; visibility: visible; -webkit-transform: scale(1); transform: scale(1); } @media screen and (min-width: 1024px) { .weui_dialog { left: 32.5%; } } .weui_toast { left: 50%; top: 35%; margin-left: -3.8em; } .weui_toast_forbidden { color: #F76260; } .weui_toast_cancel .weui_icon_toast:before { content: "\EA0D"; } .weui_toast_forbidden .weui_icon_toast:before { content: "\EA0B"; color: #F76260; } .weui_mask { opacity: 0; -webkit-transition-duration: .3s; transition-duration: .3s; visibility: hidden; z-index: 10; } .weui_mask.weui_mask_visible { opacity: 1; visibility: visible; } .weui-prompt-input { padding: 4px 6px; border: 1px solid #ccc; box-sizing: border-box; height: 2em; width: 80%; margin-top: 10px; } /* picker,日期时间popup,select*/ .weui-picker-modal{width:100%;position:absolute;z-index:100;bottom:0;text-align:center;border-radius:0;opacity:.6;color:#3d4145;-webkit-transition-duration:.3s;transition-duration:.3s;height:13rem;background:#efeff4;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.weui-picker-modal.weui-picker-modal-visible{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.weui-picker-modal .picker-modal-inner{position:relative;height:10.8rem}.weui-picker-modal .toolbar{position:relative;width:100%;font-size:16px;line-height:1.5;color:#3d4145;background:#f7f7f8}.weui-picker-modal .toolbar:before{content:'';position:absolute;left:0;top:0;bottom:auto;right:auto;height:1px;width:100%;background-color:#d9d9d9;display:block;z-index:15;-webkit-transform-origin:50% 0;transform-origin:50% 0}@media only screen and (-webkit-min-device-pixel-ratio:2){.weui-picker-modal .toolbar:before{-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}}@media only screen and (-webkit-min-device-pixel-ratio:3){.weui-picker-modal .toolbar:before{-webkit-transform:scaleY(0.33);transform:scaleY(0.33)}}.weui-picker-modal .picker-columns{width:100%;height:13rem;z-index:11500}.weui-picker-modal .picker-columns.picker-modal-inline,.popover .weui-picker-modal .picker-columns{height:10rem}@media(orientation:landscape) and (max-height:415px){.weui-picker-modal .picker-columns:not(.picker-modal-inline){height:10rem}}.weui-picker-modal .popover.popover-picker-columns{width:14rem}.weui-picker-modal .picker-items{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;width:100%;padding:0;text-align:right;font-size:17px;font-weight:normal;-webkit-mask-box-image:-webkit-linear-gradient(bottom,transparent,transparent 5%,white 20%,white 80%,transparent 95%,transparent);-webkit-mask-box-image:linear-gradient(to top,transparent,transparent 5%,white 20%,white 80%,transparent 95%,transparent)}.weui-picker-modal .bar+.picker-items{height:10.8rem}.weui-picker-modal .picker-items-col{overflow:hidden;position:relative;max-height:100%}.weui-picker-modal .picker-items-col.picker-items-col-left{text-align:left}.weui-picker-modal .picker-items-col.picker-items-col-center{text-align:center}.weui-picker-modal .picker-items-col.picker-items-col-right{text-align:right}.weui-picker-modal .picker-items-col.picker-items-col-divider{color:#3d4145;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.weui-picker-modal .picker-items-col-wrapper{-webkit-transition:300ms;transition:300ms;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.weui-picker-modal .picker-item{height:32px;line-height:32px;padding:0 10px;white-space:nowrap;position:relative;overflow:hidden;text-overflow:ellipsis;color:#9b9b9b;left:0;top:0;width:100%;box-sizing:border-box;-webkit-transition:300ms;transition:300ms}.picker-items-col-absolute .weui-picker-modal .picker-item{position:absolute}.weui-picker-modal .picker-item.picker-item-far{pointer-events:none}.weui-picker-modal .picker-item.picker-selected{color:#3d4145;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}.weui-picker-modal .picker-center-highlight{height:32px;box-sizing:border-box;position:absolute;left:0;width:100%;top:50%;margin-top:-16px;pointer-events:none}.weui-picker-modal .picker-center-highlight:before{content:'';position:absolute;left:0;top:0;bottom:auto;right:auto;height:1px;width:100%;background-color:#d9d9d9;display:block;z-index:15;-webkit-transform-origin:50% 0;transform-origin:50% 0}@media only screen and (-webkit-min-device-pixel-ratio:2){.weui-picker-modal .picker-center-highlight:before{-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}}@media only screen and (-webkit-min-device-pixel-ratio:3){.weui-picker-modal .picker-center-highlight:before{-webkit-transform:scaleY(0.33);transform:scaleY(0.33)}}.weui-picker-modal .picker-center-highlight:after{content:'';position:absolute;left:0;bottom:0;right:auto;top:auto;height:1px;width:100%;background-color:#d9d9d9;display:block;z-index:15;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}@media only screen and (-webkit-min-device-pixel-ratio:2){.weui-picker-modal .picker-center-highlight:after{-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}}@media only screen and (-webkit-min-device-pixel-ratio:3){.weui-picker-modal .picker-center-highlight:after{-webkit-transform:scaleY(0.33);transform:scaleY(0.33)}}.weui-picker-modal .picker-3d .picker-items{overflow:hidden;-webkit-perspective:1200px;perspective:1200px}.weui-picker-modal .picker-3d .picker-items-col,.weui-picker-modal .picker-3d .picker-items-col-wrapper,.weui-picker-modal .picker-3d .picker-item{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.weui-picker-modal .picker-3d .picker-items-col{overflow:visible}.weui-picker-modal .picker-3d .picker-item{-webkit-transform-origin:center center -110px;transform-origin:center center -110px;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.weui-picker-modal .title{position:absolute;display:block;width:100%;padding:0;font-size:17px;font-weight:normal;line-height:35px;color:#3d4145;text-align:center;white-space:nowrap}.weui-picker-modal .picker-button{position:absolute;right:0;box-sizing:border-box;height:30px;line-height:30px;color:#04be02;z-index:1;padding:0 .5rem}.weui-picker-overlay,.weui-picker-container{position:fixed;bottom:0;left:0;right:0;height:0;width:100%}.city-picker .col-province{width:5rem}.city-picker .col-city{width:6rem}.city-picker .col-district{width:5rem}.weui-picker-container .weui_cells{margin:0;text-align:left}.weui-select-modal{height:auto}.weui-select-modal .weui_cells{overflow-y:auto;overflow-x:hidden;max-height:16rem}.weui-select-modal .weui_cells:after{display:none}.weui-picker-calendar{background:#fff;height:15rem;width:100%;overflow:hidden}@media(orientation:landscape) and (max-height:415px){.weui-picker-calendar:not(.picker-modal-inline){height:11rem}}.weui-picker-calendar .picker-modal-inner{overflow:hidden;height:12.8rem}.picker-calendar-week-days{height:.9rem;background:#f7f7f8;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;font-size:11px;box-sizing:border-box;position:relative}.picker-calendar-week-days:after{content:'';position:absolute;left:0;bottom:0;right:auto;top:auto;height:1px;width:100%;background-color:#c4c4c4;display:block;z-index:15;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}@media only screen and (-webkit-min-device-pixel-ratio:2){.picker-calendar-week-days:after{-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}}@media only screen and (-webkit-min-device-pixel-ratio:3){.picker-calendar-week-days:after{-webkit-transform:scaleY(0.33);transform:scaleY(0.33)}}.picker-calendar-week-days .picker-calendar-week-day{-webkit-flex-shrink:1;-ms-flex:0 1 auto;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;width:14.28571429%;width:calc(100% / 7);line-height:17px;text-align:center}.picker-calendar-week-days+.picker-calendar-months{height:11.9rem}.picker-calendar-months{width:100%;height:100%;overflow:hidden;position:relative}.picker-calendar-months-wrapper{position:relative;width:100%;height:100%;-webkit-transition:300ms;transition:300ms}.picker-calendar-month{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;width:100%;height:100%;position:absolute;left:0;top:0}.picker-calendar-row{height:16.66666667%;height:calc(100% / 6);display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-shrink:1;-ms-flex:0 1 auto;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;width:100%;position:relative}.picker-calendar-row:after{content:'';position:absolute;left:0;bottom:0;right:auto;top:auto;height:1px;width:100%;background-color:#ccc;display:block;z-index:15;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}@media only screen and (-webkit-min-device-pixel-ratio:2){.picker-calendar-row:after{-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}}@media only screen and (-webkit-min-device-pixel-ratio:3){.picker-calendar-row:after{-webkit-transform:scaleY(0.33);transform:scaleY(0.33)}}.picker-calendar-row:last-child:after{display:none}.picker-calendar-day{-webkit-flex-shrink:1;-ms-flex:0 1 auto;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;box-sizing:border-box;width:14.28571429%;width:calc(100% / 7);text-align:center;color:#3d4145;font-size:15px;cursor:pointer}.picker-calendar-day.picker-calendar-day-prev,.picker-calendar-day.picker-calendar-day-next{color:#ccc}.picker-calendar-day.picker-calendar-day-disabled{color:#d4d4d4;cursor:auto}.picker-calendar-day.picker-calendar-day-today span{background:#e3e3e3}.picker-calendar-day.picker-calendar-day-selected span{background:#04be02;color:#fff}.picker-calendar-day span{display:inline-block;border-radius:100%;width:30px;height:30px;line-height:30px}.picker-calendar-month-picker,.picker-calendar-year-picker{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:50%;max-width:200px;-webkit-flex-shrink:10;-ms-flex:0 10 auto;-webkit-flex-shrink:10;-ms-flex-negative:10;flex-shrink:10}.picker-calendar-month-picker a.icon-only,.picker-calendar-year-picker a.icon-only{min-width:36px}.picker-calendar-month-picker span,.picker-calendar-year-picker span{-webkit-flex-shrink:1;-ms-flex:0 1 auto;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;position:relative;overflow:hidden;text-overflow:ellipsis}.popover .picker-calendar .picker-calendar-week-days,.picker-calendar.picker-modal-inline .picker-calendar-week-days{background:0}.popover .picker-calendar .toolbar:before,.picker-calendar.picker-modal-inline .toolbar:before,.popover .picker-calendar .picker-calendar-week-days:before,.picker-calendar.picker-modal-inline .picker-calendar-week-days:before{display:none}.popover .picker-calendar .toolbar:after,.picker-calendar.picker-modal-inline .toolbar:after,.popover .picker-calendar .picker-calendar-week-days:after,.picker-calendar.picker-modal-inline .picker-calendar-week-days:after{display:none}.popover .picker-calendar .toolbar ~ .picker-modal-inner .picker-calendar-months:before,.picker-calendar.picker-modal-inline .toolbar ~ .picker-modal-inner .picker-calendar-months:before,.popover .picker-calendar .picker-calendar-week-days ~ .picker-calendar-months:before,.picker-calendar.picker-modal-inline .picker-calendar-week-days ~ .picker-calendar-months:before{content:'';position:absolute;left:0;top:0;bottom:auto;right:auto;height:1px;width:100%;background-color:#c4c4c4;display:block;z-index:15;-webkit-transform-origin:50% 0;transform-origin:50% 0}@media only screen and (-webkit-min-device-pixel-ratio:2){.popover .picker-calendar .toolbar ~ .picker-modal-inner .picker-calendar-months:before,.picker-calendar.picker-modal-inline .toolbar ~ .picker-modal-inner .picker-calendar-months:before,.popover .picker-calendar .picker-calendar-week-days ~ .picker-calendar-months:before,.picker-calendar.picker-modal-inline .picker-calendar-week-days ~ .picker-calendar-months:before{-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}}@media only screen and (-webkit-min-device-pixel-ratio:3){.popover .picker-calendar .toolbar ~ .picker-modal-inner .picker-calendar-months:before,.picker-calendar.picker-modal-inline .toolbar ~ .picker-modal-inner .picker-calendar-months:before,.popover .picker-calendar .picker-calendar-week-days ~ .picker-calendar-months:before,.picker-calendar.picker-modal-inline .picker-calendar-week-days ~ .picker-calendar-months:before{-webkit-transform:scaleY(0.33);transform:scaleY(0.33)}}.weui-picker-modal .toolbar-inner{height:2.2rem;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;text-align:center}.picker-calendar-month-picker,.picker-calendar-year-picker{display:block;line-height:2.2rem}.picker-calendar-month-picker a.icon-only,.picker-calendar-year-picker a.icon-only{float:left;width:25%;height:2.2rem;line-height:2rem}.picker-calendar-month-picker .current-month-value,.picker-calendar-year-picker .current-month-value,.picker-calendar-month-picker .current-year-value,.picker-calendar-year-picker .current-year-value{float:left;width:50%;height:2.2rem}.weui-popup-modal{width:100%;position:absolute;z-index:100;bottom:0;border-radius:0;opacity:.6;color:#3d4145;-webkit-transition-duration:.3s;transition-duration:.3s;height:100%;background:#efeff4;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;overflow-x:hidden;overflow-y:auto}.weui-popup-modal.weui-popup-modal-visible{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.weui-popup-overlay,.weui-popup-container{position:fixed;bottom:0;left:0;right:0;height:0;width:100%;height:100%}.weui-popup-container{display:none}.weui-popup-container.weui-popup-container-visible{display:block}.weui-popup-container .weui_cells{margin:0;text-align:left} /*header*/ .weui-header { position: relative; padding: 3px 0; -webkit-box-sizing: border-box; } .weui-header .weui-header-title,.weui-header h1 { margin: 0 88px; margin-left: 100px; line-height: 40px; text-align: center; height: 40px; font-size: 18px; font-weight: 400; width: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff } .weui-header .weui-header-title a,.weui-header .weui-header-title a:active,.weui-header h1 a,.weui-header h1 a:active { color: #fff } .weui-header .weui-header-left,.weui-header .weui-header-right { position: absolute; top: 14px; display: block; font-size: 16px; line-height: 21px; color:#FFF; } .weui-header .weui-header-left a,.weui-header .weui-header-left button,.weui-header .weui-header-right a,.weui-header .weui-header-right button { float: left; margin-right: 8px; } .weui-header .weui-header-left a:active,.weui-header .weui-header-left button:active,.weui-header .weui-header-right a:active,.weui-header .weui-header-right button:active { opacity: .8 } .weui-header .weui-header-left { left: 18px } .weui-header .weui-header-right { right: 15px } .weui-header .weui-header-right a,.weui-header .weui-header-right button { margin-left: 8px; margin-right: 0 } /*时间线*/ .timeline { padding: 1rem; } .timeline p { color: #888; font-size: 0.8rem; } .timeline h4 { color: #666; font-weight: 400; } .timeline .recent { color: #6eb7ff; } .timeline ul li { list-style: outside none none; } .timeline-item { position: relative; } .timeline-item-content { padding: 0 0 1.5rem 1.2rem; } .timeline-item-head, .timeline-item-head-first { border-radius: 99px; content: ""; position: absolute; z-index: 99; background-color:#04be02; } .timeline-item-head { height: 10px; left: 1px; top: 4px; width: 10px; } .timeline-item-head-first { height: 20px; left: -4px; top: 5px; width: 20px; } .timeline-item-tail { content: "";background-color:#04be02; height: 100%; left: 5px; position: absolute; top: 5px; width: 2px; } .timeline-item-checked { left: 0; position: absolute; top: 45%; transform: translateY(-50%); width: 100%; } .timeline-item-checked::before { color: #fff; font-size: 12px; width: 20px; } /*navigator*/ .weui-navigator{background:#fafafa;position:relative;padding:0;margin:0}.weui-navigator-list{width:100%;list-style:none;display:-webkit-box;margin:0 auto}.weui-navigator-list li{list-style:none;line-height:34px;font-size:16px;font-weight:bold;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{z-index:1;width:100%;overflow:hidden;position:relative;-webkit-backface-visibility:hidden}.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-state-hover,.weui-navigator-list li.weui-state-active a{color:#04be02}.weui-navigator-list li.weui-state-hover,.weui-navigator-list li.weui-state-active a:after{content:'';display:block;height:2px;background-color:#04be02}.weui-navigator .weui-navigator-list{display:table;table-layout:fixed;white-space:nowrap;width:auto}.weui-navigator .weui-navigator-list:after{content:'';clear:both;display:inline-block;width:0;height:0;overflow:hidden}.weui-navigator .weui-navigator-list li{display:inline-block} /*weui-tab*/ .weui_tab_nav { display: box; display: -webkit-box; display: -webkit-flex; display: display:flex } .weui_tab_nav .weui_nav_green { display: block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; width: 100%; height: 30px; padding: 0; font-size: 14px; line-height: 31px; text-align: center; border: 1px solid #04be02; border-width: 1px 1px 1px 0; color: #04be02; white-space: nowrap; background: #fdfdfd } .weui_tab_nav .weui_nav_green.bg_green { border-color: #04be02; color: #fff; background: #04be02 } .weui_tab_nav .weui_nav_red { display: block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; width: 100%; height: 30px; padding: 0; font-size: 14px; line-height: 31px; text-align: center; border: 1px solid #ef4f4f; border-width: 1px 1px 1px 0; color: #ef4f4f; white-space: nowrap; background: #fdfdfd } .weui_tab_nav .weui_nav_red.bg_red { border-color: #EF4F4F; color: #fff; background: #EF4F4F } .weui_tab_nav .weui_navbar_item:first-child { border-width: 1px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background-clip: padding-box } .weui_tab_nav .weui_navbar_item:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-clip: padding-box } /*上下拉*/ .dropload-up,.dropload-down{position:relative;height:0;overflow:hidden;font-size:12px;-webkit-transform:translateZ(0);transform:translateZ(0)}.dropload-down{height:50px}.dropload-refresh,.dropload-update,.dropload-load,.dropload-noData{height:50px;line-height:50px;text-align:center} .weui-updown{-webkit-animation:weui-updown .3s linear;animation:opacity .3s linear}@-webkit-keyframes weui-updown{0%{opacity:0}100%{opacity:1}}@keyframes weui-updown{0%{opacity:0}100%{opacity:1}} .page-hd { padding:20px; }.page-hd-title { font-size: 20px; font-weight: 400; text-align: left; margin-bottom: 15px; } .page-hd-desc { color: #888; font-size: 14px; margin-top: 5px; text-align: left; } .page-bd{ padding:0; } .page-bg{ background-color: #f8f8f8; } .page-bd-15{ padding: 0 15px; } .page-bd img { height: 20px; width: 20px; } .page-bd ul{list-style: none;} .page-bd li { background-color: #fff; border-radius: 2px; cursor: pointer; margin: 10px 0; overflow: hidden;vertical-align: bottom; } .page-bd li.js-show .weui-flex { opacity: 0.4; } .page-bd li.js-show .page-category { height: auto; } .page-bd li.js-show .page-category-content { opacity: 1; transform: translateY(0px); } .page-bd li:first-child { margin-top: 0; } .page-bd .page-category { height: 0; overflow: hidden; } .page-bd .page-category-content { opacity: 0; transform: translateY(-50%); transition: all 0.3s ease 0s; } .page-bd .weui-flex { align-items: center; padding: 10px; transition: all 0.3s ease 0s; display: -webkit-flex; display: -webkit-box; display: flex; } .page-bd .weui-flex-item { -webkit-flex: 1 1 0; flex: 1 1 0; } .weui_cell-bd { -webkit-flex: 1 1 0; flex: 1 1 0; } .weui-vcode-btn { border-left: 1px solid #e5e5e5; color: #3cc51f; display: inline-block; font-size: 17px; height: 44px; line-height: 44px; margin-left: 5px; padding: 0 0.6em 0 0.7em; vertical-align: middle; } .weui-agree { display: block; font-size: 16px; padding: 0.5em 15px; } .weui-agree a { color: #586c94; } .weui-agree-text { color: #999999; } .weui-agree input:checked{ -webkit-appearance: none; } .weui-agree-checkbox { background-color: #ffffff; border: 1px solid #d1d1d1; border-radius: 3px; font-size: 0; height: 16px; outline: 0 none; position: relative; top: 2px; vertical-align: 0; width: 16px; } .weui-agree-checkbox:checked::before { color: #09bb07; content: "\EA08"; display: inline-block; font-family: "weui"; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; left: 50%; position: absolute; text-align: center; text-decoration: inherit; text-transform: none; top: 50%; transform: translate(-50%, -48%) scale(0.73); vertical-align: middle; } .weui-agree-checkbox:disabled { background-color: #e1e1e1; } .weui-agree-checkbox:disabled::before { color: #adadad; } .weui-footer { color: #999999; font-size: 14px; text-align: center; } .weui-footer a { color: #586c94; } .weui-footer-fixed-bottom { bottom: 0.52em; left: 0; position: fixed; right: 0; } .weui-footer-links { font-size: 0; } .weui-footer-link { display: inline-block; font-size: 14px; margin: 0 0.62em; position: relative; vertical-align: top; } .weui-footer-link::before { border-left: 1px solid #c7c7c7; bottom: 0.36em; color: #c7c7c7; content: " "; left: -0.65em; position: absolute; top: 0.36em; transform: scaleX(0.5); transform-origin: 0 0 0; width: 1px; } .weui-footer-link:first-child::before { display: none; } .weui-footer-text { font-size: 12px; padding: 0 0.34em; } .weui-flex { display: -webkit-box; display: -webkit-flex; display: flex; } .weui-flex-item { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; } .placeholder { background-color: #ebebeb; color: #cfcfcf; height: 2.3em; line-height: 2.3em; margin: 5px; text-align: center; } .weui-avatar,.weui-avatar img:first-child{ border-radius: 4px; height: 52px; vertical-align: middle;position: relative; width: 52px; } .weui-avatar-circle{ display: inline-block; height: 50px; margin-right: 13px; position: relative; vertical-align: middle; width: 50px;} .weui-avatar-url{ border-radius: 50%; display: inline-block; height: 50px; position: relative; width: 50px; } .weui-avatar-status{ bottom: 0; height: 20px; position: absolute; right: 0; width: 20px; } .weui_toptips.ok,.weui_toptips.success { background-color: #04BE02; } .weui_toptips.info { background-color: rgba(51,51,51,0.8); } .weui_toptips.warning { background-color:#FF6600; } .weui_toptips.weui_toptips_visible{ opacity: 1; } .weui_actionsheet .weui_actionsheet_title { background-color: #f4f4f4; color: #999; font-size: 16px; padding: 8px 0; position: relative; text-align: center; } .weui_actionsheet .weui_actionsheet_title::after { border-top: 1px solid #d9d9d9; bottom: 0; color: #d9d9d9; content: " "; height: 1px; left: 0; position: absolute; transform: scaleY(0.5); transform-origin: 0 100% 0; width: 100%; } /*朋友圈*/ /* 基本样式设置 Basic Setup 引用WeUI,FontAwesome */ body { background-color: #eee; } .iphone-container { width: 250px; margin: 0 auto; margin-top: 4%; } .iphone { position: absolute; } .screen { position: relative; height: 530px; width: 324px; margin: 0 auto; top: 78px; left: 13px; } .moments__post { display: block; } .moments__post .weui_cell_hd { display: table-cell; vertical-align: top; min-width: 45px; } .moments__post .weui_cell_hd img { width: 45px !important; } .moments__post .weui_cell_bd { font-size: 15px; display: table-cell; padding-left: 10px; } .moments__post .weui_cell_bd a, .moments__post .weui_cell_bd .title, .moments__post .weui_cell_bd .paragraphExtender, .moments__post .weui_cell_bd .fa, .moments__post .weui_cell_bd .nickname { color: #5d6b85; } .moments__post .weui_cell_bd .title, .moments__post .weui_cell_bd .paragraph, .moments__post .weui_cell_bd .thumbnails { display: -webkit-box; display: -webkit-flex; display: flex; margin-bottom: 5px; } .moments__post .weui_cell_bd .paragraphExtender { margin: 5px auto; display: -webkit-box; display: -webkit-flex; display: flex; } .moments__post .weui_cell_bd .thumbnails { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .moments__post .weui_cell_bd .thumbnails .thumbnail { width: 80px; height: 80px; margin: 1px; background: #757575; overflow: hidden; } .moments__post .weui_cell_bd .thumbnails .thumbnail img { width: 100%; } .moments__post .weui_cell_bd .toolbar { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .moments__post .weui_cell_bd .toolbar .timestamp, .moments__post .weui_cell_bd .toolbar .timestamp .fa { color: #757575; font-size: 13px; } .moments__post .weui_cell_bd .liketext { margin-top: 10px; width: 100%; background-color: #f3f3f5; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .moments__post .weui_cell_bd .liketext .fa { font-size: 10px; font-weight: bold; margin-right: 5px; margin-left: 10px; } .moments__post .weui_cell_bd .liketext:before { bottom: 100%; left: 10px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #f3f3f5; border-width: 5px; } .moments__post .weui_cell_bd .actionMenu { position: absolute; height: 40px; background-color: #4e5156; border-radius: 5px; z-index: 5; top: -10px; right: 20px; display: none; -webkit-justify-content: space-around; justify-content: space-around; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .moments__post .weui_cell_bd .actionMenu .actionBtn { color: #fff; padding: 0 20px; } .moments__post .weui_cell_bd .actionMenu .actionBtn .fa { color: #fff; margin-right: 5px; } .moments__post .weui_cell_bd .actionMenu .actionBtn:not(:first-child) { border-left: 1px solid #3f4346; } .moments__post .weui_cell_bd .actionMenu.active { display: -webkit-box; display: -webkit-flex; display: flex; } .moments__post .weui_cell_bd .actionToggle { width: 15px; height: 15px; background: #92abd4; margin-left: auto; border-radius: 1px; position: absolute; right: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; } .moments__post .weui_cell_bd .actionToggle p { width: 3px; height: 3px; background-color: #fff; border-radius: 3px; margin: auto 2px; } .moments__post .weui_cell_bd .actionToggle:before { right: 100%; top: 4px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-right-color: #92abd4; border-width: 3px; } /* 表单预览 */ .weui-form-preview { background-color: #ffffff; position: relative; } .weui-form-preview::before { border-top: 1px solid #d9d9d9; color: #d9d9d9; content: " "; height: 1px; left: 0; position: absolute; right: 0; top: 0; transform: scaleY(0.5); transform-origin: 0 0 0; } .weui-form-preview::after { border-bottom: 1px solid #d9d9d9; bottom: 0; color: #d9d9d9; content: " "; height: 1px; left: 0; position: absolute; right: 0; transform: scaleY(0.5); transform-origin: 0 100% 0; } .weui-form-preview-hd { line-height: 2.5em; padding: 10px 15px; position: relative; text-align: right; } .weui-form-preview-hd::after { border-bottom: 1px solid #d9d9d9; bottom: 0; color: #d9d9d9; content: " "; height: 1px; left: 15px; position: absolute; right: 0; transform: scaleY(0.5); transform-origin: 0 100% 0; } .weui-form-preview-hd .weui-form-preview-value { font-size: 1.6em; font-style: normal; } .weui-form-preview-bd { color: #999999; font-size: 0.9em; line-height: 2; padding: 10px 15px; text-align: right; } .weui-form-preview-ft { display: -webkit-flex; display: flex; line-height: 50px; position: relative; } .weui-form-preview-ft::after { border-top: 1px solid #d5d5d6; color: #d5d5d6; content: " "; height: 1px; left: 0; position: absolute; right: 0; top: 0; transform: scaleY(0.5); transform-origin: 0 0 0; } .weui-form-preview-label { color: #999999; float: left; margin-right: 1em; min-width: 4em; text-align: justify; text-align-last: justify; } .weui-form-preview-value { display: block; overflow: hidden; overflow-wrap: break-word; word-break: normal; } .weui-form-preview-btn { color: #3cc51f; display: block; flex: 1 1 0; position: relative; text-align: center; } button.weui-form-preview-btn { background-color: transparent; border: 0 none; font-size: inherit; outline: 0 none; } .weui-form-preview-btn:active { background-color: #eeeeee; } .weui-form-preview-btn::after { border-left: 1px solid #d5d5d6; bottom: 0; color: #d5d5d6; content: " "; left: 0; position: absolute; top: 0; transform: scaleX(0.5); transform-origin: 0 0 0; width: 1px; } .weui-form-preview-btn:first-child::after { display: none; } .weui-form-preview-btn-default { color: #999999; } .weui-form-preview-btn-primary { color: #0bb20c; } /*gallery*/ .weui-gallery { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: #000000; z-index: 1000; } .weui-gallery-img { position: absolute; top: 0; right: 0; bottom: 60px; left: 0; background: center center no-repeat; background-size: contain; } .weui-gallery-opr { position: absolute; right: 0; bottom: 0; left: 0; background-color: #0D0D0D; color: #FFFFFF; line-height: 60px; text-align: center; } .weui-gallery-del { display: block; } .grid{position:relative;float:left;padding:20px 10px;width:33.33333333%;box-sizing:border-box;text-decoration:none}.grids-small .grid{width:25%;padding:15px 8px}.grid:before{content:" ";position:absolute;right:0;top:0;width:1px;height:100%;border-right:1px solid #d9d9d9;color:#d9d9d9;transform-origin:100% 0;transform:scaleX(0.5)}.grid:after{content:" ";position:absolute;left:0;bottom:0;width:100%;height:1px;border-bottom:1px solid #d9d9d9;color:#d9d9d9;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(0.5);transform:scaleY(0.5)} .weui-menu{position:fixed;bottom:0;left:0;right:0;height:50px;background:#f8f8f8;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;border-top:1px solid #ccc;outline:0;margin:0;padding:0;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.weui-menu-inner{border-left:1px solid #ccc;height:100%;width:100%;text-align:center;cursor:pointer;position:relative;user-select:none;-webkit-user-select:none}.weui-menu-inner:last-child{background-position:30px center}.weui-menu-inner>em{display:inline-block;height:10px;width:10px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAANrwAADa8BQr/nKgAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAEoSURBVGiB7dkxSuRwGMbhJ7NR3F4Ea2FiZyNj4wUs3DuIsPbWa6W99Qh6A2uv4JR2k0IPIFur6GosXA8wKvy/yPeUqd4fBMJHqq7rfAeD0gO+SoZE821CalhtNsb4jfuyc2b2EyfTdrJXNcPRObb+P+yje1wMsKy/EbxtX66xiV2s4anopNnN4QqnVX4Qg8mQaDIkmgyJJkOiyZBoMiSa9wtxHkuFt3zU7bSdPFbNcPQLR1gpveiDrvGnaoajZ/1/xV5qbOMQDV7K7pnZAC0Oqq7rrDYbNRbRt3Oxwt9pO/mXp240GRJNhkSTIdFkSDQZEk2GRFM1w9EP7On3H6txjUusl93zaTsD3OCu9JJPuMPN+4V4jB08FB41qwWcTdvJfl6I0WRINK+NmkEsgJkzMQAAAABJRU5ErkJggg==) no-repeat;background-size:10px 10px}.weui-menu-inner span{line-height:50px}.weui-menu-inner ul{position:absolute;left:5px;right:5px;top:0;opacity:0;background:#fff;font-size:13px;border:1px solid #ccc;word-break:break-all;border-radius:7px;text-align:center;transition:all .3s;-webkit-transition:all .3s;list-style-type:none}.weui-menu-inner ul li{border-bottom:1px solid #ccc;height:40px;line-height:40px;width:auto}.weui-menu-inner ul li:last-child{border-bottom:0}.weui-menu-inner ul em{position:absolute;height:0;width:0;border:5px solid transparent;border-top-color:#fff;left:50%;bottom:-10px;transform:translateX(-50%);-webkit-transform:translateX(-50%)} .weui-slider { padding: 15px 18px; -webkit-user-select: none; user-select: none; } .weui-slider-inner { position: relative; height: 2px; background-color: #E9E9E9; } .weui-slider-track { height: 2px; background-color: #1AAD19; width: 0; } .weui-slider-handler { position: absolute; left: 0; top: 50%; width: 28px; height: 28px; margin-left: -14px; margin-top: -14px; border-radius: 50%; background-color: #FFFFFF; box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); } .weui-slider-box { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .weui-slider-box .weui-slider { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; } .weui-slider-box-value { margin-left: .5em; min-width: 24px; color: #888888; text-align: center; font-size: 14px; } .weui-badge { display: inline-block; padding: .15em .4em; min-width: 8px; border-radius: 18px; background-color: #E64340; color: #FFFFFF; line-height: 1.2; text-align: center; font-size: 12px; vertical-align: middle; } .weui-badge-dot { padding: .4em; min-width: 0; } /*角标*/ .weui-mark { padding-left:10px; padding-right:0; padding-top: 10px;-webkit-overflow-scrolling: touch; } .weui-mark li { padding-right: 10px; padding-bottom: 10px; float: left; position: relative; -webkit-box-sizing: border-box; width: 50%; list-style: outside none none; } .weui-mark-img { padding-top: 100%; position: relative; width: 100%; } .weui-mark-img img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .weui-mark-rt{ border-radius: 2px; top: 0; color: #fff; font-size: 14px; height: 20px; line-height: 20px; position: absolute; right: 10px; text-align: center; width: 40px; } .weui-mark-rb{ border-radius: 2px; bottom: 10px; color: #fff; font-size: 14px; height: 20px; line-height: 20px; position: absolute; right: 10px; text-align: center; width:40px; background-color: rgba(0, 0, 0, 0.4); } .weui-mark-lb{ border-radius: 2px; bottom:10px; color: #fff; font-size: 14px; height: 20px; line-height: 20px; position: absolute; left:0; text-align: left; width:95%; max-width:99%; display:block; background-color: rgba(0, 0, 0, 0.4); } .weui-mark-vip{ left: 0; position: absolute; top:0;overflow: hidden;height: 50px;width: 90px; } .weui-mark-lt{ color: #fff; display: block; font-size: 12px!important; left:-15px;height: 14px; line-height: 14px!important; position: relative; text-align: center; top:15px; transform: rotate(-45deg); width:70px; } .weui-mark-meta{position: relative;} .weui-mark-title,.weui-mark-desc{ height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; } .weui-mark-title{ font-weight:700; } /*左滑动删除css*/ .slidelefts { height: 100%; position: relative; background-color: #fff; transform: translateZ(0);border-bottom: 1px solid #eee; -webkit-transform: translateZ(0);padding:0; } .slidelefts .weui_cell_bd { height: auto; overflow: hidden; position: relative; z-index: 10; background-color: #fff; padding: 10px 15px; } .weui_cell .weui_cell_bd.animated { -webkit-transition: -webkit-transform .2s ease-out; transition: transform .2s ease-out; } .weui_cell .slideleft { height: 100%; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; position: absolute; top: 0; right: 0; z-index: 0; } .weui_cell .slideleft span { height: 100%; padding: 0 10px; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; } .weui-list-btm{padding:10px 5px}.weui-list-btm .weui-flex-item{display:block;margin:0 5px}.weui-custom-pop{position:fixed;opacity:0;z-index:-1;width:80%;max-width:300px;top:50%;left:50%;-webkit-transform:scale(0.9) translate(-50%,-50%);transform:scale(0.9) translate(-50%,-50%);background-color:#fff;text-align:center;border-radius:3px;overflow:hidden;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #f8f8f8}.weui-custom-ft{position:relative;line-height:48px;font-size:18px;display:-webkit-box;display:-webkit-flex;display:flex;border-top:1px solid #f8f8f8}.weui-custom-ft a{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;color:#04be02;text-decoration:none;position:relative;border-right:1px solid #f8f8f8}.weui-custom-pop .weui-custom-bd{margin:15px 0}.weui-custom-pop .weui_input{width:90%;padding:5px;border-radius:3px;border:1px solid #04be02}.weui-custom-pop .weui-custom-hd{color:#333;padding:15px 0 0 0}.weui-custom-pop .weui-custom-hd span{color:#04be02}.weui-dialog-visible{opacity:1;visibility:visible;z-index:5000;-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%)}.weui-custom-pop .close{width:30px;height:30px;background-size:30px;position:absolute;right:2px;top:2px}.top{position:fixed;right:5px;bottom:10px;cursor:pointer}.top i{font-size:30px;width:35px;height:35px;border-radius:50%;background:#aaa} /*支付场景*/ .weui-pay { position: relative; z-index: 1; padding: 15px; } .weui-pay-12{ font-size: 12px; font-weight: normal; } .weui-pay-inner { background-color: #FFFFFF; padding: 16px; position: relative; z-index: 0; } .weui-pay-inner:after { content: " "; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid #DDDDDD; transform: scale(0.5); transform-origin: 0 0; box-sizing: border-box; } .weui-pay-title { font-size: 12px; color: #333333; font-weight: normal; } .weui-pay-input { margin-top: 12px; padding-bottom: 18px; position: relative; z-index: 2; color: #333333; } .weui-pay-input:after { content: " "; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; border-bottom: 1px solid #DDDDDD; color: #DDDDDD; transform-origin: 0 100%; transform: scaleY(0.5); } .weui-pay-strong { position: absolute; color: #000000; font-size: 28px; line-height: 1; left: -6px; top: -3px; font-weight: normal; } .weui-pay-inputs { padding-left: 28px; width: 100%; box-sizing: border-box; border: none; outline: 0; height: 40px; line-height: 40px; font-size: 40px; } .weui-pay-inputs::-webkit-textfield-decoration-container { background-color: transparent; } .weui-pay-inputs::-webkit-inner-spin-button { -webkit-appearance: none; } .weui-pay-inputs::-webkit-outer-spin-button { -webkit-appearance: none; } .weui-pay-inputs::-webkit-input-placeholder { color: #EEEEEE; } .weui-pay-intro { font-size: 12px; color: #9e9e9e; margin-top: 14px; } .weui-pay-info { font-size: 12px; color: #9e9e9e; margin-top: 16px; text-align: center; } .weui-pay-btn { margin-top: 12px; } .weui-payselect-title{ font-size: 17px; font-weight: bold; text-align: center; color: #000000; } .weui-payselect-info{ font-size: 12px; color: #a6a4a5; text-align: center; margin-top: 6px; } .weui-payselect-ul{ margin-top: 28px; margin-right: -12px; overflow: hidden; } .weui-payselect-li{ float: left; list-style-type: none; width: 33.33%; box-sizing: border-box; padding-right: 12px; padding-bottom: 12px; } .weui-payselect-a{ display: block; border: 1px solid #DADADA; color: #dadada; height: 38px; line-height: 38px; text-align: center; font-size: 16px; font-weight: bold; } .weui-payselect-on{ border-color: #09ba07; color: #09ba07; } .weui-pay-num{ font-size: 50px; text-align: center; } .weui-pay-u li { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; box-orient: horizontal; line-height: 22px; width: 100% } .weui-pay-u .title { font-size: 12px; color: #999; -webkit-box-flex: 1; width: 30%; -webkit-flex: 1; flex: 1; display: block } .weui-pay-u .content { font-size: 12px; color: #333; text-align: right; -webkit-box-flex: 1; width: 70%; -webkit-flex: 1; flex: 1; display: block } .weui-pay .pay-div { margin: 19px 0 13px 0 } .weui-payrec { position: relative; z-index: 1; } .weui-payrec .weui_cell_title { font-size: 14px; line-height: 1.6; color: #000000; } .weui-payrec .weui_cell_info{ font-size: 12px; line-height: 1.6; color: #999; } .weui-payrec .access .weui_cell_ft:after { content: " "; display: inline-block; height: 6px; width: 6px; border-width: 2px 2px 0 0; border-color: #C8C8CD; border-style: solid; -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); position: relative; top: -2px; position: absolute; top: 50%; margin-top: -4px; right: 2px; } .weui-pay-order {background-color:#FFFFFF;margin-bottom:20px;overflow:hidden;padding: 18px 29px 0;} .weui-pay-m{ background-color:#FFFFFF; margin:0 0 13px; padding:0; position:relative; } .weui-pay-m::before{ content: ''; position: absolute; top: -50%; bottom: -50%; left: -50%; right: -50%; -webkit-transform: scale(0.5); transform: scale(0.5); border-style: solid; border-width: 1px; border-color: #EDEDED; } .weui-pay-order:before, .weui-pay-order:after{ content:""; background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAyCAMAAABiSatuAAAAS1BMVEX////j4+P////////t7e3////j4+P////////u7u7g4ODu7u7k5OT8/Pz////////////////////u7u7l5eXf39/s7Ozt7e38/PybHTnUAAAAF3RSTlOv6+mh61D+/ev9r6+vr3jZN0r//////pA5V/oAAACISURBVHja7ZNbDgIhDEUvgMA8Hxba2f9KdTQCpisw8XyeBNqbtlgdOtwKt9lUsZsDbOywAFK8V2L6i6c4KZeS6fwIKpmJOBd5Cw5CLyTwJXygSvDAYrgJNgsmMzQxmAmz74WfMX6LUQn1RH2qyurGdOspyhVOWrgW/8dHqXZdXYO+l/24dRz7A2urJ0UzyblDAAAAAElFTkSuQmCC") repeat-y; width:8px; height:100%; -webkit-background-size:8px 25px; background-size:8px 25px; position:absolute; top:0; } .weui-pay-order:before{ left:8px; } .weui-pay-order:after{ right:8px; } .weui-pay-line { padding: 0; background-color: #FFFFFF; position: relative; font-size: 16px; color: #888888; } .weui-pay-line:after{content:"";height:1px;width:100%;left:0;bottom:-1px;position:absolute;display:block;z-index:11;} .weui-pay-name{ font-size: 15px; color: #333333; padding-bottom:5px; } .weui-pay-label{ font-size: 13px; overflow: hidden; color: #999999; width: 72px; display:inline-block; } .weui-pay-e{ display:inline-block; font-size: 13px; color: #333333; word-break: break-all; word-wrap: break-word; padding-right: 15px; position: relative; overflow: hidden; } .weui-pay-area{ margin-top:7px; border-top:0.0625rem dashed #DEDEDE; } .weui-pay-area{ padding:15px 0 14px; text-align:center; font-size:13px; font-weight:700; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-orient:horizontal; box-orient:horizontal; } .weui-pay-c{ color:#999999; position:relative; } .weui-pay-c,.weui-pay-v{-webkit-box-flex:1;-webkit-flex:1;flex:1;display:block;} .weui-pay-c:after{ content:""; width:1px; height:25px; border-left:1px solid #DEDEDE; position:absolute; top:0; right:0; } .weui-pay-v{ color:#04be02; } /*新单选复选文本文本框*/ .weui-start:after { content: '*'; font-weight: 700; color: #f00; margin-left: 5px; } .weui-form-li{ vertical-align: middle; position: relative; margin:10px 20px; } .weui-form-checkbox{ -webkit-appearance: none; width: 0; height: 0; visibility: hidden; border: none; float: left; } .weui-icon-radio{ -webkit-border-radius: 100%; border-radius: 100%; width: 16px; height: 16px; display: inline-block; margin-top: 6px; margin-right: 5px; border: 1px solid #b8b8b8; background-color: #fafafa; vertical-align: top; } .weui-form-text{ display:inline-block; position: relative; margin-top:2px; margin-right: 10px; } .weui-form-checkbox[type="radio"]:checked + label .weui-icon-radio { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA3QUE4OTlFQjJCODExRTVBRkM2RDBFMDhDRDA3MTJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjA3QUE4OTlGQjJCODExRTVBRkM2RDBFMDhDRDA3MTJFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDdBQTg5OUNCMkI4MTFFNUFGQzZEMEUwOENEMDcxMkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDdBQTg5OURCMkI4MTFFNUFGQzZEMEUwOENEMDcxMkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5LqQGPAAAA7ElEQVR42uyXTQrCMBCFG+tKRY/gz0naXlFc2HqUKvQk4hEUVDCVcQIBu5HMTFK6MA8+KCWZeW2SV6oAIBlSo2RgRQPRQDQw9pg7Rdb2+ozcRVVMEDHJkBrR8JW29zJuPc7gFNmCW6UdG9zAHugqQxvIga88pIGjwEBNqa0IX0Oz269Iytzfb2ThOh2UHFgKmid2zipEELUeWaFdAyhLMEFuwiWYIw/fN2AKNIKnb1zNOUlYCE5BETqIKkbzQ19RvCM0r/qK4m4qmmBqO03N9Ymaftwg+qUZskFeyAV5Soqo+F8QDUQDf2/gI8AAIiHXffupwGIAAAAASUVORK5CYII="); background-size: 100%;border-radius: 100%; background-color: #04be02; border: 1px solid #04be02; } .weui-icon-checkbox{ display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 16px; height: 16px; margin-top: 6px; margin-right: 5px; border: 1px solid #b8b8b8; background-color: #fafafa; vertical-align: top; } .weui-form-checkbox[type="checkbox"]:checked + label .weui-icon-checkbox { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkY0MTI1RkFBQjJCNzExRTU5NzE3RDMyNDM3NTgzRTE4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY0MTI1RkFCQjJCNzExRTU5NzE3RDMyNDM3NTgzRTE4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjQxMjVGQThCMkI3MTFFNTk3MTdEMzI0Mzc1ODNFMTgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjQxMjVGQTlCMkI3MTFFNTk3MTdEMzI0Mzc1ODNFMTgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5UDJTUAAABUElEQVR42mL8//8/w0ACJoYBBqMOGHEOsB0oB/AC8UIgPgTEZvR2gDYQnwXiOChfH0UWVA7QEPsA8af/CDAJXQ0tLS8G4r9Ili8BYkZ6OaD9Pyo4AcQc2NRS22ImIJ6OZvltIBbFpYealjMD8WI0y78CsS4+fdS0fNl/TBBOSC8uCVBiyQViASItX4HF8j5iHI/LwIVQQ+4CsQEeA1iAeBUWyw9AzSHLAS1ohn0H4hQs6liBeDUWy58AsTix0YdNUBiIz2AxeD4Qc0HVsAHxOixqfgKxNSnpB5cEPxAfw2LBeWiq3vofO8gjNQHjk+QF4kNYLPmHw/Kl5OQgQgpAQb77P2FwDil6qOoABmgRuhWP5a+AWJbcMoRYhaBEtx5HorOjpBAjRTEo261Ec0AKpaUoOUUurJDqpEYxTm6Nl05sSUcIM472jEYdMOIdABBgAFfZNpPCdKCTAAAAAElFTkSuQmCC"); background-size: 100%; background-color: #04be02; border: 1px solid #04be02; } .weui-form-input,.weui-form-area{ background-color: #fff; border: 1px solid #cdcdcd; border-radius: 1px; padding:5px 2px; line-height: 24px; font-size: 16px; width: 100%; outline: 0; -webkit-appearance: none; } .weui-form-input:focus,.weui-form-area:focus{ outline: none; border: 1px solid #04be02; } .weui-form-area{ overflow: auto; } .weui_tabbar_item.weui_bar_item_on .weui_tabbar_label { color: #6eb7ff; } .weui_icon_info:before { color: #6eb7ff; } .weui_tabbar a{ color: #888888!important; } .weui_tabbar .weui_bar_item_on{ color: #6eb7ff!important; } .weui-navigator-list li.weui-state-hover, .weui-navigator-list li.weui-state-active a { color: #6eb7ff!important; } .weui-navigator-list li.weui-state-hover, .weui-navigator-list li.weui-state-active a:after { background-color: #6eb7ff!important; }