@charset "utf-8";

.quickMenu{position:fixed; right:-10rem; top:8.5rem; z-index:101; transition: right .2s; -webkit-transition: right .2s;}
.quickMenu .toggleBtn{position:absolute; left:-2rem; top:0.5rem; width:3.5rem; height:3rem; border-radius:0.75rem; padding-left:.5rem; background:rgba(0,0,0,0.7); box-shadow: 0 0 10px rgba(0,0,0,0.2); z-index:-1;}
.quickMenu .toggleBtn:before{content:"\e93c"; display:inline-block; color:#fff; line-height:3rem; font-size:1.2rem; font-family: 'xeicon';}
.quickMenu .inner {position: relative; background:#fff; border: 0.5rem solid #0077d1; border-radius:1.1rem; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.quickMenu h3{height: 2.5rem; line-height: 2.5rem; text-align:center; color:#0077d1; font-weight: 700; font-size:1rem; z-index:100;}
.quickMenu ul{padding:0.75rem 1rem; width:9rem; border-top:2px dotted #cacaca; visibility: hidden;}
.quickMenu li a{ position:relative; display:block; padding: 0.25rem 0 0.25rem 0.5rem; font-size: 0.75rem; color:#333; word-break: keep-all;}
.quickMenu li a:before{content:""; position:absolute; left:0; top:.7rem; width:.25rem; height:.25rem; border-radius:50%; background:#525c6e; }

.openPop .quickMenu{top:15rem;}
.quickMenu.active{right:1rem;}
.quickMenu.active ul{visibility :inherit;}
.quickMenu.active .toggleBtn:before{content:"\e93f";}

@media screen and (max-width: 1280px){
    .quickMenu{display:none;}
}