.swiper-container {
    width: 100%; margin-bottom: 20px; 
}

/*important, be out of shape*/
.swiper-container img {
    display: block; width: 100%;
}

.swiper-slide {
    text-align: center; font-size: 18px; background: #fff;
    /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
}

.swiper-pagination-bullet {
    display: inline-block; width: 6px; height: 6px; opacity: 1; border-radius: 10px; background: white; margin: 0 3px; cursor: pointer; transition: width 0.3s ease-in-out;
}
.swiper-pagination-bullet-active {
	background: #fdd000; width: 12px;
}


/*weui-grids*/
.weui-grids {
    margin-top: 0; background-color: transparent;
}
.weui-grids::before {
    border-top: 0px;
}
.weui-grid__icon {
    width: 4rem; height: 4rem; margin: 0 auto;
}
.weui-grids__title {
    margin-top: 16px; padding: 8px 16px 8px;  background-color: #fff; color: #333333; font-size: 1rem; line-height: 1.4;
}
.weui-grid__label {
    font-size: 0.9rem; color: #666;
}
.weui-grid__icon + .weui-grid__label {
    margin-top: 8px;
}
.weui-grid {
    padding: 20px 10px 16px; width: 33.333333%;
}
.weui-grid::before {
    border-right: 0;
}
.weui-grid::after {
    border-bottom: 0;
}

.weui-btn-area2 {
    margin: 20px 16px 20px 16px;
}
.weui-media-box__title2 {
    width: auto; text-align: center; font-weight: 400; font-size: 17px; line-height: 1.4; color: rgba(0, 0, 0, 0.9);
}

.weui-media-box__desc2 {
    padding-top: 20px; display: -webkit-box; line-height: 1.4; text-indent: 2rem; font-size: 0.95rem; color: rgba(0, 0, 0, 0.3); -webkit-box-orient: vertical;
}

.noauth {
    margin: 20px 20px 30px; padding: 10px; text-align: center; border: 1px solid #ff0000; color: #ff0000; font-size: 1.2rem; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}

.listview {
    margin-top: 20px; padding: 10px; text-align: left; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; 
}

.li-static {
    display: block; padding: 10px; border-bottom: 1px solid #f5f5f5; line-height: 24px; background-color: #fff; color: #333; font-size: 14px;
}

.li-static:first-child {
    -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px;
}

.li-static:last-child {
    border-bottom: none; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px;
}