.sliders{width:100%;background:#f4f4f4;position:fixed;right:-100%;top:0;z-index:30;transition:all ease-out 0.3s;-moz-transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s}.sliders .bar_left{float:left;padding:20px;width:calc(100% - 70px);overflow-y:scroll;white-space:nowrap;height:100%}.sliders .bar_left .top_left{width:100%;clear:both;float:left}.sliders .bar_left .top_left li{position:relative;float:left;width:calc((100% - 10px) / 3);margin-right:3px;text-align:center;font-size:13px}.sliders .bar_left .top_left li a{position:absolute;top:0;left:0;width:100%;height:100%}.sliders .bar_left .top_left li .box_img{height:55px;margin-bottom:4px}.sliders .bar_left .top_left li .box_img img{width:100%;object-fit:cover}.sliders .bar_left .top_left li:last-child{margin-right:0}.sliders .bar_left .menumenu{width:100%;clear:both;float:left;border-top:1px solid #ccc;margin-top:20px;padding-top:20px}.sliders .bar_left .menumenu li{float:left;width:calc((100% - 10px) / 2);margin-bottom:10px;margin-right:10px}.sliders .bar_left .menumenu li a,.sliders .bar_left .menumenu li button{border:0;width:100%;clear:both;float:left;padding:10px 0;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:#fff;text-align:center;font-family:sans-serif;font-size:13px;color:#111;font-weight:700;text-align:center}.sliders .bar_left .menumenu li a.hits,.sliders .bar_left .menumenu li button.hits{background:#ff6c00;color:#fff}.sliders .bar_left .menumenu li:nth-of-type(even){margin-right:0}.sliders .bar_right{background:#0e3781;float:right;padding:10px 0 20px;width:70px;height:100%;position:relative;transition:all 0.3s}.sliders .bar_right .bar_top{float:left;width:100%}.sliders .bar_right .bar_top button{float:left;width:100%;cursor:pointer;opacity:.5;display:table;margin:0 auto;padding:10px 0;background:transparent;border:0}.sliders .bar_right .bar_top button img{display:block;margin:0 auto;margin-bottom:4px;width:24px;height:auto}.sliders .bar_right .bar_top button span{font-family:sans-serif;color:#fff;font-size:10px}.sliders .bar_right .bar_top button.active{opacity:.9}.sliders .bar_right .bar_bottom{position:absolute;bottom:20px;left:0;width:100%}.sliders .bar_right .bar_bottom li{text-align:center;margin-top:10px}.sliders .bar_right .bar_bottom li a{color:#fff;font-size:18px}.sliders .bar_left .menumenu:nth-child(4) li{margin-bottom:0}.sliders .bar_left .menumenu:nth-child(4) li a{background:0;border:0;padding:0}.sliders.show{right:0}.sliders .bar_left .user_info{width:100%;clear:both;float:left;margin:0 auto;padding:30px 0;border-bottom:1px solid #ccc;text-align:center}.sliders .bar_left .user_info .circle_img{width:140px;height:140px;display:block;margin:0 auto}.sliders .bar_left .user_info .circle_img img{width:100%;height:100%;object-fit:cover}.sliders .bar_left .user_go{width:100%;clear:both;float:left;margin-top:20px}.sliders .bar_left .user_go li{width:100%;clear:both;float:left;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;margin-bottom:10px}.sliders .bar_left .user_go li a{width:100%;clear:both;float:left;padding:10px 0;background:#fff;font-family:sans-serif;font-size:13px;font-weight:700;text-align:center;color:#111}.sliders .bar_left .tabcontent p{text-align:center;font-size:14px;width:100%;clear:both;float:left;color:#111;line-height:200%;margin:0 0 10px 0}.sliders .bar_left .tabcontent .apps{width:100%;clear:both;float:left;text-align:center}.sliders .bar_left .tabcontent .apps li{display:inline-block}.sliders .bar_left .tabcontent .apps li a{font-size:18px;width:40px;height:40px;display:block;margin:0 5px;background:#fff;padding:9px 0;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}.sliders .bar_left .menumenu.fullwidth li{width:100%;text-align:center}.sliders .bar_left .menumenu li button.night_bt{padding:10px;text-align:left}.sliders .bar_left .menumenu li button.night_bt img{float:right}