// .page-guide-text {
//   color: #333;
//   text-align: center;
//   padding: 10px;
// }

// page {
// 	background-size: 100% 100%;
// 	height: 100%;
// 	font-size: 32rpx;
// 	font-family: "微软雅黑";
// 	color: #333;
// }

// .container {
//   padding: 20px;
//   .page_hd {
//     text-align: center;
//     padding: 10px;
//     font-weight: bold;
//   }
// }

// .btn {
//   background-color: #0088a4;
//   color: #fff;
//   margin-bottom: 10px;
// }

// .navigation {
//   .item {
//     background: #f8f8f8;
//     padding: 20px;
//     margin-bottom: 10px;
//   }
//   .navigator-hover {
//     background: #c5c5c5;
//   }
// }

// .item-list {
//   .item {
//     padding: 10px;
//     background-color: #cfcfcf;
//     margin-bottom: 10px;
//   }
// }

// /*!
//  * weui.js v1.1.0 (https://github.com/weui/weui-wxss)
//  * Copyright 2016, wechat ui team
//  * MIT license
//  */
// page {
//   line-height: 1.6;
//   font-family: -apple-system-font, 'Helvetica Neue', sans-serif;
// }
// icon {
//   vertical-align: middle;
// }
// .weui-cells {
//   position: relative;
//   margin-top: 1.17647059em;
//   background-color: #ffffff;
//   line-height: 1.41176471;
//   font-size: 17px;
// }
// .weui-cells:before {
//   content: ' ';
//   position: absolute;
//   left: 0;
//   top: 0;
//   right: 0;
//   height: 1px;
//   border-top: 1rpx solid #d9d9d9;
//   color: #d9d9d9;
// }
// .weui-cells:after {
//   content: ' ';
//   position: absolute;
//   left: 0;
//   bottom: 0;
//   right: 0;
//   height: 1px;
//   border-bottom: 1rpx solid #d9d9d9;
//   color: #d9d9d9;
// }
// .weui-cells__title {
//   margin-top: 0.77em;
//   margin-bottom: 0.3em;
//   padding-left: 15px;
//   padding-right: 15px;
//   color: #999999;
//   font-size: 14px;
// }
// .weui-cells_after-title {
//   margin-top: 0;
// }
// .weui-cells__tips {
//   margin-top: 0.3em;
//   color: #999999;
//   padding-left: 15px;
//   padding-right: 15px;
//   font-size: 14px;
// }
// .weui-cell {
//   padding: 10px 15px;
//   position: relative;
//   display: -webkit-box;
//   display: -webkit-flex;
//   display: flex;
//   -webkit-box-align: center;
//   -webkit-align-items: center;
//   align-items: center;
// }
// .weui-cell:before {
//   content: ' ';
//   position: absolute;
//   left: 0;
//   top: 0;
//   right: 0;
//   height: 1px;
//   border-top: 1rpx solid #d9d9d9;
//   color: #d9d9d9;
//   left: 15px;
// }
// .weui-cell:first-child:before {
//   display: none;
// }
// .weui-cell_active {
//   background-color: #ececec;
// }
// .weui-cell_primary {
//   -webkit-box-align: start;
//   -webkit-align-items: flex-start;
//   align-items: flex-start;
// }
// .weui-cell__bd {
//   -webkit-box-flex: 1;
//   -webkit-flex: 1;
//   flex: 1;
// }
// .weui-cell__ft {
//   text-align: right;
//   color: #999999;
// }
// .weui-cell_access {
//   color: inherit;
// }
// .weui-cell__ft_in-access {
//   padding-right: 13px;
//   position: relative;
// }
// .weui-cell__ft_in-access: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-cell_link {
//   color: #586c94;
//   font-size: 14px;
// }
// .weui-cell_link:active {
//   background-color: #ececec;
// }
// .weui-cell_link:first-child:before {
//   display: block;
// }
// .weui-icon-radio {
//   margin-left: 3.2px;
//   margin-right: 3.2px;
// }
// .weui-icon-checkbox_circle,
// .weui-icon-checkbox_success {
//   margin-left: 4.6px;
//   margin-right: 4.6px;
// }
// .weui-check__label:active {
//   background-color: #ececec;
// }
// .weui-check {
//   position: absolute;
//   left: -9999px;
// }
// .weui-check__hd_in-checkbox {
//   padding-right: 0.35em;
// }
// .weui-cell__ft_in-radio {
//   padding-left: 0.35em;
// }
// .weui-cell_input {
//   padding-top: 0;
//   padding-bottom: 0;
// }
// .weui-label {
//   width: 105px;
//   word-wrap: break-word;
//   word-break: break-all;
// }
// .weui-input {
//   height: 2.58823529em;
//   min-height: 2.58823529em;
//   line-height: 2.58823529em;
// }
// .weui-toptips {
//   position: fixed;
//   -webkit-transform: translateZ(0);
//   transform: translateZ(0);
//   top: 0;
//   left: 0;
//   right: 0;
//   padding: 5px;
//   font-size: 14px;
//   text-align: center;
//   color: #ffffff;
//   z-index: 5000;
//   word-wrap: break-word;
//   word-break: break-all;
// }
// .weui-toptips_warn {
//   background-color: #e64340;
// }
// .weui-textarea {
//   display: block;
//   width: 100%;
// }
// .weui-textarea-counter {
//   color: #b2b2b2;
//   text-align: right;
// }
// .weui-textarea-counter_warn {
//   color: #e64340;
// }
// .weui-cell_warn {
//   color: #e64340;
// }
// .weui-form-preview {
//   position: relative;
//   background-color: #ffffff;
// }
// .weui-form-preview:before {
//   content: ' ';
//   position: absolute;
//   left: 0;
//   top: 0;
//   right: 0;
//   height: 1px;
//   border-top: 1rpx solid #d9d9d9;
//   color: #d9d9d9;
// }
// .weui-form-preview:after {
//   content: ' ';
//   position: absolute;
//   left: 0;
//   bottom: 0;
//   right: 0;
//   height: 1px;
//   border-bottom: 1rpx solid #d9d9d9;
//   color: #d9d9d9;
// }
// .weui-form-preview__value {
//   font-size: 14px;
// }
// .weui-form-preview__value_in-hd {
//   font-size: 26px;
// }
// .weui-form-preview__hd {
//   position: relative;
//   padding: 10px 15px;
//   text-align: right;
//   line-height: 2.5em;
// }
// .weui-form-preview__hd:after {
//   content: ' ';
//   position: absolute;
//   left: 0;
//   bottom: 0;
//   right: 0;
//   height: 1px;
//   border-bottom: 1rpx solid #d9d9d9;
//   color: #d9d9d9;
//   left: 15px;
// }
// .weui-form-preview__bd {
//   padding: 10px 15px;
//   font-size: 0.9em;
//   text-align: right;
//   color: #999999;
//   line-height: 2;
// }
// .weui-form-preview__ft {
//   position: relative;
//   line-height: 50px;
//   display: -webkit-box;
//   display: -webkit-flex;
//   display: flex;
// }
// .weui-form-preview__ft:after {
//   content: ' ';
//   position: absolute;
//   left: 0;
//   top: 0;
//   right: 0;
//   height: 1px;
//   border-top: 1rpx solid #d5d5d6;
//   color: #d5d5d6;
// }
// .weui-form-preview__item {
//   overflow: hidden;
// }
// .weui-form-preview__label {
//   float: left;
//   margin-right: 1em;
//   min-width: 4em;
//   color: #999999;
//   text-align: justify;
//   text-align-last: justify;
// }
// .weui-form-preview__value {
//   display: block;
//   overflow: hidden;
//   word-break: normal;
//   word-wrap: break-word;
// }
// .weui-form-preview__btn {
//   position: relative;
//   display: block;
//   -webkit-box-flex: 1;
//   -webkit-flex: 1;
//   flex: 1;
//   color: #3cc51f;
//   text-align: center;
// }
// .weui-form-preview__btn:after {
//   content: ' ';
//   position: absolute;
//   left: 0;
//   top: 0;
//   width: 1px;
//   bottom: 0;
//   border-left: 1rpx solid #d5d5d6;
//   color: #d5d5d6;
// }
// .weui-form-preview__btn:first-child:after {
//   display: none;
// }
// .weui-form-preview__btn_active {
//   background-color: #eeeeee;
// }
// .weui-form-preview__btn_default {
//   color: #999999;
// }
// .weui-form-preview__btn_primary {
//   color: #0bb20c;
// }
// .weui-cell_select {
//   padding: 0;
// }
// .weui-select {
//   position: relative;
//   padding-left: 15px;
//   padding-right: 30px;
//   height: 2.58823529em;
//   min-height: 2.58823529em;
//   line-height: 2.58823529em;
//   border-right: 1rpx solid #d9d9d9;
// }
// .weui-select:before {
//   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%;
//   right: 15px;
//   margin-top: -4px;
// }
// .weui-select_in-select-after {
//   padding-left: 0;
// }
// .weui-cell__hd_in-select-after,
// .weui-cell__bd_in-select-before {
//   padding-left: 15px;
// }
// .weui-cell_vcode {
//   padding-right: 0;
// }
// .weui-vcode-img {
//   margin-left: 5px;
//   height: 2.58823529em;
//   vertical-align: middle;
// }
// .weui-vcode-btn {
//   display: inline-block;
//   height: 2.58823529em;
//   margin-left: 5px;
//   padding: 0 0.6em 0 0.7em;
//   border-left: 1px solid #e5e5e5;
//   line-height: 2.58823529em;
//   vertical-align: middle;
//   font-size: 17px;
//   color: #3cc51f;
//   white-space: nowrap;
// }
// .weui-vcode-btn:active {
//   color: #52a341;
// }
// .weui-cell_switch {
//   padding-top: 6px;
//   padding-bottom: 6px;
// }
// .weui-uploader__hd {
//   display: -webkit-box;
//   display: -webkit-flex;
//   display: flex;
//   padding-bottom: 10px;
//   -webkit-box-align: center;
//   -webkit-align-items: center;
//   align-items: center;
// }
// .weui-uploader__title {
//   -webkit-box-flex: 1;
//   -webkit-flex: 1;
//   flex: 1;
// }
// .weui-uploader__info {
//   color: #b2b2b2;
// }
// .weui-uploader__bd {
//   margin-bottom: -4px;
//   margin-right: -9px;
//   overflow: hidden;
// }
// .weui-uploader__file {
//   float: left;
//   margin-right: 9px;
//   margin-bottom: 9px;
// }
// .weui-uploader__img {
//   display: block;
//   width: 79px;
//   height: 79px;
// }
// .weui-uploader__file_status {
//   position: relative;
// }
// .weui-uploader__file_status:before {
//   content: ' ';
//   position: absolute;
//   top: 0;
//   right: 0;
//   bottom: 0;
//   left: 0;
//   background-color: rgba(0, 0, 0, 0.5);
// }
// .weui-uploader__file-content {
//   position: absolute;
//   top: 50%;
//   left: 50%;
//   -webkit-transform: translate(-50%, -50%);
//   transform: translate(-50%, -50%);
//   color: #ffffff;
// }
// .weui-uploader__input-box {
//   float: left;
//   position: relative;
//   margin-right: 9px;
//   margin-bottom: 9px;
//   width: 77px;
//   height: 77px;
//   border: 1px solid #d9d9d9;
// }
// .weui-uploader__input-box:before,
// .weui-uploader__input-box:after {
//   content: ' ';
//   position: absolute;
//   top: 50%;
//   left: 50%;
//   -webkit-transform: translate(-50%, -50%);
//   transform: translate(-50%, -50%);
//   background-color: #d9d9d9;
// }
// .weui-uploader__input-box:before {
//   width: 2px;
//   height: 39.5px;
// }
// .weui-uploader__input-box:after {
//   width: 39.5px;
//   height: 2px;
// }
// .weui-uploader__input-box:active {
//   border-color: #999999;
// }
// .weui-uploader__input-box:active:before,
// .weui-uploader__input-box:active:after {
//   background-color: #999999;
// }
// .weui-uploader__input {
//   position: absolute;
//   z-index: 1;
//   top: 0;
//   left: 0;
//   width: 100%;
//   height: 100%;
//   opacity: 0;
// }
// .weui-article {
//   padding: 20px 15px;
//   font-size: 15px;
// }
// .weui-article__section {
//   margin-bottom: 1.5em;
// }
// .weui-article__h1 {
//   font-size: 18px;
//   font-weight: 400;
//   margin-bottom: 0.9em;
// }
// .weui-article__h2 {
//   font-size: 16px;
//   font-weight: 400;
//   margin-bottom: 0.34em;
// }
// .weui-article__h3 {
//   font-weight: 400;
//   font-size: 15px;
//   margin-bottom: 0.34em;
// }
// .weui-article__p {
//   margin: 0 0 0.8em;
// }
// .weui-msg {
//   padding-top: 36px;
//   text-align: center;
// }
// .weui-msg__link {
//   display: inline;
//   color: #586c94;
// }
// .weui-msg__icon-area {
//   margin-bottom: 30px;
// }
// .weui-msg__text-area {
//   margin-bottom: 25px;
//   padding: 0 20px;
// }
// .weui-msg__title {
//   margin-bottom: 5px;
//   font-weight: 400;
//   font-size: 20px;
// }
// .weui-msg__desc {
//   font-size: 14px;
//   color: #999999;
// }
// .weui-msg__opr-area {
//   margin-bottom: 25px;
// }
// .weui-msg__extra-area {
//   margin-bottom: 15px;
//   font-size: 14px;
//   color: #999999;
// }
// @media screen and (min-height: 438px) {
//   .weui-msg__extra-area {
//     position: fixed;
//     left: 0;
//     bottom: 0;
//     width: 100%;
//     text-align: center;
//   }
// }
// .weui-flex {
//   display: -webkit-box;
//   display: -webkit-flex;
//   display: flex;
// }
// .weui-flex__item {
//   -webkit-box-flex: 1;
//   -webkit-flex: 1;
//   flex: 1;
// }
// .weui-btn {
//   margin-top: 15px;
// }
// .weui-btn:first-child {
//   margin-top: 0;
// }
// .weui-btn-area {
//   margin: 1.17647059em 15px 0.3em;
// }
// .weui-agree {
//   display: block;
//   padding: 0.5em 15px;
//   font-size: 13px;
// }
// .weui-agree__text {
//   color: #999999;
// }
// .weui-agree__link {
//   display: inline;
//   color: #586c94;
// }
// .weui-agree__checkbox {
//   position: absolute;
//   left: -9999px;
// }
// .weui-agree__checkbox-icon {
//   position: relative;
//   top: 2px;
//   display: inline-block;
//   border: 1px solid #d1d1d1;
//   background-color: #ffffff;
//   border-radius: 3px;
//   width: 11px;
//   height: 11px;
// }
// .weui-agree__checkbox-icon-check {
//   position: absolute;
//   top: 1px;
//   left: 1px;
// }
// .weui-footer {
//   color: #999999;
//   font-size: 14px;
//   text-align: center;
// }
// .weui-footer_fixed-bottom {
//   position: fixed;
//   bottom: 0.52em;
//   left: 0;
//   right: 0;
// }
// .weui-footer__links {
//   font-size: 0;
// }
// .weui-footer__link {
//   display: inline-block;
//   vertical-align: top;
//   margin: 0 0.62em;
//   position: relative;
//   font-size: 14px;
//   color: #586c94;
// }
// .weui-footer__link:before {
//   content: ' ';
//   position: absolute;
//   left: 0;
//   top: 0;
//   width: 1px;
//   bottom: 0;
//   border-left: 1rpx solid #c7c7c7;
//   color: #c7c7c7;
//   left: -0.65em;
//   top: 0.36em;
//   bottom: 0.36em;
// }
// .weui-footer__link:first-child:before {
//   display: none;
// }
// .weui-footer__text {
//   padding: 0 0.34em;
//   font-size: 12px;
// }
// .weui-grids {
//   border-top: 1rpx solid #d9d9d9;
//   border-left: 1rpx solid #d9d9d9;
//   overflow: hidden;
// }
// .weui-grid {
//   position: relative;
//   float: left;
//   padding: 20px 10px;
//   width: 33.33333333%;
//   box-sizing: border-box;
//   border-right: 1rpx solid #d9d9d9;
//   border-bottom: 1rpx solid #d9d9d9;
// }
// .weui-grid_active {
//   background-color: #ececec;
// }
// .weui-grid__icon {
//   display: block;
//   width: 28px;
//   height: 28px;
//   margin: 0 auto;
// }
// .weui-grid__label {
//   margin-top: 5px;
//   display: block;
//   text-align: center;
//   color: #000000;
//   font-size: 14px;
//   white-space: nowrap;
//   text-overflow: ellipsis;
//   overflow: hidden;
// }
// .weui-loading {
//   margin: 0 5px;
//   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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=)
//     no-repeat;
//   background-size: 100%;
// }
// @-webkit-keyframes weuiLoading {
//   0% {
//     -webkit-transform: rotate3d(0, 0, 1, 0deg);
//     transform: rotate3d(0, 0, 1, 0deg);
//   }
//   100% {
//     -webkit-transform: rotate3d(0, 0, 1, 360deg);
//     transform: rotate3d(0, 0, 1, 360deg);
//   }
// }
// @keyframes weuiLoading {
//   0% {
//     -webkit-transform: rotate3d(0, 0, 1, 0deg);
//     transform: rotate3d(0, 0, 1, 0deg);
//   }
//   100% {
//     -webkit-transform: rotate3d(0, 0, 1, 360deg);
//     transform: rotate3d(0, 0, 1, 360deg);
//   }
// }
// .weui-badge {
//   display: inline-block;
//   padding: 0.15em 0.4em;
//   min-width: 8px;
//   border-radius: 18px;
//   background-color: #f43530;
//   color: #ffffff;
//   line-height: 1.2;
//   text-align: center;
//   font-size: 12px;
//   vertical-align: middle;
// }
// .weui-badge_dot {
//   padding: 0.4em;
//   min-width: 0;
// }
// .weui-loadmore {
//   width: 65%;
//   margin: 1.5em auto;
//   line-height: 1.6em;
//   font-size: 14px;
//   text-align: center;
// }
// .weui-loadmore__tips {
//   display: inline-block;
//   vertical-align: middle;
// }
// .weui-loadmore_line {
//   border-top: 1px solid #e5e5e5;
//   margin-top: 2.4em;
// }
// .weui-loadmore__tips_in-line {
//   position: relative;
//   top: -0.9em;
//   padding: 0 0.55em;
//   background-color: #ffffff;
//   color: #999999;
// }
// .weui-loadmore__tips_in-dot {
//   position: relative;
//   padding: 0 0.16em;
//   width: 4px;
//   height: 1.6em;
// }
// .weui-loadmore__tips_in-dot:before {
//   content: ' ';
//   position: absolute;
//   top: 50%;
//   left: 50%;
//   margin-top: -1px;
//   margin-left: -2px;
//   width: 4px;
//   height: 4px;
//   border-radius: 50%;
//   background-color: #e5e5e5;
// }
// .weui-panel {
//   background-color: #ffffff;
//   margin-top: 10px;
//   position: relative;
//   overflow: hidden;
// }
// .weui-panel:first-child {
//   margin-top: 0;
// }
// .weui-panel:before {
//   content: ' ';
//   position: absolute;
//   left: 0;
//   top: 0;
//   right: 0;
//   height: 1px;
//   border-top: 1rpx solid #e5e5e5;
//   color: #e5e5e5;
// }
// .weui-panel:after {
//   content: ' ';
//   position: absolute;
//   left: 0;
//   bottom: 0;
//   right: 0;
//   height: 1px;
//   border-bottom: 1rpx solid #e5e5e5;
//   color: #e5e5e5;
// }
// .weui-panel__hd {
//   padding: 14px 15px 10px;
//   color: #999999;
//   font-size: 13px;
//   position: relative;
// }
// .weui-panel__hd:after {
//   content: ' ';
//   position: absolute;
//   left: 0;
//   bottom: 0;
//   right: 0;
//   height: 1px;
//   border-bottom: 1rpx solid #e5e5e5;
//   color: #e5e5e5;
//   left: 15px;
// }
// .weui-media-box {
//   padding: 15px;
//   position: relative;
// }
// .weui-media-box:before {
//   content: ' ';
//   position: absolute;
//   left: 0;
//   top: 0;
//   right: 0;
//   height: 1px;
//   border-top: 1rpx solid #e5e5e5;
//   color: #e5e5e5;
//   left: 15px;
// }
// .weui-media-box:first-child:before {
//   display: none;
// }
// .weui-media-box__title {
//   font-weight: 400;
//   font-size: 17px;
//   width: auto;
//   overflow: hidden;
//   text-overflow: ellipsis;
//   white-space: nowrap;
//   word-wrap: normal;
//   word-wrap: break-word;
//   word-break: break-all;
// }
// .weui-media-box__desc {
//   color: #999999;
//   font-size: 13px;
//   line-height: 1.2;
//   overflow: hidden;
//   text-overflow: ellipsis;
//   display: -webkit-box;
//   -webkit-box-orient: vertical;
//   -webkit-line-clamp: 2;
// }
// .weui-media-box__info {
//   margin-top: 15px;
//   padding-bottom: 5px;
//   font-size: 13px;
//   color: #cecece;
//   line-height: 1em;
//   list-style: none;
//   overflow: hidden;
// }
// .weui-media-box__info__meta {
//   float: left;
//   padding-right: 1em;
// }
// .weui-media-box__info__meta_extra {
//   padding-left: 1em;
//   border-left: 1px solid #cecece;
// }
// .weui-media-box__title_in-text {
//   margin-bottom: 8px;
// }
// .weui-media-box_appmsg {
//   display: -webkit-box;
//   display: -webkit-flex;
//   display: flex;
//   -webkit-box-align: center;
//   -webkit-align-items: center;
//   align-items: center;
// }
// .weui-media-box__thumb {
//   width: 100%;
//   height: 100%;
//   vertical-align: top;
// }
// .weui-media-box__hd_in-appmsg {
//   margin-right: 0.8em;
//   width: 60px;
//   height: 60px;
//   line-height: 60px;
//   text-align: center;
// }
// .weui-media-box__bd_in-appmsg {
//   -webkit-box-flex: 1;
//   -webkit-flex: 1;
//   flex: 1;
//   min-width: 0;
// }
// .weui-media-box_small-appmsg {
//   padding: 0;
// }
// .weui-cells_in-small-appmsg {
//   margin-top: 0;
// }
// .weui-cells_in-small-appmsg:before {
//   display: none;
// }
// .weui-progress {
//   display: -webkit-box;
//   display: -webkit-flex;
//   display: flex;
//   -webkit-box-align: center;
//   -webkit-align-items: center;
//   align-items: center;
// }
// .weui-progress__bar {
//   -webkit-box-flex: 1;
//   -webkit-flex: 1;
//   flex: 1;
// }
// .weui-progress__opr {
//   margin-left: 15px;
//   font-size: 0;
// }
// .weui-navbar {
//   display: -webkit-box;
//   display: -webkit-flex;
//   display: flex;
//   position: absolute;
//   z-index: 500;
//   top: 0;
//   width: 100%;
//   border-bottom: 1rpx solid #cccccc;
// }
// .weui-navbar__item {
//   position: relative;
//   display: block;
//   -webkit-box-flex: 1;
//   -webkit-flex: 1;
//   flex: 1;
//   padding: 13px 0;
//   text-align: center;
//   font-size: 0;
// }
// .weui-navbar__item.weui-bar__item_on {
//   color: #1aad19;
// }
// .weui-navbar__slider {
//   position: absolute;
//   content: ' ';
//   left: 0;
//   bottom: 0;
//   width: 6em;
//   height: 3px;
//   background-color: #1aad19;
//   -webkit-transition: -webkit-transform 0.3s;
//   transition: -webkit-transform 0.3s;
//   transition: transform 0.3s;
//   transition: transform 0.3s, -webkit-transform 0.3s;
// }
// .weui-navbar__title {
//   display: inline-block;
//   font-size: 15px;
//   max-width: 8em;
//   width: auto;
//   overflow: hidden;
//   text-overflow: ellipsis;
//   white-space: nowrap;
//   word-wrap: normal;
// }
// .weui-tab {
//   position: relative;
//   height: 100%;
// }
// .weui-tab__panel {
//   box-sizing: border-box;
//   height: 100%;
//   padding-top: 50px;
//   overflow: auto;
//   -webkit-overflow-scrolling: touch;
// }
// .weui-search-bar {
//   position: relative;
//   padding: 8px 10px;
//   display: -webkit-box;
//   display: -webkit-flex;
//   display: flex;
//   box-sizing: border-box;
//   background-color: #efeff4;
//   border-top: 1rpx solid #d7d6dc;
//   border-bottom: 1rpx solid #d7d6dc;
// }
// .weui-icon-search {
//   margin-right: 8px;
//   font-size: inherit;
// }
// .weui-icon-search_in-box {
//   position: absolute;
//   left: 10px;
//   top: 7px;
// }
// .weui-search-bar__text {
//   display: inline-block;
//   font-size: 14px;
//   vertical-align: middle;
// }
// .weui-search-bar__form {
//   position: relative;
//   -webkit-box-flex: 1;
//   -webkit-flex: auto;
//   flex: auto;
//   border-radius: 5px;
//   background: #ffffff;
//   border: 1rpx solid #e6e6ea;
// }
// .weui-search-bar__box {
//   position: relative;
//   padding-left: 30px;
//   padding-right: 30px;
//   width: 100%;
//   box-sizing: border-box;
//   z-index: 1;
// }
// .weui-search-bar__input {
//   height: 28px;
//   line-height: 28px;
//   font-size: 14px;
// }
// .weui-icon-clear {
//   position: absolute;
//   top: 0;
//   right: 0;
//   padding: 7px 8px;
//   font-size: 0;
// }
// .weui-search-bar__label {
//   position: absolute;
//   top: 0;
//   right: 0;
//   bottom: 0;
//   left: 0;
//   z-index: 2;
//   border-radius: 3px;
//   text-align: center;
//   color: #9b9b9b;
//   background: #ffffff;
//   line-height: 28px;
// }
// .weui-search-bar__cancel-btn {
//   margin-left: 10px;
//   line-height: 28px;
//   color: #09bb07;
//   white-space: nowrap;
// }

// @keyframes circle {
//   0% {
//     transform: rotate(0deg);
//   }
//   100% {
//     transform: rotate(360deg);
//   }
// }
// @keyframes cnloading {
//   0% {
//     transform: translateY(0rpx);
//   }
//   50% {
//     transform: translateY(20rpx);
//   }
//   100% {
//     transform: translateY(0rpx);
//   }
// }
// .ml {
//   margin-left: 20rpx;
// }
// .fr {
//   float: right;
// }
// .fc_gray {
//   color: #949597;
// }
// #playingpage {
//   overflow: hidden;
//   height: 100%;
//   position: relative;
//   color: #fff;
// }
// .st_title {
//   overflow: hidden;
//   margin: 10rpx 15rpx 0 15rpx;
//   padding: 10rpx;
//   padding-left: 0;
//   line-height: 36rpx;
//   font-size: 28rpx;
// }
// .st_title image {
//   width: 36rpx;
//   height: auto;
//   margin-right: 0.3em;
//   vertical-align: middle;
//   font-size: 28rpx;
// }
// .st_title .rbtn {
//   float: right;
//   color: #999;
//   font-size: 24rpx;
// }
// .blurbg {
//   filter: blur(30px) brightness(0.8);
//   background-size: cover;
//   background-position: center center;
//   background-repeat: no-repeat;
//   position: absolute;
//   width: 100%;
//   height: 100%;
//   z-index: -1;
//   left: 0;
//   top: 0;
//   transform: scale(1.2);
//   background-color: transparent;
// }

// .cntloading {
//   padding: 50rpx 0;
//   text-align: center;
//   color: #888;
//   font-size: 26rpx;
// }
// .cntloading view {
//   display: inline-block;
//   vertical-align: baseline;
//   height: 30rpx;
//   overflow: hidden;
//   margin-left: 10rpx;
// }
// .cntloading text {
//   width: 5rpx;
//   height: 30rpx;
//   background-color: #d33a31;
//   position: relative;
//   display: inline-block;
//   margin-right: 6rpx;
//   border-radius: 3rpx;
//   animation: cnloading 0.9s linear infinite;
//   transform-origin: center bottom;
// }
// .cntloading .cl2 {
//   animation-delay: -0.6s;
// }
// .cntloading .cl3 {
//   animation-delay: -0.3s;
// }

// #playing-status {
//   display: flex;
//   color: #fff;
//   margin: 20rpx;
// }
// #playing-status progress {
//   width: 520rpx;
//   margin: 0 auto;
//   color: #000;
//   position: relative;
//   border-radius: 4rpx;
// }
// #playing-status #playstate {
//   position: absolute;
//   display: block;
//   height: 8rpx;
//   width: 8rpx;
//   overflow: hidden;
//   background-color: #d33a31;
//   border: 12rpx solid #fff;
//   border-radius: 50%;
//   top: 50%;
//   transform: translate3d(-50%, -50%, 0);
//   z-index: 2;
// }
// #dpstate {
//   position: absolute;
//   height: 2px;
//   width: 0;
//   background-color: #d33a31;
//   overflow: hidden;
//   left: 0;
//   top: 50%;
//   margin-top: -1px;
// }
// #playing-status .time {
//   width: 80rpx;
//   text-align: center;
//   display: block;
//   font-size: 24rpx;
// }
// #playing-status slider {
//   position: absolute;
//   left: 0;
//   top: 0;
//   width: 100%;
//   margin: 0;
//   opacity: 0;
//   z-index: 10;
// }

// .tab {
//   display: flex;
//   border-bottom: 1rpx solid rgba(200, 200, 200, 0.5);
//   background: rgba(240, 240, 240, 0.8);
//   height: 80rpx;
//   line-height: 80rpx;
// }
// .tab .tab-item {
//   text-align: center;
//   flex: auto;
//   word-break: keep-all;
//   font-size: 30rpx;
// }
// .tab .tab-item .tbi-text {
//   display: inline-block;
//   padding: 0 0.3em;
//   vertical-align: top;
//   line-height: 76rpx;
//   height: 77rpx;
// }
// .tab .tab-item .tbi-des {
//   display: inline;
//   color: #999;
//   border-bottom: none;
//   font-size: 24rpx;
//   line-height: 1;
//   padding-left: 0.5em;
// }
// .tab .tbi-cur .tbi-text {
//   color: #d33a31;
//   margin-bottom: -1rpx;
//   border-bottom: 4rpx solid #d33a31;
// }

// .ptab {
//   display: flex;
//   margin: 0 auto;
//   background: #bb2c08;
//   justify-content: center;
//   padding: 0 0 20rpx;
//   width: 100%;
// }
// .ptab .pt-item {
//   text-align: center;
//   line-height: 2em;
//   padding: 0 1em;
//   color: #fff;
//   border: 1rpx solid #fff;
//   margin-left: 1rpx;
//   border-radius: 4rpx 0 0 4rpx;
//   width: 4em;
//   margin-left: -1rpx;
//   font-size: 28rpx;
// }
// .ptab .pt-item:last-child {
//   border-radius: 0 4rpx 4rpx 0;
// }
// .ptab .pt_cur {
//   color: #bb2c08;
//   border-color: #fff;
//   background: #fff;
// }

// .rec_list {
//   display: flex;
//   padding: 20rpx 0 0 20rpx;
// }
// .rec_avatar,
// .rec_avatar image {
//   width: 60rpx;
//   height: 60rpx;
//   border-radius: 50%;
// }
// .rec_main {
//   border-bottom: 1rpx solid #e1e2e3;
//   margin-left: 20rpx;
//   width: 650rpx;
//   font-size: 28rpx;
//   padding: 0 20rpx 15rpx 0;
//   line-height: 48rpx;
// }
// .rec_main .wxEmoji {
//   vertical-align: middle;
//   width: 42rpx;
//   height: 42rpx;
//   margin: 0 3rpx;
// }

// .rm_header {
//   font-size: 24rpx;
//   color: #999;
//   line-height: 1.8;
//   padding-bottom: 10rpx;
// }
// .rm_header view {
//   float: right;
//   line-height: 40rpx;
// }
// .fmh_time {
//   display: block;
//   font-size: 18rpx;
// }
// .rm_header .fmh_name {
//   font-size: 28rpx;
//   color: #333;
//   display: block;
// }
// .rm_header view image {
//   width: 40rpx;
//   height: 40rpx;
//   margin-left: 10rpx;
//   vertical-align: sub;
// }
// .rmc_reply {
//   margin: 10rpx 0 15rpx;
//   padding: 20rpx;
//   color: #888;
//   background-color: #fdfefe;
//   border: 1rpx solid #e4e4e5;
// }
// .replyname {
//   color: #537fb0;
// }

// .playinghidden {
//   z-index: -1;
//   opacity: 0;
//   pointer-events: none;
// }

// #lrclist {
//   position: absolute;
//   left: 30rpx;
//   top: 10rpx;
//   right: 30rpx;
//   bottom: 260rpx;
//   text-align: center;
//   overflow: hidden;
//   color: #fff;
//   z-index: 3;
// }

// #lrcwrap {
//   top: 50%;
//   position: absolute;
//   font-size: 30rpx;
//   width: 100%;
//   transition: all ease 1s;
//   text-align: center;
// }
// #lrcwrap .lrcur {
//   opacity: 1;
//   font-size: 31rpx;
//   transition: all ease 1s;
// }
// #lrcwrap .siblings1 {
//   opacity: 0.3;
// }
// #lrcwrap .siblings2 {
//   opacity: 0.1;
// }

// #lrcwrap view {
//   line-height: 1.2;
//   word-break: break-all;
//   opacity: 0.5;
//   height: 72rpx;
//   overflow: hidden;
//   transition: all ease 0.5s;
//   display: flex;
//   align-items: center;
//   width: 100%;
//   text-align: center;
// }
// #lrcwrap .notext {
//   text-align: center;
//   display: block;
// }
// #lrcwrap view text {
//   display: block;
//   text-align: center;
//   width: 100%;
// }
// #lrclist .cntloading {
//   top: 50%;
//   position: relative;
// }
// #lrclist:after,
// #lrclist:before {
//   content: '';
//   position: absolute;
//   left: 0;
//   height: 50%;
//   top: 0;
//   background-image: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.1));
//   opacity: 0.1;
//   display: none;
//   width: 100%;
//   z-index: 3;
//   filter: brightness(0.1);
// }
// #lrclist:after {
//   top: auto;
//   bottom: 0;
//   transform: rotate(180deg);
// }
// #lrclist .cntloading {
//   position: absolute;
//   top: 50%;
//   color: #fff;
//   width: 100%;
//   margin-top: -16rpx;
// }

// .sm_title {
//   padding: 0 20rpx;
//   font-size: 24rpx;
//   display: block;
//   color: #6a6a6a;
//   background-color: #eeeff0;
//   line-height: 60rpx;
// }
// .sm_title text {
//   color: #aaa;
// }

// .commentscount text {
//   position: absolute;
//   font-size: 22rpx;
//   left: 50%;
//   top: 50%;
//   margin-left: 10rpx;
//   margin-top: -35rpx;
//   color: #ddd;
// }

// .flex-boxlist {
//   overflow: hidden;
//   display: flex;
//   flex-wrap: wrap;
// }
// .tl_cnt {
//   width: 231.3rpx;
//   margin: 15rpx 0 15rpx 15rpx;
//   box-sizing: border-box;
//   line-height: 1.2;
// }
// .flex-two .tl_cnt {
//   width: 352.5rpx;
// }
// .tl_cnt text {
//   font-size: 26rpx;
//   color: #666;
// }
// .tl_cnt .cover .mv_cover,
// .tl_cnt .cover .music_cover,
// .cover .album_cover,
// .cover .def_cover {
//   width: 100%;
//   height: 100%;
//   position: absolute;
//   top: 0;
//   left: 0;
// }
// .cover {
//   position: relative;
//   height: 0;
//   padding-top: 100%;
//   overflow: hidden;
//   margin-bottom: 10rpx;
// }
// .alist_bg {
//   background: none !important;
// }
// .cover .img_creator {
//   position: absolute;
//   right: 0;
//   bottom: 0;
//   line-height: 32rpx;
//   color: #fff;
//   z-index: 2;
//   width: 100%;
//   padding: 40rpx 10rpx 10rpx;
//   font-size: 24rpx;
//   box-sizing: border-box;
//   background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2));
//   overflow: hidden;
//   white-space: nowrap;
//   text-overflow: ellipsis;
// }
// .cover .img_creator image {
//   margin: 0 5rpx;
// }
// .tl_cnt .name {
//   line-height: 1.4;
//   overflow: hidden;
//   word-break: break-all;
//   display: block;
//   max-height: 2.8em;
//   text-overflow: ellipsis;
// }
// .cover:after {
//   height: 50%;
//   width: 100%;
//   left: 0;
//   top: 50%;
//   z-index: 1;
//   content: '';
//   position: absolute;
//   background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
//   opacity: 0.5;
// }
// .disabled {
//   color: #aaa;
//   background-color: #fbfbfb;
// }
// .album .cover {
//   padding-top: 85.33%;
// }
// .album .cover::after {
//   display: none;
// }
// .tl_info {
//   font-size: 26rpx;
//   line-height: 1.6;
// }
// .tl_info view {
//   word-break: keep-all;
//   overflow: hidden;
//   text-overflow: ellipsis;
//   white-space: nowrap;
// }
// .tl_info .tli_des {
//   color: #888;
//   font-size: 24rpx;
// }

// .flexlist .flexlist {
//   flex: 1;
//   padding: 10rpx 10rpx 10rpx 0;
//   margin: 0;
//   align-items: center;
//   margin-left: 0;
//   box-sizing: border-box;
//   overflow: hidden;
//   line-height: 1.5;
//   position: relative;
//   border-bottom: 1rpx solid #e1e2e3;
// }

// .cur,
// .cur .fm_tdes,
// .cur .flexmain view text,
// .cur .relistdes,
// .cur .flexnum {
//   color: #bb2c08 !important;
// }
// .flexlist {
//   display: flex;
//   align-items: stretch;
// }
// .flexlist .flexlist .flexleft {
//   padding-right: 10rpx;
// }
// .flexleft image {
//   vertical-align: middle;
// }
// .flex-center {
//   align-items: center;
// }
// .flexnum {
//   flex: 0 0 80rpx;
//   font-size: 30rpx;
//   color: #999;
//   text-align: center;
// }
// .flexact {
//   text-align: right;
//   font-size: 24rpx;
//   color: #999;
//   display: flex;
// }
// .flexmain {
//   box-sizing: border-box;
//   flex: 1;
//   overflow: hidden;
// }
// .fm_tdes {
//   font-size: 24rpx;
//   color: #999;
// }
// .flexmain view {
//   word-break: keep-all;
//   overflow: hidden;
//   text-overflow: ellipsis;
//   white-space: nowrap;
//   line-height: 1.6;
//   width: 100%;
//   word-wrap: break-word;
// }
// .flexmain view text {
//   color: #999;
// }
// .flexmain .lname {
//   max-height: 2.4em;
//   line-height: 1.2;
//   white-space: normal;
// }
// .relistdes {
//   color: #999;
//   font-size: 24rpx;
//   white-space: -2rpx;
// }

// .fa_pc {
//   opacity: 0.5;
//   padding-right: 15rpx;
//   flex: 1;
//   white-space: nowrap;
//   font-size: 26rpx;
//   line-height: 1;
// }
// .fa_pc image {
//   width: 24rpx;
//   margin-right: 5rpx;
// }

// .mvs .cover {
//   padding-top: 56%;
// }
// .mvs {
//   padding-right: 15rpx;
// }

// .albums .fl-image {
//   flex: 0 0 120rpx;
// }
// .albums_wrap {
//   position: relative;
// }
// .albums_wrap .al-image {
//   position: absolute;
//   height: 100%;
//   width: 85.33%;
//   z-index: 10;
//   left: 0;
//   top: 0;
// }
// .albums .fl-image .albums_cover {
//   position: absolute;
//   width: 118rpx;
//   height: 100rpx;
//   left: 0;
//   top: 0;
//   z-index: 0;
// }
// .fa_list {
//   margin-left: 10rpx;
// }
// .fa_mv image {
//   width: 56rpx;
//   height: 56rpx;
// }
// .fl-image {
//   position: relative;
//   padding: 10rpx 0;
//   margin: 0 20rpx;
// }
// .flexlist .flexlist .fl-image {
//   padding: 0;
//   margin: 0 10rpx;
// }
// .fl-image image {
//   width: 100rpx;
//   height: 100rpx;
//   vertical-align: middle;
//   position: relative;
//   z-index: 1;
// }

// .img_playcount {
//   position: absolute;
//   right: 0;
//   top: 0;
//   color: #fff;
//   z-index: 1;
//   font-size: 24rpx;
//   padding: 8rpx 15rpx 8rpx 40rpx;
//   background-image: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
//   max-width: 70%;
//   text-align: right;
//   min-width: 30%;
// }
// .img_playcount image {
//   vertical-align: baseline;
//   margin-right: 10rpx;
//   position: relative;
//   width: 24rpx;
//   height: 24rpx;
// }

// .listheader {
//   margin: 25rpx 15rpx 10rpx;
//   overflow: hidden;
// }
// .listheader:before {
//   display: inline-block;
//   width: 5rpx;
//   background-color: red;
//   height: 0.8em;
//   content: '';
//   vertical-align: middle;
//   margin-right: 15rpx;
//   border-radius: 10rpx;
// }

// #playall {
//   line-height: 36rpx;
// }
// #playall image {
//   width: 36rpx;
//   height: 36rpx;
//   vertical-align: top;
// }
// #playall .flexnum {
//   padding: 20rpx 0;
// }
// #pa-count text {
//   color: #888;
//   font-size: 24rpx;
// }

// .menu .mn_list {
//   display: flex;
//   flex-flow: row;
//   align-items: stretch;
//   width: 100%;
//   justify-content: space-around;
// }
// .menu .mn_list:last-child .cmain,
// .menu .mn_list:last-child .rdes {
//   border: none;
// }
// .menu .cmain {
//   flex: 1;
//   border-bottom: 1rpx solid #e1e2e3;
//   display: flex;
//   align-items: center;
//   white-space: nowrap;
//   text-overflow: ellipsis;
//   overflow: hidden;
//   padding-right: 15rpx;
// }
// .menu .mn_ico {
//   text-align: center;
//   padding: 20rpx;
// }
// .menu .arrow {
//   display: inline-block;
//   margin: 0 15rpx;
//   vertical-align: middle;
// }
// .menu image {
//   vertical-align: top;
// }
// .menu .rdes {
//   text-align: right;
//   border-bottom: 1rpx solid #e1e2e3;
//   font-size: 28rpx;
//   color: #999;
//   display: flex;
//   align-items: center;
//   justify-content: flex-end;
// }

// .close {
//   width: 78rpx;
//   height: 78rpx;
//   background-size: 100% auto;
//   background-position: center center;
//   background-repeat: no-repeat;
//   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE4AAABOCAQAAAAko+iWAAABEUlEQVR4Ae3VxXHFUBSDYUPX4XWY2X6vBvUVLCBMCiea0cxZ6F8bvgu+bqqVUkoppZRSSglLuMA6Wvn+Dps4x7wHd41b3OIErUgbH++/8uC2cavxiHaLTQ+ux6jxiDbQnU6enebnEe1UoDl56P008YV+mrZUOs3P02l+nk7z89QT0c/TaX6enyb/mqrQmDc8g8aPtFK8arSPi3uLY6YVCD2mr7gBbS3a5JVGvFq0EwzEK0U7RouOeF0pWnNfFR7Tjuj31TKvDK0Kjw8Ppuk8P03n+Wk6z0erwmPaIdF+543oqtCYd0q8AjSBZ6CV4WHnA03jbXpw10yTeVce3CIusPJKU3jruMSsw5ZSSimllFJKd8ozWKU4zle8AAAAAElFTkSuQmCC);
// }
// .arrow {
//   width: 16rpx;
//   height: 24rpx;
//   background-size: 100% auto;
//   background-position: center center;
//   background-repeat: no-repeat;
//   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAqCAMAAACeG2tsAAAAJFBMVEUAAACysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrIIg5e5AAAAC3RSTlMAV6UD/KinqaaqWKI0gd4AAABFSURBVDjLY2AgAzAyMWMXZ+FmxSrDxs2NXYaZfZDLsI8YGQ5sEqxACTYc4pzMtBVnH2Hi2BIhE67EyYUrqzFw4cicpAIAj9UHHcF4JeQAAAAASUVORK5CYII=);
// }
// .arrow-white {
//   width: 12rpx;
//   height: 22rpx;
//   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAWCAMAAADD5o0oAAAAjVBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+/pqIrAAAALnRSTlMAAQ8GA7OxCkkMwKnEHBfQzJ6tExXbmdSiydiNG5GHBN6A3YEaiNeO05KayKMFKL6/GAAAAHNJREFUGNNt0EkCgjAMBdCWwSKIQBkURUEZFIR//+OxMumiWeVt8pOI4OAKKh8+S4XQLel4QuSRnBpXQykyScoTVKziggfrfMOd45oST1bc4cV4o//3Q4mRBkz40OgvZsmhi7Ss4/ywepYTVAi9Wc82H7IDtTMIq3eXfrQAAAAASUVORK5CYII=);
// }
// .mv_cover {
//   background-size: 100% auto;
//   background-position: center center;
//   background-repeat: no-repeat;
//   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAACkCAMAAAAE/tP1AAAA1VBMVEXh4+Ti5OX////+/v7y8/Pk5ufj5ebr7e38/Pzp6+zq6+zr7O3l5ufs7e7t7u/w8fLl5+jo6erz9PT29vf3+Pjx8vL6+vr7/Pz5+fn9/f3o6urp6uvv8PD5+vr8/f329/f39/fu7/D4+fnz9PX09fXp6+v19vb19fbn6Ont7+/4+Pnv8PHv8fH6+vv6+/v7+/v7+/zx8fLn6erm6Ojz8/Tl5+f8/P3m5+jj5eX5+frm6Ont7u7j5OX9/v7x8vPn6enq7Ozk5ub4+Pjw8fHy8/Tu8PDo6uvOKV4BAAAAHGlET1QAAAACAAAAAAAAAFIAAAAoAAAAUgAAAFIAAAI51mLEigAAAgVJREFUeNrsmVtX2lAQRs/5cqMEg0gAQ4IYoFQuloq3aqu9rfb//6Q+VMWJxZKsvs23n1iLMw+z1znMBWMIIYQQQgghhBBCCCGEEEIIIYQQQgghhBBijDHGCztxz7kauCldvMT2s2kPTwxaVPKc672LAYrk9PIHv948ToSa2uOHiHbsOp+shB3n+33oGesFcwBw1qr1XAbuyBF6uuPoZPP9zAEw0mrnc7psXwk7R8Nl+rFwKgKAtwr13EbjrnxaIze4/OvREYCxvpZHPq3VJF/brecDAKd69DQWsXxayXGz7v9DKQBHTV0/EHoGF3vXu9Q7AFBi6PzDpuWZZn27a5weRfsPjeFRJ/RKBapRZLsAMA+80pFqFP0EgFmVSDWKapWHLS2KflWfI7QoygAE5X/A0uUw0aLIBfCtXAV8vjvSoCgpk6ftL9pyd6RB0c55NgL35uVmjYoeLk8rm9bE+H/ohp6hosf53z0U839tmrWsqor2Sp52ncvLgxs3aOgr+lvy9MJ7uZdN2ovigKtY0Zf8Xa+4HdlX3DrKPP2vnbm8PMNlapV315s8T2aFf4S6B6+v1lQp8utn8Z3cy/5Ifc5omzzfi8tzOv50zjG2kOcTd3HzjV/hjSpRtJpEt1yGbMvTic/qfrVQDiBUREVUREVUREVUREVUREVUREVUREVUREX/md8AAAD//wZtN8wAAAG1SURBVO3Yy07CQACF4elfWlsD4Q6VBbCQ6EaCuiHRxI3v/0wuKFjoQLQDXqbn21nC5k9tmWPM7wL4+a/+K0qkREr0pxIF1+/ZNAynWe/qVYksOr2QnbDXUaLDO+ixEAggHAZKVBRllGSREhUKrQAYN9IoCDppY/PnSol24geA5CXYXWkl23tJiYwxxtwCzOO9anMlKlgA9A+v9pXoUwaMgtI7bqREW/cAk/L1iRJttYGZ7YOZEuUGQMv2QUuJcgnQsR5JlCgXAoH1UKJEhUTrY4lCD4t8f9FIgOdj/2iJd4GqLBonH9cD3+6gSovGyZd+269CFReNN4Bu+XoX4MmvQlUXjRMHkMyrQtUXjfT4MTb1KpHDonEH0N//ah/gzqtCLotGvLTfgMvYq0ROi0ZzvHmMDReRMdFimD/Vml4Vclw07C9Dv174rotGMLT8pPKL+6Jh+WHul3MsGqXjnV+0aHwp0VqJKi8aN+pTt0XjAi/9tvrUa9G4xAEkU516LRoOarJouKjJouGkFouGozosGq5qsGi4837ROMud5PeiISIiIiIiIiIiIiIiIiIiIiIiIiLn9gG6Njo2bh6E0wAAAABJRU5ErkJggg==');
// }

// .user_avator {
//   background-size: cover;
//   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdDN0JFQkMxQTY1NzExRTY4NUUwQjcwNDE0NzgwODE5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdDN0JFQkMyQTY1NzExRTY4NUUwQjcwNDE0NzgwODE5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6N0M3QkVCQkZBNjU3MTFFNjg1RTBCNzA0MTQ3ODA4MTkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6N0M3QkVCQzBBNjU3MTFFNjg1RTBCNzA0MTQ3ODA4MTkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7KfW2bAAAAMFBMVEX8/PzJysrX2dro6uvh4+TFxsfc3t/i5OXHyMnf4eHk5ebn6enR0tPMzc3x8vLm5+je87MHAAACT0lEQVR42qyX27arIAxFgwgFTfD///YEe0OyVDr24a2UyYIQcyGHRwjJiTCzuBTCySICcykk5inGPOvIMU6T6NQAnHSdgnM34sRB/7qGJSU25Itn3fkSPkWfeDiHJcnznmcjRzmIN7AEvkR3nIMgWMJ0yyo9NfQHFjfNQ6Oh6as7D47pc2/6mW206Xf2S9PrefMvcObUKiN2WUsp3i+I/ipLAG7lC71GWYGz7QdXWN3Zqipa/KKjblI2s4BT2mFJRnhV4PH+8VDciMf6XlWZAXu46QZofh7b3PjRsWhGb73D5pmK1dmoAGlyxj9Wu7BuuBlPqcrRrANPu5gdY1UWc+OCvKpQPyOOzKn1esjfPDi3hT2tM4RXCxsP8eQRvJrpmMgNwlY5OjIf1PCds1Bv7BNrq4M/jLmJBx6lDrAlQ3gbsVeFZcCZnjuCY4MIBK6HDKEGcxEY1thb389sqE9lwwiyLAEjqpOgiO37Q+oXnkH0hnAfDuAXXmEnyCWoPfhC8OU5gWDQaz3gwz+DATr3VlrpPXDnGYYhRsmiTRMbShuZUeitquUYxfJSDP4KvUfp0iaLw9sfTc423SxVFafb5WCHT7r55hvNM/48Lfsm67wT3TfFekIh+2A536XYT3Jfb9jdedYuub/KCt13vqsuln3/rqyonnKr+3HVY0GjFp/Kla0OX1xXStUCsJSxUqgUkb581Ap9qJzKWreb2jPxYOGa5H+XzH8r1veO6LpNSDcNijtvUNJNg/Kn1ujdlMnUNmXMY01Z3w7KVTv4T4ABAMTBOO9qNZA+AAAAAElFTkSuQmCC);
// }

// .music_cover {
//   background-size: cover;
//   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOIAAADiCAMAAABkzuvlAAAA3lBMVEXh4+T////j5eb+/v7y8/Pi5OX9/f3p6uvk5ufq6+zr7O3t7u/09fX19fb29/f3+Pj5+vr6+vv6+/vn6erm6Ojm6Onu7/D7+/v7/Pz5+frv8fHw8fHl5+jy8/Tj5OXt7u7q7Ozx8vP5+fn19vbr7e34+fns7e7v8PDz8/T8/Pzz9PXu8PDv8PH39/fl5+f6+vr9/f74+Pnn6eno6ero6urk5ebx8vLs7u7m5+jw8fLj5eXy8vPp6+vt7+/u7+/z9PTp6+z7+/zl5ufn6On8/P34+Pj29vf9/v7x8fLk5ubwwKxnAAAAHGlET1QAAAACAAAAAAAAAHEAAAAoAAAAcQAAAHEAAAHr1bamfQAAAbdJREFUeNrs2FlTGkEUhmE+podhcxAYQEFR2UTcynKpJBXNUlaS//+LcqGxh5Ig5iqn631u7Yt+i56Z0xYKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA+P+VD+8avShquizEuvj6dLyjF1/isPI+zOa7kZY1gmksVj6el3zY5aKWxXGSStoP4Wi2u/Wer3v80U8+/flbX1LHdt7exE390YymbnKxvCCVnN2j+XmQ5o5mr/7QXvHYJVLLZF7mWrmjWUoHX4t/WTmUIosP374/miM321u7VpLBwsZT3ret7vXbXwSTiXNJaa1yu9lqi4kdSf3Nl1tMdFJaCDuxJSWbD6zHFhMjabjRbaN69DwVmEv8qejN92inlh/pDP6Ka7/lw2SQm8d3tiwmrtnz94nb9j/eyFXLNl83q/cct7vjk9xI109iu2/U13suVn5d+etGc3GQGf9oLO85O1g0/cR6dXdYDOC7+LLn+OYsd5s6GXdXXabsJparbuTP5vZ8dhHSdCOp7v/FVjofJMPQBrj8Rf++8w9vJyOJ0fSoWg52DJd0dhO/79ENZ7ohkUQSSSSRRBJJJJHEV34DAAD//wv0TNIAAAF0SURBVO3XTWsCMRSF4TmJDn4Now5CBUXbjRQXFUFcdFm66P//Q13YFus4xYhCcvs+uwmzOVySnGTZ/Um64+9RIOJ/iOj2xWijzajYO5sRXcvrm285gxF7uY7lPXMRV5I0XFUuc9V6KEkrYxH7kp6XP5/Lh8MsDUWceOndHW/M0lrEUhq6XyvtJ1sRK0lvp4O1FfFRGtQWB5K3E3EqdWuLXenFTsRc6tQWd1JuJ6KkdqId9dLSmewULy+dTXtxGnnCgNL52nCituJOGFI6K8nPTtZmXqqiThhWOktpWm83ZdQJA0vn2d/9JOqIoaXz3ND7UScML52HrbvedrKP7dfWjfusaSqdQa/+uDVddH/1ajc/ukbnLvZb/7q64hbF2MuPi0X0AZMunfedYlJSLZ0BEi2dgfdigqUzuN0kVzpv0VEjL523eGn0M1uSK503efXbk1jpvDJkSqUTAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA1n0CqPspHMM/gVMAAAAASUVORK5CYII=);
// }
// .album_cover {
//   background-size: cover;
//   background-image: url(data:image/png;base64, );
// }
