.win_teaChecking .teaChecking{
    width:720px;
    height:396px;
    background-color:#fff;
    border-radius:2px;
}

.win_teaChecking .header{
    padding:0 40px;
    width:100%;
    height:50px;
    border-radius:2px 2px 0 0;
    border-bottom:1px solid #eee;
    background-color:#F7FAFF;
}
.win_teaChecking .header span{
    display:inline-block;
    line-height:50px;
    font-size:14px;
}

.win_teaChecking .header img{
    float:right;
    margin:20px 0;
    cursor:pointer;
}

.win_teaChecking .contents{
    padding-top:30px;
    margin:0 40px;
    height:296px;
}

.win_teaChecking .contentLeft{
    float:left;
}

.win_teaChecking .message{
    padding:13px 24px;
    width:220px;
    height:248px;
    background-color:#f6f6f6;
    border:1px solid #dcdfe6;
    border-radius:4px;
}

.win_teaChecking .message>img{
    border-radius:3px;
}

.win_teaChecking .message>span{
    margin:12px 0;
    display:inline-block;
    white-space:nowrap;
    color:#7e8b9c;
    font-size:12px;
}

.win_teaChecking .names{
    float:right;
    display: -webkit-box;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
        flex-direction: column;
    height:36px;
    width:118px;
    color:#7e8b9c;
    font-size:12px;
}

.win_teaChecking .names>span{
    display:inline-block;
    height: 50%;
}

.win_teaChecking .names>span:last-child{
    color:#aab7be;
}

.win_teaChecking .record{
    overflow:auto;
    max-height:154px;
    padding-right:13px;
    width:194px;
}

.win_teaChecking .record>li{
    margin-bottom:20px;
}

.win_teaChecking .record>li>span{
    display:inline-block;
    line-height: 20px;
    font-size:12px;
    color:#7e8b9c;
}

.win_teaChecking .record>li>span:last-child{
    float:right;
    color:#aab7be;
}

.win_teaChecking .balls{
    position:relative;
    display:inline-block;
    margin-bottom: 1px;
    margin-right:12px;
    width:7px;
    height:7px;
    background-color:#1cd67c;
    border-radius:50%;
}

.win_teaChecking .oranges{
    background-color:#ffab57
}

.win_teaChecking .red{
    background-color:#ff7979;
}

.win_teaChecking .line{
    position:absolute;
    top: 14px;
    left: 3px;
    width:1px;
    height:18px;
    background-color:#dcdfe6;
}

.win_teaChecking .noText{
    margin:0 auto;
    text-align:center;
    font-size:12px;
    color:#999;
}

.win_teaChecking .contentRight{
    float:right;
}

.win_teaChecking .options{
    width:380px;
    height:248px;
    list-style: none;
}

.win_teaChecking .options>li{
    height:30px;
    margin-bottom:24px;
}

.win_teaChecking .options>li>span{
    float:left;
    display:inline-block;
    line-height:30px;
}

.win_teaChecking .states{
    float:left;
    margin-left:14px;
}

.win_teaChecking .qj_info{
    display: inline-block;
    margin-right:22px;
    background: url(../../../images/check_ud.png) no-repeat left center;
    background-size: 20px;
    padding-left: 30px;
    cursor: pointer;
    text-align: left;
    line-height:30px;
}

.win_teaChecking .qc_action{
    background: url(../../../images/check_nd.png) no-repeat left center;
    background-size: 20px;
    color: #1ba3e4;
}

.win_teaChecking .times{
    position:relative;
    float:right;
    width:310px;
    height:30px;
    border:1px solid #dcdfe6;
    border-radius:3px;
}

.win_teaChecking #date{
    position:absolute;
    left:0;
    height:28px;
    width:100%;
    border:none;
    background: url(../../../images/small_time.png) no-repeat 284px center;
    background-size: 14px;
    background-color:#fff;
    font-size:12px;
    text-indent:10px;
    outline:none;
    cursor:pointer;
}

.win_teaChecking #time{
    position:absolute;
    left:80px;
    height:28px;
    width:40px;
    border:none;
    font-size:12px;
    outline:none;
    cursor:pointer;
}

.win_teaChecking #tipsText{
    position:absolute;
    right:38px;
    display:inline-block;
    line-height:28px;
    font-size:12px;
    color:#999;
}
.win_teaChecking .orange{
    color:#ffab57 !important;
}

.win_teaChecking #beizhu{
    padding:8px 10px;
    float:right;
    width:310px;
    height:140px;
    border:1px solid #dcdfe6;
    border-radius:3px;
    background-color:#fff;
    font-size:12px;
    resize: none;
    outline:none;
}

.win_teaChecking .footer{
    padding:0 40px;
    height:50px;
    width:720px;
    background-color:#F7FAFF;
    border-top:1px solid #eee;
    border-radius:0 0 2px 2px;
}

.win_teaChecking .footer>span{
    position:relative;
    margin-left:24px;
    display:inline-block;
    line-height:50px;
    color:#333;
    font-size:12px;
}
.win_teaChecking .footer>span:before{
    content: url("../../../images/tixing.png");
    position:absolute;
    top: 5px;
    left: -24px;
}

.win_teaChecking #cancelBtn{
    float:right;
    margin:10px 20px;
    width:72px;
    height:30px;
    background-color:#fff;
    border-radius:2px;
    border:1px solid #ddd;
    line-height:30px;
    text-align:center;
    font-size: 12px;
    color:#333;
    cursor:pointer;
}

.win_teaChecking #affirmBtn{
    float:right;
    margin:10px 0;
    width:72px;
    height:30px;
    background-color:#1ba3e4;
    border-radius:2px;
    line-height:30px;
    text-align:center;
    font-size: 12px;
    color:#fff;
    cursor:pointer;
}

.win_teaChecking .shade{
     position:fixed;
     left:0;
     bottom:0;
     width:100%;
     height:100%;
 }

.win_teaChecking .layui-laydate-list{
    left:273px !important;
}
.layui-laydate[lay]{
    width:548px !important;
}
.win_teaChecking .layui-laydate-header{
    width:548px !important;
}