.xulie_button_position{position:relative}.xu_btn{position:absolute;top:0;right:0;cursor:pointer;width:32px;height:112px;border-radius:4px;box-shadow:0 0 6px rgba(104,104,104,.16);transition:height 2s;background-color:rgb(255 255 255);z-index:20;border-radius:18px}.top{position:relative;height:8px;border-radius:4px 4px 0 0;background-color:#e9f2ff;opacity:0;transition:opacity .8s}.top ol{padding:0;margin:0;list-style:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14px;height:2px}.top ol li{float:left;margin-right:2px;width:2px;height:2px;background-color:#bbd5ff;border-radius:50%}.top ol li:last-child{margin-right:0}.xu{position:relative;width:32px;background-color:#fff;text-align:center;border-top-left-radius:18px;border-top-right-radius:18px}.default{float:right;width:32px;height:32px;font-size:0}.default:hover{float:right;padding:8px;margin-top:8px;margin-right:4px;width:108px;height:32px;font-size:12px;color:#fff;background-color:#364fcd;border-radius:4px;text-align:left;transition:width .2s}.default::after{content:'';position:absolute;top:15px;right:8px;width:16px;height:16px;background-image:url(/asset/images/Images/hhowncontrols/xulie_shousuo.svg);background-repeat:no-repeat}.xu .xuhover{float:right;width:32px;height:22px;font-size:0}.xu .xuhover::after{content:'';position:absolute;top:15px;right:8px;width:16px;height:16px;background-image:url(/asset/images/Images/hhowncontrols/xulie_open.svg);background-repeat:no-repeat}.xu span:last-child{display:inline-block;width:12px;color:#3673d4;font-size:12px;line-height:13px;opacity:0;transition:opacity .5s;margin-top:15px}.xu_btn .addhover{position:absolute;bottom:8px;left:2px;width:30px;height:30px;background-image:url(/asset/images/Images/hhowncontrols/xulie_jia.svg);background-repeat:no-repeat;background-position:center center;font-size:0;transition:bottom .8s}.add{position:absolute;bottom:40px;right:4px;width:16px;height:16px;font-size:0;transition:bottom .8s,width .2s}.add:hover{position:absolute;top:40px;right:0;padding:8px;margin-right:4px;width:108px;height:32px;font-size:12px;color:#fff;background-color:#364fcd;border-radius:4px;text-align:left}.add::after{content:'';position:absolute;bottom:8px;right:4px;width:16px;height:16px;background-image:url(/asset/images/Images/hhowncontrols/xulie_jia.svg);background-repeat:no-repeat}