body {
    min-width: 1024px;
}

i {
    font-style: normal
}

.role_management_d {
    border: 1px solid #e8e8e8;
    background: #fff;
    /*min-height: 548px;*/
}

.relative_top {
    position: relative;
    margin: 0 15px;
}

.role_management_left_d {
    border-right: 1px solid #dddddd;
    margin-top: 5px;
    /*min-height: 548px;*/
}

.role_management_left_t_d {
    height: 54px;
    line-height: 54px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 5px;
    font-size: 16px;
    color: #333;
    vertical-align: middle;
    text-indent: 10px;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 16px;
}

.role_management_left_t_d div {
    height: 20px;
    background: #3f65d6;
    float: left;
    margin-top: 17px;
}

.management_level_one_d {
    margin-left: 20px;
    margin-right: 20px;
}

.management_level_one_d .left {
    float: right;
    margin-right: 10px;
}

.management_li_d {
    height: 45px;
    line-height: 45px;
    cursor: pointer;
    text-indent: 12px;
}

.management_li_d:hover {
    background: #f4f8f9;
    color: #3f65d6;
}

.activeBg {
    background: #f4f8f9;
    color: #3f65d6;
}

.role_management_right_d {
    margin-top: 5px;
}

.role_management_right_t_d {
    height: 54px;
    line-height: 54px;
    /*margin-left: 20px;*/
    /*margin-right: 20px;*/
}

.role_management_right_t_l_d {
    margin-top: 2px;
    float: left;
    font-size: 16px;
    color: #333333;
}

.role_management_right_t_r_d {
    float: right;
    width: 92px;
    height: 32px;
    border-radius: 4px;
    background: #ED1D35;
    color: #fff;
    text-align: center;
    line-height: 32px;
    margin-top: 18px;
    cursor: pointer;
}

.action_bar {
    letter-spacing: 5px;
}

.action_bar i {
    cursor: pointer;
    color: #3f65d6;
    cursor: pointer;
}

.role_management_right_t_d .btn-primary {
    margin-top: 15px;
}

.form_box {
    height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

.margin_top_popup {
    margin-top: 50px;
}

.margin_top {
    margin-top: 15px;
}

.height_box_d {
    width: 96%;
    margin-left: 2%;
}

.height_box_d_l {
    border-right: 1px solid #e8e8e8;
    text-align: center;
    border-top: 15px solid #fff;
}

.height_box_d_l_b {
    height: 75px;
    line-height: 60px;
    border-right: 1px solid #e8e8e8;
    margin-top: 10px;
    text-align: center;
}

.height_box_d_r {
    height: 100px;
}

.height_box_d_r_b {
    height: 75px;
}

.height_box_d td {
    height: 30px;
    line-height: 30px;
    text-indent: 10px;
    border: 1px solid #ddd;
}

.height_box_d td input {}

.height_box_d table {
    background: #f4f7fd;
    margin-top: 8px;
}

.Prompt_message {
    line-height: 35px;
    margin-left: 10px;
    color: #FF4646;
}

.flowChart {
    background: #fff;
    position: relative;
    margin-bottom: 10px;
}

.applicant .col-xs-2 {
    position: relative;
}

.applicant dl dt {
    text-align: center;
}

.applicant dl dd {
    text-align: center;
    margin-top: 10px;
}

.applicant .imgSecond {
    display: none;
}

.applicant .active dl dt {
    text-align: center;
}

.applicant .active dl dd {
    color: #3f65d6;
}

.applicant .active dl dt .imgFirst {
    display: none;
}

.applicant .active dl dt .imgSecond {
    display: block;
    text-align: center;
    margin-left: 40%;
}

.applicant_e {
    border-bottom: 1px solid #ddd;
    margin-top: 15px;
    width: 60px;
    margin-left: 10px;
    margin-right: 10px;
}

.applicant_e_l {
    margin-left: 10%;
}

.applicant_cont {
    background: #f7f7f7;
    height: 40px;
}

.applicant_cont div {
    height: 40px;
    line-height: 40px;
}

.applicant_cont p {
    text-align: center;
    font-size: 12px;
}

.boder_bottom {
    border-bottom: 1px solid #ddd;
}

.line_heght {
    line-height: 38px;
    text-indent: 8px;
}

.margin-btm10 {
    margin-bottom: 10px;
}

.fee-record {
    font-size: 45px !important;
    vertical-align: middle;
}

.pdf-icon-border {
    width: 70px;
    height: 68px;
    display: inline-block;
    margin-right: 5px;
    padding: 2px 10px 12px 12px;
    border: 1px solid #ddd;
    margin-bottom: 15px;
}

.modal-record-fotter {
    border-top: none !important;
    box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.17);
    margin-top: 50px;
}

.record-item {
    margin-top: 15px;
}

.padding_top_bottom {
    padding-top: 5px;
    padding-bottom: 5px;
}

.left_icon {
    width: 4px;
    height: 20px;
    background: #3f65d6;
    margin-top: 7px;
    margin-left: 8px;
}

.id_img {
    width: 100%;
    height: 100%;
}

.agent_list {
    background: #fff;
}

.img_box_boder {
    border: 1px solid #ddd;
    position: relative;
    width: 100%;
    background: url(../../views/images/sc_bj.png);
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

.img_bottom_bar {
    height: 30px;
    background: #000;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.img_bottom_bar p {
    height: 30px;
    line-height: 30px;
    text-indent: 15px;
    color: #fff;
}

.img_bottom_bar p i {
    float: right;
    margin-right: 15px;
    cursor: pointer;
}

.button_box button {
    margin-right: 10px;
}

.background_color_d {
    background: #fff;
}

.background_dddddd {
    background: #dddddd;
}

.agent_list_bj {
    background: #f3f7f9;
    padding-top: 10px;
}

.btn-default-padding {
    padding: 4px 14px;
}

.MenuNavigation {
    width: 108px;
    height: 350px;
    position: fixed;
    bottom: 50px;
    right: 0px;
    background: #000;
}

.flowChart_bottom {
    width: 60px;
    height: 19px;
    position: absolute;
    bottom: -17px;
    left: 50%;
    margin-left: -30px;
    overflow: hidden;
    cursor: pointer;
    z-index: 9;
}

.flowChart_bottom:hover .flowChart_bottom_img {
    display: none;
}

.Required {
    color: #f64f4f;
}

.icon-sousuo {
    cursor: pointer;
    line-height: 34px;
}

.select_company {
    color: #3F65D6;
    cursor: pointer;
}

.company_box {
    position: relative;
}

.select_company_popup {
    position: absolute;
    top: 25px;
    left: 0px;
    width: 660px;
    background: #fff;
    z-index: 999999999;
    border: 1px solid #ddd;
    font-size: 12px;
}

.guanbi_btn {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 16px;
    cursor: pointer;
    z-index: 99999;
    width: 18px;
    height: 18px;
}

.icon-guanbi {
    cursor: pointer;
}

.select_company_popup_box {
    max-height: 600px;
}

.add_Agent {
    border: 1px dashed #b8b8b8;
    height: 40px;
    cursor: pointer;
    margin-bottom: 10px;
}

.add_Agent p {
    width: 100%;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: #668095;
}

.padding_left_right_30 {
    padding-left: 30px;
    padding-right: 30px;
}

.padding-left-20 {
    padding-left: 20px !important;
}

.padding-left-50 {
    padding-left: 50px;
}

.padding-right-33 {
    padding-right: 33px;
}

.padding-right-29 {
    padding-right: 29px;
}

.padding-right-10 {
    padding-right: 10px;
}

.padding-right-15 {
    padding-right: 15px !important;
}

.padding-0 {
    padding: 0 !important;
}

.padding-top-0 {
    padding-top: 0px !important;
}

.padding-top-6 {
    padding-top: 6px
}

.padding-left-right-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.padding-left-0 {
    padding-left: 0 !important;
}

.padding-right-0 {
    padding-right: 0 !important;
}

.padding-left-right-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.padding-left-right-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.padding-left-right-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.padding-bottom-10 {
    padding-bottom: 10px
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-top-22 {
    margin-top: 22px;
}

.margin-top-23 {
    margin-top: 23px;
}

.margin-top-24 {
    margin-top: 24px;
}

.padding-bottom-20 {
    padding-bottom: 20px;
}
.padding-bottom-30 {
    padding-bottom: 30px;
}
.margin-top-1 {
    margin-top: 1px;
}

.margin-top-2 {
    margin-top: 2px;
}

.margin-top-_2 {
    margin-top: -2px;
}

.margin-top-_4 {
    margin-top: -4px !important;
}

.margin-top-_3 {
    margin-top: -3px !important;
}

.margin-top-3 {
    margin-top: 3px;
}

.margin-right-70 {
    margin-right: 70px;
}

.margin-right-20 {
    margin-right: 20px;
}

.margin-right-2 {
    margin-right: 2px;
}

.margin-right-15 {
    margin-right: 15px;
}

.margin-right-8 {
    margin-right: 8px;
}

.margin-right-6 {
    margin-right: 6px;
}

.margin-right-30 {
    margin-right: 30px !important;
}

.margin-right-36 {
    margin-right: 36px;
}

.margin-right5 {
    margin-right: 5%;
}

.margin-left--15 {
    margin-left: -15px;
}

.margin-left-_30 {
    margin-left: -30px;
}

.margin-left-_20 {
    margin-left: -20px;
}

.margin-left-_86 {
    margin-left: -86px;
}

.margin-left-7 {
    margin-left: 7px;
}

.margin-left-15 {
    margin-left: 15px !important;
}

.margin-left-10 {
    margin-left: 10px !important;
}

.margin-left-1 {
    margin-left: 1px;
}

.margin-left_-2 {
    margin-left: -2px
}

.margin-left-5 {
    margin-left: 5px;
}

.margin-left5 {
    margin-left: 5%;
}

.margin-left-30 {
    margin-left: 30px;
}

.margin-left-3 {
    margin-left: 3px !important;
}

.margin-left-37 {
    margin-left: 37px;
}

.margin-left-27 {
    margin-left: 27px;
}

.margin-left-20 {
    margin-left: 20px !important;
}

.margin-left-22 {
    margin-left: 22px;
}

.margin-left-70 {
    margin-left: 70px;
}

.margin-left-40 {
    margin-left: 40px !important;
}

.margin-left_-3 {
    margin-left: -3px;
}

.margin-left-86 {
    margin-left: 86px;
}

.margin-left-80 {
    margin-left: 80px;
}

.margin-top-0 {
    margin-top: 0px !important;
}

.margin-top-4 {
    margin-top: 4px;
}

.margin-top_-4 {
    margin-top: -4px !important;
}

.margin-top_-6 {
    margin-top: -6px;
}

.margin-top-5 {
    margin-top: 5px;
}

.margin-top-50 {
    margin-top: 50px;
}

.margin-top-80 {
    margin-top: 80px;
}

.margin-top-6 {
    margin-top: 6px;
}

.margin-top-8 {
    margin-top: 8px !important;
}
.margin-top-9 {
    margin-top: 9px !important;
}
.margin-top-10 {
    margin-top: 10px !important;
}

.margin-top-_12 {
    margin-top: -12px !important;
}

.margin-top-_10 {
    margin-top: -10px !important;
}

.margin-top-_6 {
    margin-top: -6px !important;
}

.margin-top-11 {
    margin-top: 11px !important;
}

.margin-top-7 {
    margin-top: 7px !important;
}

.margin-top-13 {
    margin-top: 13px !important;
}

.margin-top-12 {
    margin-top: 12px !important;
}
.margin-top-14 {
    margin-top: 14px !important;
}
.margin-top-15 {
    margin-top: 15px !important;
}

.margin-top-16 {
    margin-top: 16px !important;
}

.margin-top-18 {
    margin-top: 18px !important;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.margin-bottom-15 {
    margin-bottom: 15px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-_10 {
    margin: -10px
}

.margin-bottom-65 {
    margin-bottom: 65px
}

.margin-bottom-0 {
    margin-bottom: 0px !important;
}

.margin-top-bottom-20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.margin-top-bottom-15 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.margin-top-bottom-5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.margin-left-right-17 {
    margin-right: 17px !important;
    margin-left: 17px !important;
}

.margin-left-right-20 {
    margin-right: 20px !important;
    margin-left: 20px !important;
}

.margin-left-right-32 {
    margin-right: 32px !important;
    margin-left: 32px !important;
}

.margin-right-10 {
    margin-right: 10px;
}

.po-relative {
    position: relative;
}

.po-left {
    left: 0;
}

.po-right {
    right: 0;
}

.po-left-150 {
    left: 150px;
}

.po-absolute {
    position: absolute;
}

.po-fixed {
    position: fixed;
}

.right-20 {
    right: 20px;
}

.line-height-20 {
    line-height: 20px;
}

.line-height-25 {
    line-height: 25px;
}

.line-height-30 {
    line-height: 30px;
}

.line-height-20 {
    line-height: 20px;
}

.line-height-70 {
    line-height: 70px;
}

.line-height-34 {
    line-height: 34px !important;
}

.line-height-40 {
    line-height: 40px !important;
}

.line-height-55 {
    line-height: 55px !important;
}

.line-height-58 {
    line-height: 58px !important;
}

.line-height-48 {
    line-height: 48px !important;
}

.line-height-45 {
    line-height: 45px;
}

.margin-t-b-20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.text-indent-50 {
    text-indent: 50px;
}

.text-indent-8 {
    text-indent: 8px;
}

.font-weight-bold {
    font-weight: bold;
}

.font-weight-400 {
    font-weight: 400;
}

.width-282 {
    width: 282px;
}

.width100 {
    width: 100%;
}

.width-145 {
    width: 145px;
}

.left-145 {
    left: 145px;
}

.left-150 {
    left: 150px;
}

.left-110 {
    left: 110px;
}

.left-70 {
    left: 70px;
}

.left-30 {
    left: 30px;
}
.left-10{
    left: 10px;
}
.magrin-l-10 {
    margin-left: 10px;
}

.header_e {
    height: 70px;
    background: #274cb8;
}

.header_e img {
    height: 48px;
}

.HeadPortrait {
    width: 48px;
    height: 48px;
    position: relative;
    background: #c7d2f3;
    margin-top: 15px;
}

.HeadPortrait p {
    width: 48px;
    text-align: center;
    line-height: 48px;
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 24px;
    color: #fff;
}

.Evidence_list {
    background: #eef2f5;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.HeadPortrait_header {
    background: #fff;
    font-size: 13px;
}

.icon-fanhui {
    line-height: 70px;
}

.fanhui_btn {
    font-size: 40px !important;
    color: #fff;
    cursor: pointer;
}

.top_font {
    height: 30px;
    line-height: 30px;
    margin-top: 15px;
    font-size: 16px;
    color: #000;
}

.Evidence_list_btn_box {
    position: relative;
    width: 100%;
}

.Evidence_list_cont {
    margin-top: 10px;
    margin-left: 0px;
    margin-right: 0px;
}

.Evidence_list_cont_l .pull-left {
    width: 4px;
    height: 100%;
    background: #fff;
}

.Evidence_list_cont_l {
    padding-top: 10px;
    min-height: 400px;
    border: 1px solid #e6e9ec;
}

.gd_Evidence_list_cont_l {
    padding-top: 10px;
    min-height: 400px;
    border-right: 1px solid #EAEAEA !important;
}

.Evidence_list_cont_r {
    min-height: 400px;
    border: 1px solid #e6e9ec;
}

.Evidence_list_cont_l_e {
    height: 48px;
    cursor: pointer;
}

.Evidence_list_cont_l_e p {
    line-height: 48px;
    text-indent: 20px;
    font-size: 14px;
    color: #666;
}

.Evidence_list_cont_l .active .pull-left {
    display: block;
    background: #3f65d6;
}

.Evidence_list_cont_l .active p {
    color: #3f65d6;
}

.Evidence_list_cont_l .active {
    background: #f4f8f9;
}

.Evidence_list_cont_r_h {
    border-bottom: 1px solid #ddd;
    height: 48px;
    line-height: 48px;
}

.gd_Evidence_list_cont_r_h {
    border-bottom: none;
    position: absolute;
    right: 16px;
    top: -52px;
}

.gd_Evidence_list_cont_r_c {
    height: calc(100vh - 258px);
    overflow-y: auto;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

.gd_Evidence_list_cont_r_t {
    max-height: calc(100vh - 258px);
}

.gd_Evidence_list_cont_r_c::-webkit-scrollbar {
    width: 0px;
    height: auto;
    border-radius: 3px;
    background: rgba(130, 217, 237, 0);
}

.gd_Evidence_list_cont_r_c::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.2);
}

.gd_Evidence_list_cont_r_c::-webkit-scrollbar-track {
    border-radius: 0;
    background: rgba(0, 0, 0, 0.1);
}

.Evidence_list_cont_r_h .col-xs-1 {
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    min-width: 86px;
}

.Evidence_list_cont_r_h .active {
    border-bottom: 2px solid #3f65d6;
    color: #3f65d6;
}

.Path_nav {
    float: left;
    margin-left: 15px;
    height: 25px;
    line-height: 25px;
}

.Path_nav:hover {
    cursor: pointer;
    color: #3f65d6;
}

.list_Evidence_e {
    border: 1px solid #ddd;
    min-height: 178px;
    padding: 30px 15px;
}

.Plaintiff {
    background: #f3f7f9;
    position: relative;
    min-height: 178px;
    padding-top: 10px;
}

.Plaintiff p {
    line-height: 15px;
    font-size: 13px;
}

.Plaintiff p i {
    cursor: pointer;
}

.Plaintiff_icon {
    position: absolute;
    top: -16px;
    left: -16px;
}

.Plaintiff .Label {
    padding: 4px 8px;
    background: #e4eaec;
    margin-right: 15px;
    line-height: 30px;
    position: relative;
}

.Defendant {
    background: #f3f7f9;
    position: relative;
    min-height: 178px;
    padding-top: 10px;
}

.Label_p {
    line-height: 25px;
}

.Prompt_message_e {
    line-height: 35px;
    color: #FF4646;
}

.password_Prompt_message {
    line-height: 5px !important;
    margin-left: 148px;
}

.password_Prompt_message_init {
    line-height: 5px !important;
    margin-left: 124px;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    background: #fff !important;
}

.head-bg-color {
    /*background:linear-gradient(0deg,rgba(14,95,213,1),rgba(0,94,180,1));*/
    background: #961D14;
}

.height-70 {
    height: 70px !important;
}

.navbar-brand img {
    height: 58px;
}

.HeadPortrait_l {
    width: 44px;
    height: 44px;
    position: relative;
    border-radius: 22px;
}

.HeadPortrait_l img {
    border-radius: 22px;
    width: 100%;
    height: 100%;
}

.header_r_box {
    margin-top: 12px;
}

.DividingLine {
    line-height: 58px;
    font-size: 25px;
    padding: 4px 10px 20px;
    color: #fff;
}

.DividingLine .line {
    border-right: 1px solid #fff;
}

.HeadPortrait_l_img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 44px;
    height: 44px;
}

.header_r_box .name {
    color: #fff;
}

.header_r_box .dropdown {
    margin-top: 12px;
    margin-left: 10px;
}

.add_Applicant {
    width: 131px;
    height: 44px;
    text-align: center;
    color: #fff;
    line-height: 44px;
    position: fixed;
    bottom: 372px;
    right: -5px;
    cursor: pointer;
    background: url(../../views/images/pic_bj.png) 0 0 no-repeat;
    z-index: 9999999999;
}

.left_bottom_nav_open {
    position: fixed;
    bottom: 64px;
    right: 0px;
    width: 190px;
    max-height: 264px;
    min-height: 45px;
    background: #fff;
    color: #666;
    font-size: 14px;
    animation: open 0.2s;
    -moz-animation: open 0.2s;
    -webkit-animation: open 0.2s;
    -o-animation: open 0.2s;
    z-index: 9999;
    overflow-y: scroll;
    box-shadow: 1px 0px 10px #000;
}

@keyframes open {
    from {
        bottom: -370px;
        right: -370px;
    }

    to {
        bottom: 64px;
        right: 0px;
    }
}

@-moz-keyframes open {
    from {
        bottom: -370px;
        right: -370px;
    }

    to {
        bottom: 64px;
        right: 0px;
    }
}

@-webkit-keyframes open {
    from {
        bottom: -370px;
        right: -370px;
    }

    to {
        bottom: 64px;
        right: 0px;
    }
}

@-o-keyframes open {
    from {
        bottom: -370px;
        right: -370px;
    }

    to {
        bottom: 64px;
        right: 0px;
    }
}

.left_bottom_nav_close {
    position: fixed;
    bottom: -370px;
    right: -370px;
    width: 150px;
    max-height: 370px;
    min-height: 45px;
    background: #fff;
    color: #666;
    font-size: 14px;
    animation: close 0.2s;
    -moz-animation: close 0.2s;
    -webkit-animation: close 0.2s;
    -o-animation: close 0.2s;
}

@keyframes close {
    from {
        bottom: 64px;
        right: 0px;
    }

    to {
        bottom: -370px;
        right: -370px;
    }
}

@-moz-keyframes close {
    from {
        bottom: 64px;
        right: 0px;
    }

    to {
        bottom: -370px;
        right: -370px;
    }
}

@-webkit-keyframes close {
    from {
        bottom: 64px;
        right: 0px;
    }

    to {
        bottom: -370px;
        right: -370px;
    }
}

@-o-keyframes close {
    from {
        bottom: 64px;
        right: 0px;
    }

    to {
        bottom: -370px;
        right: -370px;
    }
}

.left_bottom_nav a {
    color: #666;
    cursor: pointer;
    text-decoration: none;
    line-height: 42px;
}

.left_bottom_nav_e {
    border-bottom: 1px solid #ddd;
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.left_bottom_nav_e:hover {
    display: block;
    width: 100%;
    background: #DDF4FA;
}

.left_bottom_nav_e_e {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 143px;
}

.text_overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.left_bottom_nav_e_e:hover {
    display: block;
    background: #DDF4FA;
}

.icon-rjiantou {
    position: fixed;
    right: 3px;
    bottom: 64px;
    font-size: 20px;
    color: #666;
    cursor: pointer;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    z-index: 9999;
}

.icon-jiantou {
    position: fixed;
    right: 3px;
    bottom: 64px;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    background: #2e3d45;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    z-index: 9999;
}

.list_Evidence_e .thumbnail {
    border: 0px;
}

.Defendant .bg_img {
    width: 146px;
    height: 100px;
    z-index: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -73px;
    margin-top: -50px;
}

.JudgeReply_header {
    background: #ebf2f5;
    height: 61px;
    line-height: 61px;
    position: relative;
    margin-top: 24px;
    text-indent: 15px;
}

.JudgeReply_header .identity_icon {
    position: absolute;
    top: -12px;
    left: -12px;
}

.JudgeReply_cont {
    background: #f3f7f9;
    padding-left: 15px;
    padding-right: 15px;
    border-bottom: 1px dashed #d6d7d7;
    padding-top: 5px;
}

.Expand_more {
    width: 100%;
    text-align: center;
    line-height: 40px;
    height: 40px;
    color: #3f65d6;
    cursor: pointer;
    background: #f3f7f9;
}

.icon-bianji:hover {
    color: #3f65d6;
}

.NoReply {
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 25px;
    color: #bbbbbb;
    text-align: center;
}

.Court_logo {
    margin-top: 10px;
}

.Court_name {
    height: 60px;
    line-height: 65px;
    font-size: 20px;
    color: #ffffff;
}

.text-align-center {
    text-align: center;
}

.text-align-right {
    text-align: right;
}

.bg_word {
    font-size: 32px;
    color: #d4d4d4;
    text-align: center;
    line-height: 70px;
    width: 100%;
}

.bg_word i {
    font-size: 36px;
}

.MediationLabel {
    height: 23px;
    padding-right: 18px;
    background: #f64f4f;
    color: #fff;
    margin-left: 15px;
    text-align: center;
}

.MediationLabel .icon-sanjiaoxiangzuo {
    position: relative;
    left: -11px;
}

.PromptPage_border-left {
    border-left: 5px solid #e7e7e7;
    position: relative;
    margin-top: 70px;
}

.PromptPage_border-left .p1 {
    font-size: 20px;
    color: #3cb878;
    margin-top: 32px;
}

.PromptPage_border-left .p2 {
    font-size: 13px;
    color: #999;
}

.PromptPage_border-left .p3 {
    font-size: 20px;
    color: #ff9326;
}

.PromptPage_border-left .p4 {
    color: #333;
}

.PromptPage_border-left .p4 span {
    color: #3f65d6;
}

.PromptPage_border-left p {
    margin-left: 70px;
}

.PromptPage_border-left img {
    position: absolute;
    left: -22px;
    top: 158px;
}

.PromptPage_border-left i {
    font-size: 85px;
    color: #3cb878;
    position: absolute;
    left: -46px;
    top: 4px;
}

.Policy_title {
    font-size: 13px;
    color: #333;
    text-indent: 20px;
    line-height: 30px;
}

.Policy_title i {
    color: #274cb8;
}

.select_border {
    border: 1px solid #ccc;
    height: 100px;
    overflow-y: auto;
}

.select_border li {
    text-indent: 10px;
}

.select_border li:hover {
    background: #f4f8f9;
    text-indent: 10px;
}

.SeizeASeat {
    width: 100%;
    height: 54px;
}

.fa-caret-down {
    cursor: pointer;
}

.cursor_pointer {
    cursor: pointer;
}

.xs-sidebar {
    display: block;
    position: relative;
    min-height: 300px;
}

.two_level_menu {
    position: absolute;
    left: 90px;
    top: 0px;
    height: 100%;
    width: 260px;
    padding-left: 20px;
    padding-right: 20px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 3px 3px 5px #ddd;
}

.lg-sidebar {
    display: none;
}

.sidebar {
    position: absolute;
    width: 80px;
    margin-top: 70px;
}

.toggleHead .sidebar {
    left: -90px;
}

.img_width {
    width: 60%;
}

.Prosecution_btn_box_xs {
    display: block;
}

.Prosecution_btn_box {
    display: none;
}

.height26 {
    height: 26px !important;
}

.height38 {
    height: 38px;
}

.height94 {
    height: 94px;
}

.height34 {
    height: 34px;
}

.line-height38 {
    line-height: 38px;
}

.position-fixed_btn {
    position: fixed;
    bottom: 0px;
    right: 0px;
    left: 104px;
    z-index: 99;
}

.bottom_button_box {
    margin-left: -10px;
    margin-right: -9px;
    box-shadow: 16px 10px 24px #000;
    position: fixed;
    bottom: 0;
    left: 100px;
    right: 0;
    z-index: 5;
}

.position-fixed_btn button {
    margin-right: 10px;
}

@media(min-width:1200px) {
    .bottom_button_box {
        margin-left: -10px;
        margin-right: -9px;
        box-shadow: 16px 10px 24px #000;
        position: fixed;
        bottom: 0;
        left: 250px;
        right: 0;
        z-index: 5;
    }

    .position-fixed_btn {
        position: fixed;
        bottom: 0px;
        right: 0px;
        left: 255px;
        z-index: 99;
    }

    #page-wrapper {
        position: relative;
        margin: 0 0 0 240px;
        padding: 10px 10px 0 10px;
        border-left: 1px solid #e7e7e7;
        background: #ecf0f3;
        top: 0px;
        bottom: 0px;
        z-index: 998;
    }

    #page-wrapper.toggleTab {
        margin: 0 0 0 5px;
    }

    .sidebar {
        position: absolute;
        width: 240px;
        margin-top: 70px;
    }

    .toggleHead .sidebar {
        left: -240px;
    }

    .tab-toggle-btn.bg1 {
        left: 0;
        background: url("../../views/images/2_pack up_pre.png");
    }

    .tab-toggle-btn.bg2 {
        left: 0;
        background: url("../../views/images/1_spread_pre.png");
    }

    .bottom_btn_fixed {
        left: 255px;
        right: 0px;
        box-shadow: 16px 10px 24px #000;
    }

    .xs-sidebar {
        display: none;
    }

    .lg-sidebar {
        display: block;
    }

    .img_width {
        width: 100%;
    }

    .Prosecution_btn_box_xs {
        display: none;
    }

    .Prosecution_btn_box {
        display: block;
    }

    .height26 {
        line-height: 26px;
        height: auto;
    }
}

.icon-x {
    position: absolute;
    top: -14px;
    right: -7px;
}

.font_color {
    color: #3f65d6;
}

.sidebar_e {
    width: 90px;
    height: 62px;
    text-align: center;
    color: #666;
    margin-bottom: 0px;
    margin-top: 20px;
}

.sidebar_e i {
    font-size: 26px;
    color: #999;
}

.sidebar_e:hover {
    cursor: pointer;
    color: #3F65D6;
    background: #F4F8F9;
}

.two_level_menu h4 {
    line-height: 44px;
}

.two_level_menu_e {
    height: 40px;
    line-height: 40px;
    color: #666;
    text-indent: 15px;
}

.two_level_menu_e i {
    font-size: 40px;
    float: left;
    width: 3px;
    height: 40px;
    background: #3f65d6;
    visibility: hidden;
}

.two_level_menu_e:hover {
    color: #3f65d6;
    background: #F4F8F9;
    cursor: pointer;
}

.xs-active {
    color: #3f65d6;
    background: #F4F8F9;
}

.two_level_menu_e:hover i {
    visibility: visible;
}

.text-overflow-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ReturnToPage {
    width: 102px;
    height: 35px;
    background: #fcb03b;
    color: #fff;
    border-radius: 3px;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
}

.sidebar li a {
    color: #666;
}

.sidebar li a i {
    color: #999;
}

.sidebar li a:hover {
    color: #3F65D6;
    background: #F4F8F9;
}

.nav li .active a {
    background: #F4F8F9;
    /*color: #3F65D6;*/
}

.form-horizontal .form-group-sm .control-label {
    font-size: 13px;
}

.party_page_case_e.ng-hide-add {
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transition-duration: 200ms;
    -webkit-transition-duration: 200ms;
    opacity: 1;
}

.party_page_case_e.ng-hide-add.ng-hide-add-active {
    transform: scale(0.7);
    -ms-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    opacity: 0;
}

.party_page_case_e.ng-hide-remove {
    transform: scale(0.7);
    -ms-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transition-duration: 200ms;
    -webkit-transition-duration: 200ms;
    display: block !important;
    opacity: 0;
}

.party_page_case_e.ng-hide-remove.ng-hide-remove-active {
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
}

.border0 {
    border-right: 0px !important;
}

.evidence_right {
    margin-left: 280px;
    margin-right: 40px;
}

.evidence_left {
    position: absolute;
    top: 10px;
    left: 40px;
    width: 236px;
    height: 177px;
    overflow: hidden;
}

.text-decoration:hover {
    text-decoration: underline;
}

.img_Size {
    width: 80px;
    float: left;
    margin-left: 10px;
}

.img_Size img {
    width: 100%;
}

.img_mask {
    background: #000;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9999;
}

.bigPicture {
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -430px;
    margin-top: -310px;
    width: 1000px;
    height: 700px;
    background: #fff;
    z-index: 99999;
}

.bigPicture i {
    color: #fff;
    font-size: 40px;
    position: absolute;
    top: -45px;
    left: 970px;
    cursor: pointer;
}

.bigPicture div {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.bigPicture img {
    width: 100%;
}


/*司法鉴定*/

.notice {
    background: #fff;
    width: 100%;
    height: auto;
}

.notice_cont {
    width: 960px;
    margin: 0 auto;
    padding-top: 1px;
}

.notice_button {
    border-top: 1px solid #f4f4f4;
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: 0px -3px 5px #f4f4f4;
    margin-top: 30px;
}

.appraisal_cont {
    width: 100%;
    height: auto;
}

.appraisal_cont_top {
    height: 100px;
    background: #fff;
    padding: 20px 0;
}

.appraisal_element_box {
    position: relative;
    background: #fff;
    padding-left: 25px;
    padding-right: 25px;
    border: 1px solid #ebebeb;
    padding-bottom: 25px;
}

.appraisal_mask_box {
    width: 100%;
    height: 240px;
    padding-right: 16px;
    position: absolute;
}

.appraisal_mask_box div {
    background: #000;
    width: 100%;
    height: 100%;
    z-index: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)" !important;
    filter: alpha(opacity=10) !important;
    opacity: 0.1 !important;
}

.appraisal_mask_random {
    position: absolute;
    background: #000;
    width: 100%;
    height: 100%;
    z-index: 3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)" !important;
    filter: alpha(opacity=10) !important;
    opacity: 0.1 !important;
}

.hn_appraisal_mask_random {
    position: absolute;
    background: #000;
    width: 105%;
    height: 100%;
    z-index: 3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)" !important;
    filter: alpha(opacity=10) !important;
    opacity: 0.1 !important;
}

.appraisal_element_box_t {
    border-bottom: 1px solid #ccc;
}

.appraisal_element_box_t p {
    line-height: 48px;
    font-size: 16px;
    margin: 0px;
}

.appraisal_element_box_t p i {
    color: #274cb8;
    font-size: 30px;
    position: relative;
    top: 4px;
}

.appraisal_element_box .text-right-height {
    text-align: right;
    line-height: 34px;
}

.card_box {
    width: 388px;
    height: 118px;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    float: left;
    margin-right: 19px;
    padding: 10px 20px;
    position: relative;
    overflow: hidden;
    margin-top: 5px;
    margin-bottom: 5px;
}

.card_box1 {
    width: 310px;
    height: 175px;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    float: left;
    margin-right: 19px;
    padding: 10px 20px;
    position: relative;
    overflow: hidden;
    margin-top: 5px;
    margin-bottom: 5px;
}

.card_active {
    border: 1px solid #fcb03b;
}

.card_box p,
.card_box1 p {
    margin: 0px;
    line-height: 23px;
}

.card_box img,
.card_box1 img {
    position: absolute;
    right: 0px;
    top: 0px;
    display: none;
}

.card_active img {
    display: block;
}

.boder-dashed {
    border: 1px dashed #d6d7d7;
}

.boder_top_dashed {
    border-top: 1px dashed #d6d7d7;
}

.border_top_solid {
    border-top: 1px solid #DDDDDD;
}

.appraisal_footer {
    width: 100%;
    height: 62px;
    background: #fff;
    position: fixed;
    bottom: 0px;
    left: 0px;
    box-shadow: 1px -4px 12px #ccc;
    z-index: 10;
}

.appraisal_footer p {
    width: 20%;
    line-height: 62px;
    text-align: center;
    margin-left: 40%;
}

.appraisal_footer p a {
    cursor: pointer;
    color: #3f65d6;
}

.appraisal_footer button {
    margin-right: 10px;
    margin-top: 14px;
}

.appraisal_element_box_t button {
    margin-top: 13px;
    margin-right: 10px;
}

.information_box {
    width: 100%;
    height: auto;
    padding: 10px 30px;
    background: #f4f8f9;
    margin-top: 18px;
}

.information_box div p {
    line-height: 20px;
}

.existing_evidence_list_top {
    height: 56px;
    width: 100%;
    background: #f4f7fd;
}

.existing_evidence_list_top p {
    line-height: 56px;
    text-indent: 25px;
    font-size: 16px;
    color: #070707;
}

.existing_evidence_list_top i {
    line-height: 56px;
    cursor: pointer;
    margin-right: 25px;
    color: #bcbec2;
}

.Stars_box {
    margin-top: 20px;
    margin-bottom: 20px;
}

.Stars_box div {
    line-height: 40px;
    height: 40px;
}

.Stars_box .icon--xingxing {
    color: #e6e2df;
}

.position_ul {
    position: absolute;
    left: 15px;
    right: 15px;
    background: #fff;
    z-index: 99;
}

.Evidence_e_sty {
    position: relative;
    border: 0px;
    border-bottom: 1px dashed #cccccc;
}

.Evidence_e_sty_box {
    text-align: center;
    width: 268px;
    position: absolute;
    top: 30px;
    left: 10px;
}

.Evidence_e_sty div img {
    width: 236px;
    height: 176px;
}

.Evidence_e_sty div i {
    font-size: 20px;
    position: absolute;
    top: 10px;
    left: 25px;
    cursor: pointer;
}

.fraction {
    font-size: 16px;
    width: 100%;
    margin-top: 10px;
    color: #ffc926;
}

.fraction span {
    font-size: 85px;
}

.evaluation_title {
    padding: 10px 0px;
    border-bottom: 1px solid #dddddd;
}

.evaluation_title i {
    color: #274cb8;
    font-size: 30px;
    position: relative;
    top: 4px;
}

.evaluation_details {
    border-bottom: 1px dashed #bbb;
    padding-left: 30px;
    padding-right: 30px;
}

.padding-top-bottom-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.padding-top-bottom-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.padding-top-bottom-6 {
    padding-top: 6px;
    padding-bottom: 6px;
}

.padding-top-bottom-5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.padding-0-30 {
    padding: 0 30px;
}

.display-flex {
    display: flex;
}

.border-1s-ccc {
    border: 1px solid #ccc;
}

.border-1s-ED1D35 {
    border: 1px solid #ED1D35;
}

.width-50 {
    width: 50%;
}

.padding-5 {
    padding: 5px;
}

.padding-top-5 {
    padding-top: 5px;
}
.padding-top-4 {
    padding-top: 4px;
}
.padding-top-10 {
    padding-top: 10px;
}

.padding-top-15 {
    padding-top: 15px;
}

.padding-top-20 {
    padding-top: 20px;
}

.padding-top-40 {
    padding-top: 40px;
}

.padding-right-5 {
    padding-right: 5px !important;
}

.padding-left-5 {
    padding-left: 5px !important;
}

.padding-top-14 {
    padding-top: 14px;
}

.margin-left_-10 {
    margin-left: -10px;
}

.margin-left_-40 {
    margin-left: -40px;
}

.margin-left_-82 {
    margin-left: -82px;
}

.padding-bottom-5 {
    padding-bottom: 5px;
}

.padding-bottom-15 {
    padding-bottom: 15px;
}

.padding_top_bottom_15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.border-top_dashed {
    border-top: 1px #ddd dashed;
}

.border-bottom_dashed {
    border-bottom: 1px #ddd dashed;
}

.padding_left_right_0 {
    padding-right: 0;
    padding-left: 0;
}

.padding_left_right_8 {
    padding-right: 8px !important;
    padding-left: 8px !important;
}

.padding_left_right_15 {
    padding-right: 15px;
    padding-left: 15px;
}

.padding_lef_15 {
    padding-left: 15px !important;
}

.margin_left_right_0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.margin-top-30 {
    margin-top: 30px;
}

.margin-top-35 {
    margin-top: 35px;
}

.btn-disable {
    border: 1px solid #ddd;
    background: #fff;
    color: #bbb;
    font-size: 14px;
}

.btn-disable:hover {
    border: 1px solid #ddd;
    background: #fff;
    color: #bbb;
    font-size: 14px;
}

.color000 {
    color: #000;
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.get_checknumber_disable {
    background: #ccc;
    color: #666;
    height: 34px;
    border: 1px solid #ccc;
}


/*鉴定缴费*/

.litigation_pay_box {
    width: 100%;
    min-height: 1000px;
    padding-top: 1px;
    padding-bottom: 64px;
}

.litigation_pay_box_top {
    border: 1px solid #e7eaed;
    background: #fff;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 10px;
}

.litigation_pay_box_top .personnel_detail {
    background: #f3f7f9;
    width: 100%;
    padding: 15px 25px;
}

.litigation_pay_title {
    border: 1px solid #e7eaed;
    background: #fff;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 10px;
}

.online_module_img {
    width: 100%;
    height: 150px;
    position: relative;
}

.online_module_img div {
    width: 30%;
    margin-right: 3%;
    border: 1px solid #dddddd;
    cursor: pointer;
    float: left;
}

.pay_box img {
    width: 120px;
}

.online_module_img_b {
    width: 736px;
    position: relative;
    left: 50%;
    margin-left: -335px;
    margin-top: 15px;
    margin-bottom: 42px;
}

.online_module_img_b div {
    width: 173px;
    margin-left: 38px;
    text-align: center;
    color: #666;
    float: left;
    line-height: 40px;
}

.serial_number_box {
    padding: 20px;
    background: #fff;
}

.serial_number_box_cont {
    background: #f3f7f9;
    padding: 10px;
    margin-top: 10px;
}

.serial_number_box_cont div {
    line-height: 25px;
}

.identificationOfPeople {
    background: #fff;
    margin-top: 10px;
    padding: 15px 20px;
    color: #666;
}

.identificationOfPeopleNew {
    background: #fff;
    margin-top: 10px;
    padding: 0 20px;
    color: #666;
}

.identificationOfPeople_button {
    color: #264cb8;
}

.identificationOfPeople_button span {
    cursor: pointer;
}

.identificationOfPeople_cont {
    background: #f3f7f9;
    padding: 10px;
    margin-top: 10px;
}

.identificationOfPeople_cont .form-inline .form-group input {
    width: 300px;
}

.history_record {
    background: #f3f7f9;
    margin-top: 10px;
    padding-bottom: 40px;
}

.history_record_top {
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    background: #e6eef2;
    padding-left: 15px;
}

.history_record_list {
    min-height: 70px;
}

.history_record_list .no_content {
    text-align: center;
    line-height: 70px;
    font-size: 30px;
    color: #d4d4d4;
}

.no_content i {
    font-size: 30px;
    color: #d4d4d4;
}

.identificationOfPeople_bottom {
    color: #2626ff;
    font-size: 16px;
    margin-top: 20px;
}

.identificationOfPeople_bottom div {
    cursor: pointer;
    height: 16px;
}

.prompt_box {
    padding-left: 10px;
    padding-right: 10px;
    height: 22px;
    line-height: 22px;
    position: relative;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    margin-top: 2px;
}

.prompt_box i {
    position: absolute;
    left: -12px;
    top: 2px;
}

.dange_color {
    background: #ff4646;
}

.warning_color {
    background: #fcb03b;
}

.color_2E9FFF {
    background: #2E9FFF;
}

.success_color {
    background: #5cb85c;
}

.color_2E9FFF .icon-sanjiaoxiangzuo {
    color: #2E9FFF;
}

.dange_color .icon-sanjiaoxiangzuo {
    color: #ff4646;
}

.warning_color .icon-sanjiaoxiangzuo {
    color: #fcb03b;
}

.success_color .icon-sanjiaoxiangzuo {
    color: #5cb85c;
}

.history_record_list div {
    line-height: 30px;
}

.history_record_e {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.people_information {
    position: absolute;
    top: 30px;
    width: 386px;
    height: auto;
    background: #fff;
    z-index: 99999;
    padding: 15px 30px;
    font-size: 13px;
    font-weight: normal;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: none;
}

.people_information .icon-sanjiaoxian {
    position: absolute;
    top: -15px;
    left: 58px;
    color: #ddd;
}

.angency_information_box:hover .angency_information,
.angency_information_box:hover .angency_information1 {
    display: block;
}

.angency_information,
.angency_information1 {
    position: absolute;
    left: -151px;
    width: 450px;
    height: auto;
    background: #fff;
    z-index: 99999;
    padding: 15px;
    font-size: 13px;
    font-weight: normal;
    border: 1px solid #ddd;
    border-radius: 4px;
    line-height: 24px;
    display: none;
}

.angency_information {
    top: 30px;
}

.angency_information1 {
    top: 30px;
}

.angency_information .icon-sanjiao-copy-copy {
    position: absolute;
    top: -15px;
    left: 200px;
    color: #ddd;
}

.angency_information1 .icon-yousanjiao-copy {
    position: absolute;
    top: -15px;
    left: 200px;
    color: #ddd;
}

.people_information_icon_box:hover .people_information {
    display: block;
}

.border_red {
    border: 1px solid red;
}

.text-align-center-th th {
    text-align: center;
}

.process_information {
    background: #fff;
    margin-top: 10px;
    padding: 20px;
}

.process_information_button_box i {
    margin-left: 30px;
}

.opinion_textarea {
    width: 100%;
    height: 88px;
    line-height: 25px;
    border-radius: 4px;
    text-indent: 20px;
}

.list_Evidence_e_btn {
    position: absolute;
    width: 180px;
    height: 40px;
    background: #3f65d6;
    color: #fff;
    text-align: center;
    line-height: 40px;
    top: 100px;
    left: 44px;
    cursor: pointer;
}

.list_Evidence_e_btn2 {
    position: absolute;
    width: 180px;
    height: 40px;
    background: #cccccc;
    color: #fff;
    text-align: center;
    line-height: 40px;
    top: 100px;
    left: 44px;
}

.spacing_10 {
    width: 100%;
    height: 10px;
    background: #ecf0f3;
}

.bg_color {
    background: #edf1f4;
    width: 100%;
}

.homePage_top {
    width: 100%;
    height: 45px;
    background: #ffffff;
}

.homePage_top_cont {
    width: 1200px;
    margin-left: 50%;
    position: relative;
    left: -600px;
}

.login_btn {
    border: 1px solid #cccccc;
    padding: 6px 9px;
    float: right;
    margin-top: 5px;
    margin-left: 10px;
    cursor: pointer;
}

.homePage_top_img {
    background: #3f65d6;
    height: 100px;
}

.homePage_top_img_cont {
    width: 1200px;
    margin-left: 50%;
    position: relative;
    left: -600px;
}

.pull-left_img {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2;
}

.pull-right_img {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1;
}

.homePage_nav {
    width: 100%;
    height: 50px;
    background: #ffffff;
    box-shadow: 0px 5px 5px #ccc;
}

.homePage_nav_cont {
    width: 960px;
    height: 50px;
    margin-left: 50%;
    position: relative;
    left: -480px;
}

.homePage_nav_e {
    float: left;
    padding: 14px 16px;
    margin-right: 28px;
    color: #666;
}

.homePage_nav_e:hover {
    border-bottom: 2px solid #3587c1;
    color: #3587c1;
    cursor: pointer;
}

.homePage_banner {
    margin-top: 10px;
    width: 960px;
    margin-left: 50%;
    position: relative;
    left: -480px;
}

.homePage_banner img {
    width: 100%;
}

.homePage_cont {
    width: 1184px;
    margin-left: 50%;
    position: relative;
    left: -592px;
    margin-top: 10px;
}

.homePage_cont_left {
    width: 670px;
    float: left;
}

.homePage_cont_right {
    width: 280px;
    float: right;
}

.cont_left_btn {
    width: 216px;
    height: 88px;
    cursor: pointer;
}

.cont_left_btn1 {
    background: url("../../views/images/1_r4_c2.png") no-repeat;
}

.cont_left_btn1:hover {
    background: url("../../views/images/1_r4_c2_1.png") no-repeat;
}

.cont_left_btn2 {
    background: url("../../views/images/1_r3_c1.png") no-repeat;
}

.cont_left_btn2:hover {
    background: url("../../views/images/1_r3_c1_1.png") no-repeat;
}

.cont_left_btn3 {
    background: url("../../views/images/1_r6_c1.png") no-repeat;
}

.cont_left_btn3:hover {
    background: url("../../views/images/1_r6_c1_1.png") no-repeat;
}

.homePage_cont_left_e {
    width: 100%;
    margin-top: 10px;
}

.homePage_cont_left_e_bt {
    height: 50px;
    line-height: 44px;
    background: #edf7fc;
    width: 100%;
}

.homePage_cont_left_e_box {
    width: 100%;
    padding: 18px;
    background: #fff;
}

.border_b_das {
    border-bottom: 1px dashed #d6d7d7;
    width: 100%;
    margin: 20px 0px;
}

.homePage_cont_left_e_box p {
    color: #666;
}

.homePage_cont_left_e_box h4 {
    color: #444;
}

.homePage_cont_right_box {
    background: #fff;
}

.homePage_cont_right_box dl {
    width: 50%;
    float: left;
    cursor: pointer;
}

.homePage_cont_right_box {
    padding-top: 20px;
}

.homePage_footer {
    background: #fff;
    width: 100%;
    padding-left: 2%;
    padding-right: 2%;
}

.homePage_footer_logo {
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
}

.margin-left0 {
    margin-left: 0 !important;
}

.margin-right0 {
    margin-right: 0 !important;
}

.ddd-more:hover {
    border-bottom: 1px solid #767d83
}

.homePage_footer_logo img {
    margin-top: 35px;
}

.homePage_footer p {
    width: 100%;
    text-align: center;
    line-height: 14px;
}

.homePage_footer p a {
    color: #767d83;
}

.homePage_footer_b {
    height: 48px;
    line-height: 48px;
    text-align: center;
    color: #454545;
}

.homePage_footer_b a {
    color: #454545;
}

.homePage_cont_left_e_box a {
    color: #000000;
}

.homePage_cont_left_e_box a:hover,
.litigationGuide_r a:hover {
    color: #007fff;
    cursor: pointer;
}

.litigationGuide_r a {
    color: #333;
}

.homePage_nav_cont .active {
    border-bottom: 2px solid #3587c1;
    color: #3587c1;
}

.checkbox_list {
    padding: 10px;
    border: 1px solid #ccc;
    background: #fff;
    display: none;
    text-align: left;
}

.right_checkbox_list {
    position: absolute;
    top: 10px;
    right: 5px;
    width: 100px;
    text-align: center;
}

.right_checkbox_list:hover .checkbox_list {
    display: block;
}

.checkbox_list_e {
    border-bottom: 1px dashed #ccc;
    cursor: pointer;
}

.checkbox_list_e:hover {
    background: #f8f8f8;
}


/*图片放大旋转*/

#big_img_box {
    display: none;
}

.big_img_box_bj {
    background: #000;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
}

.big_img_box_img_box {
    height: 530px;
    width: 700px;
    text-align: center;
    z-index: 99999999;
    position: fixed;
    left: 50%;
    margin-left: -350px;
    top: 100px;
    overflow: hidden;
    background: #000;
}

#big_img_box_img {
    /*height: 100%;*/
}

#big_img_box .icon-qiepian30 {
    font-size: 30px;
    z-index: 999999999999;
    position: absolute;
    right: 50px;
    top: 5px;
    cursor: pointer;
    color: #f8f8f8;
}

#big_img_box .icon--tingqiantiaojieduihao-Xhao {
    font-size: 30px;
    z-index: 9999999999999;
    position: fixed;
    left: 68%;
    top: 70px;
    cursor: pointer;
    color: #f8f8f8;
}

#big_img_box .icon-iconfontfangda {
    font-size: 30px;
    z-index: 999999999999;
    position: absolute;
    right: 120px;
    top: 5px;
    cursor: pointer;
    color: #f8f8f8;
}

#big_img_box .icon-iconfontsuoxiao {
    font-size: 30px;
    z-index: 999999999999;
    position: absolute;
    right: 190px;
    top: 5px;
    cursor: pointer;
    color: #f8f8f8;
}

.litigationGuide {
    width: 960px;
    height: auto;
    background: #fff;
    padding-bottom: 60px;
    margin: 0 auto;
    margin-top: 10px;
    padding-top: 20px;
}

.litigationGuide_l {
    width: 120px;
    border-right: 1px solid #dddddd;
    height: 100%;
    float: left;
}

.litigationGuide_l_e {
    position: relative;
    height: 100px;
}

.litigationGuide_l_e p {
    line-height: 100px;
    text-align: center;
    font-size: 14px;
}

.litigationGuide_l_e img {
    position: absolute;
}

.litigationGuide_l_e .active_img {
    top: 37px;
    right: -12px;
    display: none;
}

.litigationGuide_l_e .not_active_img {
    top: 41px;
    right: -8px;
}

.active .active_img {
    display: block;
}

.active .not_active_img {
    display: none;
}

.active .p {
    color: #fcb03b;
}

.litigationGuide_r {
    float: right;
    width: 730px;
    margin-right: 30px;
}

.litigationGuide_r_bt {
    height: 100px;
    line-height: 100px;
    font-size: 26px;
    color: #000;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 20px;
}
.case_box_bg {
    background: rgb(241, 246, 255);
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    width: 650px;
    height: 350px;
    position: relative;
    border-radius: 5px;
}

.case_box_bg .icon-zuoyoujiantou-copy-copy-copy {
    position: absolute;
    left: -100px;
    top: 185px;
    font-size: 45px;
    color: #fff;
    cursor: pointer;
}

.case_box_bg .icon-zuoyoujiantou-copy-copy {
    position: absolute;
    right: -100px;
    top: 185px;
    font-size: 45px;
    color: #fff;
    cursor: pointer;
}

.party_page {
    background: #356aaa;
    height: 100%;
}

.party_page_bg {
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 1;
    height: 100vh;
    min-height: 600px;
    background: url("../../views/images/litigant_bj.jpg") center center;
    background-size: cover;
}

.party_page_nav {
    margin-bottom: 0;
    background: #3266a4;
    border-bottom: 1px solid #537caf;
    z-index: 9;
    position: relative;
}

.party_page_case_box {
    width: 580px;
    height: 400px;
    overflow: hidden;
    margin-top: -375px;
    background: #fcfaff;
    z-index: 999;
    position: relative;
    border-radius: 5px;
}

.party_page_case_e {
    width: 580px;
    height: 400px;
    padding: 0px 30px;
    overflow: hidden;
}

.party_page_case_e .entry_div {
    margin-top: 30px;
}

.party_page_case_e .entry_div .entry_div_div {
    margin: 0 auto;
    width: 120px;
    padding: 10px 0;
    font-size: 14px;
    cursor: pointer;
    border-radius: 4px;
}

.page_case_e_bt {
    width: 100%;
    height: 56px;
    line-height: 56px;
    border-bottom: 1px solid #658dbd;
    color: #dbe4f2;
    font-size: 14px;
}

.page_case_e_bt i {
    font-size: 26px;
    position: relative;
    top: 5px;
}

.party_page_case_e .btn_box {
    height: 36px;
    width: 100%;
    margin-top: 25px;
}

.party_page_case_e .btn_box .btn_e {
    width: 98px;
    height: 30px;
    border: 1px solid #88aad2;
    line-height: 30px;
    text-align: center;
    color: #fff;
    margin-right: 18px;
}

.party_page_case_e .btn_box .btn_e:hover {
    background: #4470A6;
    cursor: pointer;
}

.party_page_case_e .btn_box .btn_e_r {
    width: 77px;
    height: 36px;
    background: #fcb03b;
    border-radius: 4px;
    color: #fff;
    margin-left: 10px;
    text-align: center;
    line-height: 36px;
    cursor: pointer;
}

.party_page_case_e .btn_box .btn_e_r:hover {
    background: #FCA018;
}

.party_page_case_e_cont {
    width: 100%;
    height: 272px;
    margin-top: 25px;
    position: relative;
}

.party_page_case_e_cont .solid_cont {
    border-bottom: 1px solid #fff;
    width: 100%;
    position: absolute;
    top: 135px;
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}

.party_page_case_e_cont_e {
    float: left;
    height: 270px;
    width: 10%;
}

.party_page_case_e_cont .active {
    width: 40%;
}

.party_page_case_e_cont .status_one {
    background: #fff;
    width: 100%;
    height: 270px;
    padding: 25px;
    position: relative;
    color: #000;
    display: none;
}

.party_page_case_e_cont .status_one .right_top_img {
    position: absolute;
    right: 0px;
    top: 0px;
}

.party_page_case_e_cont .active .status_one .status_title_red {
    background: #ff4646;
    position: relative;
    padding-left: 15px;
    padding-right: 10px;
    margin-left: 10px;
    color: #fff;
}

.party_page_case_e_cont .active .status_one .status_title_yellow {
    background: #fcb03b;
    position: relative;
    padding-left: 15px;
    padding-right: 10px;
    margin-left: 10px;
    color: #fff;
}

.party_page_case_e_cont .active .status_one .status_title_green {
    background: #3cb878;
    position: relative;
    padding-left: 15px;
    padding-right: 10px;
    margin-left: 10px;
    color: #fff;
}

.party_page_case_e_cont .active .status_title_red i {
    color: #ff4646;
    position: absolute;
    left: -11px;
}

.party_page_case_e_cont .active .status_title_yellow i {
    color: #fcb03b;
    position: absolute;
    left: -11px;
}

.party_page_case_e_cont .active .status_title_green i {
    color: #3cb878;
    position: absolute;
    left: -11px;
}

.party_page_case_e_cont .active .status_one .status_one_btn {
    width: 290px;
    height: 45px;
    background: #fcb03b;
    text-align: center;
    line-height: 45px;
    font-size: 14px;
    color: #fff;
    position: absolute;
    bottom: 28px;
}

.status_one_btn_left {
    width: 140px;
    height: 45px;
    background: #fcb03b;
    text-align: center;
    line-height: 45px;
    font-size: 14px;
    color: #fff;
    float: left;
    bottom: 28px;
}

.status_one_btn_right {
    width: 140px;
    height: 45px;
    background: #fcb03b;
    text-align: center;
    line-height: 45px;
    font-size: 14px;
    color: #fff;
    float: right;
    bottom: 28px;
}

.party_page_case_e_cont .status_two {
    background: #5884b9;
    width: 100%;
    height: 270px;
    padding: 25px;
    position: relative;
    color: #000;
    display: block;
    cursor: pointer;
}

.party_page_case_e_cont .status_two i {
    color: #fff;
    font-size: 40px;
    margin-top: 66px;
    display: block;
}

.party_page_case_e_cont .status_two div {
    width: 100%;
    text-align: center;
    color: #fff;
}

.party_page_case_e_cont .complete .status_two {
    border: 1px solid #fcb03c;
}

.party_page_case_e_cont .complete .status_two i {
    color: #fcb03b;
}

.party_page_case_e_cont .complete .status_two div {
    color: #fcb03b;
}

.party_page_case_e_cont .active .status_one {
    display: block;
}

.party_page_case_e_cont .active .status_two {
    display: none;
}

.mailbox_top {
    width: 1200px;
    height: 79px;
    margin: 0 auto;
}

.mailbox_cont {
    width: 100%;
    background: #3f65d6;
    height: auto;
}

.mailbox_cont_box {
    width: 1200px;
    margin: 0 auto;
    height: 562px;
    background: url(../../views/images/mailbox_bj_05.png) no-repeat;
}

.mailbox_footer {
    text-align: center;
    height: 70px;
    line-height: 70px;
    font-size: 12px;
    color: #959595;
}

.mailbox_landing_box {
    width: 339px;
    height: 336px;
    float: right;
    background: #fff;
    border-radius: 10px;
    margin-top: 113px;
}

.mailbox_landing_box p {
    width: 100%;
    text-align: center;
    line-height: 72px;
    font-size: 24px;
    color: #000;
}

.btn_disable {
    background: #E0E0E0 !important;
    color: #fff !important;
    cursor: not-allowed !important;
}

.opacity_4 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)" !important;
    filter: alpha(opacity=40) !important;
    opacity: 0.4 !important;
    display: block;
}

.table_box {
    width: 100%;
    padding-bottom: 10px;
    padding-top: 10px;
}

.table_box_e {
    width: 50%;
    float: left;
    height: 30px;
}

.table_box_e_l {
    width: 50%;
    float: left;
    height: 30px;
    text-align: right;
    line-height: 30px;
    color: #666;
}

.table_box_e_r {
    width: 50%;
    float: right;
    height: 30px;
    text-indent: 10px;
    line-height: 30px;
}

.ewm_icon {
    width: 130px;
    height: 68px;
    position: absolute;
    right: 20px;
    top: 0px;
    cursor: pointer;
}

.ewm_icon_img {
    width: 100px;
}

.show_ewmimg {
    width: 885px;
    height: 261px;
    position: absolute;
    right: 130px;
    z-index: 99999999;
    top: -14px;
    display: none;
}

.show_ewmimg_bj {
    width: 100%;
}

.ewm_icon:hover .show_ewmimg {
    display: block;
}

.ewmone {
    position: absolute;
    width: 120px;
    height: 120px;
    /*background: red;*/
    left: 50px;
    top: 50px;
}

.ewmtwo {
    position: absolute;
    width: 120px;
    height: 120px;
    right: 50px;
    top: 50px;
}

.ewm {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}

.logoin_title {
    width: 450px;
    height: 375px;
    background: #fff;
    border-radius: 8px;
    position: absolute;
    top: 150px;
    left: 50%;
    margin-left: -225px;
    z-index: 999999;
}

.logoin_title_img {
    width: 92px;
    height: 92px;
    position: absolute;
    left: 50%;
    margin-left: -46px;
    top: -46px;
}

.logoin_title_text {
    position: absolute;
    top: 60px;
    width: 340px;
    margin-left: 55px;
    line-height: 30px;
    font-size: 18px;
}

.logoin_title_btn {
    width: 350px;
    height: 40px;
    background: #ED1D35;
    text-align: center;
    line-height: 40px;
    color: #fff;
    border-radius: 20px;
    position: absolute;
    bottom: 30px;
    left: 50px;
    font-size: 16px;
}

.logoin_title_btn:hover {
    background: #ED1D35;
    cursor: pointer;
}

.onTheline_input {
    width: 80%;
    height: 34px;
    border-radius: 4px;
    outline: none;
    border: 1px solid #ccc;
    text-indent: 5px;
}

#big_img_box_img_bar {
    cursor: move;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 999999999;
}

#big_img_box_img {
    z-index: 999;
}

.big_img_box_bottom {
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    cursor: pointer;
    z-index: 9999999999;
}

.big_img_box_bottom_bg {
    background: #000;
    opacity: 0.3;
    width: 100%;
    height: 100%;
}

#big_img_box_img_f {
    height: 530px;
}


/******************************************************摇号**********************************************/

.clear {
    clear: both;
}

.ballHide {
    display: none;
}

.shakingNumber_bj {
    min-height: 596px;
    /*width: 1920px;*/
    width: 100%;
    /*padding: 0 30px;*/
    background: #112057;
    background-image: url(../../views/images/shakingNumber_bj.png);
    background-size: 100% 100%;
}

.shakingNumber_l {
    float: left;
    border: 1px solid #557eac;
}

.shakingNumber_r {
    width: 72%;
    float: left;
    position: relative;
    /*border: 1px solid #557eac;*/
}

.shakingNumber_r_div {
    color: #71f5f9;
    width: 520px;
}

.shakingNumber_r_div_div {
    padding-left: 40px;
    height: 30px;
    line-height: 30px;
}

.shakingNumber_r_div_div_more {
    height: 28px;
    line-height: 28px;
    background: rgba(246, 246, 246, 1);
    border-radius: 4px;
    color: #000000;
    margin-bottom: 10px;
    float: left;
    width: calc(50% - 5px);
    text-indent: 10px;
}

.shakingNumber_r_div_div_more:nth-child(even) {
    margin-left: 10px;
}

.shakingNumber_r_div_look {
    width: 80px;
    border: 1px solid #71f5f9;
    text-align: center;
    border-radius: 3px;
    margin-left: 40px;
    cursor: pointer;
    padding: 3px 0;
}

.shakingNumber_r .shakingNumber_img_box {
    position: absolute;
    top: 0;
    left: 30%;
    margin-left: -216px;
    width: 515px;
    /*height: 632px;*/
    transform: scale(.5);
}

.shakingNumber_r .shakingNumberBall {
    width: 35px;
    height: 35px;
    position: absolute;
    /*animation:zhuan 1s linear forwards;-webkit-animation:zhuan 1s linear forwards ;*/
}

.shakingNumber_r .ball1 {
    top: 344px;
    left: 294px;
}

.shakingNumber_r .ball2 {
    top: 344px;
    left: 329px;
}

.shakingNumber_r .ball3 {
    top: 344px;
    left: 319px;
}

.shakingNumber_r .ball4 {
    top: 340px;
    left: 300px;
}

.shakingNumber_r .ball5 {
    top: 334px;
    left: 262px;
}

.shakingNumber_r .ball6 {
    top: 320px;
    left: 362px;
}

.shakingNumber_r .ball7 {
    top: 318px;
    left: 231px;
}

.shakingNumber_r .ball8 {
    top: 345px;
    left: 318px;
}

.shakingNumber_r .ball9 {
    top: 318px;
    left: 392px;
}

.shakingNumber_r .ball10 {
    top: 334px;
    left: 362px;
}

.shakingNumber_r .ball11 {
    top: 267px;
    left: 293px;
}

.shakingNumber_r .ball12 {
    top: 272px;
    left: 263px;
}

.shakingNumber_r .ball13 {
    top: 288px;
    left: 349px;
}

.shakingNumber_r .ball14 {
    top: 283px;
    left: 231px;
}

.shakingNumber_r .ball15 {
    top: 285px;
    left: 322px;
}

.shakingNumber_r .ball16 {
    top: 312px;
    left: 306px;
}

.shakingNumber_r .ball17 {
    top: 293px;
    left: 290px;
}

.shakingNumber_r .ball18 {
    top: 291px;
    left: 381px;
}

.shakingNumber_r .ball19 {
    top: 298px;
    left: 247px;
}

.shakingNumber_r .ball20 {
    top: 303px;
    left: 271px;
}

.shakingNumber_r .ball21 {
    top: 302px;
    left: 360px;
}

.shakingNumber_r .ball22 {
    top: 314px;
    left: 293px;
}

.shakingNumber_r .ball23 {
    top: 315px;
    left: 328px;
}

.shakingNumber_r .ball24 {
    top: 291px;
    left: 204px;
}

.shakingNumber_r .ball25 {
    top: 314px;
    left: 226px;
}

.shakingNumber_r .ball26 {
    top: 303px;
    left: 408px;
}

.shakingNumber_r .ball27 {
    top: 326px;
    left: 382px;
}

.shakingNumber_r .ball28 {
    top: 333px;
    left: 257px;
}

.shakingNumber_r .ball29 {
    top: 343px;
    left: 286px;
}

.shakingNumber_r .ball30 {
    top: 338px;
    left: 350px;
}

.shakingNumber_r .ball_e1 {
    top: 71px;
    left: 314px;
    opacity: 0;
    animation: dialuodn2 0.3s linear 0.3s backwards;
    -webkit-animation: dialuodn2 0.3s linear 0.3s backwards;
}

.shakingNumber_r .ball_e2 {
    top: 36px;
    left: 314px;
    opacity: 0;
    animation: dialuodn2 0.3s linear 0.4s backwards;
    -webkit-animation: dialuodn2 0.3s linear 0.4s backwards;
}

.shakingNumber_r .ball_e3 {
    top: 0px;
    left: 314px;
    opacity: 0;
    animation: dialuodn2 0.3s linear 0.5s backwards;
    -webkit-animation: dialuodn2 0.3s linear 0.5s backwards;
}

.shakingNumber_r .ball_e4 {
    top: 431px;
    left: 115px;
    display: block;
    animation: rollOut 3s linear 0.5s backwards;
    -webkit-animation: rollOut 3s linear 0.5s backwards;
}

.shakingNumber_r .ball_e5 {
    top: 431px;
    left: 161px;
    display: block;
    animation: rollOut2 3s linear 1.5s backwards;
    -webkit-animation: rollOut2 3s linear 1.5s backwards;
}

.shakingNumber_r .ball_e6 {
    top: 431px;
    left: 207px;
    display: block;
    animation: rollOut3 3s linear 2.5s backwards;
    -webkit-animation: rollOut3 3s linear 2.5s backwards;
}

.shakingNumber_input {
    background: rgba(255, 255, 255, 0.21);
    border: 2px solid rgba(85, 126, 172, 1);
    border-radius: 4px;
}

.shakingNumber_button {
    background: rgba(73, 163, 60, 1);
}

.diaoluo1 {
    animation: dialuodn 1s linear 0.7s backwards;
    -webkit-animation: dialuodn 1s linear 0.7s backwards;
}

.diaoluo2 {
    animation: dialuodn 1s linear 0.9s backwards;
    -webkit-animation: dialuodn 1s linear 0.9s backwards;
}

.diaoluo3 {
    animation: dialuodn 1s linear 1.2s backwards;
    -webkit-animation: dialuodn 1s linear 1.2s backwards;
}

.diaoluo4 {
    animation: dialuodn 1s linear 0.9s backwards;
    -webkit-animation: dialuodn 1s linear 0.9s backwards;
}

.diaoluo5 {
    animation: dialuodn 1s linear 1.3s backwards;
    -webkit-animation: dialuodn 1s linear 1.3s backwards;
}

.diaoluo6 {
    animation: dialuodn 1s linear 1.4s backwards;
    -webkit-animation: dialuodn 1s linear 1.4s backwards;
}

.diaoluo7 {
    animation: dialuodn 1s linear 0.9s backwards;
    -webkit-animation: dialuodn 1s linear 0.9s backwards;
}

.diaoluo8 {
    animation: dialuodn 1s linear 0.8s backwards;
    -webkit-animation: dialuodn 1s linear 0.8s backwards;
}

.diaoluo9 {
    animation: dialuodn 1s linear 1.2s backwards;
    -webkit-animation: dialuodn 1s linear 1.2s backwards;
}

.diaoluo10 {
    animation: dialuodn 1s linear 1s backwards;
    -webkit-animation: dialuodn 1s linear 1s backwards;
}

.diaoluo11 {
    animation: dialuodn 1s linear 0.9s backwards;
    -webkit-animation: dialuodn 1s linear 0.9s backwards;
}

.diaoluo12 {
    animation: dialuodn 1s linear 1.4s backwards;
    -webkit-animation: dialuodn 1s linear 1.4s backwards;
}

.diaoluo13 {
    animation: dialuodn 1s linear 1.3s backwards;
    -webkit-animation: dialuodn 1s linear 1.3s backwards;
}

.diaoluo14 {
    animation: dialuodn 1s linear 0.9s backwards;
    -webkit-animation: dialuodn 1s linear 0.9s backwards;
}

.diaoluo15 {
    animation: dialuodn 1s linear 1.2s backwards;
    -webkit-animation: dialuodn 1s linear 1.2s backwards;
}

.diaoluo16 {
    animation: dialuodn 1s linear 0.9s backwards;
    -webkit-animation: dialuodn 1s linear 0.9s backwards;
}

.diaoluo17 {
    animation: dialuodn 1s linear 1.2s backwards;
    -webkit-animation: dialuodn 1s linear 1.2s backwards;
}

.diaoluo18 {
    animation: dialuodn 1s linear 1.1s backwards;
    -webkit-animation: dialuodn 1s linear 1.1s backwards;
}

.diaoluo19 {
    animation: dialuodn 1s linear 1s backwards;
    -webkit-animation: dialuodn 1s linear 1s backwards;
}

.diaoluo20 {
    animation: dialuodn 1s linear 0.8s backwards;
    -webkit-animation: dialuodn 1s linear 0.8s backwards;
}

.diaoluo21 {
    animation: dialuodn 1s linear 0.9s backwards;
    -webkit-animation: dialuodn 1s linear 0.9s backwards;
}

.diaoluo22 {
    animation: dialuodn 1s linear 1.2s backwards;
    -webkit-animation: dialuodn 1s linear 1.2s backwards;
}

.diaoluo23 {
    animation: dialuodn 1s linear 1.1s backwards;
    -webkit-animation: dialuodn 1s linear 1.1s backwards;
}

.diaoluo24 {
    animation: dialuodn 1s linear 1s backwards;
    -webkit-animation: dialuodn 1s linear 1s backwards;
}

.diaoluo25 {
    animation: dialuodn 1s linear 1.5s backwards;
    -webkit-animation: dialuodn 1s linear 1.5s backwards;
}

.diaoluo26 {
    animation: dialuodn 1s linear 0.7s backwards;
    -webkit-animation: dialuodn 1s linear 0.7s backwards;
}

.diaoluo27 {
    animation: dialuodn 1s linear 0.9s backwards;
    -webkit-animation: dialuodn 1s linear 0.9s backwards;
}

.diaoluo28 {
    animation: dialuodn 1s linear 0.8s backwards;
    -webkit-animation: dialuodn 1s linear 0.8s backwards;
}

.diaoluo29 {
    animation: dialuodn 1s linear 0.9s backwards;
    -webkit-animation: dialuodn 1s linear 0.9s backwards;
}

.diaoluo30 {
    animation: dialuodn 1s linear 1.2s backwards;
    -webkit-animation: dialuodn 1s linear 1.2s backwards;
}

.wieyi1 {
    animation: wieyi1 1.2s linear infinite;
    -webkit-animation: wieyi1 1.2s linear infinite
}

.wieyi2 {
    animation: wieyi2 1.2s linear infinite;
    -webkit-animation: wieyi2 1.2s linear infinite;
}

.wieyi3 {
    animation: wieyi3 1.2s linear infinite;
    -webkit-animation: wieyi3 1.2s linear infinite;
}

.wieyi4 {
    animation: wieyi4 1.1s linear infinite;
    -webkit-animation: wieyi4 1.1s linear infinite;
}

.wieyi5 {
    animation: wieyi5 1.1s linear infinite;
    -webkit-animation: wieyi5 1.1s linear infinite;
}

.wieyi6 {
    animation: wieyi6 1.2s linear infinite;
    -webkit-animation: wieyi6 1.2s linear infinite;
}

.wieyi7 {
    animation: wieyi7 1.3s linear infinite;
    -webkit-animation: wieyi7 1.3s linear infinite;
}

.wieyi8 {
    animation: wieyi8 1.4s linear infinite;
    -webkit-animation: wieyi8 1.4s linear infinite;
}

.wieyi9 {
    animation: wieyi9 1s linear infinite;
    -webkit-animation: wieyi9 1s linear infinite;
}

.wieyi10 {
    animation: wieyi10 1.2s linear infinite;
    -webkit-animation: wieyi10 1.2s linear infinite;
}

.wieyi11 {
    animation: wieyi11 1.1s linear infinite;
    -webkit-animation: wieyi11 1.1s linear infinite;
}

.wieyi12 {
    animation: wieyi12 1.3s linear infinite;
    -webkit-animation: wieyi12 1.3s linear infinite;
}

.wieyi13 {
    animation: wieyi13 1.0s linear infinite;
    -webkit-animation: wieyi13 1.0s linear infinite;
}

.wieyi14 {
    animation: wieyi14 1.1s linear infinite;
    -webkit-animation: wieyi14 1.1s linear infinite;
}

.wieyi15 {
    animation: wieyi15 1.2s linear infinite;
    -webkit-animation: wieyi15 1.2s linear infinite;
}

.wieyi16 {
    animation: wieyi16 1s linear infinite;
    -webkit-animation: wieyi16 1s linear infinite;
}

.wieyi17 {
    animation: wieyi17 0.9s linear infinite;
    -webkit-animation: wieyi17 0.9s linear infinite;
}

.wieyi18 {
    animation: wieyi18 0.8s linear infinite;
    -webkit-animation: wieyi18 0.8s linear infinite;
}

.wieyi19 {
    animation: wieyi19 1s linear infinite;
    -webkit-animation: wieyi19 1s linear infinite;
}

.wieyi20 {
    animation: wieyi20 1.1s linear infinite;
    -webkit-animation: wieyi20 1.1s linear infinite;
}

.wieyi21 {
    animation: wieyi21 1.2s linear infinite;
    -webkit-animation: wieyi21 1.2s linear infinite;
}

.wieyi22 {
    animation: wieyi22 1s linear infinite;
    -webkit-animation: wieyi22 1s linear infinite;
}

.wieyi23 {
    animation: wieyi23 0.9s linear infinite;
    -webkit-animation: wieyi23 0.9s linear infinite;
}

.wieyi24 {
    animation: wieyi24 0.8s linear infinite;
    -webkit-animation: wieyi24 0.8s linear infinite;
}

.wieyi25 {
    animation: wieyi25 1.1s linear infinite;
    -webkit-animation: wieyi25 1.1s linear infinite;
}

.wieyi26 {
    animation: wieyi26 1.2s linear infinite;
    -webkit-animation: wieyi26 1.2s linear infinite;
}

.wieyi27 {
    animation: wieyi27 0.9s linear infinite;
    -webkit-animation: wieyi27 0.9s linear infinite;
}

.wieyi28 {
    animation: wieyi28 0.8s linear infinite;
    -webkit-animation: wieyi28 0.8s linear infinite;
}

.wieyi29 {
    animation: wieyi29 0.7s linear infinite;
    -webkit-animation: wieyi29 0.7s linear infinite;
}

.wieyi30 {
    animation: wieyi30 1.2s linear infinite;
    -webkit-animation: wieyi30 1.2s linear infinite;
}

@-webkit-keyframes zhuan {
    0% {
        -webkit-transform: rotate(0)
    }

    10% {
        -webkit-transform: rotate(10deg)
    }

    20% {
        -webkit-transform: rotate(30deg)
    }

    30% {
        -webkit-transform: rotate(60deg)
    }

    40% {
        -webkit-transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(120deg)
    }

    60% {
        -webkit-transform: rotate(160deg)
    }

    70% {
        -webkit-transform: rotate(200deg)
    }

    80% {
        -webkit-transform: rotate(250deg)
    }

    90% {
        -webkit-transform: rotate(300deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes zhuan {
    0% {
        -webkit-transform: rotate(0)
    }

    10% {
        -webkit-transform: rotate(10deg)
    }

    20% {
        -webkit-transform: rotate(30deg)
    }

    30% {
        -webkit-transform: rotate(60deg)
    }

    40% {
        -webkit-transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(120deg)
    }

    60% {
        -webkit-transform: rotate(160deg)
    }

    70% {
        -webkit-transform: rotate(200deg)
    }

    80% {
        -webkit-transform: rotate(250deg)
    }

    90% {
        -webkit-transform: rotate(300deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes dialuodn {
    0% {
        transform: translateY(-400%);
        opacity: 0;
    }

    5% {
        transform: translateY(-300%);
    }

    15% {
        transform: translateY(0);
        opacity: 0.5;
    }

    30% {
        transform: translateY(-200%);
    }

    40% {
        transform: translateY(0%);
    }

    50% {
        transform: translateY(-60%);
    }

    70% {
        transform: translateY(0%);
    }

    80% {
        transform: translateY(-30%);
    }

    90% {
        transform: translateY(0%);
    }

    95% {
        transform: translateY(-14%);
    }

    97% {
        transform: translateY(0%);
    }

    99% {
        transform: translateY(-6%);
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes dialuodn {
    0% {
        -webkit-transform: translateY(-400%);
        opacity: 0;
    }

    5% {
        -webkit-transform: translateY(-300%);
    }

    15% {
        -webkit-transform: translateY(0);
        opacity: 0.5;
    }

    30% {
        -webkit-transform: translateY(-200%);
    }

    40% {
        -webkit-transform: translateY(0%);
    }

    50% {
        -webkit-transform: translateY(-60%);
    }

    70% {
        -webkit-transform: translateY(0%);
    }

    80% {
        -webkit-transform: translateY(-30%);
    }

    90% {
        -webkit-transform: translateY(0%);
    }

    95% {
        -webkit-transform: translateY(-14%);
    }

    97% {
        -webkit-transform: translateY(0%);
    }

    99% {
        -webkit-transform: translateY(-6%);
    }

    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}

@keyframes dialuodn2 {
    0% {
        transform: translateY(0);
        opacity: 0;
    }

    30% {
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        transform: translateY(50%);
        opacity: 0;
    }
}

@-webkit-keyframes dialuodn2 {
    0% {
        -webkit-transform: translateY(0);
        opacity: 0;
    }

    30% {
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(50%);
        opacity: 0;
    }
}

@-webkit-keyframes wieyi1 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-121px, -154px)
    }

    40% {
        -webkit-transform: translate(98px, -252px)
    }

    60% {
        -webkit-transform: translate(92px, -21px)
    }

    80% {
        -webkit-transform: translate(-92px, -200px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@keyframes wieyi1 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-121px, -154px)
    }

    40% {
        -webkit-transform: translate(98px, -252px)
    }

    60% {
        -webkit-transform: translate(92px, -21px)
    }

    80% {
        -webkit-transform: translate(-92px, -200px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@-webkit-keyframes wieyi2 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-151px, -184px)
    }

    40% {
        -webkit-transform: translate(98px, -202px)
    }

    60% {
        -webkit-transform: translate(92px, -21px)
    }

    80% {
        -webkit-transform: translate(-92px, -180px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@keyframes wieyi2 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-151px, -184px)
    }

    40% {
        -webkit-transform: translate(98px, -202px)
    }

    60% {
        -webkit-transform: translate(92px, -21px)
    }

    80% {
        -webkit-transform: translate(-92px, -180px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@-webkit-keyframes wieyi3 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-92px, -200px)
    }

    40% {
        -webkit-transform: translate(92px, -21px)
    }

    60% {
        -webkit-transform: translate(98px, -212px)
    }

    80% {
        -webkit-transform: translate(-121px, -154px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@keyframes wieyi3 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-92px, -200px)
    }

    40% {
        -webkit-transform: translate(92px, -21px)
    }

    60% {
        -webkit-transform: translate(98px, -212px)
    }

    80% {
        -webkit-transform: translate(-121px, -154px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@-webkit-keyframes wieyi4 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-121px, -154px)
    }

    40% {
        -webkit-transform: translate(98px, -252px)
    }

    60% {
        -webkit-transform: translate(92px, -21px)
    }

    80% {
        -webkit-transform: translate(-92px, -200px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@keyframes wieyi4 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-121px, -154px)
    }

    40% {
        -webkit-transform: translate(98px, -252px)
    }

    60% {
        -webkit-transform: translate(92px, -21px)
    }

    80% {
        -webkit-transform: translate(-92px, -200px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@-webkit-keyframes wieyi5 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-75px, -200px)
    }

    40% {
        -webkit-transform: translate(92px, -21px)
    }

    60% {
        -webkit-transform: translate(98px, -252px)
    }

    80% {
        -webkit-transform: translate(-90px, -154px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@keyframes wieyi5 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-75px, -200px)
    }

    40% {
        -webkit-transform: translate(92px, -21px)
    }

    60% {
        -webkit-transform: translate(98px, -252px)
    }

    80% {
        -webkit-transform: translate(-90px, -154px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@-webkit-keyframes wieyi6 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-21px, -264px)
    }

    40% {
        -webkit-transform: translate(0px, 5px)
    }

    60% {
        -webkit-transform: translate(21px, -186px)
    }

    80% {
        -webkit-transform: translate(10px, 5px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@keyframes wieyi6 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-21px, -264px)
    }

    40% {
        -webkit-transform: translate(0px, 5px)
    }

    60% {
        -webkit-transform: translate(21px, -186px)
    }

    80% {
        -webkit-transform: translate(10px, 5px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@-webkit-keyframes wieyi7 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-50, -286px)
    }

    40% {
        -webkit-transform: translate(20px, -150px)
    }

    60% {
        -webkit-transform: translate(50px, -21px)
    }

    80% {
        -webkit-transform: translate(100px, -20px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@keyframes wieyi7 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-50, -286px)
    }

    40% {
        -webkit-transform: translate(20px, -150px)
    }

    60% {
        -webkit-transform: translate(50px, -21px)
    }

    80% {
        -webkit-transform: translate(100px, -20px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@-webkit-keyframes wieyi8 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-121px, -154px)
    }

    40% {
        -webkit-transform: translate(90px, -252px)
    }

    60% {
        -webkit-transform: translate(85px, -21px)
    }

    80% {
        -webkit-transform: translate(-92px, -200px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@keyframes wieyi8 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-121px, -154px)
    }

    40% {
        -webkit-transform: translate(80px, -252px)
    }

    60% {
        -webkit-transform: translate(65px, -21px)
    }

    80% {
        -webkit-transform: translate(-92px, -200px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@-webkit-keyframes wieyi9 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-181px, -154px)
    }

    40% {
        -webkit-transform: translate(-80px, -252px)
    }

    60% {
        -webkit-transform: translate(-68px, -21px)
    }

    80% {
        -webkit-transform: translate(-142px, -200px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@keyframes wieyi9 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-181px, -154px)
    }

    40% {
        -webkit-transform: translate(-80px, -252px)
    }

    60% {
        -webkit-transform: translate(-68px, -21px)
    }

    80% {
        -webkit-transform: translate(-142px, -200px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@-webkit-keyframes wieyi10 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-121px, -154px)
    }

    40% {
        -webkit-transform: translate(50px, -252px)
    }

    60% {
        -webkit-transform: translate(40px, -21px)
    }

    80% {
        -webkit-transform: translate(-92px, -200px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@keyframes wieyi10 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-161px, -154px)
    }

    40% {
        -webkit-transform: translate(20px, -252px)
    }

    60% {
        -webkit-transform: translate(40px, -21px)
    }

    80% {
        -webkit-transform: translate(-112px, -200px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@-webkit-keyframes wieyi11 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-101px, -124px)
    }

    40% {
        -webkit-transform: translate(98px, -172px)
    }

    60% {
        -webkit-transform: translate(92px, -21px)
    }

    80% {
        -webkit-transform: translate(-80px, -160px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@keyframes wieyi11 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-101px, -124px)
    }

    40% {
        -webkit-transform: translate(98px, -172px)
    }

    60% {
        -webkit-transform: translate(92px, -21px)
    }

    80% {
        -webkit-transform: translate(-80px, -160px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@-webkit-keyframes wieyi12 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-60px, -150px)
    }

    40% {
        -webkit-transform: translate(98px, 0px)
    }

    60% {
        -webkit-transform: translate(92px, -181px)
    }

    80% {
        -webkit-transform: translate(-62px, 10px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@keyframes wieyi12 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-60px, -150px)
    }

    40% {
        -webkit-transform: translate(98px, 0px)
    }

    60% {
        -webkit-transform: translate(92px, -181px)
    }

    80% {
        -webkit-transform: translate(-62px, 10px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@-webkit-keyframes wieyi13 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-121px, -154px)
    }

    40% {
        -webkit-transform: translate(65px, -180px)
    }

    60% {
        -webkit-transform: translate(92px, -21px)
    }

    80% {
        -webkit-transform: translate(-92px, -200px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@keyframes wieyi13 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-121px, -154px)
    }

    40% {
        -webkit-transform: translate(65px, -180px)
    }

    60% {
        -webkit-transform: translate(92px, -21px)
    }

    80% {
        -webkit-transform: translate(-92px, -200px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@-webkit-keyframes wieyi14 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-50px, -124px)
    }

    40% {
        -webkit-transform: translate(128px, -162px)
    }

    60% {
        -webkit-transform: translate(143px, -21px)
    }

    80% {
        -webkit-transform: translate(-40px, -10px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@keyframes wieyi14 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-50px, -124px)
    }

    40% {
        -webkit-transform: translate(128px, -162px)
    }

    60% {
        -webkit-transform: translate(143px, -21px)
    }

    80% {
        -webkit-transform: translate(-40px, -10px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@-webkit-keyframes wieyi15 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-85px, -195px)
    }

    40% {
        -webkit-transform: translate(98px, -252px)
    }

    60% {
        -webkit-transform: translate(92px, -21px)
    }

    80% {
        -webkit-transform: translate(-121px, -154px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@keyframes wieyi15 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-85px, -195px)
    }

    40% {
        -webkit-transform: translate(70px, -190px)
    }

    60% {
        -webkit-transform: translate(92px, -21px)
    }

    80% {
        -webkit-transform: translate(-121px, -154px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@-webkit-keyframes wieyi16 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-92px, -200px)
    }

    40% {
        -webkit-transform: translate(92px, -21px)
    }

    60% {
        -webkit-transform: translate(80px, -222px)
    }

    80% {
        -webkit-transform: translate(-121px, -154px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@keyframes wieyi16 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-92px, -200px)
    }

    40% {
        -webkit-transform: translate(92px, -21px)
    }

    60% {
        -webkit-transform: translate(80px, -222px)
    }

    80% {
        -webkit-transform: translate(-121px, -154px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@-webkit-keyframes wieyi17 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-80px, -120px)
    }

    40% {
        -webkit-transform: translate(98px, 0px)
    }

    60% {
        -webkit-transform: translate(92px, -21px)
    }

    80% {
        -webkit-transform: translate(-92px, -150px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@keyframes wieyi17 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-80px, -120px)
    }

    40% {
        -webkit-transform: translate(98px, 0px)
    }

    60% {
        -webkit-transform: translate(92px, -21px)
    }

    80% {
        -webkit-transform: translate(-92px, -150px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@-webkit-keyframes wieyi18 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-181px, -22px)
    }

    40% {
        -webkit-transform: translate(20px, -180px)
    }

    60% {
        -webkit-transform: translate(56px, -21px)
    }

    80% {
        -webkit-transform: translate(-92px, -200px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@keyframes wieyi18 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-181px, -22px)
    }

    40% {
        -webkit-transform: translate(20px, -180px)
    }

    60% {
        -webkit-transform: translate(56px, -21px)
    }

    80% {
        -webkit-transform: translate(-92px, -200px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@-webkit-keyframes wieyi19 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-71px, -124px)
    }

    40% {
        -webkit-transform: translate(98px, -212px)
    }

    60% {
        -webkit-transform: translate(92px, -21px)
    }

    80% {
        -webkit-transform: translate(-62px, -160px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@keyframes wieyi19 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-71px, -124px)
    }

    40% {
        -webkit-transform: translate(98px, -212px)
    }

    60% {
        -webkit-transform: translate(92px, -21px)
    }

    80% {
        -webkit-transform: translate(-62px, -160px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@-webkit-keyframes wieyi20 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-65px, -195px)
    }

    40% {
        -webkit-transform: translate(70px, -190px)
    }

    60% {
        -webkit-transform: translate(92px, -21px)
    }

    80% {
        -webkit-transform: translate(-81px, -154px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@keyframes wieyi20 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-65px, -195px)
    }

    40% {
        -webkit-transform: translate(70px, -190px)
    }

    60% {
        -webkit-transform: translate(92px, -21px)
    }

    80% {
        -webkit-transform: translate(-81px, -154px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@-webkit-keyframes wieyi21 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-60px, -180px)
    }

    40% {
        -webkit-transform: translate(50px, -190px)
    }

    60% {
        -webkit-transform: translate(75px, -21px)
    }

    80% {
        -webkit-transform: translate(-60px, -134px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@keyframes wieyi21 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-60px, -180px)
    }

    40% {
        -webkit-transform: translate(50px, -190px)
    }

    60% {
        -webkit-transform: translate(75px, -21px)
    }

    80% {
        -webkit-transform: translate(-60px, -134px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@-webkit-keyframes wieyi22 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-121px, -154px)
    }

    40% {
        -webkit-transform: translate(98px, -202px)
    }

    60% {
        -webkit-transform: translate(92px, -21px)
    }

    80% {
        -webkit-transform: translate(-92px, -200px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@keyframes wieyi22 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-121px, -154px)
    }

    40% {
        -webkit-transform: translate(98px, -202px)
    }

    60% {
        -webkit-transform: translate(92px, -21px)
    }

    80% {
        -webkit-transform: translate(-92px, -200px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@-webkit-keyframes wieyi23 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-121px, -154px)
    }

    40% {
        -webkit-transform: translate(8px, -252px)
    }

    60% {
        -webkit-transform: translate(9px, -21px)
    }

    80% {
        -webkit-transform: translate(-92px, -200px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@keyframes wieyi23 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-121px, -154px)
    }

    40% {
        -webkit-transform: translate(8px, -252px)
    }

    60% {
        -webkit-transform: translate(9px, -21px)
    }

    80% {
        -webkit-transform: translate(-92px, -200px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@-webkit-keyframes wieyi24 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-10px, -134px)
    }

    40% {
        -webkit-transform: translate(130px, -222px)
    }

    60% {
        -webkit-transform: translate(5px, -21px)
    }

    80% {
        -webkit-transform: translate(-12px, -180px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@keyframes wieyi24 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(0px, -134px)
    }

    40% {
        -webkit-transform: translate(130px, -222px)
    }

    60% {
        -webkit-transform: translate(100px, -21px)
    }

    80% {
        -webkit-transform: translate(2px, -180px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@-webkit-keyframes wieyi25 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-41px, -154px)
    }

    40% {
        -webkit-transform: translate(90px, -252px)
    }

    60% {
        -webkit-transform: translate(5px, -21px)
    }

    80% {
        -webkit-transform: translate(-32px, -180px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@keyframes wieyi25 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-2px, -200px)
    }

    40% {
        -webkit-transform: translate(92px, -21px)
    }

    60% {
        -webkit-transform: translate(150px, -202px)
    }

    80% {
        -webkit-transform: translate(-1px, -154px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@-webkit-keyframes wieyi26 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-100px, -154px)
    }

    40% {
        -webkit-transform: translate(0px, -2px)
    }

    60% {
        -webkit-transform: translate(2px, -200px)
    }

    80% {
        -webkit-transform: translate(-80px, -0px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@keyframes wieyi26 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-100px, -154px)
    }

    40% {
        -webkit-transform: translate(0px, -2px)
    }

    60% {
        -webkit-transform: translate(2px, -200px)
    }

    80% {
        -webkit-transform: translate(-80px, -0px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@-webkit-keyframes wieyi27 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-101px, -104px)
    }

    40% {
        -webkit-transform: translate(98px, -202px)
    }

    60% {
        -webkit-transform: translate(92px, -21px)
    }

    80% {
        -webkit-transform: translate(-92px, -200px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@keyframes wieyi27 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-101px, -104px)
    }

    40% {
        -webkit-transform: translate(40px, -202px)
    }

    60% {
        -webkit-transform: translate(35px, -21px)
    }

    80% {
        -webkit-transform: translate(-92px, -200px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@-webkit-keyframes wieyi28 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-3px, -200px)
    }

    40% {
        -webkit-transform: translate(98px, -252px)
    }

    60% {
        -webkit-transform: translate(92px, -21px)
    }

    80% {
        -webkit-transform: translate(-81px, -154px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@keyframes wieyi28 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-3px, -200px)
    }

    40% {
        -webkit-transform: translate(98px, -252px)
    }

    60% {
        -webkit-transform: translate(92px, -21px)
    }

    80% {
        -webkit-transform: translate(-81px, -154px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@-webkit-keyframes wieyi29 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-60px, -180px)
    }

    40% {
        -webkit-transform: translate(50px, -190px)
    }

    60% {
        -webkit-transform: translate(75px, -21px)
    }

    80% {
        -webkit-transform: translate(-60px, -134px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@keyframes wieyi29 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(-60px, -180px)
    }

    40% {
        -webkit-transform: translate(50px, -190px)
    }

    60% {
        -webkit-transform: translate(75px, -21px)
    }

    80% {
        -webkit-transform: translate(-60px, -134px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@-webkit-keyframes wieyi30 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(40px, -21px)
    }

    40% {
        -webkit-transform: translate(50px, -190px)
    }

    60% {
        -webkit-transform: translate(-60px, -180px)
    }

    80% {
        -webkit-transform: translate(-60px, -134px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@keyframes wieyi30 {
    0% {
        -webkit-transform: translate(0px, 0px)
    }

    20% {
        -webkit-transform: translate(40px, -21px)
    }

    40% {
        -webkit-transform: translate(50px, -190px)
    }

    60% {
        -webkit-transform: translate(-60px, -180px)
    }

    80% {
        -webkit-transform: translate(-60px, -134px)
    }

    100% {
        -webkit-transform: translate(0px, 0px)
    }
}

@-webkit-keyframes rollOut {
    0% {
        -webkit-transform: translate(183px, -56px) rotate(0deg);
    }

    40% {
        -webkit-transform: translate(140px, 0px) rotate(-360deg);
    }

    100% {
        -webkit-transform: translate(0px, 0px) rotate(-720deg);
    }
}

@keyframes rollOut {
    0% {
        -webkit-transform: translate(183px, -56px) rotate(0deg);
    }

    40% {
        -webkit-transform: translate(140px, 0px) rotate(-360deg);
    }

    100% {
        -webkit-transform: translate(0px, 0px) rotate(-720deg);
    }
}

@-webkit-keyframes rollOut2 {
    0% {
        -webkit-transform: translate(155px, -90px) rotate(0deg);
    }

    40% {
        -webkit-transform: translate(94px, 0px) rotate(-360deg);
    }

    100% {
        -webkit-transform: translate(0px, 0px) rotate(-720deg);
    }
}

@keyframes rollOut2 {
    0% {
        -webkit-transform: translate(155px, -90px) rotate(0deg);
    }

    40% {
        -webkit-transform: translate(94px, 0px) rotate(-360deg);
    }

    100% {
        -webkit-transform: translate(0px, 0px) rotate(-720deg);
    }
}

@keyframes rollOut3 {
    0% {
        -webkit-transform: translate(127px, -124px) rotate(0deg);
    }

    40% {
        -webkit-transform: translate(46px, 0px) rotate(-360deg);
    }

    100% {
        -webkit-transform: translate(0px, 0px) rotate(-720deg);
    }
}

@-webkit-keyframes rollOut3 {
    0% {
        -webkit-transform: translate(127px, -124px) rotate(0deg);
    }

    40% {
        -webkit-transform: translate(46px, 0px) rotate(-360deg);
    }

    100% {
        -webkit-transform: translate(0px, 0px) rotate(-720deg);
    }
}

.shakingNumber_l_top {
    color: #72b42c;
    height: 65px;
    line-height: 65px;
    /*border-bottom: 1px solid #74f9fe;*/
    font-size: 16px;
}

.shakingNumber_l_cont {
    max-height: 477px;
    overflow-y: hidden;
    margin-bottom: 10px
}

.shakingNumber_l_cont:hover {
    overflow-y: auto;
}

.shakingNumber_l_cont_e_l {
    width: 22px;
    height: 22px;
    line-height: 22px;
    background: #4399b0;
    color: #ffffff;
    text-align: center;
    font-size: 18px;
    border-radius: 5px;
    float: left;
    margin-right: 10px;
    margin-left: 15px;
}

.shakingNumber_l_cont_e {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 16px;
    color: #71f5f9;
    /*width: 455px;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.shakingNumber_l_cont_e:hover {
    color: #378393;
    cursor: pointer;
}

.shakingNumber_l_cont_e_tree li {
    font-size: 16px;
    color: #71f5f9;
    white-space: nowrap;
    /*overflow: hidden;*/
    text-overflow: ellipsis;
}

.shakingNumber_l_cont_e_tree li:hover {
    color: #378393;
    cursor: pointer;
}

.shakingNumber_r .stopWatch {
    width: 158px;
    height: 144px;
    border: 2px dashed #5dc2ca;
    border-radius: 5px;
    position: absolute;
    top: 76px;
    right: 76px;
    font-size: 32px;
    text-align: center;
    color: #71f6ff;
    line-height: 144px;
}

.shakingNumber_r .stopWatch span {
    font-size: 60px;
}

.shakingNumber_checkbox {
    width: 18px;
    height: 18px;
    background: url(../../views/images/shakingNumber_checkBox.png) center 100%/100%;
    float: left;
    position: relative;
    top: 24px;
    left: 10px;
    margin-right: 10px;
    cursor: pointer;
}

.shakingNumber_checkbox input {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    opacity: 0;
}

.shakingNumber_checkbox_c {
    width: 18px;
    height: 18px;
    background: url(../../views/images/shakingNumber_checkBox2.png) center 100%/100%;
    float: left;
    position: relative;
    top: 24px;
    left: 10px;
    margin-right: 10px;
    cursor: pointer;
}

.shakingNumber_checkbox_c input {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    opacity: 0;
}

.manualButton {
    position: absolute;
    right: 75px;
    bottom: -380px;
    width: 140px;
    height: 77px;
}

.automaticButton {
    position: absolute;
    right: 75px;
    bottom: -480px;
    width: 140px;
    height: 77px;
}

.manualButton:hover .hoverImg,
.automaticButton:hover .hoverImg {
    display: none;
    cursor: pointer;
}

.manualButton img,
.automaticButton img {
    position: absolute;
    top: -82px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.shakingNumber_r .rollOutball {
    width: 41px;
    height: 41px;
}

.rollOutball img,
.rollOutball div {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 41px;
    font-size: 20px;
    color: #000;
}

.shakingNumber_img_box .one_name {
    position: absolute;
    top: 591px;
    left: 23px;
    width: 468px;
    height: 50px;
    line-height: 50px;
    font-size: 25px;
    color: #332f14;
    text-align: center;
    display: none;
}

.shakingNumber_img_box .two_name {
    position: absolute;
    top: 500px;
    left: 23px;
    width: 468px;
    height: 113px;
    line-height: 50px;
    font-size: 25px;
    color: #332f14;
    text-align: center;
    padding: 10px 0px;
    box-sizing: border-box;
}

.shakingNumber_img_box .two_name .two_name_p {
    height: 113px;
    line-height: 113px;
}

.shakingNumber_img_box .two_name .two_name_new_p {
    margin: 0;
}

.shakingBollSelected {
    color: #f4bc1e;
}

.shakingBollSelectedText {
    /*color: #f4bc1e;*/
    background: #f4bc1e;
}

.shakingBollSelected:hover {
    color: #f4bc1e;
}

.shakingcurope {
    cursor: not-allowed;
}


/*若无size,显示modal-dialog*/


/*.modal-dialog{*/


/*width: 80%;*/


/*}*/

.index_top {
    width: 100%;
    height: 113px;
    background: url("../../views/images/index_top.png");
    line-height: 113px;
}

.index_top_cont {
    width: 1184px;
    height: 113px;
    line-height: 113px;
    position: relative;
    left: 50%;
    margin-left: -592px;
}

.index_top_log {
    height: 60px;
    position: absolute;
    left: 0px;
    top: 28px;
}

.index_wen {
    position: absolute;
    left: 70px;
    top: 34px;
    width: 675px;
    height: 34px;
    font-size: 30px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    line-height: 43px;
}

.index_btn_common {
    height: 37px;
    background: #FF9600;
    border: 1px solid #FF9600;
    border-radius: 4px;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 35px;
    position: absolute;
    top: 38px;
    text-align: center;
    cursor: pointer;
}

.index_btn_l {
    width: 128px;
    right: 312px;
}

.index_btn {
    width: 109px;
    right: 189px;
}

.index_btn_c {
    width: 105px;
    right: 70px;
}

.index_btn_r {
    width: 56px;
    height: 37px;
    /*background:#FF9600;*/
    /*border:1px solid #FF9600;*/
    /*border-radius:4px;*/
    font-size: 14px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 35px;
    position: absolute;
    top: 38px;
    right: 0;
    text-align: center;
    cursor: pointer;
}

.nav_box {
    width: 100%;
    height: 45px;
    background: #A40002;
}

.nav_box_nav {
    width: 1184px;
    height: 45px;
    position: relative;
    left: 50%;
    margin-left: -592px;
}

.nav_box_nav div {
    line-height: 45px;
    padding: 0px 15px;
    color: #fff;
    float: left;
    cursor: pointer;
}

.nav_box_nav div a {
    color: #fff;
    text-decoration: none;
}

.nav_box_nav .active {
    background: #900002;
    /*filter:alpha(opacity=12); !* IE *!*/
    /*-moz-opacity:0.12; !* 老版Mozilla *!*/
    /*-khtml-opacity:0.12; !* 老版Safari *!*/
    /*opacity: 0.12; !* 支持opacity的浏览器*!*/
    position: relative;
}

.nav_box_nav div span {
    display: none;
}

.nav_box_nav .active span {
    display: block;
    width: 100%;
    height: 2px;
    background: #fbcb0f;
    position: absolute;
    bottom: 0px;
    left: 0px
}

.banner {
    width: 100%;
    height: 330px;
    background: rgba(0, 116, 204, 1);
}

.index_cont {
    width: 1184px;
    position: relative;
    left: 50%;
    margin-left: -592px;
}

.horseRaceLamp {
    width: 1184px;
    height: 75px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.09);
    margin-top: 20px;
}

.horseRaceLamp .left {
    width: 75px;
    height: 75px;
    background: rgba(255, 150, 0, 1);
    float: left;
}

.horseRaceLamp .left img {
    margin-top: 15px;
}

.horseRaceLamp_r {
    animation: flash 1s infinite;
    -moz-animation: flash 1s infinite;
    /* Firefox */
    -webkit-animation: flash 1s infinite;
    /* Safari 和 Chrome */
    -o-animation: flash 1s infinite;
    /* Opera */
}

@keyframes flash {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-moz-keyframes flash {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes flash {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-o-keyframes flash {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.horseRaceLamp .right {
    width: 1108px;
    height: 75px;
    float: left;
}

.horseRaceLamp_bt {
    width: 895px;
    height: 25px;
    font-size: 16px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    color: rgba(0, 0, 0, 1);
    line-height: 28px;
    float: left;
}

.horseRaceLamp_time {
    width: 200px;
    height: 25px;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    line-height: 28px;
    opacity: 0.7;
    float: right;
}

.horseRaceLamp_wen {
    width: 1000px;
    height: 25px;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    line-height: 22px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.horseRaceLamp_view {
    width: 97px;
    height: 25px;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(0, 145, 255, 1);
    line-height: 28px;
    float: right;
    cursor: pointer;
}

.upload-empty-tip {
    text-align: center;
    line-height: 89px;
    color: #ccc;
}

.fr {
    float: right;
}

.fee-record-right-box {
    line-height: 68px;
}

.margin-right20 {
    margin-right: 20px
}

.fee-record-right {
    font-size: 16px;
}

.backgroundStyle {
    background: #fff;
    padding: 20px;
    margin-top: 20px;
}

.news_bt {
    width: 100%;
    height: 52px;
    border-bottom: 2px solid #0062be;
}

.news_bt .text {
    position: relative;
    top: -40px;
    left: 20px;
    width: 200px;
    font-size: 20px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    line-height: 28px;
}

.news_bt .more {
    float: right;
    margin-top: -58px;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(0, 145, 255, 1);
    cursor: pointer;
}

.news_box {
    width: 100%;
    height: 1200px;
    margin-top: 20px;
}

.news_box .left {
    float: left;
    width: 870px;
    height: 492px;
    position: relative;
}

.news_box .left img {
    width: 100%;
    height: 100%;
}

.news_box .left .bottom_text {
    position: absolute;
    bottom: 0px;
    width: 870px;
    height: 56px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 20px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    line-height: 56px;
    text-indent: 20px;
    cursor: pointer;
}

.news_box .right {
    float: right;
    width: 250px;
}

.news_box .right .img_e {
    width: 251px;
    height: 154px;
    cursor: pointer;
}

.news_box .right .img_e img {
    height: 100%;
    width: 100%;
}

.news_box .right .active {
    border: 2px solid rgba(255, 150, 0, 1);
    box-sizing: border-box;
    position: relative;
}

.news_box .right .active:after {
    content: "";
    width: 15px;
    height: 15px;
    border-top: 15px solid #fff;
    border-bottom: 15px solid #fff;
    border-right: 15px solid rgba(255, 150, 0, 1);
    border-left: 0px;
    position: absolute;
    left: -16px;
    top: 62px;
}

.news_box .bottom {
    width: 100%;
    height: 230px;
    margin-top: 20px;
}

.news_box .bottom .bottom_e {
    width: 273px;
    height: 230px;
    border-radius: 8px;
    float: left;
    margin-right: 26px;
    text-align: center;
}

.news_box .bottom .bottom_e img {
    margin-top: 20px;
    margin-bottom: 20px;
}

.news_box .bottom .bottom_e p {
    text-align: center;
    width: 100%;
}

.news_box .fy_style {
    background: rgba(86, 123, 217, 0.12);
}

.news_box .fy_style .num {
    color: rgba(86, 123, 217, 1);
    font-size: 30px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
}

.news_box .jg_style {
    background: rgba(0, 176, 143, 0.12);
}

.news_box .jg_style .num {
    color: rgba(0, 176, 143, 1);
    font-size: 30px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
}

.news_box .rw_style {
    background: rgba(0, 174, 213, 0.12);
}

.news_box .rw_style .num {
    color: rgba(0, 174, 213, 1);
    font-size: 30px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
}

.infor_box {
    width: 100%;
}

.infor_e {
    float: left;
    width: 25%;
    text-align: center;
}

.infor_e img {
    margin-top: 53px;
}

.infor_e .name {
    font-size: 18px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
    text-align: center;
    width: 100%;
    margin-top: 20px;
}

.infor_e .text {
    font-size: 14px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    color: rgba(151, 151, 151, 1);
    text-align: center;
    width: 100%;
    margin-top: 20px;
    padding: 0px 30px;
}

.indexPageFooter {
    width: 100%;
    height: 77px;
    line-height: 77px;
    text-align: center;
    color: #767d83;
    background: #0d0d0d;
    font-size: 12px;
    margin-top: 22px;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.img-icon-index {
    width: 46px;
    margin-top: 25px;
}

.blue-slide {
    background: #4390EE;
}

.red-slide {
    background: #CA4040;
}

.orange-slide {
    background: #FF8604;
}

.banner .banner_bg {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

.banner .banner_img {
    position: absolute;
    left: 50%;
    top: 0px;
    margin-left: -442px;
    height: 100%;
}

.wx {
    position: absolute;
    top: 510px;
    right: -22px;
    z-index: 999999;
}

.xcx {
    position: fixed;
    bottom: 180px;
    right: -22px;
    z-index: 99;
}

.zxkf {
    position: absolute;
    top: 490px;
    right: -22px;
    z-index: 999999;
}

.lx {
    position: absolute;
    top: 670px;
    right: -22px;
    z-index: 999999;
}

.fixed_wx {
    position: fixed;
    top: 330px;
    right: -22px;
    z-index: 99;
}

.fixed_xcx {
    position: fixed;
    bottom: 180px;
    right: -22px;
    z-index: 999999;
}

.fixed_zxkf {
    position: fixed;
    top: 520px;
    right: -30px;
    z-index: 999999;
}

.fixed_lx {
    position: fixed;
    top: 490px;
    right: -22px;
    z-index: 999999;
}

.wx .img,
.xcx .img,
.zxkf .img,
.lx .img {
    width: 60%;
    height: 60%;
    cursor: pointer;
}

.zxkf_hover_img {
    display: none;
    position: absolute;
    left: -240px;
    top: -110px;
}

.hover_img {
    display: none;
    position: absolute;
    left: -140px;
    top: 2px;
}

.wx:hover .hover_img {
    display: block;
    cursor: pointer;
}

.xcx:hover .hover_img {
    display: block;
    cursor: pointer;
}

.lx:hover .hover_img {
    display: block;
    cursor: pointer;
}

.zxkf:hover .zxkf_hover_img {
    display: block;
    cursor: pointer;
}

.num_box {
    display: flex;
    justify-content: center;
}

.num_e {
    width: 20px;
    height: 40px;
    overflow: hidden;
}

.num_e .num {
    line-height: 40px;
    height: 40px;
}

.navbar-header .top_log {
    width: 45px;
    margin-top: 8px;
    margin-left: 10px;
}

.navbar-header .top_wen {
    position: absolute;
    left: 90px;
    top: 16px;
    width: 800px;
    font-size: 24px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
}

.backIndex {
    float: right;
    margin-top: 10px;
}

.backIndex p {
    color: #000;
    font-size: 20px;
    float: right;
}

.backIndex i {
    float: right;
    font-size: 26px;
    margin-right: 10px;
}

.left_banner {
    width: 777px;
    height: 388px;
    float: left;
    margin-top: 20px;
}

.right_cont_list {
    width: 388px;
    height: 388px;
    float: right;
    background: #fff;
    margin-top: 20px;
}

.right_cont_list .r_t {
    width: 100%;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    background: #F8F8F8;
}

.right_cont_list .r_t i {
    position: absolute;
    left: -18px;
    color: #ED1D35;
    top: -1px;
}

.right_cont_list .r_t select {
    float: right;
    background: #F8F8F8;
    border: 0px;
    height: 48px;
    outline: none;
}

.right_cont_list_e {
    height: 112px;
    border-bottom: 1px dashed #d1d1d1;
    width: 348px;
    margin-left: 20px;
}

.float_l {
    float: left !important;
}

.float_r {
    float: right !important;
}

.right_cont_list_e img {
    margin-top: 17px;
}

.right_cont_list_e .name {
    font-size: 21px;
    margin-top: 42px;
    margin-left: 12px;
}

.right_cont_list_e .dw {
    font-size: 21px;
    margin-top: 42px;
}

.right_cont_list_e .num {
    font-size: 25px;
    color: #ED1D35;
    margin-top: 40px;
}

.arrow-select {
    position: absolute;
    right: -21px;
    top: 20px;
    width: 0;
    height: 0;
    border-width: 7px;
    border-style: solid;
    border-color: #aaa transparent transparent transparent;
}

.select-ul {
    background: #fff;
    position: absolute;
    top: 60px;
    left: 0;
    z-index: 99;
    width: 100%;
    text-indent: 40px;
    height: 315px;
    overflow-y: scroll;
}

.select-text {
    padding-left: 5px;
    position: absolute;
    margin-top: 2px;
    display: inline-block;
    right: 48px;
}

.select-ul li {
    height: 30px;
    line-height: 30px;
}

.select-ul li:hover {
    color: #ED1D35;
}

.border_b_0 {
    border-bottom: 0px;
}

.index_cont_c {
    width: 100%;
    height: 276px;
    background: #fff;
    margin-top: 20px;
}

.index_cont_c_e {
    text-align: center;
    width: 273px;
    height: 230px;
    border-radius: 8px;
    background: rgba(237, 29, 53, 0.12);
    margin-left: 18px;
    margin-top: 23px;
    float: left;
}

.index_cont_c_e img {
    margin-top: 20px;
}

.index_cont_c_e .num {
    font-size: 24px;
    color: rgba(237, 29, 53, 1);
    margin-top: 26px;
}

.index_cont_c_e .text {
    font-size: 21px;
    color: rgba(102, 102, 102, 1);
    margin-top: 15px;
}

.guide_box {
    width: 1184px;
    height: 380px;
    background: rgba(255, 255, 255, 1);
    margin-top: 20px;
}

.guide_box_bt {
    width: 1184px;
    height: 52px;
    line-height: 52px;
    background: rgba(248, 248, 248, 1);
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: rgba(237, 29, 53, 1);
    text-indent: 15px;
}

.guide_box_bt .l_icon {
    width: 6px;
    height: 20px;
    background: rgba(237, 29, 53, 1);
    float: left;
    margin-left: 20px;
    margin-top: 16px;
}

.guide_box .guide_img {
    width: 1139px;
    height: 286px;
    margin-left: 20px;
    margin-top: 20px;
}

.index_cont_entrance {
    width: 1183px;
    height: 135px;
    background: rgba(255, 255, 255, 1);
    margin-top: 20px;
}

.index_cont_entrance .element {
    width: 269px;
    height: 90px;
    background: rgba(86, 123, 217, 0.12);
    border-radius: 8px;
    float: left;
    margin-left: 22px;
    margin-top: 23px;
}

.index_cont_entrance .element .float_r {
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    width: 179px;
    text-align: center;
    height: 90px;
    line-height: 90px;
}

.index-btn1 {
    color: #567BD9;
}

.index-btn1:hover i {
    border-bottom: 1px solid #567BD9;
}

.index-btn2 {
    color: #00B08F;
}

.index-btn2:hover i {
    border-bottom: 1px solid #00B08F;
}

.index-btn3 {
    color: #00AED5;
}

.index-btn3:hover i {
    border-bottom: 1px solid #00AED5;
}

.index-btn4 {
    color: #B581F5;
}

.index-btn4:hover i {
    border-bottom: 1px solid #B581F5;
}

.index_cont .index_content {}

.underline-none {
    text-decoration: none;
}

.underline-none:hover {
    text-decoration: none !important;
}

.underline-none:hover p {
    color: #ED1D35 !important;
}

.pointer {
    cursor: pointer;
}

.index_cont .index_content .element {
    width: 381px;
    max-height: 169px;
    background: rgba(255, 255, 255, 1);
    float: left;
    padding: 0px 20px 18px 20px;
    height: 162px;
}

.index_cont .index_content .element .element_bt {
    height: 52px;
    border-bottom: 1px solid rgba(221, 221, 221, 1);
    line-height: 52px;
    text-indent: 15px;
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: rgba(237, 29, 53, 1);
}

.index_content .element .element_bt .element_bt_l {
    width: 6px;
    height: 20px;
    background: rgba(237, 29, 53, 1);
    float: left;
    margin-top: 16px;
}

.index_content .element .element_bt .more {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    float: right;
    cursor: pointer;
}

.index_content .element .list_e {
    width: 100%;
    height: 30px;
    line-height: 30px;
}

.index_content .element .list_e .spot {
    float: left;
    width: 4px;
    height: 4px;
    background: rgba(237, 29, 53, 1);
    border-radius: 50%;
    margin-top: 13px;
}

.index_content .element .list_e .name {
    float: left;
    width: 215px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.index_content .element .list_e .date {
    color: rgba(102, 102, 102, 1);
}

.index_cont_b {
    width: 100%;
    height: 205px;
    background: rgba(255, 255, 255, 1);
    margin-top: 20px;
}

.index_cont_b .index_cont_b_e {
    text-align: center;
    width: 173px;
    height: 157px;
    border: 1px solid rgba(221, 221, 221, 1);
    float: left;
    margin-top: 25px;
    margin-left: 20px;
}

.index_cont_b .index_cont_b_e p {
    width: 100px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(1, 1, 1, 1);
    line-height: 24px;
    margin-left: 35px;
    margin-top: 10px;
}

li {
    list-style: none;
}

.li-diabled {
    color: #ccc;
}

.li-diabled:hover {
    color: #ccc !important;
}

.little-text {
    color: #999;
    font-size: 12px;
}

#banner {
    width: 100%;
    height: 100%;
    position: relative;
}

#banner .b-pic {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

#banner .b-pic ul {
    width: 1000%;
    height: 100%;
    margin-left: 0;
}

#banner .b-pic ul li {
    width: 10%;
    height: 100%;
    float: left;
    top: 0;
    left: 0;
    overflow: hidden;
}

#banner .b-pic ul li img {
    display: block;
}

#banner .b-tab {
    width: 100%;
    height: 14px;
    border-radius: 8px;
    position: absolute;
    bottom: 15px;
    left: 50%;
    right: 50%;
    margin: auto;
}

#banner .b-tab ul li {
    width: 10px;
    height: 10px;
    background-color: rgba(0, 0, 0, .2);
    border-radius: 100%;
    float: left;
    margin: 4px;
    cursor: pointer;
}

#banner .b-tab ul li.on {
    background-color: #000;
}

#banner .b-btn {
    display: none;
}

#banner:hover .b-btn {
    display: block;
}

#banner .b-btn div {
    width: 25px;
    height: 35px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    color: #fff;
    line-height: 35px;
    text-align: center;
    top: 50%;
    position: absolute;
    margin-top: -17px;
    cursor: pointer;
}

#banner .b-btn div:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

#banner .b-btn div#left {
    left: 0;
}

#banner .b-btn div#right {
    right: 0;
}

.pr {
    position: relative;
}

.pa-tab-center {
    width: 420px;
    height: 420px;
    position: absolute;
    top: 100px;
    right: 0;
    left: 0;
    margin: auto;
}

.pa-tab-center li {
    text-align: center;
    line-height: 176px;
    margin-bottom: 65px;
}

.pa-tab-center li span {
    color: #dddddd;
    font-size: 100px;
}

.pa-tab-center li:nth-child(even) {
    margin-left: 65px;
}

.text-li {
    position: absolute;
    bottom: -40px;
    left: 0;
    width: 100%;
    text-align: center;
}

.bg-optain {
    background: #FAFAFA;
}

.bg-red-select {
    background: #FFF5F5;
}

.color-optain {
    color: #E4393C !important;
}

.iconfont-size1 {
    font-size: 100px !important;
    margin-left: 20px;
    margin-top: 15px;
    color: #ddd;
}

.iconfont-size1_new {
    margin-left: -3px;
    margin-top: 1px;
    color: #ddd;
}

.iconfont-size2 {
    font-size: 100px !important;
    margin-left: -18px;
    margin-top: 15px;
    color: #ddd;
}

.iconfont-size2_new {
    margin-left: -18px;
    margin-top: 2px;
    color: #ddd;
}

.iconfont-size3 {
    font-size: 100px !important;
    margin-left: -14px;
    margin-top: 15px;
    color: #ddd;
}

.iconfont-size3_new {
    font-size: 34px !important;
    margin-left: -14px;
    margin-top: 1px;
    color: #ddd;
}

.iconfont-size4 {
    font-size: 100px !important;
    margin-left: -14px;
    margin-top: 15px;
    color: #ddd;
}

.iconfont-size4_new {
    margin-left: -19px;
    margin-top: 2px;
    color: #ddd;
}

.appraisal_type_div {
    width: 62px;
    height: 62px;
    line-height: 62px;
    text-align: center;
    border-radius: 50%
}

.appraisal_type_span {
    display: inline-block;
    height: 62px;
    line-height: 62px;
    margin: 0 46px 0 10px
}

.comment .court-list .heard,
.comment .person-list .heard {
    padding: 15px;
    border-bottom: 1px solid rgba(221, 221, 221, 1);
}

.comment .court-list .text,
.comment .person-list .text {
    padding: 15px;
}

.comment .court-list {
    background-color: #FEF2F3;
}

.comment .person-list {
    background-color: rgba(244, 247, 253, 1);
}

.comment .court-list,
.comment .person-list {
    margin-bottom: 15px;
    font-size: 14px;
}

.textarea-num {
    position: absolute;
    bottom: 10px;
    right: 22px;
}

.textarea-box {
    width: 100%;
    border: 1px solid #ddd;
    padding: 10px;
}

.bg-btn-theme {
    background: rgba(254, 243, 245, 1);
}

.leble-text-left {
    margin: 0 8px 0 15px;
}

.margin-top15 {
    margin-top: 15px;
}

.margin-left15 {
    margin-left: 15px;
}

.colorddd {
    color: #ddd;
}

.upload-list-icon {
    position: absolute;
    font-size: 22px !important;
    color: #8D8C91;
    margin-right: 3px;
    vertical-align: bottom;
}

.upload-finish-list-box {
    padding: 0 60px 20px;
}

.upload-finish-list {
    height: 42px;
    line-height: 42px;
    padding: 0 15px;
    border: 1px solid #ddd;
    margin-right: 20px;
    margin-top: 14px;
}

.padding15 {
    padding: 15px;
}

.modal-gray-box {
    background: #f2f2f2;
}

.consult {
    padding-top: 23px;
    background: #FFFFFF;
}

.consult .consult_top {
    padding: 5px 11px;
    background: #FEF3F5;
    border-radius: 0px 100px 100px 0px;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #ED1D35;
}

.consult_top_span {
    top: -6px;
}

.consult_second {
    padding-top: 10px;
}

.consult_second .consult_second_role {
    padding-left: 15px;
    margin-top: 6px;
    padding-bottom: 4px;
}

.consult_second .consult_second_h4 {
    height: 14px;
    line-height: 14px;
}

.consult_second .consult_second_line {
    height: 14px;
}

.consult_second .consult_second_title {
    font-size: 14px;
    font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
    font-weight: bold;
    color: #000000;
}

.consult_top_content {
    padding: 17px 25px 0 25px;
    ;
}

.consult_top_content ul {
    display: flex;
    margin-bottom: 0 !important;
}

.consult_top_content ul li {
    height: 134px;
    width: 100px;
    float: left;
    margin: 0 15px;
}

.consult_top_content ul li dd {
    text-align: center;
    width: 98px;
    height: 98px;
    border-radius: 4px;
    border: 1px solid #DDDDDD;
    position: relative;
}

.consult_top_content ul li dd .dd_span {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.3);
    cursor: pointer;
    bottom: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    display: block;
    height: 20px;
    border-radius: 0px 0px 4px 4px;
}

.consult_top_content ul li dd img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
}

.consult_top_content ul li dd i {
    font-size: 50px;
    position: absolute;
    /* vertical-align: middle; */
    /* margin-top: 20px; */
    font-size: 50px;
    top: 13px;
    left: 23px;
}

.consult_top_content ul li dt {
    margin-top: 15px;
    padding: 0 8px;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #000000;
}

.consult_third_span {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    padding: 0 7px;
    border-radius: 4px;
    position: relative;
    top: -1px;
    margin-left: 5px;
}

.consult_third_span i {
    top: 0;
    font-size: 12px;
    position: absolute;
    left: -8px;
}

.consult_tap {
    background: #dddddd;
    padding: 5px 10px;
    border-radius: 4px;
    position: relative;
    top: -5px;
    margin-left: 10px;
    font-size: 12px;
}

.bg-fff {
    background: #fff;
}

.fr {
    float: right;
}

.fl {
    float: left;
}

.font-size18 {
    font-size: 18px;
}

.font-blod {
    font-weight: bold;
}

.cursor-pointer {
    cursor: pointer;
}

.objection-list {
    padding: 20px;
}

.objection-list-content {
    padding: 25px;
    margin-bottom: 20px;
}

.objection-list-content1 {
    padding: 18px 25px;
    margin-bottom: 20px;
}

.objection-title {
    height: 15px;
}

.objection-text {
    /*margin-top: 17px;*/
    line-height: 24px;
    /*margin-bottom: 15px;*/
    white-space: normal;
    word-break: break-all;
    word-wrap: break-word;
}

.pdf-img-center {
    width: 45px;
    margin-top: 9px;
}

.padding-none {
    padding: 0 !important;
}

.text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vertical-top {
    vertical-align: top;
}

.app-over-text {
    padding-left: 30px;
    display: inline-block;
    width: 200px;
}

.top-radio-box {
    padding: 0 40px;
    line-height: 43px;
    margin-top: 8px;
    /* height: 43px; */
}

.label-top {
    margin-top: -6px;
}

.record-style {
    position: relative;
    min-height: 300px;
    white-space: normal;
    word-break: break-all;
    word-wrap: break-word;
}

.bar-ad-title {
    line-height: 39px;
}

.objection-empty {
    text-align: center;
    height: 50px;
    line-height: 50px;
    background: #fff;
    color: #ddd;
}

.input100 {
    width: 100%
}

.input90 {
    width: 90%
}

.upFileListShow {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    z-index: 3;
    width: 600px;
    height: 300px;
    overflow: hidden;
    border: 1px solid #ccc;
    border-radius: 10px;
    background: #fff;
    padding: 20px;
}

.upFileListShow-off {
    position: absolute;
    right: 10px;
    top: 15px;
}

.upFileListShow-title {
    height: 30px;
    line-height: 28px;
    color: #000;
    font-weight: bold;
    font-size: 14px;
    border: 0;
    border-bottom: 1px solid #ccc;
}

.upFileListShow-ul {
    height: 280px;
    width: 558px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 50px;
}

.upFileListShow-li {
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
}

.display-block {
    display: block;
}

.contactCustomer {
    width: 180px;
    height: 180px;
    top: 52px;
    left: -55px;
}

.contactCustomer img {
    width: 100%;
    height: 100%;
}

.padding-0-10 {
    padding: 0 10px;
}

.padding-5-14 {
    padding: 5px 10px;
}

.border-radius-2 {
    border-radius: 2px;
}

.padding-left-10 {
    padding-left: 10px;
}

.bold {
    font-weight: bold;
}

.font-weight700 {
    font-weight: 700;
}

.mechanism {
    padding: 0 10px;
    display: flex;
    align-items: center;
    background: #eff3f2;
    height: 30px;
    line-height: 28px;
}

.align-items-c {
    align-items: center;
}

.justify-content-c {
    justify-content: center;
}

.justify-content-sb {
    justify-content: space-between;
}

.btnRight {
    width: 22px;
    height: 18px;
    background: #ED1E35;
    border-radius: 2px;
    border: 1px solid #ED1E35;
    line-height: 16px;
    text-align: center;
    position: absolute;
    right: 7px;
}

.optionBox {
    position: absolute;
    right: -1px;
    top: 35px;
    /*width: 112px;*/
    height: 120px;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1;
    border-radius: 5px;
    padding: 11px 14px;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #FFFFFF;
    line-height: 24px;
}

.kailong {
    position: absolute;
    right: 10px;
    top: 27px;
    width: 0;
    height: 0;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 8px solid rgba(0, 0, 0, 0.8);
}

.btnLeft {
    width: 150px;
    height: 30px;
    line-height: 28px;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-align: center;
}

.margin-right-25 {
    margin-right: 25px;
}

.flex-wrap-wrap {
    flex-wrap: wrap;
}

.height32 {
    height: 32px;
}

.line-height-32 {
    line-height: 32px;
}

.border-1s-E0E0E0 {
    border: 1px solid #E0E0E0;
}

.border-ra-left {
    border-radius: 4px 0 0 4px;
}

.border-right0 {
    border-right: 0;
}

.border-ra-right {
    border-radius: 0 4px 4px 0;
}

.context-menu {
    cursor: context-menu;
}

.bangzhuqipao {
    font-weight: 100;
    font-size: 14px;
    position: relative;
    cursor: pointer;
    margin-left: 10px;
}

.bangzhuqipaoP {
    position: absolute;
    top: 25px;
    left: 50%;
    margin-left: -90px;
    font-size: 12px;
    color: #000;
    background: #fff;
    line-height: 20px;
    text-align: center;
    width: 160px;
    padding: 5px 10px;
    display: none;
}

.bangzhuqipao:hover .bangzhuqipaoP {
    display: block;
}

.textAlignC {
    text-align: center;
}

.margin-top150 {
    text-align: center !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translateY(-50%) !important;
    transform: translatex(-50%) !important;
}

.userManage-li {
    visibility: hidden;
}

.btn_Data {
    border: 1px solid transparent;
    border-radius: 3px;
    font-size: 13px;
    height: 21px;
    line-height: 19px;
    width: 90px;
    margin-left: 50px;
}

.statisticsH1 {
    width: 100%;
    text-align: center;
    height: 150px;
    line-height: 150px;
    color: #fff;
}

.statisticsBg {
    background: #961D14;
    height: 950px;
}

.statisticsBtn {
    border-radius: 4px;
    margin-right: 30px;
    cursor: pointer;
    color: #fff;
    margin-top: 2px;
    text-align: center;
    height: 28px;
    line-height: 28px;
    border: 1px solid #fff;
}

.icon-shuoming1 {
    color: red !important;
}

.positionRelative {
    position: relative;
}

.title_box {
    position: absolute;
    top: 35px;
    line-height: 20px;
    text-align: center;
    background-color: #000;
    color: #fff;
    display: none;
    z-index: 9999;
    border-radius: 5px;
    padding: 10px 10px;
}

.title_box_top {
    border-top: 0px;
    border-right: 8px solid #fff;
    border-left: 8px solid #fff;
    border-bottom: 8px solid #000;
    width: 0px;
    height: 0px;
    position: absolute;
    top: 20px;
    left: 30%;
    margin-left: -5px;
    display: none;
}

.title_box .title_box_text {
    max-width: 300px;
    font-size: 12px;
}

.positionRelative:hover .title_box {
    display: block;
}

.positionRelative:hover .title_box_top {
    display: block;
}

.pageBox {
    background-color: red;
}

.wrap {
    background-color: red;
}

.width-150 {
    width: 150px;
}

.row_solid {
    border-top: 1px solid #ddd;
    position: absolute;
    left: 15px;
    right: 15px;
}

.co_solid {
    border-left: 1px solid #ddd;
    position: absolute;
    top: 50px;
    bottom: 56px;
}

.sqyz_text {
    font-size: 14px;
    font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
    font-weight: bold;
    color: #000000;
    line-height: 19px;
}

.sqyz_text2 {
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #666666;
    line-height: 19px;
}

.btn_gz {
    width: 125px;
    height: 55px;
    background: #F6F6F6;
    border-radius: 8px;
    border: 1px solid #D5D5D5;
    cursor: pointer;
}

.btn_gz_p {
    line-height: 30px;
    font-size: 12px;
    text-align: center;
    color: #000;
}

.btn_gz_p2 {
    font-size: 12px;
    text-align: center;
    color: #666666;
}

.caseStatisticsTop {
    background: #fff;
    border-radius: 10px;
    padding: 15px 0px;
}

.caseStatisticsBg {
    background: #fff;
    border-radius: 10px;
    width: 100%;
    overflow: hidden;
    margin-top: 15px;
}

.caseStatisticsBg2 {
    background: #fff;
    border-radius: 10px;
    width: 100%;
    margin-top: 15px;
}

.padding15 {
    padding: 15px;
}

.caseStatistics_tap_btn {
    background-color: #fff;
    color: #000;
    height: 32px;
    line-height: 32px;
    width: 64px;
    text-align: center;
    font-size: 14px;
}

.caseStatistics_tap_btn_active {
    background-color: #ED1D35;
    color: #fff;
}

.caseStatistics_tap_btn_second_active {
    color: #ED1D35;
}

.caseStatistics_bt {
    margin-top: 20px;
    font-size: 14px;
    font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
    font-weight: bold;
    color: #000000;
    height: 30px;
    line-height: 30px;
    text-indent: 30px;
}

.btnArr {
    width: 426px;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #ddd;
    display: flex;
}

.btnArr .btn_e {
    width: 70px;
    height: 32px;
    border-right: 1px solid #dddddd;
    flex: 1;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #666666;
    cursor: pointer;
}

.border0 {
    border: 0px;
}

.btnArr .active {
    background-color: #ED1D35;
    color: #fff;
}

.input-search-icon2 {
    position: absolute;
    right: 10px;
    color: #888888;
}

.rowHead {
    background: #F4F4F4;
    /*text-indent: 15px;*/
    height: 40px;
    color: #000;
    border: 1px solid #DDDDDD !important;
}

.textIndent15 {
    /*text-indent: 15px;*/
}

.border1 {
    border: 1px solid #DDDDDD !important;
    vertical-align: middle !important;
}

.BFDtabBox {
    border: 1px solid #ddd;
}

.BFDtabBox_e {
    width: 120px;
    padding: 0px 20px;
    height: 40px;
    border-right: 1px solid #ddd;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
}

.BFDtabBox_active span {
    color: #ED1D35;
    border-bottom: 2px solid #ED1D35;
    display: block;
    line-height: 39px;
    font-size: 14px;
}

.colorED1D35 {
    color: #ED1D35;
}

.clear {
    clear: both;
}

.textL {
    text-align: left;
    color: #000;
    line-height: 30px;
}

.textR {
    text-align: right;
    color: #666;
    line-height: 30px;
}

.BFDcont_box {
    border: 1px solid #ddd;
    margin-left: 0px;
    margin-right: 0px;
    padding: 15px 0px;
}

.borderTop {
    border-top: 0px;
}

.left_img_box {
    border-right: 1px solid #ddd;
    position: absolute;
    top: -16px;
    left: 0px;
    width: 92px;
    height: 92px;
    text-align: center;
}

.radio_btn {
    width: 108px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #ddd;
    text-indent: 8px;
}

.radio_btn_active {
    border: 1px solid #ED1D35;
    color: #ED1D35;
}

.radio_btn_active .iconfont {
    color: #ED1D35 !important;
}

.textarea_box {
    width: 100%;
    height: 71px;
    line-height: 30px;
    text-indent: 10px;
    border: 1px solid #ddd;
}

.hender_box {
    height: 44px;
    line-height: 44px;
    width: 100%;
    background: #F4F4F4;
    text-indent: 20px;
    font-size: 14px;
    font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
    font-weight: bold;
    color: #000;
}

.agentInfo div {
    line-height: 30px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    text-indent: 25px;
    color: #666;
}

.e_style {
    height: 30px;
    padding: 0px 10px;
    background-color: #F5F7FA;
    color: #333;
    line-height: 30px;
    margin-left: 15px;
    border-radius: 4px;
    margin-bottom: 15px;
}

.agentName {
    width: 100%;
    height: 40px;
    line-height: 40px;
}

.agentName_name {
    text-indent: 25px;
    height: 40px;
    font-size: 14px;
    font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
    font-weight: bold;
    color: #333333;
    line-height: 40px;
}

.agentName_bq {
    height: 20px;
    background: rgba(237, 29, 53, 0.1);
    border-radius: 10px;
    font-size: 12px;
    font-family: MicrosoftYaHei;
    color: #ED1D35;
    line-height: 16px;
    margin-left: 15px;
    padding: 2px 10px;
    margin-top: 10px;

}

.btn_fff {
    background: #fff;
    border: 1px solid #ED1D35;
    color: #ED1D35;
}

.btn_fff:hover {
    color: #ED1D35;
}

.bottom_btn_box {
    height: 48px;
    background: #FFFFFF;
    box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.17);
    text-align: center;
}

.hide {
    visibility: hidden;
}

.beforeTheAuditMaterialDetail {
    width: 100%;
}

.beforeTheAuditMaterialDetail .left_box {
    width: 20%;
    border-right: 1px solid #ddd;
    float: left;
    height: 664px;
    position: relative;
    overflow: hidden;
}

.beforeTheAuditMaterialDetail .right_box {
    width: 80%;
    float: left;
    height: 600px;
}

.beforeTheAuditMaterialDetail .bt {
    margin-top: 18px;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #000;
    margin-left: 35px;
}

.beforeTheAuditMaterialDetail .btn_sousuo {
    margin-left: 10px;
    margin-top: 10px;
    position: relative;
}

.checkboxList {
    position: absolute;
    top: 51px;
    right: 248px;
    width: 550px;
    height: 350px;
    background: #FFFFFF;
    box-shadow: 0px 2px 11px 0px rgba(0, 0, 0, 0.11);
}

.checkboxListSideBar {
    position: absolute;
    top: 51px;
    left: -98px;
    width: 322px;
    height: 350px;
    background: #FFFFFF;
    box-shadow: 0px 2px 11px 0px rgba(0, 0, 0, 0.11);
}

.checkboxListSideBar .bottom_box {
    width: 100%;
    padding: 10px 0px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    border-top: 1px solid #ddd;
}

.checkboxList .sj {
    width: 0px;
    height: 0px;
    border-left: 15px solid #fafafa;
    border-right: 15px solid #fafafa;
    border-bottom: 15px solid #fff;
    position: absolute;
    top: -15px;
    left: 270px;
}

.remmber {
    display: none;
}

.remmber[type=checkbox]+span {
    display: inline-block;
    border-radius: 2px;
    width: 14px;
    height: 14px;
    border: 1px solid #ddd;
    color: #fff;
}

.remmber[type=checkbox]:checked+span:after {
    content: '\2714';
    position: absolute;
    font-size: 12px;
    left: 16px;
    top: 0px;
}

.remmber[type=checkbox]:checked+span {
    background: red;
    border: 1px solid red;
}

.checkboxList .header_box {
    width: 100%;
    padding: 10px 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    border-bottom: 1px solid #ddd;
    text-indent: 15px;
    font-weight: bold;
    background-color: #FFF;
    z-index: 999;
}

.checkboxList .bottom_box {
    width: 100%;
    padding: 10px 0px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    border-top: 1px solid #ddd;
    background-color: #fff;
    z-index: 999;
}

.right_box .right_e {
    width: 160px;
    margin-left: 20px;
    margin-top: 20px;
}

.right_box .right_e .right_e_img {
    width: 160px;
    height: 160px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.right_box .right_e .right_e_text {
    width: 100%;
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #000000;

}

.type_box {
    width: 100%;
}

.type_box .type_e {
    height: 28px;
    line-height: 28px;
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #E5E5E5;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.left_box .tishi {
    width: 100%;
    height: 28px;
    background: rgba(254, 159, 1, 0.1);
    border-radius: 2px;
    font-size: 12px;
    font-family: MicrosoftYaHei;
    color: #FE9F01;
    text-align: center;
    line-height: 28px;
    margin-top: 30px;
}

.type_name_box {
    width: 107%;
    max-height: 319px;
    overflow-y: scroll;
    margin-top: 20px;
}

.left_box .type_name {
    width: 80%;
    margin-left: 10%;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #000000;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.left_box_bottom {
    height: 105px;
    border-top: 1px solid #ddd;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
}

.left_box_bottom_btn {
    /*width: 218px;*/
    height: 30px;
    border-radius: 15px;
    background: #EFEFEF;
    margin-top: 15px;
    margin-left: 50%;
    position: relative;
    left: -109px;
    cursor: pointer;
    padding-right: 5px;
}

.left_box_bottom_btn_active {
    /*width: 218px;*/
    height: 30px;
    border-radius: 15px;
    background: rgba(237, 29, 53, 0.1);
    margin-top: 15px;
    margin-left: 35%;
    position: relative;
    left: -18%;
    cursor: pointer;
    padding-right: 5px;
}

.left_box_bottom_btn2 {
    width: 210px;
    height: 30px;
    border-radius: 15px;
    background: #EFEFEF;
    margin-top: 15px;
    margin-left: 50%;
    position: relative;
    left: -105px;
    cursor: pointer;
    padding-right: 5px;
}

.left_box_bottom_btn_active2 {
    width: 210px;
    height: 30px;
    border-radius: 15px;
    background: rgba(237, 29, 53, 0.1);
    margin-top: 15px;
    margin-left: 50%;
    position: relative;
    left: -105px;
    cursor: pointer;
    padding-right: 5px;
}

.color_1DC26D {
    color: #1DC26D;
}

.color_ED1D35 {
    color: #ED1D35;
}

.color_2E9EEE {
    color: #2E9EEE;
}

.text_personName {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 75px;
    cursor: pointer;
}

.text_overflow_ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    /*cursor: pointer;*/
    overflow: hidden;
}

.ProgressBar_box {
    width: 100px;
    height: 6px;
    background: #F6F6F6;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.18);
    border-radius: 3px;
    position: relative;
    margin-left: 10px;
    margin-top: 6px;
    margin-right: 10px;
    overflow: hidden;
}

.ProgressBar_box div {
    position: absolute;
    left: 0px;
    top: 0px;
    border-radius: 3px;
    height: 6px;

}

.ProgressBar_success {
    background: #1DC26D;
    *width: 75%;
}

.ProgressBar_warning {
    background: #FE9F00;
    *width: 30%;
}

.ProgressBar_error {
    background: #FFDBE1;
    border: 1px solid #FF3A51;
    width: 100%;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.16);
}

.showHideBtn {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #ED1D35;
    cursor: pointer;
}

.BFDcont_box_height {
    height: 145px;
    overflow: hidden;
}

.rowHead_select {
    border: 0px;
    border-bottom: 1px solid #666;
    background-color: #F4F4F4;
    outline-style: none;
}

.redColor {
    color: red;
}

.assistanceTab {
    width: 100%;
    height: 40px;
    background-color: #F5F5F5;
    line-height: 40px;
}

.assistanceTab div {
    font-size: 12px;
    font-family: MicrosoftYaHei;
    color: #666666;
    line-height: 40px;
    float: left;
    text-indent: 30px;
    cursor: pointer;
}

.assistanceTab div:hover {
    color: red;
}

.assistanceCont {
    background-color: #fff;
}

.assistanceCont_l {
    width: 12%;
    float: left;
    text-align: right;
}

.assistanceCont_l span {
    color: red !important;
}

.assistanceCont_c {
    width: 70%;
    float: left;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-left: 3%;
    min-height: 35px;

}

.assistanceCont_c div {
    background: #ECECEC;
    padding: 2px 3px;
    border-radius: 2px;
    float: left;
    margin-left: 5px;
    margin-right: 10px;
    color: #666;
    margin-top: 5px;
    margin-bottom: 5px;
}

.assistanceCont_c div:hover {
    background: rgba(237, 29, 53, 0.1);
    cursor: pointer;
}

.assistanceCont_r {
    width: 15%;
    float: left;

}

.assistanceTextarer {
    width: 82%;
    margin-left: 3%;
    border: 1px solid #ddd;
    outline: none;
    height: 180px;
    text-indent: 15px;
    line-height: 25px;
}

.lfAssistanceTextarer {
    width: 85%;
    border: 1px solid #ddd;
    outline: none;
    height: 180px;
    text-indent: 15px;
    line-height: 25px;
}

.assistance_b {
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-top: 1px solid #ddd;
    background-color: #fff;
}

.assistanceInput {
    margin-left: 3%;
    width: 82%;
}

.assistanceListE {
    width: 94%;
    border: 1px solid #ddd;
    position: relative;
    margin-left: 3%;
    height: 100px;
    margin-top: 20px;
}

.assistanceListE_l {
    border-right: 1px solid #ddd;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 150px;
}

.assistanceListE_l_t {
    width: 100%;
    border-bottom: 1px solid #ddd;
    height: 40px;
}

.assistanceListE_l_t div {
    width: 20%;
    min-width: 200px;
    text-indent: 20px;
    float: left;
    line-height: 40px;
}

.assistanceListE_l_t .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.assistanceListE_l_b {
    line-height: 25px;
    height: 50px;
    text-indent: 20px;
    padding: 5px 10px;
    /* white-space: nowrap; */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    cursor: pointer;
}

.assistanceListE_r {
    float: right;
    width: 150px;
    position: absolute;
    top: 0px;
    right: 0px;
}

.assistanceListE_r_btn {
    display: none;
}

.assistanceListE_r:hover .assistanceListE_r_btn {
    display: block;
}

.assistanceListE_r p {
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.assistanceListE_r_btn {
    width: 100%;
    height: 50px;
    position: absolute;
    left: 0px;
    top: 0px;
    background: #000;
    opacity: 0.6;
    /*bottom: 0;*/
    left: 0;
}

.assistanceListE_r_btn dl {
    width: 50%;
    float: left;
    cursor: pointer;
}

.assistanceListE_r_btn dl dt {
    text-align: center;
    color: #fff;
    line-height: 30px;
    margin-top: 15px;
}

.assistanceListE_r_btn dl dd {
    text-align: center;
    color: #fff;
    line-height: 30px;
}

.assistanceTab .assistanceTabActive {
    color: red;
}

.closeCheckBox {
    position: absolute;
    top: 82px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.borderStyle {
    margin-left: 3%;
    border: 1px solid #ddd;
    outline: none;
    border-radius: 3px;
}

.has_error {
    border: 1px solid red;
}

.BFinput::-ms-clear {
    display: none;
}

.litigant_login_cent {
    min-height: calc(100vh - 70px);
    width: 100%;
    background: #fff;
    z-index: 9;
    position: relative;
}

.litigant_cen_cent {
    width: 37.41%;
    height: 240px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: 14.36vh auto;
}

.litigant_cen_left {
    width: 43%;
    height: 60%;
    float: left;
    position: relative;
    /* border: 1px solid #D8D8D8; */
    border-radius: 5px;
    /* opacity: .1; */
}

.litigant_cen_right {
    width: 43%;
    height: 60%;
    float: right;
    position: relative;
    /* border: 1px solid #D8D8D8; */
    border-radius: 5px;
}

.litigant_cen_left>div {
    width: 100%;
    height: 100%;
    float: left;
    position: relative;
    border: 1px solid #D8D8D8;
    transition: all 0.3s ease-in-out;
    border-radius: 5px;
    margin-bottom: 16px;
}

.litigant_cen_left>div:hover {
    width: 100%;
    height: 100%;
    float: left;
    background: #ED1D3530;
    position: relative;
    border: 1px solid #ED1D35;
    border-radius: 5px;
    margin-bottom: 16px;
}

.litigant_cen_right>div {
    width: 100%;
    height: 100%;
    float: right;
    position: relative;
    border: 1px solid #D8D8D8;
    transition: all 0.3s ease-in-out;
    border-radius: 5px;
    margin-bottom: 16px;
}

.litigant_cen_right>div:hover {
    width: 100%;
    height: 100%;
    float: right;
    background: #ED1D3530;
    position: relative;
    border: 1px solid #ED1D35;
    border-radius: 5px;
    margin-bottom: 16px;
}

.litigant_cen_cent img {
    width: 56px;
    margin: 16% 0 0 calc(50% - 28px);
    position: relative;
}

.litigant_cen_cent>div>div>p {
    margin-top: 10px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.litigant_cen_cent>div>p {
    text-align: center;
    font-size: 14px;
    font-family: MicrosoftYaHei;

}

.litigant_cen_cent>div>span {
    text-align: center;
    font-size: 14px;
    display: block;
    color: #ED1D35;
    font-family: MicrosoftYaHei;
    position: relative;
    cursor: pointer;
}

#viewport {
    top: -50px !important;
}

.offlineTip{
    width: 95px;
    height: 55px;
    border: 1px solid #CCC;
    font-size: 10px;
    position: absolute;
    right: -5px;
}
.offlineTip_title {
    text-align: right;
    background: #30af13;
    padding: 0 10px;
    color: #FFFFFF;
    cursor: pointer;
}
.offlineTip_content {
    padding: 0 10px;
}
.qrCodeIcon{
    width: 20px;
    margin: -5px 5px 0 0;
}
.evalQRCode{
    width: 305px;
    height: 280px;
    border: 1px solid #CCC;
    font-size: 10px;
    position: absolute;
    background: #FFFFFF;
    z-index: 999999;
    left: 500px;
}
.evalQRCode_head {
    height: 30px;
    line-height: 30px;
    background: #cc4315;
    color: #FFFFFF;
    cursor: pointer;
    padding: 0 10px;
    font-weight: bold;
}
.evalQRCode_head .title {
    text-align: left;
}
.evalQRCode_head .close {
    width: 30px;
    height: 30px;
    color: #FFFFFF;
    float: right;
    padding: 0 10px;
}
.evalQRCode_content {
    height: 240px;
    text-align: center;
}
.evalQRCode_content .tip {
    height: 30px;
    line-height: 30px;
    font-weight: 600;
    color: #000000;
}
.evalQRCode_content .btn {
    width: 80px;
    height: 30px;
    line-height: 18px;
    border: 1px solid;
    border-radius: 8px;
    background: #cc4315;
}
.evalQRCode_content .qrCodeBig {
    width: 175px;
    height: 175px;
}
#evalQRCode {
    height: 175px;
    padding: 0 70px;
}
#evalQRCode img {
    display: inline;
    text-align: center;
}
.freezeOrg {
    display: flex;
    position: absolute;
    float: right;
    right: 10px;
    width: 120px;
}
.freezeOrg .btn {
    width: 60px;
    font-size: 14px !important;
}