Untitled diff

Created Diff never expires
0 removals
647 lines
6 additions
653 lines
@import "/wxParse/wxParse.wxss";
@import "/wxParse/wxParse.wxss";
.view-full-content{
align-content: center;
margin-left:20rpx;
font-size:2ch;
font-weight: 500;
}
.detail-post {
.detail-post {
background-color: #eee;
background-color: #eee;
}
}
.detail-post-header {
.detail-post-header {
background-color: #fff;
background-color: #fff;
line-height: 40px;
line-height: 40px;
padding: 15px 17px;
padding: 15px 17px;
position: relative;
position: relative;
overflow: hidden;
overflow: hidden;
text-overflow:clip;
text-overflow:clip;
border-bottom: 1px #ccc solid;
border-bottom: 1px #ccc solid;
}
}
.detail-post-title {
.detail-post-title {
margin: 0;
margin: 0;
padding: 0;
padding: 0;
font-weight: 400;
font-weight: 400;
font-size: 29px;
font-size: 29px;
color: #80bd01;
color: #80bd01;
}
}
.detail-post-meta {
.detail-post-meta {
position: relative;
position: relative;
padding: 13px 18px 0 18px;
padding: 13px 18px 0 18px;
background: #fff;
background: #fff;
}
}
.detail-post-avatar, .detail-post-comment-avatar {
.detail-post-avatar, .detail-post-comment-avatar {
width: 46px;
width: 46px;
height: 46px;
height: 46px;
display: block;
display: block;
float: left;
float: left;
margin-top: 3px;
margin-top: 3px;
}
}
.detail-post-avatar-img, .detail-post-comment-avatar-img {
.detail-post-avatar-img, .detail-post-comment-avatar-img {
width: 100%;
width: 100%;
height: 100%;
height: 100%;
border-radius: 50%;
border-radius: 50%;
}
}
.detail-post-info, .detail-post-comment-info, .detail-comment-content {
.detail-post-info, .detail-post-comment-info, .detail-comment-content {
margin: 0 0 0 50px;
margin: 0 0 0 50px;
padding: 0 0 0 5px;
padding: 0 0 0 5px;
position: relative;
position: relative;
line-height: 20px;
line-height: 20px;
overflow: hidden;
overflow: hidden;
}
}
.detail-post-info, .detail-post-comment-info,{
.detail-post-info, .detail-post-comment-info,{
display: flex;
display: flex;
flex-direction: row;
flex-direction: row;
}
}
.detail-post-author-name, .detail-post-comment-author-name {
.detail-post-author-name, .detail-post-comment-author-name {
color: #6c6c6c;
color: #6c6c6c;
font-size: 20px;
font-size: 20px;
line-height: 30px;
line-height: 30px;
margin-top: 3px;
margin-top: 3px;
}
}
.detail-post-time, .detail-post-comment-time {
.detail-post-time, .detail-post-comment-time {
line-height: 20px;
line-height: 20px;
font-size: 12px;
font-size: 12px;
color: #a4a4a4;
color: #a4a4a4;
}
}
.detail-post-content {
.detail-post-content {
background-color: #fff;
background-color: #fff;
padding: 13px 18px 25px 18px;
padding: 13px 18px 25px 18px;
font-family: Helvetica Neue,Helvetica,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;
font-family: Helvetica Neue,Helvetica,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;
margin-bottom: 13px;
margin-bottom: 13px;
}
}
.content-info {
.content-info {
color: #6c6c6c;
color: #6c6c6c;
font-size: 18px;
font-size: 18px;
line-height: 20px;
line-height: 20px;
word-wrap: break-word;
word-wrap: break-word;
padding: 0;
padding: 0;
}
}
.detail-post-comment {
.detail-post-comment {
background-color: #fff;
background-color: #fff;
}
}
.comment_title{
.comment_title{
display: flex;
display: flex;
flex-direction: row;
flex-direction: row;
}
}
.comment-button{
.comment-button{
position: relative;
position: relative;
left:3;
left:3;
width: 220rpx;
width: 220rpx;
height: 80rpx;
height: 80rpx;
background-color:greenyellow;
background-color:greenyellow;
display: table-cell;
display: table-cell;
vertical-align:middle;
vertical-align:middle;
justify-content: center;
justify-content: center;
margin-top:20rpx;
margin-top:20rpx;
}
}
.detail-post-comment-title {
.detail-post-comment-title {
font-size: 20px;
font-size: 20px;
line-height: 50px;
line-height: 50px;
padding: 0 18px;
padding: 0 18px;
color: #666;
color: #666;
position: relative;
position: relative;
border-bottom: 1px #ccc solid;
border-bottom: 1px #ccc solid;
}
}
.detail-post-comment-item {
.detail-post-comment-item {
padding: 12px 18px;
padding: 12px 18px;
background: #fff;
background: #fff;
border-bottom: 1px #ccc solid;
border-bottom: 1px #ccc solid;
}
}
.detail-comment-text {
.detail-comment-text {
margin: 10px 0;
margin: 10px 0;
font-size: 15px;
font-size: 15px;
}
}


.detail-post-reputation {
.detail-post-reputation {
color: #6c6c6c;
color: #6c6c6c;
font-size: 20px;
font-size: 20px;
line-height: 30px;
line-height: 30px;
margin-top: 3px;
margin-top: 3px;
}
}


.foot-data{
.foot-data{
display:flex;
display:flex;
margin-top: 50rpx;
margin-top: 50rpx;
margin-left: 0rpx;
margin-left: 0rpx;
}
}
.post-like{
.post-like{
display: flex;
display: flex;
font-size: 13px;
font-size: 13px;
flex-direction: row;
flex-direction: row;
line-height: 16px;
line-height: 16px;
margin-left: 5px;
margin-left: 5px;
}
}


.icon{
.icon{
width: 40rpx;
width: 40rpx;
height: 40rpx;
height: 40rpx;
}
}
.post-like-font{
.post-like-font{
vertical-align: middle;
vertical-align: middle;
margin-right: 10px;
margin-right: 10px;
margin-left:5px;
margin-left:5px;
}
}
.like-num{
.like-num{
display: flex;
display: flex;
font-size: 13px;
font-size: 13px;
flex-direction: row;
flex-direction: row;
line-height: 16px;
line-height: 16px;
margin-left: 10px;
margin-left: 10px;
}
}


.comment-num{
.comment-num{
display: flex;
display: flex;
font-size: 13px;
font-size: 13px;
flex-direction: row;
flex-direction: row;
line-height: 16px;
line-height: 16px;
margin-left: 10px;
margin-left: 10px;
}
}


.like-num-font{
.like-num-font{
vertical-align: middle;
vertical-align: middle;
margin-right: 20px;
margin-right: 20px;
margin-left:5px;
margin-left:5px;
}
}


.comment-num-font{
.comment-num-font{
vertical-align: middle;
vertical-align: middle;
margin-right: 20px;
margin-right: 20px;
margin-left:5px;
margin-left:5px;
}
}
.share{
.share{
display: flex;
display: flex;
font-size: 13px;
font-size: 13px;
flex-direction: row;
flex-direction: row;
line-height: 16px;
line-height: 16px;
margin-left: 10px;
margin-left: 10px;
}
}
.share-button{
.share-button{
font-size: 24rpx;
font-size: 24rpx;
color: #fff;
color: #fff;
/* border: 2rpx solid #EB602E; */
/* border: 2rpx solid #EB602E; */
background-color: #fff;
background-color: #fff;
border-radius: 20rpx;
border-radius: 20rpx;
padding: 0px;
padding: 0px;
height:50rpx;
height:50rpx;
width: 50rpx;
width: 50rpx;
line-height: 30rpx;
line-height: 30rpx;
display: table;
display: table;
}
}
.share-button text {
.share-button text {
vertical-align:middle;
vertical-align:middle;
display: table-cell;
display: table-cell;
}
}
.share-icon{
.share-icon{
height:50rpx;
height:50rpx;
width: 50rpx;
width: 50rpx;
}
}
.tags{
.tags{
display: flex;
display: flex;
flex-wrap:wrap;
flex-wrap:wrap;
flex-direction: row;
flex-direction: row;
word-break: break-all
word-break: break-all
}
}


.tag{
.tag{
word-break: break-all;
word-break: break-all;
margin-top: 10px;
margin-top: 10px;
margin-left: 5px;
margin-left: 5px;
border-width: medium;
border-width: medium;
border-style: solid;
border-style: solid;
border-color: gray;
border-color: gray;
border-top-left-radius: 30rpx;
border-top-left-radius: 30rpx;
border-top-right-radius: 30rpx;
border-top-right-radius: 30rpx;
border-bottom-left-radius: 30rpx;
border-bottom-left-radius: 30rpx;
border-bottom-right-radius: 30rpx;
border-bottom-right-radius: 30rpx;
}
}
.tag-text{
.tag-text{
space:nbsp;
space:nbsp;


}
}
.comment-foot-data{
.comment-foot-data{
display:flex;
display:flex;
margin-top: 50rpx;
margin-top: 50rpx;
margin-left: 0rpx;
margin-left: 0rpx;
}
}
.comment-post-like{
.comment-post-like{
display: flex;
display: flex;
font-size: 13px;
font-size: 13px;
flex-direction: row;
flex-direction: row;
line-height: 16px;
line-height: 16px;
margin-left: 5px;
margin-left: 5px;
}
}


.icon{
.icon{
width: 40rpx;
width: 40rpx;
height: 40rpx;
height: 40rpx;
}
}
.comment-post-like-font{
.comment-post-like-font{
vertical-align: middle;
vertical-align: middle;
margin-right: 10px;
margin-right: 10px;
margin-left:5px;
margin-left:5px;
}
}
.comment-like-num{
.comment-like-num{
display: flex;
display: flex;
font-size: 13px;
font-size: 13px;
flex-direction: row;
flex-direction: row;
line-height: 16px;
line-height: 16px;
margin-left: 10px;
margin-left: 10px;
}
}


.comment-comment-num{
.comment-comment-num{
display: flex;
display: flex;
font-size: 13px;
font-size: 13px;
flex-direction: row;
flex-direction: row;
line-height: 16px;
line-height: 16px;
margin-left: 10px;
margin-left: 10px;
}
}
.comment-like-num-font{
.comment-like-num-font{
vertical-align: middle;
vertical-align: middle;
margin-right: 20px;
margin-right: 20px;
margin-left:5px;
margin-left:5px;
}
}


.comment-comment-num-font{
.comment-comment-num-font{
vertical-align: middle;
vertical-align: middle;
margin-right: 20px;
margin-right: 20px;
margin-left:5px;
margin-left:5px;
}
}


.detail-post-comment-reputation {
.detail-post-comment-reputation {
color: #6c6c6c;
color: #6c6c6c;
font-size: 20px;
font-size: 20px;
line-height: 30px;
line-height: 30px;
margin-top: 3px;
margin-top: 3px;
}
}


.child-comment-list{
.child-comment-list{
margin-left:10rpx;
margin-left:10rpx;
}
}


.child-comments{
.child-comments{
margin-left:100rpx;
margin-left:100rpx;
margin-top:10rpx;
margin-top:10rpx;
display: flex;
display: flex;
flex-direction: row;
flex-direction: row;
background-color: #ccc;
background-color: #ccc;
line-height: 40px;
line-height: 40px;
padding: 15px 17px;
padding: 15px 17px;
position: relative;
position: relative;
height: 100%;
height: 100%;
/* width: 400rpx; */
/* width: 400rpx; */
overflow: hidden;
overflow: hidden;
text-overflow:clip;
text-overflow:clip;
border-bottom: 1px #ccc solid;
border-bottom: 1px #ccc solid;
}
}
.child-comments-title{
.child-comments-title{
background-color: #ccc;
background-color: #ccc;
line-height: 40px;
line-height: 40px;
padding: 15px 17px;
padding: 15px 17px;
position: relative;
position: relative;
/* overflow: hidden; */
/* overflow: hidden; */
/* text-overflow:clip; */
/* text-overflow:clip; */
border-bottom: 1px #ccc solid;
border-bottom: 1px #ccc solid;
}
}
.child-cmoment-body{
.child-cmoment-body{
margin: 0;
margin: 0;
padding: 0;
padding: 0;
font-weight: 400;
font-weight: 400;
font-size: 29px;
font-size: 29px;
color: #80bd01;
color: #80bd01;
}
}
.detail-child-comment-item {
.detail-child-comment-item {
padding: 12px 18px;
padding: 12px 18px;
background: #fff;
background: #fff;
}
}


.dot{
.dot{
position:relative;
position:relative;
right:5;
right:5;
display:flex;
display:flex;
flex-direction: row;
flex-direction: row;
border-radius: 50%;
border-radius: 50%;
background-color: black;
background-color: black;
margin-top: 60rpx;
margin-top: 60rpx;
margin-right: 2rpx;
margin-right: 2rpx;
height:10rpx;
height:10rpx;
width:10rpx;
width:10rpx;
}
}
.depth-2{
.depth-2{
margin-left: 15rpx;
margin-left: 15rpx;
}
}
.depth-3{
.depth-3{
margin-left: 30rpx;
margin-left: 30rpx;
}
}
.depth-4{
.depth-4{
margin-left: 45rpx;
margin-left: 45rpx;
}
}
.depth-5{
.depth-5{
margin-left: 60rpx;
margin-left: 60rpx;
}
}
.depth-5{
.depth-5{
margin-left: 75rpx;
margin-left: 75rpx;
}
}
.depth-5{
.depth-5{
margin-left: 90rpx;
margin-left: 90rpx;
}
}
.detail-child-comment-avatar {
.detail-child-comment-avatar {
position:relative;
position:relative;
left:10;
left:10;
width: 46px;
width: 46px;
height: 46px;
height: 46px;
/* display: block; */
/* display: block; */
float: left;
float: left;
margin-top: 3px;
margin-top: 3px;
margin-left:2rpx;
margin-left:2rpx;
}
}
.detail-child-avatar {
.detail-child-avatar {
width: 46px;
width: 46px;
height: 46px;
height: 46px;
display: block;
display: block;
float: left;
float: left;
margin-top: 3px;
margin-top: 3px;
}
}
.dot-child-com{
.dot-child-com{
display: flex;
display: flex;
flex-direction: row;
flex-direction: row;
}
}
.child-com-author-info{
.child-com-author-info{
display: flex;
display: flex;
flex-direction:column;
flex-direction:column;
}
}
.detail-child-avatar-img, .detail-child-comment-avatar-img {
.detail-child-avatar-img, .detail-child-comment-avatar-img {
position: relative;
position: relative;
left:5;
left:5;
display:flex;
display:flex;
flex-direction: row;
flex-direction: row;
width: 100%;
width: 100%;
height: 100%;
height: 100%;
border-radius: 50%;
border-radius: 50%;
}
}
.detail-child-info, .detail-child-comment-info, .detail-comment-content {
.detail-child-info, .detail-child-comment-info, .detail-comment-content {
margin: 0 0 0 2px;
margin: 0 0 0 2px;
padding: 0 0 0 5px;
padding: 0 0 0 5px;
position: relative;
position: relative;
line-height: 20px;
line-height: 20px;
overflow: hidden;
overflow: hidden;
}
}
.detail-child-info, .detail-child-comment-info,{
.detail-child-info, .detail-child-comment-info,{
display: flex;
display: flex;
flex-direction: row;
flex-direction: row;
}
}
.detail-child-author-name, .detail-child-comment-author-name {
.detail-child-author-name, .detail-child-comment-author-name {
color: #6c6c6c;
color: #6c6c6c;
font-size: 20px;
font-size: 20px;
line-height: 30px;
line-height: 30px;
margin-top: 3px;
margin-top: 3px;
}
}
.detail-child-time, .detail-child-comment-time {
.detail-child-time, .detail-child-comment-time {
margin-top:5rpx;
margin-top:5rpx;
line-height: 20px;
line-height: 20px;
font-size: 12px;
font-size: 12px;
color: #a4a4a4;
color: #a4a4a4;
}
}
.child{
.child{
display: flex;
display: flex;
flex-direction: row;
flex-direction: row;
}
}
.drawer_box {
.drawer_box {
width: 650rpx;
width: 650rpx;
overflow: hidden;
overflow: hidden;
position: fixed;
position: fixed;
top: 50%;
top: 50%;
left: 0;
left: 0;
z-index: 1001;
z-index: 1001;
background: #FAFAFA;
background: #FAFAFA;
margin: -150px 50rpx 0 50rpx;
margin: -150px 50rpx 0 50rpx;
border-radius: 3px;
border-radius: 3px;
}
}
.drawer_title{
.drawer_title{
padding:15px;
padding:15px;
font: 20px "microsoft yahei";
font: 20px "microsoft yahei";
text-align: center;
text-align: center;
}
}
.drawer_content {
.drawer_content {
height: 240px;
height: 240px;
overflow-y:scroll; /*The height above the parent box can be scrolled.*/
overflow-y:scroll; /*The height above the parent box can be scrolled.*/
}
}
.btn_ok{
.btn_ok{
padding: 10px;
padding: 10px;
font: 20px "microsoft yahei";
font: 20px "microsoft yahei";
text-align: center;
text-align: center;
border-top: 1px solid #E8E8EA;
border-top: 1px solid #E8E8EA;
color: #3CC51F;
color: #3CC51F;
}
}
.top{
.top{
padding-top:8px;
padding-top:8px;
margin-top:15rpx;
margin-top:15rpx;
}
}
.bottom {
.bottom {
padding-bottom:8px;
padding-bottom:8px;
}
}
.title {
.title {
height: 30px;
height: 30px;
line-height: 30px;
line-height: 30px;
width: 160rpx;
width: 160rpx;
text-align: center;
text-align: center;
display: inline-block;
display: inline-block;
font: 300 28rpx/30px "microsoft yahei";
font: 300 28rpx/30px "microsoft yahei";
}
}
.input_base {
.input_base {
border: 2rpx solid #ccc;
border: 2rpx solid #ccc;
padding-left: 10rpx;
padding-left: 10rpx;
margin-right: 50rpx;
margin-right: 50rpx;
}
}
.input_h30{
.input_h30{
height: 30px;
height: 30px;
line-height: 30px;
line-height: 30px;
}
}
.input_h60{
.input_h60{
height: 60px;
height: 60px;
}
}
.input_view{
.input_view{
font: 12px "microsoft yahei";
font: 12px "microsoft yahei";
background: #fff;
background: #fff;
color:#000;
color:#000;
line-height: 30px;
line-height: 30px;
}
}
input {
input {
font: 12px "microsoft yahei";
font: 12px "microsoft yahei";
background: #fff;
background: #fff;
color:#000 ;
color:#000 ;
}
}
radio{
radio{
margin-right: 20px;
margin-right: 20px;
}
}
.grid { display: -webkit-box; display: box; }
.grid { display: -webkit-box; display: box; }
.col-0 {-webkit-box-flex:0;box-flex:0;}
.col-0 {-webkit-box-flex:0;box-flex:0;}
.col-1 {-webkit-box-flex:1;box-flex:1;}
.col-1 {-webkit-box-flex:1;box-flex:1;}
.fl { float: left;}
.fl { float: left;}
.fr { float: right;}
.fr { float: right;}
.drawer_screen {
.drawer_screen {
width: 100%;
width: 100%;
height: 100%;
height: 100%;
position: fixed;
position: fixed;
top: 0;
top: 0;
left: 0;
left: 0;
z-index: 1000;
z-index: 1000;
background: #000;
background: #000;
opacity: 0.5;
opacity: 0.5;
overflow: hidden;
overflow: hidden;
}
}
.payout-type{
.payout-type{
position:relative;
position:relative;
left:50rpx;
left:50rpx;
font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
font-style:inherit;
font-style:inherit;
font-weight: 20;
font-weight: 20;
font-size:1.7ch;
font-size:1.7ch;


}
}
.payout-text{
.payout-text{
position:absolute;
position:absolute;
right:100rpx;
right:100rpx;
font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-style:inherit;
font-style:inherit;
font-weight: 20;
font-weight: 20;


}
}
.status-time{
.status-time{
display:flex;
display:flex;
flex-direction: row;
flex-direction: row;
}
}
.voters-list
.voters-list
{
{
width: 87%;
width: 87%;
padding: 15px 20px;
padding: 15px 20px;
font-size: 16px;
font-size: 16px;
line-height: 24px;
line-height: 24px;
}
}
.item{
.item{
display:flex;
display:flex;
flex-direction: row;
flex-direction: row;
}
}
.voterList-drawer_box {
.voterList-drawer_box {
width: 650rpx;
width: 650rpx;
overflow: hidden;
overflow: hidden;
position: fixed;
position: fixed;
top: 50%;
top: 50%;
left: 0;
left: 0;
z-index: 1001;
z-index: 1001;
background: #FAFAFA;
background: #FAFAFA;
margin: -150px 50rpx 0 50rpx;
margin: -150px 50rpx 0 50rpx;
border-radius: 3px;
border-radius: 3px;
}
}
.voterList-drawer_title{
.voterList-drawer_title{
padding:15px;
padding:15px;
font: 20px "microsoft yahei";
font: 20px "microsoft yahei";
text-align: center;
text-align: center;
}
}
.voters-item{
.voters-item{
display: flex;
display: flex;
flex-direction: row;
flex-direction: row;
margin-top:20rpx;
margin-top:20rpx;
}
}
.voter-dot {
.voter-dot {
display: inline-block;
display: inline-block;
margin: 7px 10px 0 0;
margin: 7px 10px 0 0;
width: 6px;
width: 6px;
height: 6px;
height: 6px;
border: 2px solid #d0d0d0;
border: 2px solid #d0d0d0;
border-radius: 6px;
border-radius: 6px;
font-size: 0;
font-size: 0;
}
}
.voterList-voter {
.voterList-voter {
position:absolute;
position:absolute;
left:70rpx;
left:70rpx;
font-family:Cambria, Cochin, Georgia, Times, Times New Roman, serif;
font-family:Cambria, Cochin, Georgia, Times, Times New Roman, serif;
font-style:inherit;
font-style:inherit;
font-weight: 1000;
font-weight: 1000;
font-size: 14px;
font-size: 14px;
}
}


.voterList-percent{
.voterList-percent{
position:absolute;
position:absolute;
left:350rpx;
left:350rpx;
font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-style:inherit;
font-style:inherit;
font-weight: 20;
font-weight: 20;
font-size: 13px;
font-size: 13px;
}
}
.voterList-time{
.voterList-time{
position:absolute;
position:absolute;
right:50rpx;
right:50rpx;
font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-style:inherit;
font-style:inherit;
font-weight: 20;
font-weight: 20;
font-size: 13px;
font-size: 13px;
}
}


.comment-drawer_box {
.comment-drawer_box {
width: 90%;
width: 90%;
overflow: hidden;
overflow: hidden;
position: fixed;
position: fixed;
top: 5vh;
top: 5vh;
z-index: 1001;
z-index: 1001;
background:#FAFAFA;
background:#FAFAFA;
border-radius: 3px;
border-radius: 3px;
align-items: center;
align-items: center;
margin: 0px 35rpx 0 35rpx;
margin: 0px 35rpx 0 35rpx;
}
}
.textarea{
.textarea{
height: 35vh;
height: 35vh;
margin:5rpx;
margin:5rpx;
border-width: medium;
border-width: medium;
border-style: solid;
border-style: solid;
border-color: gray;
border-color: gray;
border-top-left-radius: 10rpx;
border-top-left-radius: 10rpx;
border-top-right-radius: 10rpx;
border-top-right-radius: 10rpx;
border-bottom-left-radius: 10rpx;
border-bottom-left-radius: 10rpx;
border-bottom-right-radius: 10rpx;
border-bottom-right-radius: 10rpx;
}
}
.commentButton{
.commentButton{
display:flex;
display:flex;
flex-direction: row;
flex-direction: row;
width: 100%;
width: 100%;
}
}


.submitButton {
.submitButton {
width: 30%;
width: 30%;
padding: 10px;
padding: 10px;
font: 20px "microsoft yahei";
font: 20px "microsoft yahei";
text-align: center;
text-align: center;
border-top: 1px solid #E8E8EA;
border-top: 1px solid #E8E8EA;
color: #3CC51F;
color: #3CC51F;
}
}


.cancelButton {
.cancelButton {
width: 30%;
width: 30%;
padding: 10px;
padding: 10px;
font: 20px "microsoft yahei";
font: 20px "microsoft yahei";
text-align: center;
text-align: center;
border-top: 1px solid #E8E8EA;
border-top: 1px solid #E8E8EA;
color: #3CC51F;
color: #3CC51F;
}
}


.preview{
.preview{
margin-top:20rpx;
margin-top:20rpx;
border-top-color: red;
border-top-color: red;
}
}


.preview-title{
.preview-title{
font: 20px "microsoft yahei";
font: 20px "microsoft yahei";
font-weight: 500;
font-weight: 500;
margin-bottom: 10rpx;
margin-bottom: 10rpx;
}
}


.preview-content{
.preview-content{
width: 100%;
width: 100%;
height:35vh;
height:35vh;
margin:5rpx;
margin:5rpx;
border-width:thin;
border-width:thin;
border-style: solid;
border-style: solid;
border-color: gray;
border-color: gray;
border-top-left-radius: 10rpx;
border-top-left-radius: 10rpx;
border-top-right-radius: 10rpx;
border-top-right-radius: 10rpx;
border-bottom-left-radius: 10rpx;
border-bottom-left-radius: 10rpx;
border-bottom-right-radius: 10rpx;
border-bottom-right-radius: 10rpx;
}
}