.picture_details {
    font-family: PingFang SC;
}
.picture_details .van-nav-bar__content {
    height: 50px;
    background-color: #07c160 !important;
}
.van-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.van-nav-bar__title {
    max-width: 60%;
    margin: 0 auto;
    color: #FFF;
    font-weight: 700;
    font-size: 16px;
}
.van-nav-bar__right {
    right: 0;
}

.van-nav-bar__left, .van-nav-bar__right {
    position: absolute;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 16px;
    font-size: 14px;
    cursor: pointer;
}
.picture_details .van-nav-bar__right .rht1 .icons {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGOSURBVHgBtZPdVcJAEIXvbpDA8YUOpAMpgVSgHbgdQAfGCsQOYgdQwaI0gB1QAm+o57DrnU2C/ISYB5lzCLubmW9m52aAfzJVddiyZhhFuIPHPbf94njpFZZ6i6fPJFvVgnrW9DYRHgkYy957LAVQOPb5GMraKUyuCVwn2foEFCAalssBAZn2p5k71vQdkCqNB0nQdUj2YcHid/McvxnftiY9OF+YUWzN+AiYiu8VY8ozXWaS60gl30l2AAp9UuzXnrHS1Du8suqx9HMHctIX2fA6aGgMTOU/QhAkBzHrgL95lRrnTHy9CKHzalvyUNJgIDsbpTBgD+1uv8XsK8kmcPhA3vgcVHsFBjkVqq61ErSSrFUOG8kMTKreqQg3xbdW9MhhJtcL6jW0Qukh9kGETAOvUK+JHSsdQFRgzqpelIdpL8yfsA59xFdiSqV/Z40j0uaIBAUVR2R7ZkRYSYAcjcjh9BMWy4emMUL+du5FCFn6IEYuCCvp0q9yaE8yC1DhVpVqegJ9EGUaWnEp+wGsta3QQOVbwQAAAABJRU5ErkJggg==);
    background-size: 100% 100%;
    height: 20px;
    width: 20px;
}

.picture_details .van-nav-bar__right .rht * {
    display: inline-block;
}
.picture_details .van-nav-bar__right .rht span {
    height: 14px;
    line-height: 14px;
    color:#FFF;
}

.picture_details .van-nav-bar__right .rht {
    color: #07c160;
    font-family: PingFang SC;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.picture_details .van-nav-bar__right .rht2 .icons {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAF9SURBVHgBrZPRUcJAFEVvEhT8EjughFgAYkqgApIKxArECoQK3A4sITj4LyVQQr7UoOzzvg1xmCTi4HB/ktl9uXvf2RfgSPL+KjhJ49Dz8cjCUHxM1n1z31Tn7zPpvCQjmqR87QmQeRaT00V8d5BRhx/IRgyTZL7F5XpgLph/rmad52RUra+11k3j7luAB08QQzA/EwyzyGRuk3ttH69aZi2iz8gsGxN10rj3zlacicUsvzbRj4mK7y2LoRrxw0ljawpVCh4hTW7zyIzRoA1Ntr2c7663yiSWJqLOjPwRmXmTicK3G5lCuQmSWiLLFJ6eZJH8alKBz7pVLRE3e/pkolXVoIQvtgF+1QgBBuqyewtly4T/RPihg09uOZrVKg/WvhV4wKcufOkQcqKhaQv4U+xRYSSuta7PGZHtRuCWHQ8HX9NJ4IyryvIrMywYsZjA42oFb8KUUPXaaVqT4Mhyv0h7Ed+IAv2PgYdl3jezgpHFuByBgyVuZGY4lr4BQx+np70KW/UAAAAASUVORK5CYII=);
    background-size: 100% 100%;
    height: 20px;
    width: 20px;
}

.picture_details .van-nav-bar__right .rht1 {
    margin-right: 10px;
}
.m-scene-vote {
    padding-top: 2px;
}
.m-scene-vote .ms-bd-img {
    text-align: center;
    background: #FFF;
}
.m-scene-vote .ms-bd-img img {
    width: auto;
    width: 100%;
}
.picture_details .bottom-bd {
    padding: 0 10px;
}
.picture_details .hd-interaction {
    padding: 10px 0 38px 0;
}
.interaction {
    position: relative;
}
.van-col--18 {
    width: 75%;
}

.van-col {
    float: left;
    box-sizing: border-box;
    min-height: 1px;
}
.interaction .tool-item {
    margin-right: .3rem;
    color: #888;
    font-size: 13Px;
}
.interaction .tool-item i {
    vertical-align: bottom;
    margin-right: 5Px;
}

.van-icon, .van-icon:before {
    display: inline-block;
}
.van-col--6 {
    width: 25%;
}
.interaction .right-text {
    text-align: right;
    font-size: 12Px;
    color: #666;
    padding-top: 3px;
}
.picture_details .bottom-bd .body-image-hds {
    background: #fff;
    max-width: 480Px;
    margin: 0 auto;
}
.picture_details .bottom-bd .mtitle {
    font-size: 15pt;
    font-weight: 600;
    margin-bottom: 5px;
}
.picture_details .set1 {
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 5px;
}
.picture_details .set2 {
    display: flex;
    overflow-y: hidden;
    overflow-x: scroll;
    align-items: center;
}
.picture_details .set2::-webkit-scrollbar {
	display:none
}
.picture_details .set2-warp {
    margin-right: 5px;
}

.picture_details .bottom-bd .body-image-hds .icon-bgs {
    width: 95px;
    height: 128px;
    border-radius: 5px;
    text-align: center;
    display: inline-block;
    line-height: 128px;
}
.picture_details .bottom-bd .body-image-hds .icon-bgs img {
    width: 95px;
    height: 128px;
}
.picture_details .bottom-bd .body-image-hds .text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 100px;
    margin: .08rem 0;
    padding: 0 !important;
}

.vant-swiper-body-mini .mini-site {
    border-radius: .16rem;
    box-shadow: 0 .08rem .16rem 0 rgba(0, 0, 0, .03);
    background-color: #fff;
    margin-top: .3rem;
    padding-bottom: .3rem;
}

.vant-swiper-body-mini .mini-site .mtitle {
    margin: 0 10px;
    text-align: center;
    font-size: 15pt;
    font-weight: 600;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-bottom: 5px;
}
.vant-swiper-body-mini .mini-site .box .website-body {
    background: #fff;
    padding: 0 5px;
    display: flex;
    flex-wrap: wrap;
}
.vant-swiper-body-mini .mini-site .box .website-body .website-item.mt {
    padding-top: 0;
}

.vant-swiper-body-mini .mini-site .box .website-body .website-item {
    width: 33%;
    text-align: center;
    padding: 10px 0 10px;
}
.vant-swiper-body-mini .mini-site .box .website-body .website-item div {
    padding: 0 5px;
}
.vant-swiper-body-mini .mini-site .box .website-body .website-item .bg {
    background: #f2f2f2;
    padding: 5px 0;
    border-radius: 3px;
    font-size: 12pt;
    display: flex;
    align-items: center;
    justify-content: center;
}
.vant-swiper-body-mini .mini-site .box .website-body .website-item .bg .van-tag {
    margin: 2px;
    font-size: 6pt;
}
.van-tag--primary {
    background-color: #1989fa;
}
.van-tag {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 4px;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    border-radius: 2px;
}
.van-tag--success {
    background-color: #07c160;
}
.van-tag--danger {
    background-color: #ee0a24;
}
.van-button:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    background-color: #000;
    border: inherit;
    border-color: #000;
    border-radius: inherit;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    content: " ";
}
.van-button__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 100%;
}
.van-button__content:before {
    content: " ";
}
.vant-swiper-body-mini .open-hides span {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
/***************************************/
.van-button--default{color:#323233;background-color:#fff;border:1px solid #ebedf0}
.van-button--plain.van-button--warning {
	color:#ff976a
}
.van-button--large {
	width:100%;
	height:50px
}
.van-button--normal {
	padding:0 15px;
	font-size:14px
}
.van-button--small {
	height:32px;
	padding:0 8px;
	font-size:12px
}
.van-button__loading {
	color:inherit;
	font-size:inherit
}
.van-button--mini {
	height:24px;
	padding:0 4px;
	font-size:10px
}
.van-button--mini+.van-button--mini {
	margin-left:4px
}
.van-button--block {
	display:block;
	width:100%
}
.van-button--disabled {
	cursor:not-allowed;
	opacity:.5
}
.van-button--loading {
	cursor:default
}
.van-button--round {
	border-radius:999px
}
.previous{padding: 10px 0px;text-align: center;}