.wrap {
        position: relative;
    }
    
    .firstbanner,
    .secondbanner {
        position: relative;
    }
    
    .firstbanner .showmore {
        position: absolute;
        width: 36px;
        height: 36px;
        top: 10.1512%;
        right: 15.156%;
        cursor: pointer;
        z-index: 999;
    }
    
    .secondbanner .showmore {
        position: absolute;
        width: 36px;
        height: 36px;
        top: 10.1512%;
        right: 15.156%;
        cursor: pointer;
        z-index: 999;
        border-radius: 50%;
    }
    
    .showmore:before,
    .showconfidence:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        animation: wave 2s linear infinite;
        transform-origin: 50% 50% 0;
    }
    
    .showmore:after,
    .showconfidence:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        animation: wave 2s ease-in-out infinite;
        animation-delay: .5s;
        transform-origin: 50% 50% 0;
    }
    
    @-webkit-keyframes wave {
        from {
            -webkit-transform: scale(1) translateZ(0);
            transform: scale(1) translateZ(0);
            opacity: 1;
            border: 1px solid #fff;
        }
        to {
            -webkit-transform: scale(4) translateZ(0);
            transform: scale(4) translateZ(0);
            opacity: 0;
            border: 3px solid #fff;
        }
    }
    
    @keyframes wave {
        from {
            -webkit-transform: scale(1) translateZ(0);
            transform: scale(1) translateZ(0);
            opacity: 1;
            border: 1px solid #fff;
        }
        to {
            -webkit-transform: scale(4) translateZ(0);
            transform: scale(4) translateZ(0);
            opacity: 0;
            border: 3px solid #fff;
        }
    }
    
    .jjlg_mode_zhezhao,
    .jjlg_mode_zhezhao2,
    .jjlg_mode_zhezhao3,
    .jjlg_mode_zhezhao4,
    .jjlg_mode_zhezhao5,
    .jjlg_mode_zhezhao6,
    .jjlg_mode_zhezhao7 {
        position: absolute;
        width: 79.9%;
        background-color: #fff;
        opacity: .8;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        z-index: 99999;
        border-radius: 20px;
        padding-left: 4.896%;
        padding-top: 2.6%;
        box-shadow: 1px 1px 10px rgba(0, 0, 0, .1);
        display: none;
        max-width: 1100px;
    }
    
    .jjlg_mode,
    .jjlg_mode2,
    .jjlg_mode3,
    .jjlg_mode4,
    .jjlg_mode5,
    .jjlg_mode6,
    .jjlg_mode7 {
        width: 79.9%;
        max-width: 1100px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        z-index: 99999999;
        border-radius: 20px;
        padding-left: 4.896%;
        padding-top: 2.6%;
        display: none;
    }
    
    .jjlg_mode h1.logo {
        width: 160px;
        /* width: 240px; */
        height: auto;
    }
    
    .jjlg_mode h1.logo img {
        width: 100%;
        height: auto;
    }
    
    .main {
        height: 100%;
        position: relative;
    }
    
    .close_red,
    .close_red2,
    .close_red3,
    .close_red4,
    .close_red5,
    .close_red6,
    .close_red7 {
        position: absolute;
        right: -30px;
        top: -30px;
        background: Red;
        width: 59px;
        height: 59px;
        background: url(../img/close.png) no-repeat 0 0;
        cursor: pointer;
    }
    
    .main_text {
        font-size: 16px;
        line-height: 30px;
    }
    
    .main_text p {
        text-indent: 2em;
    }
    
    @media (min-width:1200px) and (max-width:1400px) {
        .main_text {
            font-size: 18px;
            line-height: 34px;
        }
    }
    
    @media (min-width:1400px) {
        .main_text {
            font-size: 20px;
            line-height: 38px;
        }
        .jjlg_mode h1.logo {
            width: 240px;
        }
    }
    
    .main_text p.last {
        color: #54b000;
        font-size: 24px;
        font-weight: bold;
        line-height: 40px;
    }
    
    .main_left {
        float: left;
        width: 68%;
    }
    
    .main_left img {
        width: 100%;
        height: auto
    }
    
    .main_right {
        float: right;
        width: 30.146%;
    }
    
    .main_right img {
        width: 100%;
        display: block;
        height: auto;
    }