.wrap-pop {position: fixed; left: 0; bottom: -100%; z-index: 1001; width: 100%; background: #34b766; color: #fff; transition: .6s;}
.wrap-pop.on {bottom: 0;}
.wrap-pop .container {position: relative; max-width: 1600px; font-size: 0;}
.wrap-pop ul {overflow: hidden; max-height: 110px; padding-right: 1.5%;}
.wrap-pop .slider li {position: relative; float: left; width: 50%; padding: 22px .9%; background: url('../images/line-pop.png') no-repeat right center; text-align: center;}
.wrap-pop .slider li.slick-current+li {background: none;}
.wrap-pop .slider li .text a {position: relative; color: #fff;}
.wrap-pop .slider li .text a:after {content: ''; position: absolute; left: 0; bottom: -2px; width: 0; height: 1px; background: #fff; transition: 0s;}
.wrap-pop .slider li .text a:hover:after {width: 100%; transition: .4s;}
.wrap-pop .slider .more {position: absolute; right: 6%; top: 23px; background: url('../images/arrow-pop.png') no-repeat 8px center; border: 1px solid rgba(255,255,255,.3); font-size: 0;width:40px;height:40px;}
/*
.wrap-pop .slider .more {position: absolute; right: 6%; top: 25px; padding: 10px 50px 10px 15px; background: url('../images/arrow-pop.png') no-repeat right center; border: 1px solid rgba(255,255,255,.3); font-size: 17px; color: rgba(255,255,255,77);}
*/
.wrap-pop .slider .more:hover {background: rgba(0,0,0,.5) url('../images/arrow-pop.png') no-repeat 8px center; }
.wrap-pop .text {overflow: hidden; width:calc(100%); font-family: 'Noto Regular'; font-size: 19px; color: #fff; white-space: nowrap; text-overflow: ellipsis;}
.wrap-pop .prevnext {position: absolute; top: 52%; z-index: 1;  width: 20px; height: 30px; transform: translate(0, -50%); background: url('../images/arrow-pop-banner.png') no-repeat; text-indent: -99999px;}
.wrap-pop .prev {left: 10px; background-position: left top; transition: .4s;}
.wrap-pop .prev:hover {background-position: right top;}
.wrap-pop .next {right: 10px; background-position: left bottom; transition: .4s;}
.wrap-pop .next:hover {background-position: right bottom;}
.wrap-pop .control-box {position: absolute; right: 0; bottom: 100%; padding: 10px 20px; background: #15171b; color: #fff;}
.wrap-pop .control-box .num,
.wrap-pop .control-box .playstop,
.wrap-pop .control-box .today {display: inline-block; vertical-align: middle;}
.wrap-pop .control-box .num {font-family: 'Mont Medium'; font-size: 14px;}
.wrap-pop .control-box .slash {padding: 0 10px;}
.wrap-pop .control-box .today {font-size: 16px; color: #fff;}
.wrap-pop .control-box .playstop {padding: 0 10px 0 15px;}
.wrap-pop .control-box .playstop button {width: 10px; height: 13px; text-indent: -9999px;}
.wrap-pop .control-box button.play {display: none; background: url('../images/btn-pop-play.png') no-repeat center center;}
.wrap-pop .control-box button.play.on {display: block;}
.wrap-pop .control-box button.stop {display: none; background: url('../images/btn-pop-stop.png') no-repeat center center;}
.wrap-pop .control-box button.stop.on {display: block;}
.wrap-pop .control-box .today .close {width: 25px; height: 16px; background: url('../images/btn-pop-close.png') no-repeat center center; text-indent: -99990px;}
.wrap-pop .no-data {font-family: 'Noto Regular'; font-size: 20px; color: #fff; text-align: center;}

@media all and (max-width: 1400px) {
    .wrap-pop ul {padding-right: 0.5%;}
}

@media all and (max-width: 1100px) {
    .wrap-pop .slider li {background: none;}
	.wrap-pop .slider .more{display:none;}
	.wrap-pop .text {width:100%;text-align:center;}
    .wrap-pop .prev {left: 10px;}
    .wrap-pop .next {right: 10px;}
}

@media all and (max-width: 760px) {
    .wrap-pop ul {max-height: 62px;}
    .wrap-pop .text {font-size: 15px;}
    .wrap-pop .no-data {font-size: 15px; padding: 16px 0;}
    .wrap-pop .slider li {padding: 16px .3%;}
    .wrap-pop .slider .more {padding: 5px 50px 5px 15px; top: 10px; font-size: 15px;}
}