*,body,html{margin:0}input::-ms-clear{width:0;height:0}body{min-width:1200px;width:100%;overflow:auto;font-size:14px}.modalShow{overflow:hidden}*,:after,:before{box-sizing:border-box}a:hover,a:link,a:visited{text-decoration:none}a:focus{outline:0}li,ul{list-style-type:none}ul{padding-left:0}.displayPc{display:block}.displayMob{display:none}.container{width:1200px;margin:0 auto}.banner{width:100%;height:562px;background:url(/images/index/banner.jpg) center center/cover no-repeat}.banner .logo{display:flex;padding:16px 0 0 0;align-items:center}.banner .banner-tit{padding-top:142px;text-align:center;line-height:100%;font-size:38px;color:#0e156a;font-weight:400}.banner .banner-txt{padding-top:42px;line-height:100%;font-size:16px;color:#0e156a;text-align:center}.banner .banner-txt span{font-weight:700}.banner .banner-input{width:660px;height:48px;margin:48px auto 0;border-radius:24px;background:#fff;display:flex;cursor:pointer}.banner .banner-input label{width:140px;line-height:48px;padding-left:30px;color:#333;font-size:14px}.banner .banner-input label::after{content:"";display:inline-block;background:url(/images/index/banner-arrow.jpg);width:14px;height:12px;margin-left:10px}.banner .banner-input input{width:450px;height:48px;outline:0;border:none;padding:0;font-size:14px}.banner .banner-input .search{display:inline-block;width:48px;height:48px;background:url(/images/index/search.png) no-repeat center center}#cover{position:fixed;left:0;top:0;background:rgba(0,0,0,.5);width:100%;height:100%;display:none;z-Index:10}#modal{position:fixed;width:480px;height:470px;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;display:none;border-radius:8px;z-Index:19}#close{position:absolute;right:18px;top:10px;width:30px;height:30px;cursor:pointer;background:url(/images/index/close.png) center center/cover no-repeat}.modal-con{padding:0 22px 25px 22px}.modal-con .modal-tit{width:248px;height:44px;margin:-15px auto 0;font-size:24px;color:#fff;font-weight:700;text-align:center;line-height:44px;background:url(/images/index/modal-tit.png) center center/cover no-repeat}.modal-con .modal-txt{line-height:36px;font-size:16px;color:#999;padding:30px 0 24px 0}.modal-con .modal-jys{border-bottom:1px solid #e5e5e5}.modal-con .modal-jys span{display:inline-block;padding:0 0 15px 0;line-height:100%;font-size:16px;color:#333;font-weight:700;position:relative}.modal-con .modal-jys span::after{position:absolute;content:"";left:0;bottom:0;width:100%;height:4px;background:linear-gradient(90deg,#da483f,#ff6d6d)}.modal-con .modal-list-box{padding-top:20px;display:flex;justify-content:space-between;flex-flow:row wrap}.modal-con .modal-list-box .modal-list{width:208px;height:106px;background:url(/images/index/modal-list-bg.png) center center/cover no-repeat;position:relative;margin-bottom:20px}.modal-con .modal-list-box .modal-list a{display:flex;align-items:center;width:100%;height:100%;justify-content:center}.modal-con .modal-list-box .modal-list a .modal-icon{position:absolute;right:0;top:0;display:inline-block;min-width:70px;height:24px;line-height:24px;font-size:14px;color:#fff;padding:0 4px 0 6px;text-align:right;border-top-right-radius:4px;border-bottom-left-radius:10px;background:#fc3d24 url(/images/index/icon-modal.png) top left no-repeat}.modal-con .modal-list-box .modal-list a p{font-size:20px;font-weight:700;color:#333}.modal-con .modal-list-box .modal-list a img{vertical-align:middle;margin:0 10px 4px 0}.box-tit{padding:38px 0 38px 0;text-align:center}.box-tit p{line-height:100%;font-size:36px;color:#000;font-weight:600;position:relative;padding-bottom:20px}.box-tit p::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:inline-block;width:80px;height:4px;background:linear-gradient(90deg,#ed8d24,#fc3d24)}.box-tit .update-time{font-size:14px;color:#999;line-height:24px;margin-top:10px}.list{display:flex;justify-content:space-between;width:1212px;height:238px;margin-left:-6px;margin-bottom:38px;padding:6px 0;background:url(/images/index/list-bg.png) center center/cover no-repeat}.list:last-child{margin-bottom:96px}.list .list-left{position:relative;width:280px;height:226px}.list .list-left .icon{position:absolute;left:0;top:0;display:inline-block;width:56px;height:26px;line-height:26px;font-size:16px;color:#fff;padding-left:4px;background:url(/images/index/list-icon.png) no-repeat;z-index:2}.list .list-left .icon-suggest{position:absolute;left:42px;top:0;display:inline-block;min-width:206px;height:26px;line-height:24px;font-size:14px;color:#fff;padding-left:16px;padding-right:8px;border-bottom-right-radius:10px;background:#b7b5ca url(/images/index/icon-suggest.png) top right no-repeat;z-index:1}.list .list-left a{display:flex;align-items:center;width:100%;height:100%;justify-content:center}.list .list-center{width:666px;padding:20px 36px 0 36px}.list .list-center .center-tit{line-height:24px;font-size:20px;color:#333;font-weight:700;padding-bottom:12px;display:flex;align-items:center}.list .list-center .center-tit a{color:#333}.list .list-center .center-tit .chatRoom{display:inline-flex;align-items:center;margin-left:10px;background:linear-gradient(0deg,#f56629,#ff9061);border-radius:4px}.list .list-center .center-tit .chatRoom .chatTag{font-size:14px;font-weight:700;color:#fff;margin-right:10px}.list .list-center .center-tit .musicalNote{display:inline-flex;align-items:flex-end;width:16px;height:12px;margin-left:10px;margin-right:6px}.list .list-center .center-tit .musicalNote.active i:nth-of-type(1){-webkit-animation:mywave .3s linear infinite;animation:mywave .3s linear infinite;margin-left:0}.list .list-center .center-tit .musicalNote.active i:nth-of-type(2){-webkit-animation:mywave .7s linear infinite;animation:mywave .7s linear infinite}.list .list-center .center-tit .musicalNote.active i:nth-of-type(3){-webkit-animation:mywave .5s linear infinite;animation:mywave .5s linear infinite}.list .list-center .center-tit .musicalNote i{width:3px;float:left;margin-left:3px;background-color:#fff;height:12px}.list .list-center .center-tit .musicalNote i:nth-of-type(1){margin-left:0}.list .list-center .center-tit .musicalNote i:nth-of-type(2){height:6px}.list .list-center .center-txt{line-height:30px;font-size:14px;color:#999;padding-bottom:20px}.list .list-center .center-txt a{color:#196ffc}.list .list-center .center-tags{display:flex;align-items:center}.list .list-center .center-tags span{margin-right:20px;background:url(/images/index/tag-bg.png) no-repeat,linear-gradient(280deg,#90c1fc,#a3d5fe,#b0defd,#c1e8fe);border-radius:4px;font-size:14px;color:#333;line-height:24px;padding:4px 14px 4px 6px}.list .list-right{width:266px;position:relative;padding:20px 0 0 0;text-align:center}.list .list-right::before{position:absolute;content:"";left:0;top:12px;width:1px;height:181px;background:url(/images/index/line.png) no-repeat}.list .list-right .right-tit{line-height:24px;font-size:18px;color:#333;font-weight:700;padding-bottom:10px}.list .list-right .right-txt{line-height:30px;font-size:14px;color:#666;padding-bottom:12px}.list .list-right .right-txt span{color:red}.list .list-right .right-btn{display:block;width:161px;height:36px;text-align:center;line-height:36px;font-size:16px;color:#fff;border-radius:20px;margin:0 auto;background:url(/images/index/list-btn.png) no-repeat;transition:all .5s}.list .list-right .right-btn:hover{background:url(/images/index/list-btn-hover.png) no-repeat}@media (max-width:768px){.displayPc{display:none}.displayMob{display:block}html{font-size:26.66667vw;height:100%}}@media screen and (max-width:768px) and (max-width:320px){html{font-size:85.3px}}@media (max-width:768px){body{max-width:768px;min-width:320px;height:100%;overflow-x:hidden}.container{width:100%}.banner{width:100%;height:2.1rem;background:url(/images/index/mob/banner.png) center center/cover no-repeat}.banner .logo{padding:.25rem 0 0 .16rem;display:flex;align-items:center}.banner .logo img{height:.21rem;display:block}.banner .banner-tit{padding-top:.3rem;font-size:.2rem}.banner .banner-tit span{margin-right:.15rem}.banner .banner-txt{padding-top:.2rem;font-size:.12rem}.banner .banner-input{width:3.45rem;height:.36rem;margin:.13rem auto 0;border-radius:.18rem}.banner .banner-input label{width:1rem;padding-left:.12rem;line-height:.36rem;font-size:.12rem}.banner .banner-input label::after{margin-left:.1rem}.banner .banner-input input{width:1.9rem;height:.36rem;font-size:.12rem}.banner .banner-input .search{width:.36rem;height:.36rem;background:url(/images/index/mob/search.png) no-repeat center center;background-size:.2rem .2rem}.banner .search-tips{padding-top:.12rem;font-size:.09rem}.banner .search-tips a{margin-right:.04rem}.box-tit{padding:.2rem 0 .2rem 0}.box-tit p{font-size:.24rem;padding-bottom:.15rem}.box-tit p::after{width:.6rem;height:.03rem}.box-tit .update-time{font-size:.11rem;margin-top:.1rem;line-height:.18rem}.list{display:block;width:100%;height:auto;margin-left:0;margin-bottom:.21rem;padding:.15rem .15rem 0 .15rem;background:url(/images/index/mob/list-bg.png) center center no-repeat;box-shadow:0 0 7px 0 #ccc}.list:last-child{margin-bottom:.36rem}.list .list-top{display:flex}.list .list-top .list-l{position:relative}.list .list-top .list-l a{display:flex;justify-content:center;align-items:center;width:1.75rem;height:1.4rem}.list .list-top .list-l a img{width:1.75rem}.list .list-top .list-l .icon{position:absolute;left:0;top:0;display:inline-block;width:.23rem;height:.18rem;line-height:.18rem;font-size:.12rem;color:#fff;padding-left:.06rem;background:url(/images/index/mob/list-icon.png) top right/cover no-repeat;z-index:2}.list .list-top .list-l .icon-suggest{position:absolute;left:.18rem;top:0;display:inline-block;min-width:1.24rem;height:.18rem;line-height:.18rem;font-size:.1rem;color:#fff;padding-left:.06rem;padding-right:.08rem;border-bottom-right-radius:.04rem;background:#b7b5ca url(/images/index/mob/icon-suggest.png) top right no-repeat;z-index:1}.list .list-top .list-r{width:53.62319%;text-align:center}.list .list-top .list-r .right-tit{font-size:.15rem;color:#333;font-weight:700}.list .list-top .list-r .right-txt{line-height:.24rem;font-size:.12rem;color:#666;padding-bottom:.08rem}.list .list-top .list-r .right-txt span{color:red}.list .list-top .list-r .right-btn{display:block;width:1.3rem;height:.28rem;margin:0 auto;line-height:.28rem;font-size:.14rem;color:#fff;text-align:center;background:linear-gradient(90deg,#196bfc,#1a9bfc);border-radius:.14rem;background-size:100% 100%}.list .mid-tags{display:flex;align-items:center;padding:.12rem 0 .2rem 0}.list .mid-tags span{background:url(/images/index/mob/tag-bg.png) left center/contain no-repeat,linear-gradient(210deg,#90c1fc,#a3d5fe,#b0defd,#c1e8fe);border-radius:.02rem;font-size:.11rem;color:#333;line-height:.24rem;padding:0 .06rem 0 .04rem}.list .mid-tags span:not(:nth-last-of-type(1)){margin-right:.15rem}.list .list-bottom{padding:0 0 .2rem 0}.list .list-bottom .bottom-tit{line-height:100%;font-size:.15rem;color:#333;font-weight:700;padding-bottom:.13rem;display:flex;align-items:center;line-height:.18rem}.list .list-bottom .bottom-tit a{color:#333}.list .list-bottom .bottom-tit .chatRoom{display:inline-flex;align-items:center;margin-left:.07rem;background:linear-gradient(0deg,#f56629,#ff9061);border-radius:.02rem}.list .list-bottom .bottom-tit .chatRoom .chatTag{font-size:.11rem;font-weight:700;color:#fff;margin-right:.03rem}.list .list-bottom .bottom-tit .musicalNote{display:flex;align-items:flex-end;width:.1rem;height:.08rem;margin:0 .04rem 0 .04rem}.list .list-bottom .bottom-tit .musicalNote.active i:nth-of-type(1){-webkit-animation:mywave2 .3s linear infinite;animation:mywave2 .3s linear infinite;margin-left:0}.list .list-bottom .bottom-tit .musicalNote.active i:nth-of-type(2){-webkit-animation:mywave2 .7s linear infinite;animation:mywave2 .7s linear infinite}.list .list-bottom .bottom-tit .musicalNote.active i:nth-of-type(3){-webkit-animation:mywave2 .5s linear infinite;animation:mywave2 .5s linear infinite}.list .list-bottom .bottom-tit .musicalNote i{width:.02rem;float:left;margin-left:.02rem;background-color:#fff;height:.08rem}.list .list-bottom .bottom-tit .musicalNote i:nth-of-type(1){margin-left:0}.list .list-bottom .bottom-tit .musicalNote i:nth-of-type(2){height:.04rem}.list .list-bottom .bottom-txt{line-height:.24rem;font-size:.12rem;color:#999}.list .list-bottom .bottom-txt a{color:#196ffc}.list .watchMore{font-size:.14rem;line-height:.44rem;height:.44rem;text-align:center;color:#666;cursor:pointer;border-top:1px solid #ddd}.list .watchMore img{width:.135rem}#modal{position:fixed;width:3.45rem;height:3.2rem;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;display:none;cursor:pointer;border-radius:.04rem;z-Index:19}#close{position:absolute;right:.15rem;top:.06rem;width:.24rem;height:.24rem;background:url(/images/index/close.png) no-repeat;background-size:.24rem .24rem}.modal-con{padding:0 .1rem .24rem .1rem}.modal-con .modal-tit{width:1.73rem;height:.31rem;margin:-.106rem auto;font-size:.17rem;color:#fff;font-weight:700;text-align:center;line-height:.31rem;background:url(/images/index/mob/modal-tit.png) no-repeat;background-size:1.73rem .31rem}.modal-con .modal-txt{line-height:.21rem;font-size:.12rem;color:#999;padding:.25rem 0 .23rem 0}.modal-con .modal-jys span{display:inline-block;padding:0 0 .09rem 0;line-height:100%;font-size:.14rem;color:#333;font-weight:700;position:relative}.modal-con .modal-list-box{padding-top:.09rem;display:flex;justify-content:space-between}.modal-con .modal-list-box .modal-list{width:1.6rem;height:.82rem;background:url(/images/index/modal-list-bg.png) no-repeat;background-size:1.6rem .82rem;margin-bottom:.07rem}.modal-con .modal-list-box .modal-list a .modal-icon{position:absolute;right:0;top:0;display:inline-block;min-width:.48rem;height:.16rem;line-height:.16rem;font-size:.11rem;color:#fff;padding:0 .05rem 0 .05rem;text-align:right;border-top-right-radius:.02rem;border-bottom-left-radius:.05rem;background:#fc3d24 url(/images/index/icon-modal.png) top left no-repeat}.modal-con .modal-list-box .modal-list a img{margin:0 .07rem .02rem 0}.modal-con .modal-list-box .modal-list a p{font-size:.12rem!important}}@-webkit-keyframes mywave{0%{height:4px}50%{height:14px}100%{height:10px}}@keyframes mywave{0%{height:4px}50%{height:14px}100%{height:10px}}@-webkit-keyframes mywave2{0%{height:.02rem}50%{height:.08rem}100%{height:.05rem}}@keyframes mywave2{0%{height:.02rem}50%{height:.08rem}100%{height:.05rem}}