/* pages/order/order.wxss */
@import "../../templates/templates.wxss";
@import "../../pages/css/modal.wxss";
.message {
    width: 30rpx;
    height: 30rpx;
    line-height: 30rpx;
    text-align: center;
    background-color: #EA5D27;
    color: #ffffff;
    font-size: 19rpx;
    border-radius: 50%;
    position: absolute;
    top:20%;
    left:34%;
}
.tab_box {
    height: 90rpx;
    line-height: 90rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1rpx solid #f5f5f5;
    overflow: hidden;
    white-space: nowrap;
    flex-wrap: nowrap;
    position: fixed;
    top:0;
    left:0;
    right:0;
    background: #ffffff;
    z-index:100;
}
.tab_item {
    display: inline-block;
    width: 160rpx;
    font-size: 30rpx;
    color: #333333;
    position: relative;
    text-align: center;
    /* border: 1rpx solid red; */
}
.active {
    color: #EA5D27;
}

.tab_box .active::after {
    content: "";
    /*border: 2rpx solid #DB4E2A;*/
    position: absolute;
    bottom: 0rpx;
    left: 50%;
    transform: translateX(-50%);
    width: 80rpx;
    height: 2rpx;
    background: #EA5D27;
}
.content_box {
     padding: 10rpx 20rpx;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     border-top: 1rpx solid #eeeeee;
 }
.post_box {
    margin-top: 92rpx;
    padding-bottom:130rpx;
}
.content_item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 30rpx 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1rpx solid #eeeeee;

}
.content_item .thumb {
    width: 170rpx;
    height: 170rpx;
    margin-right: 26rpx;
}
.lish-right {
    height: 166rpx;
    display: flex;
    flex:1;
    flex-direction: column;
    justify-content: space-around;
}
.lish-right .title-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.lish-right .title, .lish-right .time{
    font-size: 24rpx;
    color: #333333;
}
.lish-right .state {
    color:#999999;
    font-size: 24rpx;
}
.lish-right .name-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #666666;
    font-size: 22rpx;
}
.lish-right .name-box .name-left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex:1;
    position: relative;
}
.name-left text{
  flex:1;
}
.name-left .sex-icon {
    position: absolute;
    top:-6rpx;
    left:28rpx;
    width: 20rpx;
    height: 20rpx;
}
.lish-right .name-box .btn {
    /* width:28%; */
    color:#E2C8B1;
    font-size: 24rpx;
}
.lish-right .name-box .btn text {
    border-radius: 6rpx;
    padding: 8rpx 32rpx;
    background-color: #323232;
}
.lish-right .name-box .avatar{
    width: 40rpx;
    height: 40rpx;
    margin-right: 16rpx;
    border-radius: 50%;
}
.no-data {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30rpx;
    color: #cccccc;
    margin-top: 200rpx;
}
/*弹框样式*/
.modal_box {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    background: rgba(0,0,0,0.3);
}
.input-box {
    width: 80%;
    /* height: 1100rpx; */
    background: #ffffff;
    display: flex;
    align-items: center;
    flex-direction: column;
    z-index:999;
    position: fixed;
    top: 48%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 46rpx 78rpx;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 40rpx;
}
.input-box image {
    width: 110rpx;
    height: 110rpx;
    border-radius: 50%;
    margin-bottom: 34rpx;
}
.input-box .title {
    color: #333333;
    font-size: 36rpx;
    margin-bottom: 16rpx;
}
.input-box .tips {
    color: #333333;
    font-size: 24rpx;
    margin-bottom: 26rpx;
}
.input-box .answer-btn {
    width: 100%;
    height: 66rpx;
    background-color: #323232;
    border-radius: 6rpx;
    color: #E2C8B1;
    font-size: 30rpx;
    text-align: center;
    line-height: 66rpx;
    margin-top: 16rpx;
}
.score-box {
    height:696rpx;
    /* top:68%; */
    background-image: url('http://qiniuyun.wmatchrd.com/dsdfhgfhfdh@2x.png');
    background-repeat: no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-color: transparent;
    border-radius: 0;
    /* top:29%; */
}
.score-box .gold-img {
    width: 212rpx;
    height: 212rpx;
    margin-top: -56rpx;
    margin-bottom: 0;
}
.share-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.share-box .close, .share-box .share {
    width: 200rpx;
    height: 66rpx;
    margin-top: 0;
}
.share-box .close {
    margin-right: 20rpx;
}
.share-box .share {
    padding: 0;
}
.share-box .share::after {
    border:0;
}
.score-box .share-text {
    margin: 56rpx 0 26rpx 0;
}
.score-box .text {
    margin-bottom: 10rpx;
    font-size: 36rpx;
    color:#343434;
}
.score-box .img {
    width: 106rpx;
    height: 106rpx;
}
.margin {
    margin-top: 30rpx;
}
.normal-box {
    height: 540rpx;
    background-image: url('http://qiniuyun.wmatchrd.com/safsfdsghk@2x.png');
}
.normal-box .close-btn {
    margin-top: 52rpx;
}