@charset "utf-8";

/*--------------------------------------------------------------------------引导页--------------------------------------------------------------------------*/

.ibg { width:100%; background-image: url(../images/ibg.jpg); background-repeat: no-repeat; background-size: cover; }
.istart { width:100%; height: 100%; display: table; }
.istart .mid { display: table-cell; vertical-align: middle; text-align: center; }
.istart .mid .logo img { width: 24%; }
.istart .mid .txt { margin:0.6rem 0 2rem; color: #fff;}
.istart .mid .txt p { font-size: 0.86rem; font-weight: bold; line-height: 160%; letter-spacing: 0.1rem; }
.istart .mid .btn a { display: inline-block; font-size: 0.46rem; width:68%; line-height: 1.4rem; background: #0265fe; color:#fff; border-radius: 0.2rem; box-shadow: 0 0 10px rgba(0,0,0,.05); }

/*--------------------------------------------------------------------------法官选择--------------------------------------------------------------------------*/

.header { width:100%; height:240px; background-image: url(../images/hbg.jpg); background-repeat: no-repeat; background-size: cover; text-align: center; position: relative; /*z-index: -1;*/}
.header .link { text-align: left; }
.header .link a { display: inline-block; line-height: 320%; color:#fff; }
.header .link a i { margin-right: 0.1rem; }
.header .clogo img { width:20%; }
.header h1 { color:#fff; font-size: 0.71rem; margin:0.4rem 0 0; }

.jlist .list { position: relative; z-index: 9; margin:-0.4rem 0 0; background: #fff; border-radius: 0.2rem; }
.jlist .list .tit { text-align: center; color:#222; font-size: 0.46rem; padding:0.6rem 0;	 }
.jlist .list .tit em { display: inline-block; width:20%; height: 1px; background: #222;  vertical-align: middle; margin:0 0.4rem; margin-top: -0.1rem; }
.jlist .list .layui-form-item { width:96%; margin:0 auto; }
.jlist .list .layui-input-block { width:100%; margin-left:0; }
.jlist .list .layui-form-radio { margin:0; padding:0; }
.jlist .list .layui-form-radio>i { margin-right: 5px; }
.jlist .list .layui-form-radio .name { font-size: 0.42rem; color:#222; font-weight: bold; }
.jlist .list .judge-card {
    text-align: center;
    padding: 1rem 0;
}
.jlist .list .judge-card .window-title {
    font-size: 1.5rem;
    font-weight: bold;
    color: #222;
    margin-bottom: 0.1rem;
}
.jlist .list .judge-card .judge-avatar {
    width: 250px;
   /* height: 250px;*/
    margin: 0 auto 0.8rem;
   /* border-radius: 50%;*/
    overflow: hidden;
   /* border: 4px solid #f0f0f0;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);*/
}
.jlist .list .judge-card .judge-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.jlist .list .judge-card .judge-name {
    font-size: 0.5rem;
    color: #222;
    font-weight: bold;
}
.jlist .list .judge-card .judge-name input[type="radio"] {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}
.jlist .list .judge-card .judge-name label {
    vertical-align: middle;
}
.jlist .list .boxitem { float: left; width:calc(33.3% - 0.4rem); text-align: center; padding:0 0.2rem; margin-bottom: 0.4rem; }
.jlist .list .boxitem .img { display: none;}
.jlist .list .boxitem .pic { box-sizing: border-box; padding:0.1rem; border:2px solid #ddd; margin-bottom: 0.1rem; }
    .jlist .list .btn {
        text-align: center;
        margin: 0.2rem 0 1rem;
        font-size: 0.46rem;
        line-height: 1.2rem;
        background: #0265fe;
        color: #fff;
        border-radius: 0.2rem;
        box-shadow: 0 0 10px rgba(0, 0, 0, .05);
    }

        .jlist .list .btn a {
            display: inline-block;
            font-size: 0.46rem;
            width: 68%;
            line-height: 1.2rem;
            background: #0265fe;
            color: #fff;
            border-radius: 0.2rem;
            box-shadow: 0 0 10px rgba(0,0,0,.05);
        }

    .jlist .list .btns {
        margin: 0;
        width: calc(100% - 30px);
        position: fixed;
        bottom: 20px;
        z-index: 99;
    }

    .jlist .list .btn-hidden {
        width: 100%;
        height: 80px;
    }
/*--------------------------------------------------------------------------法官评价--------------------------------------------------------------------------*/

.jlist .list.lists .tit {padding:0.6rem 0 0; }
.jlist .list.lists .layui-form-radio .name { font-size: 0.38rem; font-weight: normal; }
.jlist .list h2 { color:#222; font-size: 0.42rem; margin:0.5rem 0 0.3rem; }
.jlist .list.lists .layui-form-radio { margin-right: 15px;}
.jlist .lists .layui-form-radio:hover *, .jlist .lists .layui-form-radioed, .jlist .lists .layui-form-radioed>i { color:#e50012; }
.starts { margin:0.3rem 0;  }
.starts b { display: inline-block; line-height: 350%; color:#222; font-size: 0.42rem; margin-right: 15px; }
.layui-form-item .starts .layui-inline { display: inline-block; margin-bottom: 0;  }
.starts .layui-rate .layui-inline { margin-bottom: 0; display: inline-block; }
.starts .layui-rate li i.layui-icon { font-size: 24px; margin-right: 10px; }
.layui-form-item .starts span.layui-inline {  font-size: 0.4rem; margin:2px 0 0; }

/*--------------------------------------------------------------------------评价成功--------------------------------------------------------------------------*/

.success-list {
    text-align: center;
    padding: 2rem 0;
}
.success-list .success-content {
    margin-top: 2rem;
}
.success-list .success-icon {
    width: 160px;
    height: 160px;
    margin: 0 auto 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.success-list .success-icon .success-svg {
    width: 100%;
    height: 100%;
    transform: scale(0);
    animation: scale-in 0.5s ease-out 0.3s forwards;
}
.success-list .success-icon .success-circle {
    opacity: 0;
    animation: fade-in 0.5s ease-out forwards;
}
.success-list .success-icon .success-check {
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    animation: draw-check 0.8s ease-out 0.5s forwards;
}
@keyframes scale-in {
    to {
        transform: scale(1);
    }
}
@keyframes fade-in {
    to {
        opacity: 1;
    }
}
@keyframes draw-check {
    to {
        stroke-dashoffset: 0;
    }
}
.success-list .success-title {
    font-size: 0.6rem;
    color: #222;
    font-weight: bold;
    margin-bottom: 0.5rem;
}
.success-list .success-desc {
    font-size: 0.4rem;
    color: #999;
    line-height: 160%;
    margin-bottom: 2rem;
}
.success-list .success-btn {
    display: inline-block;
}
.success-list .success-btn a {
    display: inline-block;
    font-size: 0.46rem;
   /* width: 100%;*/
    padding: 0 2rem;
    line-height: 1.4rem;
    background: #0265fe;
    color: #fff;
    border-radius: 0.2rem;
    box-shadow: 0 0 10px rgba(0,0,0,.05);
}