body, html {
  height: 100%;
  -webkit-tap-highlight-color: transparent;
    font-size:50px;
}
body{font-size:24px;}
.demos-title {
  width: 100%;
    height: 50px;
    background-color: #3f57f2;
    color: #fff;
    position: relative;
	font-size:16px;
	text-align:center;
	line-height:50px;
}

.demos-sub-title {
  text-align: center;
  color: #888;
  font-size: 14px;
}

.header {

}


.demos-content-padded {
  padding: 15px;
}

.demos-second-title {
  text-align: center;
  font-size: 24px;
  color: #3cc51f;
  font-weight: 400;
  margin: 0 15%;
}

.swiper-container {
        width: 100%;
} 

.swiper-container img {
display: block;
width: 100%;

}
.weui-photo-browser-modal .photo-container img{max-width: 750px;}
.container{max-width: 750px;margin: 0 auto}
.container .main-container {
    box-sizing: border-box;
    border: .1rem solid #044595;
    padding: .1rem;
}
.container .main-container .main-container-inner {
    width: 100%;
    box-sizing: border-box;
    border: .02rem solid #044595;
    padding: .05rem;
}
.container .org-view {
    width: 100%;
    box-sizing: border-box;
    padding: .15rem 0;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    background: #fff;
}
.container .org-view .org-name {
    font-size: 18px;
    font-weight: 700;
    color: #444;
    text-align: center;
}
.container .message-list {
    width: 100%;
}
.container .message-list li:nth-of-type(odd) {
    background-color: #fdfdfe;
}
.container .message-list li {
    min-height: 40px;
    font-size: 14px;
    color: #333;
    border-bottom: 1px solid #EFEFF0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 5px;
}
.container .message-list li:first-of-type {
    height: 40px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAu4AAABICAYAAACpx3AQAAACBklEQVR4nO3WW06DQABA0anpllyGa7K79dcd4LeRUEAQb3LObwfmATT39vr28T6W3BZ//Wbaed2u8TPXTsujfj/XiuuuOIPp7LmejP1x7gc8yzU27/vgM7ps32e/VzPjF7+tP3r3Vn3fZz/jvXNtXFf6GZ/5DR803l7PXYu9Hnf/f/cfaK+77z83dk+33scYjw1TAQAAF3i5egEAAMBzwh0AAAKEOwAABAh3AAAIEO4AABAg3AEAIEC4AwBAgHAHAIAA4Q4AAAHCHQAAAoQ7AAAECHcAAAgQ7gAAECDcAQAgQLgDAECAcAcAgADhDgAAAcIdAAAChDsAAAQIdwAACBDuAAAQINwBACBAuAMAQIBwBwCAAOEOAAABwh0AAAKEOwAABAh3AAAIEO4AABAg3AEAIEC4AwBAgHAHAIAA4Q4AAAHCHQAAAoQ7AAAECHcAAAgQ7gAAECDcAQAgQLgDAECAcAcAgADhDgAAAcIdAAAChDsAAAQIdwAACBDuAAAQINwBACBAuAMAQIBwBwCAAOEOAAABwh0AAAKEOwAABAh3AAAIEO4AABAg3AEAIEC4AwBAgHAHAIAA4Q4AAAHCHQAAAoQ7AAAECHcAAAgQ7gAAECDcAQAgQLgDAECAcAcAgADhDgAAAcIdAAAChDsAAAQIdwAACBDuAAAQcB9jfF69CAAAYNkXiXUdERxDoyMAAAAASUVORK5CYII=) no-repeat;
    background-size: cover;
    border-bottom: none;
    color: #fff;
    font-weight: 700;
    font-size: 15px;
}
.container .message-list li:nth-of-type(2n) {
    background-color: #f6f6f7;
}
.container .message-list li .value-button {
    width: 80px;
    height: 24px;
    background: url(data:image/png;base64,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) no-repeat;
    background-size: cover;
}
.container .org-view .title {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    letter-spacing: 2px;
}
.container .org-view .pro-name {
    font-size: 19px;
    font-weight: 700;
    padding: 5px 0;
}
.container .footer {
    width: 100%;
    height: 80px;
    background-color: #fdfdfe;
    border-top: 1px solid rgba(0, 0, 0, .2);
    font-size: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.container .footer .footer-item {
    height: 25px;
    line-height: 25px;
}
.weui-toast{width: 5em;min-height:5em;}
.weui-toast_content{font-size: 14px;}
.weui-photo-browser-modal{z-index: 999}