.hide-ff-frame{float: left; width: 440px} .hide-ff-fr-fd{position:relative; width: 420px; height: auto; margin: 20px 10px 0 10px; top:0} .hide-ff-box{width: 420px; height: auto;float:none; margin: 0} .hide-ff-fr-btn{position:relative; width: 410px; top:0} .hide-ff-fr-btn button{ width: 100px; padding: 5px; height: 40px; font-size: 14px; border: 1px solid #202124; margin: 16px 10px 0 0; border-radius: 4px; cursor: pointer; } .bg-color-ye{background-color: #FFBE7A} .miguyu-dialog-1{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(9, 9, 9, 0.75); z-index: 2000; display: none } .dialog-fr{width: 100%;height: 100%;background-color: rgba(9, 9, 9, 0); position: fixed;top: 0;left: 0; z-index: 2001;} .hot-bang {width: 1010px;height: 620px; background-color: #fefefe; border: none;border-radius: 10px;position: fixed;top:50%;left: 50%;margin-top: -310px;margin-left: -500px;z-index: 2002} .hot-bang .hot-panel-all{width: 100%; height: 100%} .hot-frame-top{width: 100%; height: 59px; border-bottom: 1px solid #eeeeee} /*43px */ .hot-frame-top-lt{float: left; width: 32px; height: 32px} .hot-frame-top-tit{float: left; text-align: center; width:946px; height: 32px} .hot-frame-top-rt{float: left; margin-right: 6px;width: 24px;line-height: 32px; font-size: 24px; color: #333333; cursor:pointer} .hot-frame-card-type{width:990px; height: 29px; margin: 0 auto} /*background: #ffffff;border:1px solid #999999; border-radius: 6px; */ .hot-type-btn-set{background-color: #fefefe; display: inline-block; outline: none;border: none; resize: none; margin:0 10px; font-size: 16px; color:#333333; width: auto; min-width: 36px;text-align: center;cursor: pointer; height: 27px} /* .hot-type-btn-set:hover{background: #eeeeee; animation: anniu 1s infinite} */ .hot-type-btn-set.active{color:#34ABFA; border-bottom:2px solid #34ABFA;} .hot-type-btn-set:hover{color:#34ABFA;} body{z-index: -1} .bg-mask{position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: -1} .hot-frame-card-type span{font-size: 16px} .hot-frame-card-type span a:hover{text-decoration: underline; color: #34ABFA} .f-size-30{font-size: 30px} .f-size-18{font-size: 18px} .f-size-16{font-size: 16px} .f-size-14{font-size: 14px} .wx-qrcode-fr{text-align: center; width: 100%; height: 242px; margin: 4px 0} .color-green{color: #01be0a} .color-blue{color: #34ABFA} #backModel{z-index: 2005} .bk-img-top{width: 100%; margin-top: 10px; margin-bottom: 24px} .bk-demo-img-fr{width: 233px; height: 125px; position: relative} .bk-demo-img{width: 225px;height: 123px} .bk-demo-img img{border: 2px solid #666666;border-radius: 5px;width: 225px;height:123px;background-size: cover;-webkit-background-size: cover;-o-background-size: cover;} .bk-img-btn{position: absolute; left: 0; right: 0; bottom: 10px; width: 100%; text-align: center} .bk-img-btn button{width: 100px; font-size: 14px;cursor: pointer;padding:4px 6px;color: #2386ea} .bk-img-btn button:hover{color: #62affe} .hot-frame-left{ width: 208px; /*198px ul 186px */ height: 560px; float: left; border-right: 1px solid #eeeeee; } .hot-frame-left ul{width: 196px; margin: 8px 6px 0 6px} .hot-frame-left li{line-height: 40px; color: #444444; font-size: 14px; padding: 0 0 0 4px} .hot-frame-left li i{padding-left: 8px; font-style: normal} .hot-cat-tit{display: inline-block; width: 112px} .hot-frame-left li:hover{color: #FFBE7A; cursor: pointer} .hot-frame-left li.active{background-color: #FF6700; color: #ffffff} .hot-fav-updown{display: inline-block; line-height: 40px; width: 20px} .hot-up-down{width: 20px; font-size: 18px; padding: 0 4px 0 0} .hot-frame-rt{width: 800px; height: 560px; float: left} .hot-descrip{width: 780px; margin: 0 10px; height: 39px;border-bottom: 1px solid #eeeeee} .hot-descrip .hot-des-lf{width: 360px; font-size: 16px; line-height: 40px; height: 40px} .hot-des-img-fr {width: 24px; height: 24px; margin: 6px 0 8px 0; float: left} .hot-des-img-fr img{width: 24px; height: 24px; border-radius: 3px} .hot-des-lf span{display:inline-block; width: 330px; padding: 0 0 0 6px; line-height: 40px} .hot-list-fr{width: 100%; min-height: 510px; max-height: 510px; height: auto; overflow-y:scroll; background-color: #fefefe} .hot-info-text{width: 768px; height: 30px; margin: 6px 0; padding: 0 6px; line-height: 30px; font-size: 14px; color: #333333} .hot-info-text a:hover{color: #34ABFA} .hot-info-order{width: 28px; float: left; text-align: center; padding:2px; line-height: 28px} .hot-info-order span{display:inline-block; width: 18px; line-height: 18px; min-width: 18px; padding: 2px; border: 1px solid #dddddd; background-color: #e0e0e0; border-radius: 4px} .hot-info-title{width: 618px; padding: 0 2px 0 4px;float: left; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;} .hot-info-rd{width: 108px; float: left; text-align: right;font-size: 12px;color: #999999} .hot-color-1{color: #fe2d46;} .hot-color-2{color: #ff6600} .hot-color-3{color: #faa90e} .txt-wea-now{position: absolute;right: 0; top:0;margin-top: 4px; min-width: 160px; font-size: 16px; display: flex;flex-wrap: wrap;justify-content: center; cursor: pointer } .txt-wea-now-c{color: #9d9d9d; padding: 4px 4px; line-height: 20px} .txt-wea-now-p{color: #9d9d9d; padding: 4px 4px 0 4px} .txt-wea-now-p img{width: 20px; height: 20px} .weather-dialog{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(9, 9, 9, 0.2);z-index: 1900; display: none} .dialog-wea-fr{width: 100%;height: 100%;background-color: rgba(9, 9, 9, 0); position: fixed;top: 0;left: 0; z-index: 1901;} .hi-weather {width: 380px;height: 600px; background-color: rgba(9, 9, 9, 0); border: none;border-radius: 6px;position: fixed;top:0;right: 0;z-index: 1902} .hi-weather .hot-panel-all{width: 100%; height: 100%} .wea-frame-top{width: 100%; height: 34px; background-color: transparent; opacity: 0; cursor: pointer} /*43px */ .wea-frame-mid{width: 100%; height: 520px; background-color: #F2F2F2; border-radius: 8px; background-image: linear-gradient(45deg,#211e22 20%,#383a3e); } .wea-mid-fr-tq{width: 348px; height: 100%; padding: 0 16px; color: #FFFFFF} .wea-mid-top{width: 100%; height: 40px;padding-top: 6px} .wea-mid-top-lt{float: left; width: 324px; height: 32px; font-size: 16px} .wea-mid-top-rt{float: left; padding: 0;width: 24px;line-height: 24px; font-size: 20px; color: #FFFFFF; cursor:pointer} .wea-mid-cli-fr{width: 100%; height: 60px} .wea-mid-cli-fr-lt{width: 90px; line-height: 60px; font-size: 56px; float: left} .wea-mid-cli-fr-rt{padding-left:20px; width: 220px; height: 60px; float: left } .wea-mid-cli-fr-rt p{line-height: 30px; font-size: 14px} .wea-mid-cli-fr-rt p img{width: 20px; height: 20px} .wea-mid-cli-demo{width: 100%; line-height:30px; margin:0 0; font-size: 12px} .wea-mid-24h-fr{width: 100%; height: 80px;padding: 0; margin-top: 8px; white-space: nowrap; overflow: hidden;} .wea-hours-scroll{/*transform: translateX(-30%);*/width: 100%; height: 97px; overflow-x: auto; overflow-y: hidden;} .wea-hours-drag{width: 100%; cursor: grab; height: 80px;user-select: none;} .wea-hours-drag:active {cursor: grabbing; } .wea-hour{width: 36px; text-align: center; font-size:12px; color: #ffffff; padding: 4px 6px; display: inline-block} .wea-hour:hover{background-color: rgba(90, 90, 90, 0.2);} .wea-hour-time{width: 100%; line-height: 24px;} .wea-hour-icon{width: 100%; height: 20px;} .wea-hour-icon img{width: 20px;height: 20px; pointer-events:none;} .wea-mid-days-fr{width: 100%; height:240px; margin-top: 2px} .wea-day{width: 340px; line-height: 20px; height: 20px; font-size: 14px; padding: 6px 4px} .wea-day:hover{background-color: rgba(90, 90, 90, 0.2);} .wea-day-time{float: left; width: 120px} .wea-day-time span{padding-left:6px; color: #a0a0a0} .wea-day-icon{float: left; width: 26px} .wea-day-icon img{width: 20px;height: 20px} .wea-day-wea{float: left; width: 70px} .wea-day-cli-lt{float: left; width: 30px; text-align: right} .wea-day-cli-rt{float: left; width: 30px; text-align: left} .wea-day-sla{float: left; width: 15px; text-align: center; color: #a0a0a0} .wea-day-qua{float: left; width: 45px; text-align: right} .wea-bot-info{width: 336px; text-align: center; position:relative; bottom: 0; margin-bottom: 4px; font-size: 12px} .wea-bot-info a{color: #FFFFFF} .wea-mid-fr-city{width: 100%}