.van-doc-intro {
text-align: center;
font-family: "Dosis", "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
}
.van-doc-intro__youzan {
width: 32px;
height: 32px;
display: block;
margin: 25px 0 0;
}
.van-doc-intro__logo {
width: 120px;
height: 120px;
}
.van-doc-intro h2 {
font-size: 36px;
line-height: 60px;
font-weight: normal;
}
.van-doc-intro p {
font-size: 15px;
color: #455a64;
}
.mobile-nav__item {
margin-bottom: 20px;
}
.mobile-nav::after {
display: none;
}
.mobile-nav .van-collapse-item__content {
padding: 0;
}
.mobile-nav .van-collapse-item__title {
font-size: 16px;
line-height: 36px;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}
/* default colors */
/* button */
.side-nav {
width: 100%;
box-sizing: border-box;
padding: 60px 15px 20px;
}
.side-nav .zanui-title, .side-nav .zanui-desc {
text-align: center;
font-weight: normal;
-webkit-user-select: none;
user-select: none;
}
.side-nav .zanui-title {
margin: 0 0 15px;
}
.side-nav .zanui-title img, .side-nav .zanui-title span {
display: inline-block;
vertical-align: middle;
}
.side-nav .zanui-title img {
width: 36px;
}
.side-nav .zanui-title span {
font-size: 40px;
margin-left: 15px;
font-family: "Dosis", "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
}
.side-nav .zanui-desc {
font-size: 14px;
color: #455a64;
margin: 0 0 60px;
}
.mobile-switch-lang {
position: absolute;
top: 15px;
right: 15px;
font-size: 11px;
border: 1px solid #38f;
border-radius: 3px;
color: #38f;
cursor: pointer;
}
.mobile-switch-lang span {
width: 32px;
line-height: 22px;
text-align: center;
display: inline-block
}
.mobile-switch-lang span.active {
color: #fff;
background-color: #38f;
}
.van-doc-demo-pages__gallery {
margin-top: 30px;
}
.van-doc-demo-pages__item {
width: 28%;
text-align: center;
margin-bottom: 40px;
display: inline-block
}
.van-doc-demo-pages__item:nth-child(3n+1), .van-doc-demo-pages__item:nth-child(3n+2) {
margin-right: 4%;
}
.van-doc-demo-pages__item h4 {
font-size: 14px;
line-height: 20px;
font-weight: normal;
}
.van-doc-demo-pages__item img {
width: 100%;
cursor: pointer;
border-radius: 3px;