.ui-page{
    background: -moz-linear-gradient(left, #00c5a5 0%, #00beab 100%);
    background: -webkit-gradient(linear, left, right, color-stop(0%,#00c5a5), color-stop(100%,#00beab));
    background: -webkit-linear-gradient(left, #00c5a5 0%,#00beab 100%);
    background: -o-linear-gradient(left, #00c5a5 0%,#00beab 100%);
    background: -ms-linear-gradient(left, #00c5a5 0%,#00beab 100%);
    background: linear-gradient(to right, #00c5a5 0%,#00beab 100%);
}
#targetDom{
    background: -moz-linear-gradient(left, #00c5a5 0%, #00beab 100%);
    background: -webkit-gradient(linear, left, right, color-stop(0%,#00c5a5), color-stop(100%,#00beab));
    background: -webkit-linear-gradient(left, #00c5a5 0%,#00beab 100%);
    background: -o-linear-gradient(left, #00c5a5 0%,#00beab 100%);
    background: -ms-linear-gradient(left, #00c5a5 0%,#00beab 100%);
    background: linear-gradient(to right, #00c5a5 0%,#00beab 100%);
    /* min-height: 60vh; */
}
.top_jh{
    position: absolute;
    top: -.5rem;
    left: .5rem;
    width: 5rem;
}
.top_logo{
    width: 4.5rem;
    margin: 1rem auto;
}
.list_section {
    width: 82%;
    padding: 0.5rem .75rem .5rem;
    margin: 0 auto;
    border-radius: 8px;
    min-height: 80%;
}
.list_section .bottom_img{
    max-width: 100%;
    margin: .5rem auto 0;
    display: block;
}
.user_info{
    margin: 1.5rem 0;
}
.yh{
    width: 1rem;
    margin-bottom: 1rem;
}
.contral_btn{
    background: #fa8b5c;
}
.short-popu{
    overflow-y: scroll;
}
.short-popu .close{
    position: absolute;
    top: -2rem;
    width: 100%;
}
.short-popu .modWin{
    top: 3rem;
    transform: translate(-50%,0);
    -o-transform:translate(-50%,0); 
    -ms-transform:translate(-50%,0); 	
    -moz-transform:translate(-50%,0); 	
    -webkit-transform:translate(-50%,0);
}

/* 状态判断 */
.short-popu.hasposter .modWin{
    top: .5rem;
}
.short-popu.hasposter .close{
    display: none;
}

.contral_bar.hasposter .save_tip{
    display: block;
}
.contral_bar.hasposter .make_poster{
    display: none;
}

/*********/
.img_sdfe_box{
	position: absolute;
    left: 5%;
    top: 5%;
}
.img_sdfe{
	width: 270px;
	height: 57px;
}
.img_tred{
	position: absolute;
	left: 3px;
	top: 5%;
	height: 40px;
	overflow: hidden;
	width: 100%;
	padding-right: 10px;
	line-height: normal;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	align-content: center
}
.img_tred img{
	width: 40px;
	height: 40px;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}
.img_tred p{
	padding-left: 10px;
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #F5FCFC;
	font-weight: bold;
	font-size: 0.75rem;
}
.img_sdfe_1{
	position: absolute;
	right: 0;
	top: -30px;
	width: 10px;
	height: 34px;
}