a{text-decoration:none!important}
.rightbar{background-color:#ffffff; position:fixed;top:60%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:5;-webkit-box-shadow:0 0 10px #e1e1e1;box-shadow: 0px 0px 5px rgba(0,0,0,0.3); border-radius: 7px 0px 0px 7px}

/*box*/
.rightbar .box{height:55px;width:90px;color:#111;font-size:12px;padding:10px 6px;text-align:center;border-top:1px solid #eee;cursor:pointer;position:relative; }
.rightbar .box i{font-size:20px}
.rightbar .box:hover{background-color:#4d86f1}
.rightbar .box:hover>*{color:#fff}
.rightbar .box:hover a>*{color:#fff}

.rightbar .box .fix{position:absolute;right:90px;top:-20px;dbackground-color:#fff; transition: 1.5s; opacity: 0; pointer-events: none; }
.rightbar .box:hover .fix{opacity: 1;}
.rightbar .box .fix img{width:120px;height:120px}
/*box*/

/*box1*/
.rightbar .box1{height:55px;width:90px;color:#111;font-size:12px;padding:10px 6px;text-align:center;cursor:pointer;position:relative; border-radius: 7px 0px 0px 0px; display:flex;  }
.rightbar .box1 i{font-size:18px; float:left; align-self:center;color:#545454; }
.rightbar .box1 p{margin-left:4px; font-size:13px; float:left; align-self:center; color:#545454; }
.rightbar .box1:hover{background: linear-gradient(to right, #242f4f,#1e263cbf); }
.rightbar .box1:hover>*{color:#fff}

.rightbar .box1 .fix{ position:absolute;right:95px;top:0px; transition: 1.2s; opacity: 0; pointer-events: none;  box-shadow: 0px 0px 5px rgba(0,0,0,0.5); }
.rightbar .box1:hover .fix{opacity: 1; }
.rightbar .box1 .fix img{border:1px; width:240px;height:80px}
/*box1*/

/*box2*/
.rightbar .box2{height:55px;width:90px;color:#111;font-size:12px;padding:10px 6px;text-align:center;cursor:pointer;position:relative; display:flex; /*border-top: 1px dashed #b6b6b6;*/ animation: twinkle1 1.2s infinite alternate;}
.rightbar .box2 i{margin-left:2px; font-size:18px; float:left; align-self:center; color:#545454; }
.rightbar .box2 p{margin-left:4px; font-size:13px; float:left; align-self:center; color:#545454;}
.rightbar .box2:hover{background: linear-gradient(to right, #242f4f,#1e263cbf); animation-play-state: paused; }
.rightbar .box2:hover>*{color:#fff}

/*box2*/

/*box3*/
.rightbar .box3{height:55px;width:90px;color:#111;font-size:12px;padding:10px 6px;text-align:center;cursor:pointer;position:relative; display:flex; /*border-top: 1px dashed #b6b6b6;*/}
.rightbar .box3 i{margin-left:2px; font-size:18px; float:left; align-self:center; color:#545454}
.rightbar .box3 p{margin-left:4px; font-size:13px; float:left; align-self:center; color:#545454}
.rightbar .box3:hover{background: linear-gradient(to right, #242f4f,#1e263cbf);}
.rightbar .box3:hover>*{color:#fff}

.rightbar .box3 .fix{ top:0;right:95px; width:220px; height:55px; padding:8px;line-height:20px;position:absolute;right:95px;top:0px; transition: 1.2s; opacity: 0; pointer-events: none; background-color:#1e263c;  box-shadow: 0px 0px 5px rgba(0,0,0,0.5); }
.rightbar .box3 .fix p{color:#ffffff; }
.rightbar .box3:hover .fix{opacity: 1;}

/*box3*/

/*box4*/

.rightbar .box4{height:55px;width:90px;color:#111;font-size:12px;padding:10px 6px;text-align:center;cursor:pointer;position:relative; display:flex; /*border-top: 1px dashed #b6b6b6;*/}
.rightbar .box4 i{margin-left:2px; font-size:18px; float:left; align-self:center; color:#545454}
.rightbar .box4 p{margin-left:4px; font-size:13px; float:left; align-self:center; color:#545454}
.rightbar .box4:hover{background: linear-gradient(to right, #242f4f,#1e263cbf); }
.rightbar .box4:hover>*{color:#fff}

/*box4*/

/*box5*/
.rightbar .box5{height:55px;width:90px;color:#111;font-size:12px;padding:10px 6px;text-align:center;cursor:pointer;position:relative; display:flex;}
.rightbar .box5 i{margin-left:2px;font-size:18px; float:left; align-self:center;color:#545454}
.rightbar .box5 p{margin-left:4px; font-size:13px; float:left; align-self:center; color:#545454}
.rightbar .box5:hover{background: linear-gradient(to right, #242f4f,#1e263cbf);}
.rightbar .box5:hover>*{color:#fff}

.rightbar .box5 .fix{ position:absolute;right:95px;top:0px; transition: 1.2s; opacity: 0; pointer-events: none;  box-shadow: 0px 0px 5px rgba(0,0,0,0.5); }
.rightbar .box5:hover .fix{opacity: 1;}
.rightbar .box5 .fix img{border:1px; width:240px;height:80px}
/*box5*/

/*box6*/

.rightbar .box6{color:#111;font-size:12px;padding:10px 6px;text-align:center;cursor:pointer;position:relative; display:flex;  /*border-top: 1px dashed #b6b6b6;*/}
.rightbar .box6 .arrow{align-self:center; text-align:center;  color:#545454}
.rightbar .box6 i{ align-self:center; text-align:center; margin-left:45%; color:#545454}
.rightbar .box6 .arrow img{ 
	width: 15px !important;
	vertical-align: middle;
	color: #868686;
	height: 10px;
}
.rightbar .box6:hover{background: linear-gradient(to right, #242f4f,#1e263cbf); border-radius: 0px 0px 0px 7px; }
.rightbar .box6:hover>*{color:#fff}

/*box6*/

.rightbar .box.tel .fix{top:0;width:200px;padding:10px;line-height:2rem;background-color:#4d86f1}
.rightbar .box.tel .fix p{color:#fff}
.rightbar .box.bili img{width:140px;height:140px} 



.book-wrap{display:none;position:absolute;height:100%;width:100%;padding-top:4%;z-index:9999999;left:0;top:0}
.book-wrap .bg{opacity:.7;position:fixed;left:0;top:0;width:100%;height:100%;overflow:hidden;-webkit-user-select:none;z-index:1024;background:#666}
.book-wrap .box{position:fixed;width:100%;outline:0;z-index:1024}
.book-wrap .box .dialog{box-shadow:0 0 8px rgb(0 0 0 / 10%),0 0 256px rgb(255 255 255 / 30%);position:relative;background-color:#fff;border:1px solid #999;border-radius:6px;outline:0;background-clip:padding-box;font-family:inherit;font-size:14px;line-height:1.428571429;color:#333;width:430px;margin:0 auto}
.book-wrap .box .dialog .bookcontent{display:inline-block;position:relative;vertical-align:middle;text-align:left}
.book-wrap .box .dialog .bookcontent .hd{width:100%}
.book-wrap .box .dialog .bookcontent .hd a{background:url(../images/icon-close.png) no-repeat center;cursor:pointer;display:block;height:30px;position:absolute;right:15px;top:12px;width:30px}
.book-wrap .box .dialog .bookcontent .bd{padding:20px 50px;display:flex;flex-wrap:wrap}
.book-wrap .box .dialog .bookcontent .bd .title{color:#818181;line-height:20px;padding:5px 0 15px}
.book-wrap .box .dialog .bookcontent .bd input{width:100%;background-color:#fff;border:1px solid #c6c9cc;display:block;font-size:12px;line-height:1.42857;padding:6px 42px 6px 10px;margin-bottom:20px}
.book-wrap .box .dialog .bookcontent .bd .select{margin-bottom:20px}
.book-wrap .box .dialog .bookcontent .bd .clear{color:red;font-size:12px;height:24px;line-height:24px}
.book-wrap .box .dialog .bookcontent .bd .button{background-color:#1d83f4;border:0;color:#fff;cursor:pointer;display:block;font-size:14px;height:36px;line-height:36px;margin-top:6px;text-align:center;width:100%}
.book-wrap .box .dialog .bookcontent .bd .bar{color:#818181;font-size:12px;padding:5px 0;text-align:center;width:100%}



        @keyframes twinkle {
            0%{
                opacity:1;
				color:#ca2206;
            }
			50%{
                opacity:1;
				color:#15325d; 

            }
            100%{
                opacity:1;
				color:#ffb400; 

            }
        }

        @keyframes twinkle1 {
            0%{
				color:#ffffff;
            }
            100%{
                background: linear-gradient(to right, #d18905, #eeae37); 

            }
        }

.wxhk{text-align:center;}