@charset "utf-8";

.page {
    background: #011715 url(../images/public/bg.jpg) no-repeat center top ;
    background-size: 100% auto;
}
.menu-hover .menu-bg-border .menu-top-triangle{    
  border-color: transparent transparent #02554a;
}
.container {
    padding-bottom: 0.8rem;
    position: relative;
}

.container .cont-main {
    max-width: 10.8rem;
    height: auto;
    border-radius: .3rem;
    margin: 0 auto;
    position: relative;

}
.container img {
  max-width: 100%;
}
.item {
    width: 100%;
    margin: 0 auto 0.8rem;
    padding: 0;
}

.item-1 {
  margin-bottom: 1.26rem;
}

.item:last-child {
  margin-bottom: 0;
}

.item>div {
  position: relative;
}
/*视频*/
.item .videos{position:absolute;bottom:15.3%;left:2.5%;width:89.2%;padding-top:50.175%;background-color:#000;z-index:0}
.phone .item .videos{left:5.5%}
.item .videos1{bottom:15.3%;}
.item .videos2{bottom:62.9%;}
.item .videos3{bottom:11.6%;}
.item .videos4{bottom:15.1%;}
.item .videos5{bottom:17.5%;}
.item .videos6{bottom:17.6%;}
.item .videos>img{position:absolute;width:10%;top:0;bottom:0;left:0;right:0;margin:auto}
.item .videos>.video-box{width:100%!important;height:100%!important;position: absolute;top:0;left:0}
.item .gifs,/* gif动图 */
.item .dialog-link,
.item .item_link {
    position: absolute;
}
/* 弹窗按钮 */
.item .item_link {
    width: 6.54rem;
    /* height: 0.7rem; */
    left: 3.57rem;
    top: 8rem;
    cursor: pointer
}
/* 移动端 */
.phone .container {
    padding-bottom: 2.9rem;
}
.phone .item>div{
  text-align:center
}
.phone .item>div>img{
  width:95%
}
/* 弹窗 */
.o-modal {
    display: none;
    background: rgba(0, 0, 0, .7);
    color: #333;
    width: 100%;
    height: 100%;
}

.o-modal-dialog {
    margin: 0;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100%;
    max-width: 100%;
}

.o-modal-content {
    font-size: .2rem;
    border-radius: .04rem;
    background: transparent;
    padding: .6rem .25rem;
}

.o-modal-body {
    font-size: .18rem;
    padding: 0;
    width: 100%;
    max-width: 10.4rem;
    margin: 0 auto;
}

.o-modal-body>img {
    width: 100%;
    display: none;
}

.o-modal-footer {
    text-align: center;
    border-top: 0;
    padding: 0;
    padding-top: 1rem;
    padding-bottom: .6rem;
}

.o-modal-footer i {
    line-height: 1rem;
    font-size: 1rem;
    color: #FFFFFF;
    cursor:pointer
}

.phone .o-modal-body {
    padding: .25rem;
    min-width: 6.5rem;
}