/* box */
#box{width:100%;height:31.333333vw;position:relative;overflow:hidden; background:rgb(20,20,20)}
#pic_list{position:absolute;z-index:1;width:100%;}
#pic_list li{position:absolute;left:0;top:0; opacity:0; fliter:alpha(opacity=0); z-index:1; width:100%;}
#pic_list li img{width:100%;z-index:1;background:rgba(20,20,20,.1);min-height:100%}

.bottom-mask {height:31.666666vw;width: 100%;position: absolute;left: 0;top: 0;background-image: linear-gradient(180deg,rgba(0,0,0,0),#141414);z-index:5;}

#text_list{position:absolute;bottom:0;left:0;white-space:nowrap;text-overflow:ellipsis;z-index:6;}

#text_list .info-wrap{bottom:25px;
    animation-name: info-wrap-ani-ea7fca22;
    animation-duration: .5s;
    animation-direction: alternate;
    animation-delay: 3s;
    animation-timing-function: ease-out;
    animation-iteration-count: 1;
    animation-fill-mode:forwards;position:absolute;overflow:hidden;word-wrap:wrap;width:600px; /* calc(50vw - .5 * 180px - 58px) */; 
    position: absolute;
    left: calc(180px + 22px);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 7;
}
#text_list .info-wrap .bottom {margin-top:25px;height:52px;width:300px}
#text_list .info-wrap .bottom .look-positive-btn {width:152px;height:52px;  background: rgba(255,255,255,.15);border-radius:33.6px;display:inline;align-items: center;justify-content: center;padding:15px 30px;font-size:24px}
#text_list .info-wrap .bottom  .voice-switch{height:52px;margin-left:10px;cursor:pointer;display:inline;}
#text_list a{display:none;height:100%;width:100%;color:#fff;font-family:"Microsoft YaHei";font-size:16px;font-weight:normal;text-decoration:none;}
#text_list .show{display:block;height:100%;width:100%}
#text_list .title{font-size:54px;font-weight: 700;cursor: pointer;width:600px;overflow:hidden; text-overflow: ellipsis;    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;}

#ico_list{position:absolute;bottom:25px;right:60px;width:625px;overflow:hidden;height:170px;z-index:14;}
#ico_list ul{width:1300px;position:absolute;left:0;top:0;}
#ico_list li{width:105px;float:left;list-style-type:none;}
#ico_list li a span {height:30px;line-height:30px;display:inline;color:#9c9c9c;}
#ico_list li a{width:92px;height:160px;display:block;text-align:center}
#ico_list li a img{opacity:0.7;filter:alpha(opacity=70);border-bottom:4px solid rgba(255,255,255,.3);background:rgba(0,0,0,1);border-radius:6px;height:130px;width:92px;}
#ico_list .active img, 
#ico_list li:hover img{opacity:1;filter:alpha(opacity=100); border-bottom:4px solid #fff;background:rgba(0,0,0,1);}
#ico_list .active a span, #ico_list li:hover a span{color:#fff}
/* #ico_list .active{background:url(../img/a_hover.gif) no-repeat center 0;} */
.btn{background:url(../img/btn.gif) no-repeat;height:38px;width:38px;position:absolute;bottom:100px;opacity:0.5;filter:alpha(opacity=50);cursor:pointer;z-index:15;}
.btn:hover,.showBtn:hover{opacity:1;filter:alpha(opacity=100);}
.showBtn{opacity:0.5;filter:alpha(opacity=50);cursor:pointer;z-index:15;}
#btn_prev{right:690px;}
#btn_next{right:25px;background-position:right 0;}