.info-page{width:100%; float:left; position:relative; padding-top:15px;}
.info-page .left-info{width:320px; padding-right:30px; position:relative; float:left;}
.info-page .left-info .title{display: block;padding-bottom: 10px;  border-bottom: 1px solid var(--color-border); margin-bottom: 15px; position: relative;}
.info-page .left-info .title span{font-weight: 900;color: #000; font-size: 16px; text-transform: uppercase; letter-spacing: 1px;}
.info-page .left-info .title:before{content: '';width: 12px;height: 12px; background: #fff; transform: rotate(45deg); display: block; position: absolute; left: 20px; bottom: -6px; border-bottom: 1px solid var(--color-border);border-right: 1px solid var(--color-border);}
.info-page .left-info ul{margin:0; padding:0; list-style:none; width:100%;}
.info-page .left-info ul li{width:100%; float:left; position:relative;}
.info-page .left-info ul li a{text-decoration:none; color:#000; font-size:16px; position:relative; padding:10px 20px 10px 25px; display:block; font-weight:500; transition:.3s; }
.info-page .left-info ul li a:before{content:''; width:12px; height:12px; border:3px solid rgba(0,0,0,.15); border-radius:0px; display:block; position:absolute; top:14px; left:0;}
.info-page .left-info ul li a:hover,
.info-page .left-info ul li a.current{color:var(--color2)}
.info-page .left-info ul li a.current:before{border-color:var(--color2)}
.info-page .right-info{width:calc(100% - 320px); position:relative; float:right; }
.info-page .right-info .title-page{float:left;font-size:22px; font-weight:900; display:block; color:#000}
.info-page .right-info .content-page{width:100%; float:left; position:relative; font-size:16px; line-height:26px; color:#000}
.info-page .right-info .content-page img{max-width:100%; width:initial!important; height:initial!important; display:block; margin: 20px auto;}
@media (max-width:767px){
    .info-page .left-info{display:none!important}
    .info-page .right-info{width:100%;}
    .info-page .right-info .title-page{position: fixed; line-height:50px; font-size:16px; top: 65px; height: 50px; width: 100%;left: 0; background: #fff; z-index: 20; box-shadow: 0 2px 3px rgba(0, 0, 0, .05), 0 1px rgba(0, 0, 0, .04); padding: 0 15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
    .info-page .right-info .content-page{padding-top:50px;}
}

@media (min-width:678px) and (max-width: 991px){
    .info-page .left-info{display:none!important}
    .info-page .right-info{width:100%;}
}