[v-cloak] {
    display: none;
}
.finish_box{
    width: 100%;height: 100%;position: fixed;left:0;top:0;right:0;bottom:0;background: rgba(0,0,0,0.5);z-index: 9999999991;
}
.finish_box_out{
    width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;
}
.finish_box_in{
    width: 381px;height: 265px;background: #fff;text-align: center;
    border-radius: 6px 6px 6px 6px;position: relative;
}
.finish_box_in .close{
   width: 12px;height: 12px;position: absolute;right: 13px;top: 13px;cursor: pointer;
}
.finish_box_in .close img{
    width: 12px;height: 12px;
}
.finish_box_in .pics{
    margin-top: 42px;text-align: center;
}
.finish_box_in .pics img{
    width: 66px;height: 66px;
}
.finish_box_in .title{
    margin-top: 24px;font-size: 18px;
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
    font-weight: bold;
    color: #2C3E4D;
}
.finish_box_in .btns{
    margin-top: 38px;justify-content: center;display: flex;
}
.finish_box_in .btns .btn{
    width: 193px;display: flex;justify-content: center;align-items: center;cursor: pointer;
    height: 42px;
    background: #1A92ED;
    border-radius: 4px 4px 4px 4px;
    font-size: 14px;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
}
.finish_box_in .btns .btn.zhidao{
    background: #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    opacity: 1;
    border: 1px solid #B2B2B2;
    color: #B2B2B2;
}
.timu{
    margin-top: 26px;
    padding-left: 29px;
    padding-right: 29px;
    width: 598px;
    box-sizing: border-box;
}
.timu .totals{
    font-size: 14px;
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
    font-weight: bold;
    color: #2C3E4D;
}
.timu .totals span{
    margin-left: 10px;font-size: 13px;
    font-weight: 400;
    color: #9C9C9C;
}
.timu .title{
    margin-top: 15px;font-size: 14px;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #2C3E4D;
}
.timu .lists{
    margin-top: 5px;
}
.timu .lists .item{
    margin-top: 10px;cursor: pointer;
    padding-left: 12px;
    height: 50px;
    display: flex;align-items: center;
    background: #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    opacity: 1;
    border: 1px solid #EAEFF8;
    position: relative;
}
.timu .lists .item i{
  width: 20px;height: 20px;position: absolute;top: 15px;right: 15px;
}
.timu .lists .item i.success{
    width: 20px;height: 20px;background: url('/Public/img/success@2x.png') no-repeat center;background-size: contain;
}
.timu .lists .item i.error{
    width: 20px;height: 20px;background: url('/Public/img/error@2x.png') no-repeat center;background-size: contain;
}
.timu .lists .item.on{
    border: 1px solid #1A92ED;
}
.timu .lists .item.dui{
    border: 1px solid #21BB7E;
}
.timu .lists .item.cuo{
    border: 1px solid #FF3030;
}
.timu .result{
    margin-top: 15px;font-size: 14px;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #21BB7E;
}
.timu .btns{
    margin-top: 15px;display: flex;align-items: center;
}
.timu .btns .btn{
    flex: 1;display: flex;justify-content: center;align-items: center;cursor: pointer;
    margin-right: 15px;
    height: 42px;
    background: #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #1A92ED;
    font-size: 14px;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #1A92ED;
}
.timu .btns .btn:last-child{
    margin-right: 0;
}
.timu .btns .btn.on{
    background: #1A92ED;
    color: #FFFFFF;
}
.timu .btns .btn.lock{
    border: 1px solid #ECEDEF;
    color: #9C9C9C;
}