/** * jQuery WeUI V1.2.1 * By 言川 * http://lihongxun945.github.io/jquery-weui/ */ .preloader { width: 20px; height: 20px; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-animation: preloader-spin 1s steps(12,end) infinite; animation: preloader-spin 1s steps(12,end) infinite } .preloader:after { display: block; width: 100%; height: 100%; content: ""; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: 50%; background-size: 100% } @-webkit-keyframes preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } label>* { pointer-events: none } /*html {*/ /* font-size: 20px*/ /*}*/ body { font-size: 16px } /*@media only screen and (min-width: 400px) {*/ /* html {*/ /* font-size:21.33px!important*/ /* }*/ /*}*/ /*@media only screen and (min-width: 414px) {*/ /* html {*/ /* font-size:22.08px!important*/ /* }*/ /*}*/ /*@media only screen and (min-width: 480px) {*/ /* html {*/ /* font-size:25.6px!important*/ /* }*/ /*}*/ .weui_navbar { z-index: 10 } .weui-mask,.weui-popup-container,.weui-popup-overlay { z-index: 1000 } .weui-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .weui-row>[class*=col-] { box-sizing: border-box } .weui-row .col-auto { width: 100% } .weui-row .weui-col-100 { width: 100%; width: calc((100% - 15px*0)/ 1) } .weui-row.weui-no-gutter .weui-col-100 { width: 100% } .weui-row .weui-col-95 { width: 95%; width: calc((100% - 15px*.05263157894736836)/ 1.0526315789473684) } .weui-row.weui-no-gutter .weui-col-95 { width: 95% } .weui-row .weui-col-90 { width: 90%; width: calc((100% - 15px*.11111111111111116)/ 1.1111111111111112) } .weui-row.weui-no-gutter .weui-col-90 { width: 90% } .weui-row .weui-col-85 { width: 85%; width: calc((100% - 15px*.17647058823529416)/ 1.1764705882352942) } .weui-row.weui-no-gutter .weui-col-85 { width: 85% } .weui-row .weui-col-80 { width: 80%; width: calc((100% - 15px*.25)/ 1.25) } .weui-row.weui-no-gutter .weui-col-80 { width: 80% } .weui-row .weui-col-75 { width: 75%; width: calc((100% - 15px*.33333333333333326)/ 1.3333333333333333) } .weui-row.weui-no-gutter .weui-col-75 { width: 75% } .weui-row .weui-col-66 { width: 66.66666666666666%; width: calc((100% - 15px*.5000000000000002)/ 1.5000000000000002) } .weui-row.weui-no-gutter .weui-col-66 { width: 66.66666666666666% } .weui-row .weui-col-60 { width: 60%; width: calc((100% - 15px*.6666666666666667)/ 1.6666666666666667) } .weui-row.weui-no-gutter .weui-col-60 { width: 60% } .weui-row .weui-col-50 { width: 50%; width: calc((100% - 15px*1)/ 2) } .weui-row.weui-no-gutter .weui-col-50 { width: 50% } .weui-row .weui-col-40 { width: 40%; width: calc((100% - 15px*1.5)/ 2.5) } .weui-row.weui-no-gutter .weui-col-40 { width: 40% } .weui-row .weui-col-33 { width: 33.333333333333336%; width: calc((100% - 15px*2)/ 3) } .weui-row.weui-no-gutter .weui-col-33 { width: 33.333333333333336% } .weui-row .weui-col-25 { width: 25%; width: calc((100% - 15px*3)/ 4) } .weui-row.weui-no-gutter .weui-col-25 { width: 25% } .weui-row .weui-col-20 { width: 20%; width: calc((100% - 15px*4)/ 5) } .weui-row.weui-no-gutter .weui-col-20 { width: 20% } .weui-row .weui-col-15 { width: 15%; width: calc((100% - 15px*5.666666666666667)/ 6.666666666666667) } .weui-row.weui-no-gutter .weui-col-15 { width: 15% } .weui-row .weui-col-10 { width: 10%; width: calc((100% - 15px*9)/ 10) } .weui-row.weui-no-gutter .weui-col-10 { width: 10% } .weui-row .weui-col-5 { width: 5%; width: calc((100% - 15px*19)/ 20) } .weui-row.weui-no-gutter .weui-col-5 { width: 5% } .weui-row .weui-col-auto:nth-last-child(1),.weui-row .weui-col-auto:nth-last-child(1)~.weui-col-auto { width: 100%; width: calc((100% - 15px*0)/ 1) } .weui-row.weui-no-gutter .weui-col-auto:nth-last-child(1),.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(1)~.weui-col-auto { width: 100% } .weui-row .weui-col-auto:nth-last-child(2),.weui-row .weui-col-auto:nth-last-child(2)~.weui-col-auto { width: 50%; width: calc((100% - 15px*1)/ 2) } .weui-row.weui-no-gutter .weui-col-auto:nth-last-child(2),.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(2)~.weui-col-auto { width: 50% } .weui-row .weui-col-auto:nth-last-child(3),.weui-row .weui-col-auto:nth-last-child(3)~.weui-col-auto { width: 33.33333333%; width: calc((100% - 15px*2)/ 3) } .weui-row.weui-no-gutter .weui-col-auto:nth-last-child(3),.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(3)~.weui-col-auto { width: 33.33333333% } .weui-row .weui-col-auto:nth-last-child(4),.weui-row .weui-col-auto:nth-last-child(4)~.weui-col-auto { width: 25%; width: calc((100% - 15px*3)/ 4) } .weui-row.weui-no-gutter .weui-col-auto:nth-last-child(4),.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(4)~.weui-col-auto { width: 25% } .weui-row .weui-col-auto:nth-last-child(5),.weui-row .weui-col-auto:nth-last-child(5)~.weui-col-auto { width: 20%; width: calc((100% - 15px*4)/ 5) } .weui-row.weui-no-gutter .weui-col-auto:nth-last-child(5),.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(5)~.weui-col-auto { width: 20% } .weui-row .weui-col-auto:nth-last-child(6),.weui-row .weui-col-auto:nth-last-child(6)~.weui-col-auto { width: 16.66666667%; width: calc((100% - 15px*5)/ 6) } .weui-row.weui-no-gutter .weui-col-auto:nth-last-child(6),.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(6)~.weui-col-auto { width: 16.66666667% } .weui-row .weui-col-auto:nth-last-child(7),.weui-row .weui-col-auto:nth-last-child(7)~.weui-col-auto { width: 14.28571429%; width: calc((100% - 15px*6)/ 7) } .weui-row.weui-no-gutter .weui-col-auto:nth-last-child(7),.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(7)~.weui-col-auto { width: 14.28571429% } .weui-row .weui-col-auto:nth-last-child(8),.weui-row .weui-col-auto:nth-last-child(8)~.weui-col-auto { width: 12.5%; width: calc((100% - 15px*7)/ 8) } .weui-row.weui-no-gutter .weui-col-auto:nth-last-child(8),.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(8)~.weui-col-auto { width: 12.5% } .weui-row .weui-col-auto:nth-last-child(9),.weui-row .weui-col-auto:nth-last-child(9)~.weui-col-auto { width: 11.11111111%; width: calc((100% - 15px*8)/ 9) } .weui-row.weui-no-gutter .weui-col-auto:nth-last-child(9),.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(9)~.weui-col-auto { width: 11.11111111% } .weui-row .weui-col-auto:nth-last-child(10),.weui-row .weui-col-auto:nth-last-child(10)~.weui-col-auto { width: 10%; width: calc((100% - 15px*9)/ 10) } .weui-row.weui-no-gutter .weui-col-auto:nth-last-child(10),.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(10)~.weui-col-auto { width: 10% } .weui-row .weui-col-auto:nth-last-child(11),.weui-row .weui-col-auto:nth-last-child(11)~.weui-col-auto { width: 9.09090909%; width: calc((100% - 15px*10)/ 11) } .weui-row.weui-no-gutter .weui-col-auto:nth-last-child(11),.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(11)~.weui-col-auto { width: 9.09090909% } .weui-row .weui-col-auto:nth-last-child(12),.weui-row .weui-col-auto:nth-last-child(12)~.weui-col-auto { width: 8.33333333%; width: calc((100% - 15px*11)/ 12) } .weui-row.weui-no-gutter .weui-col-auto:nth-last-child(12),.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(12)~.weui-col-auto { width: 8.33333333% } .weui-row .weui-col-auto:nth-last-child(13),.weui-row .weui-col-auto:nth-last-child(13)~.weui-col-auto { width: 7.69230769%; width: calc((100% - 15px*12)/ 13) } .weui-row.weui-no-gutter .weui-col-auto:nth-last-child(13),.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(13)~.weui-col-auto { width: 7.69230769% } .weui-row .weui-col-auto:nth-last-child(14),.weui-row .weui-col-auto:nth-last-child(14)~.weui-col-auto { width: 7.14285714%; width: calc((100% - 15px*13)/ 14) } .weui-row.weui-no-gutter .weui-col-auto:nth-last-child(14),.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(14)~.weui-col-auto { width: 7.14285714% } .weui-row .weui-col-auto:nth-last-child(15),.weui-row .weui-col-auto:nth-last-child(15)~.weui-col-auto { width: 6.66666667%; width: calc((100% - 15px*14)/ 15) } .weui-row.weui-no-gutter .weui-col-auto:nth-last-child(15),.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(15)~.weui-col-auto { width: 6.66666667% } @media all and (min-width: 768px) { .row .tablet-100 { width:100%; width: calc((100% - 15px*0)/ 1) } .row.no-gutter .tablet-100 { width: 100% } .row .tablet-95 { width: 95%; width: calc((100% - 15px*.05263157894736836)/ 1.0526315789473684) } .row.no-gutter .tablet-95 { width: 95% } .row .tablet-90 { width: 90%; width: calc((100% - 15px*.11111111111111116)/ 1.1111111111111112) } .row.no-gutter .tablet-90 { width: 90% } .row .tablet-85 { width: 85%; width: calc((100% - 15px*.17647058823529416)/ 1.1764705882352942) } .row.no-gutter .tablet-85 { width: 85% } .row .tablet-80 { width: 80%; width: calc((100% - 15px*.25)/ 1.25) } .row.no-gutter .tablet-80 { width: 80% } .row .tablet-75 { width: 75%; width: calc((100% - 15px*.33333333333333326)/ 1.3333333333333333) } .row.no-gutter .tablet-75 { width: 75% } .row .tablet-66 { width: 66.66666666666666%; width: calc((100% - 15px*.5000000000000002)/ 1.5000000000000002) } .row.no-gutter .tablet-66 { width: 66.66666666666666% } .row .tablet-60 { width: 60%; width: calc((100% - 15px*.6666666666666667)/ 1.6666666666666667) } .row.no-gutter .tablet-60 { width: 60% } .row .tablet-50 { width: 50%; width: calc((100% - 15px*1)/ 2) } .row.no-gutter .tablet-50 { width: 50% } .row .tablet-40 { width: 40%; width: calc((100% - 15px*1.5)/ 2.5) } .row.no-gutter .tablet-40 { width: 40% } .row .tablet-33 { width: 33.333333333333336%; width: calc((100% - 15px*2)/ 3) } .row.no-gutter .tablet-33 { width: 33.333333333333336% } .row .tablet-25 { width: 25%; width: calc((100% - 15px*3)/ 4) } .row.no-gutter .tablet-25 { width: 25% } .row .tablet-20 { width: 20%; width: calc((100% - 15px*4)/ 5) } .row.no-gutter .tablet-20 { width: 20% } .row .tablet-15 { width: 15%; width: calc((100% - 15px*5.666666666666667)/ 6.666666666666667) } .row.no-gutter .tablet-15 { width: 15% } .row .tablet-10 { width: 10%; width: calc((100% - 15px*9)/ 10) } .row.no-gutter .tablet-10 { width: 10% } .row .tablet-5 { width: 5%; width: calc((100% - 15px*19)/ 20) } .row.no-gutter .tablet-5 { width: 5% } .row .tablet-auto:nth-last-child(1),.row .tablet-auto:nth-last-child(1)~.col-auto { width: 100%; width: calc((100% - 15px*0)/ 1) } .row.no-gutter .tablet-auto:nth-last-child(1),.row.no-gutter .tablet-auto:nth-last-child(1)~.tablet-auto { width: 100% } .row .tablet-auto:nth-last-child(2),.row .tablet-auto:nth-last-child(2)~.col-auto { width: 50%; width: calc((100% - 15px*1)/ 2) } .row.no-gutter .tablet-auto:nth-last-child(2),.row.no-gutter .tablet-auto:nth-last-child(2)~.tablet-auto { width: 50% } .row .tablet-auto:nth-last-child(3),.row .tablet-auto:nth-last-child(3)~.col-auto { width: 33.33333333%; width: calc((100% - 15px*2)/ 3) } .row.no-gutter .tablet-auto:nth-last-child(3),.row.no-gutter .tablet-auto:nth-last-child(3)~.tablet-auto { width: 33.33333333% } .row .tablet-auto:nth-last-child(4),.row .tablet-auto:nth-last-child(4)~.col-auto { width: 25%; width: calc((100% - 15px*3)/ 4) } .row.no-gutter .tablet-auto:nth-last-child(4),.row.no-gutter .tablet-auto:nth-last-child(4)~.tablet-auto { width: 25% } .row .tablet-auto:nth-last-child(5),.row .tablet-auto:nth-last-child(5)~.col-auto { width: 20%; width: calc((100% - 15px*4)/ 5) } .row.no-gutter .tablet-auto:nth-last-child(5),.row.no-gutter .tablet-auto:nth-last-child(5)~.tablet-auto { width: 20% } .row .tablet-auto:nth-last-child(6),.row .tablet-auto:nth-last-child(6)~.col-auto { width: 16.66666667%; width: calc((100% - 15px*5)/ 6) } .row.no-gutter .tablet-auto:nth-last-child(6),.row.no-gutter .tablet-auto:nth-last-child(6)~.tablet-auto { width: 16.66666667% } .row .tablet-auto:nth-last-child(7),.row .tablet-auto:nth-last-child(7)~.col-auto { width: 14.28571429%; width: calc((100% - 15px*6)/ 7) } .row.no-gutter .tablet-auto:nth-last-child(7),.row.no-gutter .tablet-auto:nth-last-child(7)~.tablet-auto { width: 14.28571429% } .row .tablet-auto:nth-last-child(8),.row .tablet-auto:nth-last-child(8)~.col-auto { width: 12.5%; width: calc((100% - 15px*7)/ 8) } .row.no-gutter .tablet-auto:nth-last-child(8),.row.no-gutter .tablet-auto:nth-last-child(8)~.tablet-auto { width: 12.5% } .row .tablet-auto:nth-last-child(9),.row .tablet-auto:nth-last-child(9)~.col-auto { width: 11.11111111%; width: calc((100% - 15px*8)/ 9) } .row.no-gutter .tablet-auto:nth-last-child(9),.row.no-gutter .tablet-auto:nth-last-child(9)~.tablet-auto { width: 11.11111111% } .row .tablet-auto:nth-last-child(10),.row .tablet-auto:nth-last-child(10)~.col-auto { width: 10%; width: calc((100% - 15px*9)/ 10) } .row.no-gutter .tablet-auto:nth-last-child(10),.row.no-gutter .tablet-auto:nth-last-child(10)~.tablet-auto { width: 10% } .row .tablet-auto:nth-last-child(11),.row .tablet-auto:nth-last-child(11)~.col-auto { width: 9.09090909%; width: calc((100% - 15px*10)/ 11) } .row.no-gutter .tablet-auto:nth-last-child(11),.row.no-gutter .tablet-auto:nth-last-child(11)~.tablet-auto { width: 9.09090909% } .row .tablet-auto:nth-last-child(12),.row .tablet-auto:nth-last-child(12)~.col-auto { width: 8.33333333%; width: calc((100% - 15px*11)/ 12) } .row.no-gutter .tablet-auto:nth-last-child(12),.row.no-gutter .tablet-auto:nth-last-child(12)~.tablet-auto { width: 8.33333333% } .row .tablet-auto:nth-last-child(13),.row .tablet-auto:nth-last-child(13)~.col-auto { width: 7.69230769%; width: calc((100% - 15px*12)/ 13) } .row.no-gutter .tablet-auto:nth-last-child(13),.row.no-gutter .tablet-auto:nth-last-child(13)~.tablet-auto { width: 7.69230769% } .row .tablet-auto:nth-last-child(14),.row .tablet-auto:nth-last-child(14)~.col-auto { width: 7.14285714%; width: calc((100% - 15px*13)/ 14) } .row.no-gutter .tablet-auto:nth-last-child(14),.row.no-gutter .tablet-auto:nth-last-child(14)~.tablet-auto { width: 7.14285714% } .row .tablet-auto:nth-last-child(15),.row .tablet-auto:nth-last-child(15)~.col-auto { width: 6.66666667%; width: calc((100% - 15px*14)/ 15) } .row.no-gutter .tablet-auto:nth-last-child(15),.row.no-gutter .tablet-auto:nth-last-child(15)~.tablet-auto { width: 6.66666667% } } .weui-cell__hd img { display: block; margin-right: 5px } .weui-cell_swiped .weui-cell__bd { -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s } .swipeout-touching .weui-cell__bd { -webkit-transition: none; transition: none } .weui-dialog,.weui-toast { -webkit-transition-duration: .2s; transition-duration: .2s; opacity: 0; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transform-origin: 0 0; transform-origin: 0 0; visibility: hidden; margin: 0; top: 45%; z-index: 2000 } .weui-dialog .weui-dialog__btn.default,.weui-toast .weui-dialog__btn.default { color: #5f646e } .weui-dialog .weui-dialog__btn+.weui-dialog__btn,.weui-toast .weui-dialog__btn+.weui-dialog__btn { position: relative } .weui-dialog .weui-dialog__btn+.weui-dialog__btn:after,.weui-toast .weui-dialog__btn+.weui-dialog__btn: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(.5); transform: scaleX(.5) } .weui-dialog.weui-dialog--visible,.weui-dialog.weui-toast--visible,.weui-toast.weui-dialog--visible,.weui-toast.weui-toast--visible { opacity: 1; visibility: visible } .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-toast_text { min-height: 1em; width: auto; height: 45px; border-radius: 25px; margin-left: 0; -webkit-transform: scale(.9) translate3d(-50%,0,0); transform: scale(.9) translate3d(-50%,0,0); -webkit-transform-origin: left; transform-origin: left } .weui-toast_text.weui-toast--visible { -webkit-transform: scale(1) translate3d(-50%,0,0); transform: scale(1) translate3d(-50%,0,0) } .weui-toast_text .weui-icon-toast { display: none } .weui-toast_text .weui-toast_content { margin: 10px 15px } .weui-mask { opacity: 0; -webkit-transition-duration: .3s; transition-duration: .3s; visibility: hidden } .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 } .weui-pull-to-refresh { margin-top: -50px; -webkit-transition: -webkit-transform .4s; transition: -webkit-transform .4s; transition: transform .4s; transition: transform .4s,-webkit-transform .4s } .weui-pull-to-refresh.refreshing { -webkit-transform: translate3d(0,50px,0); transform: translate3d(0,50px,0) } .weui-pull-to-refresh.touching { -webkit-transition-duration: 0s; transition-duration: 0s } .weui-pull-to-refresh__layer { height: 30px; line-height: 30px; padding: 10px; text-align: center } .weui-pull-to-refresh__layer .down { display: inline-block } .weui-pull-to-refresh__layer .refresh,.weui-pull-to-refresh__layer .up { display: none } .weui-pull-to-refresh__layer .weui-pull-to-refresh__arrow { display: inline-block; z-index: 10; width: 20px; height: 20px; margin-right: 4px; vertical-align: -4px; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2026%2040'%3E%3Cpolygon%20points%3D'9%2C22%209%2C0%2017%2C0%2017%2C22%2026%2C22%2013.5%2C40%200%2C22'%20fill%3D'%238c8c8c'%2F%3E%3C%2Fsvg%3E") center no-repeat; background-size: 13px 20px; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transform: rotate(0) translate3d(0,0,0); transform: rotate(0) translate3d(0,0,0) } .weui-pull-to-refresh__layer .weui-pull-to-refresh__preloader { display: none; vertical-align: -4px; margin-right: 4px; width: 20px; height: 20px; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-animation: preloader-spin 1s steps(12,end) infinite; animation: preloader-spin 1s steps(12,end) infinite } .weui-pull-to-refresh__layer .weui-pull-to-refresh__preloader:after { display: block; width: 100%; height: 100%; content: ""; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: 50%; background-size: 100% } .pull-up .weui-pull-to-refresh__layer .down,.refreshing .weui-pull-to-refresh__layer .down { display: none } .pull-up .weui-pull-to-refresh__layer .weui-pull-to-refresh__arrow { display: inline-block; -webkit-transform: rotate(180deg) translate3d(0,0,0); transform: rotate(180deg) translate3d(0,0,0) } .pull-down .weui-pull-to-refresh__layer .down,.pull-down .weui-pull-to-refresh__layer .weui-pull-to-refresh__arrow,.pull-up .weui-pull-to-refresh__layer .up { display: inline-block } .refreshing .weui-pull-to-refresh__layer .weui-pull-to-refresh__arrow { display: none } .refreshing .weui-pull-to-refresh__layer .refresh,.refreshing .weui-pull-to-refresh__layer .weui-pull-to-refresh__preloader { display: inline-block } @keyframes preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .weui-tab__bd-item.weui-pull-to-refresh { position: absolute; top: 50px } .toolbar,.weui-tabbar__item { position: relative } .weui-tabbar__item.weui-bar__item--on .weui-tabbar__label { color: #04BE02 } .weui-navbar__item { color: #888 } .weui-navbar__item.weui-bar__item--on { color: #666; background-color: #f1f1f1 } .toolbar,.toolbar .title { font-size: .85rem; color: #3d4145; width: 100% } .weui-tab__bd { box-sizing: border-box; height: 100% } .weui-tab__bd .weui-tab__bd-item { display: none; height: 100%; overflow: auto } .weui-tab__bd .weui-tab__bd-item.weui-tab__bd-item--active { display: block } .weui-navbar+.weui-tab__bd { padding-top: 50px } .toolbar { line-height: 1.5; background: #f7f7f8 } .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) { .toolbar:before { -webkit-transform:scaleY(.5); transform: scaleY(.5) } } @media only screen and (-webkit-min-device-pixel-ratio: 3) { .toolbar:before { -webkit-transform:scaleY(.33); transform: scaleY(.33) } } .toolbar .toolbar-inner { height: 2.2rem; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center } .toolbar .title { position: absolute; display: block; padding: 0; font-weight: 400; line-height: 2.2rem; text-align: center; white-space: nowrap } .toolbar .picker-button { position: absolute; right: 0; box-sizing: border-box; height: 2.2rem; line-height: 2.2rem; color: #04BE02; z-index: 1; padding: 0 .5rem } .weui-picker-modal { width: 100%; position: absolute; 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.picker-modal-inline { height: 10.8rem; opacity: 1; position: static; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } .weui-picker-modal.picker-modal-inline .toolbar { display: none } .weui-picker-modal.picker-columns-single .picker-items-col { width: 100% } .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 .picker-columns { width: 100%; height: 13rem; z-index: 11500 } .popover .weui-picker-modal .picker-columns,.weui-picker-modal .picker-columns.picker-modal-inline { 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: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; padding: 0; text-align: right; font-size: 1rem; font-weight: 400; -webkit-mask-box-image: -webkit-linear-gradient(bottom,transparent,transparent 5%,#fff 20%,#fff 80%,transparent 95%,transparent); -webkit-mask-box-image: linear-gradient(to top,transparent,transparent 5%,#fff 20%,#fff 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: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .weui-picker-modal .picker-items-col-wrapper { -webkit-transition: .3s; transition: .3s; -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: .3s; transition: .3s } .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(0); transform: rotateX(0) } .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:after,.weui-picker-modal .picker-center-highlight:before { content: ''; position: absolute; right: auto; height: 1px; background-color: #D9D9D9; display: block; z-index: 15; left: 0; width: 100% } .weui-picker-modal .picker-center-highlight:before { top: 0; bottom: auto; -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(.5); transform: scaleY(.5) } } @media only screen and (-webkit-min-device-pixel-ratio: 3) { .weui-picker-modal .picker-center-highlight:before { -webkit-transform:scaleY(.33); transform: scaleY(.33) } } .weui-picker-modal .picker-center-highlight:after { bottom: 0; top: auto; -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(.5); transform: scaleY(.5) } } @media only screen and (-webkit-min-device-pixel-ratio: 3) { .weui-picker-modal .picker-center-highlight:after { -webkit-transform:scaleY(.33); transform: scaleY(.33) } } .weui-picker-modal .picker-3d .picker-items { overflow: hidden; -webkit-perspective: 1200px; perspective: 1200px } .weui-picker-modal .picker-3d .picker-item,.weui-picker-modal .picker-3d .picker-items-col,.weui-picker-modal .picker-3d .picker-items-col-wrapper { -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-container,.weui-picker-overlay { position: fixed; bottom: 0; left: 0; right: 0; height: 0; width: 100%; z-index: 1000 } .picker-calendar-row:after,.picker-calendar-week-days:after { content: ''; z-index: 15; left: 0; right: auto } .city-picker .picker-items-col { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 7rem } .weui-picker-container .weui-cells { margin: 0; text-align: left } .datetime-picker .picker-item { text-overflow: initial } .weui-select-modal { height: auto } .weui-select-modal .weui-cells { margin: 0; text-align: left; 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 } .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: flex; font-size: 11px; box-sizing: border-box; position: relative } .picker-calendar-week-days:after { position: absolute; bottom: 0; top: auto; height: 1px; width: 100%; background-color: #c4c4c4; display: block; -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(.5); transform: scaleY(.5) } } @media only screen and (-webkit-min-device-pixel-ratio: 3) { .picker-calendar-week-days:after { -webkit-transform:scaleY(.33); transform: scaleY(.33) } } .picker-calendar-week-days .picker-calendar-week-day { -webkit-flex-shrink: 1; -ms-flex: 0 1 auto; -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: .3s; transition: .3s } .picker-calendar-month { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -ms-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: flex; -webkit-flex-shrink: 1; -ms-flex: 0 1 auto; -ms-flex-negative: 1; flex-shrink: 1; width: 100%; position: relative } .picker-calendar-row:after { position: absolute; bottom: 0; top: auto; height: 1px; width: 100%; background-color: #ccc; display: block; -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(.5); transform: scaleY(.5) } } @media only screen and (-webkit-min-device-pixel-ratio: 3) { .picker-calendar-row:after { -webkit-transform:scaleY(.33); transform: scaleY(.33) } } .weui-picker-modal .picker-calendar-row:last-child:after { display: none } .picker-calendar-day { -webkit-flex-shrink: 1; -ms-flex: 0 1 auto; -ms-flex-negative: 1; flex-shrink: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: 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-next,.picker-calendar-day.picker-calendar-day-prev { 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 { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 50%; max-width: 200px; -webkit-flex-shrink: 10; -ms-flex-negative: 10; flex-shrink: 10 } .picker-calendar-month-picker span,.picker-calendar-year-picker span { -webkit-flex-shrink: 1; -ms-flex: 0 1 auto; -ms-flex-negative: 1; flex-shrink: 1; position: relative; overflow: hidden; text-overflow: ellipsis } .picker-calendar.picker-modal-inline .picker-calendar-week-days,.popover .picker-calendar .picker-calendar-week-days { background: 0 0 } .swiper-button-next,.swiper-button-prev,i.icon { background-position: center; background-repeat: no-repeat } .picker-calendar.picker-modal-inline .picker-calendar-week-days:after,.picker-calendar.picker-modal-inline .picker-calendar-week-days:before,.picker-calendar.picker-modal-inline .toolbar:after,.picker-calendar.picker-modal-inline .toolbar:before,.popover .picker-calendar .picker-calendar-week-days:after,.popover .picker-calendar .picker-calendar-week-days:before,.popover .picker-calendar .toolbar:after,.popover .picker-calendar .toolbar:before { display: none } .picker-calendar.picker-modal-inline .picker-calendar-week-days~.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,.popover .picker-calendar .toolbar~.picker-modal-inner .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) { .picker-calendar.picker-modal-inline .picker-calendar-week-days~.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,.popover .picker-calendar .toolbar~.picker-modal-inner .picker-calendar-months:before { -webkit-transform:scaleY(.5); transform: scaleY(.5) } } @media only screen and (-webkit-min-device-pixel-ratio: 3) { .picker-calendar.picker-modal-inline .picker-calendar-week-days~.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,.popover .picker-calendar .toolbar~.picker-modal-inner .picker-calendar-months:before { -webkit-transform:scaleY(.33); transform: scaleY(.33) } } .picker-calendar-month-picker,.picker-calendar-year-picker { display: block; line-height: 2.2rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .picker-calendar-month-picker a.icon-only,.picker-calendar-year-picker a.icon-only { min-width: 36px; float: left; width: 25%; height: 2.2rem; line-height: 2rem } .picker-calendar-month-picker .current-month-value,.picker-calendar-month-picker .current-year-value,.picker-calendar-year-picker .current-month-value,.picker-calendar-year-picker .current-year-value { float: left; width: 50%; height: 2.2rem } i.icon { display: inline-block; vertical-align: middle; background-size: 100% auto; font-style: normal; position: relative } i.icon.icon-next,i.icon.icon-prev { width: .75rem; height: .75rem } .swiper-slide,.swiper-wrapper { width: 100%; height: 100%; position: relative } i.icon.icon-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%2304BE02'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") } i.icon.icon-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%2304BE02'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") } .swiper-container { margin: 0 auto; position: relative; overflow: hidden; z-index: 1 } .swiper-container-no-flexbox .swiper-slide { float: left } .swiper-container-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column } .swiper-wrapper { z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform,-webkit-transform; box-sizing: content-box } .swiper-container-android .swiper-slide,.swiper-wrapper { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } .swiper-container-multirow>.swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap } .swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0 } .swiper-container-autoheight,.swiper-container-autoheight .swiper-slide { height: auto } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: -webkit-transform,height; -webkit-transition-property: height,-webkit-transform; transition-property: height,-webkit-transform; transition-property: transform,height; transition-property: transform,height,-webkit-transform } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y } .swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x } .swiper-button-next,.swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px } .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none } .swiper-button-prev,.swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto } .swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") } .swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") } .swiper-button-next,.swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto } .swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") } .swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s; transition: .3s; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 10 } .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction { bottom: 10px; left: 0; width: 100% } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2 } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-white .swiper-pagination-bullet { background: #fff } .swiper-pagination-bullet-active { opacity: 1; background: #04BE02 } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000 } .swiper-container-vertical>.swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0) } .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 5px 0; display: block } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px } .swiper-pagination-progress { background: rgba(0,0,0,.25); position: absolute } .swiper-pagination-progress .swiper-pagination-progressbar { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top } .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { -webkit-transform-origin: right top; transform-origin: right top } .swiper-container-horizontal>.swiper-pagination-progress { width: 100%; height: 4px; left: 0; top: 0 } .swiper-container-vertical>.swiper-pagination-progress { width: 4px; height: 100%; left: 0; top: 0 } .swiper-pagination-progress.swiper-pagination-white { background: rgba(255,255,255,.5) } .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { background: #fff } .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { background: #000 } .swiper-container-3d { -webkit-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px } .swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0)); background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper { -ms-perspective: 1200px } .swiper-container-cube,.swiper-container-flip { overflow: visible } .swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 } .swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-container-cube .swiper-slide { visibility: hidden; -webkit-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100% } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; transform-origin: 100% 0 } .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0 } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; transition-property: opacity } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0,0,0,.1) } .swiper-container-horizontal>.swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% } .swiper-container-vertical>.swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0,0,0,.5); border-radius: 10px; left: 0; top: 0 } .swiper-scrollbar-cursor-drag { cursor: move } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite; animation: swiper-preloader-spin 1s steps(12,end) infinite } .swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg) } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .weui-actionsheet { z-index: 10000 } .weui-popup__container,.weui-popup__overlay { position: fixed; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 10 } .weui-popup__overlay { background-color: rgba(0,0,0,.6); opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s } .weui-popup__container { display: none } .weui-popup__container.weui-popup__container--visible { display: block } .weui-popup__container .weui-cells { margin: 0; text-align: left } .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 } .popup-bottom .weui-popup__modal { height: auto } .weui-popup__modal .toolbar { position: absolute; left: 0; top: 0; right: 0; z-index: 1 } .weui-popup__modal .modal-content { height: 100%; padding-top: 2.2rem; overflow: auto; box-sizing: border-box } .weui-popup__container--visible .weui-popup__overlay { opacity: 1 } .weui-popup__container--visible .weui-popup__modal { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } .weui-notification { position: fixed; width: 100%; min-height: 3.4rem; top: -2rem; padding-top: 2rem; left: 0; right: 0; z-index: 9999; background-color: rgba(0,0,0,.85); color: #fff; font-size: .65rem; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); -webkit-transition: .4s; transition: .4s } .weui-notification.weui-notification--in { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } .weui-notification.weui-notification--touching { -webkit-transition-duration: 0s; transition-duration: 0s } .weui-notification .weui-notification__inner { padding: .4rem .6rem 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .weui-notification .weui-notification__content { width: 100%; margin: 0 .4rem } .weui-notification .weui-notification__title { font-weight: 700 } .weui-notification .weui-notification__text { line-height: 1 } .weui-notification .weui-notification__media { height: 1rem; width: 1rem } .weui-notification .weui-notification__media img { width: 100% } .weui-notification .weui-notification__handle-bar { position: absolute; bottom: .2rem; left: 50%; -webkit-transform: translate3d(-50%,0,0); transform: translate3d(-50%,0,0); width: 2rem; height: .3rem; border-radius: .15rem; background: #fff; opacity: .5 } .weui-photo-browser-modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000; display: none; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s } .weui-photo-browser-modal.weui-photo-browser-modal-visible { opacity: 1 } .weui-photo-browser-modal .swiper-container { height: 100%; -webkit-transform: scale(.2); transform: scale(.2); -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s,-webkit-transform .5s } .weui-photo-browser-modal .swiper-container .swiper-pagination-bullet { background: #fff; visibility: hidden } .weui-photo-browser-modal .swiper-container.swiper-container-visible { -webkit-transform: scale(1); transform: scale(1) } .weui-photo-browser-modal .swiper-container.swiper-container-visible .swiper-pagination-bullet { visibility: visible; -webkit-transition-property: visibility; transition-property: visibility; -webkit-transition-delay: .5s; transition-delay: .5s } .weui-photo-browser-modal .swiper-container .swiper-pagination { bottom: 10px; left: 0; width: 100% } .weui-photo-browser-modal .photo-container { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden } .weui-photo-browser-modal .photo-container img { max-width: 100%; margin-top: -30px } .weui-photo-browser-modal .caption { position: absolute; bottom: 40px; left: 0; right: 0; color: #fff; text-align: center; padding: 0 12px; min-height: 3rem; font-size: 14px; z-index: 10; -webkit-transition: opacity .3s; transition: opacity .3s; -webkit-transition-delay: .5s; transition-delay: .5s; opacity: 0 } .weui-photo-browser-modal .caption .caption-item { display: none; opacity: 0; -webkit-transition: opacity .15s; transition: opacity .15s } .weui-photo-browser-modal .caption .caption-item.active { display: block; opacity: 1 } .weui-photo-browser-modal .swiper-container-visible .caption { opacity: 1 } .color-primary { color: #04BE02 } .color-danger,.color-error { color: #f6383a } .color-warning { color: #f60 } .color-success { color: #4cd964 } .bg-danger,.bg-error,.bg-primary,.bg-success,.bg-warning { color: #fff } .bg-primary { background-color: #04BE02 } .bg-danger,.bg-error { background-color: #f6383a } .bg-warning { background-color: #f60 } .bg-success { background-color: #4cd964 } .weui-toptips { z-index: 100; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s } .weui-toptips.weui-toptips_visible { opacity: 1 } .weui-icon_toast { font-size: 55px; color: #fff; margin-bottom: 6px } .weui-toast--forbidden .weui-icon_toast { color: #f6383a } .weui-toast--text { min-height: initial; font-size: 18px; padding: 8px 16px; width: auto; top: 40% } .weui-toast--text .weui-icon_toast { display: none } .weui-count { display: inline-block; height: 25px; line-height: 25px } .weui-count .weui-count__btn { height: 21px; width: 21px; line-height: 21px; display: inline-block; position: relative; border: 1px solid #04BE02; border-radius: 50%; vertical-align: -6px } .weui-count .weui-count__btn:after,.weui-count .weui-count__btn:before { content: " "; position: absolute; height: 1px; width: 11px; background-color: #04BE02; left: 50%; top: 50%; margin-left: -5.5px } .weui-count .weui-count__btn:after { height: 11px; width: 1px; margin-top: -5.5px; margin-left: -1px } .weui-count .weui-count__decrease:after { display: none } .weui-count .weui-count__increase { background-color: #04BE02 } .weui-count .weui-count__increase:after,.weui-count .weui-count__increase:before { background-color: #fff } .weui-count .weui-count__number { background-color: transparent; font-size: .8rem; border: 0; width: 1.3rem; text-align: center; color: #5f646e } .weui-panel .weui-media-box__title-after { color: #9b9b9b; font-size: .65rem; float: right }