.online { position: fixed; right: 0; bottom: 0.96rem; z-index: 9999; }
.online .menu li { display: block; position: relative; width: 0.4rem; height: 0.4rem; line-height: 0.4rem; text-align: center; font-size: 0.2rem; color: #FFF; cursor: pointer; }
.online .menu li:first-child { background: #0762a9; }
.online .menu li:nth-child(2) { background: #009397; }
.online .menu li:nth-child(3) { background: #2E272F; }

.online .contact { position: absolute; right: 0; min-width: 2rem; background: #FFF; box-shadow: 0 0 0.08rem rgba(0, 0, 0, 0.1); border-top-left-radius: 0.02rem; border-bottom-left-radius: 0.02rem; overflow: hidden; }
.online .contact .title { position: relative; padding: 0 0.16rem 0 0.24rem; height: 0.56rem; background: #F0CE68; line-height: 0.56rem; color: #FFF; }
.online .contact .title i { display: block; position: absolute; top: 0; right: 0; width: 0.56rem; height: 0.56rem; line-height: 0.56rem; text-align: center; font-size: 0.24rem; cursor: pointer; }
.online .contact .list .qq li a { display: block; padding: 0 0.24rem; background: #F5F5F5; line-height: 0.4rem; }
.online .contact .list .qq li + li a { border-top: 0.01rem solid rgba(0,0,0,0.03); }
.online .contact .list .qq li a:hover { background: #272028; color: #FFF; }
.online .contact .list .qq li a i { position: relative; top: 0.03rem; margin-right: 0.04rem; font-size: 0.18rem; }
.online .contact .list .tel { padding: 0.16rem 0.24rem; border-top: 0.01rem solid rgba(0,0,0,0.05); line-height: 0.24rem; }
.online .contact .list .tel .subject { margin-bottom: 0.08rem; }
.online .contact .list .tel .subject i { position: relative; top: 0.03rem; margin-right: 0.04rem; font-size: 0.18rem; }
.online .contact .list .tel li a { display: block; padding: 0.04rem 0; border-top: 0.01rem solid rgba(0,0,0,0.03); line-height: 0.32rem; }

.online .qrcode { text-align: center; }
.online .qrcode .el-dialog__header { padding: 0; }
.online .qrcode .el-dialog__headerbtn { top: 0.04rem; right: 0.08rem; }
.online .qrcode .el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close { color: #FC5F00; }

/*=== 濯掍綋鏌ヨ ===*/
/* 鎵嬫満 */
@media ( min-width : 320px) { 

}

@media ( min-width : 360px) { 
} 

/* 骞虫澘鐢佃剳 */
@media ( min-width : 640px) {

}

/* 绗旇鏈數鑴� */
@media ( min-width : 960px) {

} 

/* PC鐢佃剳 */
@media ( min-width : 1200px) { 

} 

/* 澶у睆PC鐢佃剳 */
@media ( min-width : 1600px) { 
    
}