.appslide_ease {transition-property: all; transition-timing-function: ease-out; transition-duration: 0.2s;}
.appslide_slide {width: 100%; height: 100vh; position: fixed; z-index: 10000; top: 0; display: none;}
.appslide_slide.ready {display: block;}
.appslide_slide_bg {width: 100%; height: 100%; position: absolute; background-color: rgba(0, 0, 0, 0.8); z-index: 1; opacity: 0;}
.appslide_slide_ul {width: 100%; height: 100%; position: absolute; top: 0; right: 0; background-color: #fff; z-index: 2;}
.appslide_slide_ulin {width: 100%; height: 100%; overflow-y: auto;}
.appslide_slide_li {height: 46px; line-height: 46px; font-size: 15px; border-bottom: 1px solid #ddd;}
.appslide_slide_li a {display: block; padding: 0 15px;}
.appslide_close {width: 50px; height: 50px; position: absolute; top: 0; left: -50px; z-index: 10;}
.appslide_close:before, .appslide_close:after {content: ""; display: block; width: 40px; height: 2px; position: absolute; top: 24px; left: 5px; background-color: #fff;}
.appslide_close:before {transform: rotate(45deg);}
.appslide_close:after {transform: rotate(-45deg);}
.appslide_cate {height: 38px; line-height: 38px; background-color: #005bac; font-size: 15px; color: #fff; margin-bottom: 10px; cursor: pointer; position: relative;}
.appslide_cate p {margin: 0 15px;}
.appslide_icon {position: absolute; top: 0; right: 5px; width: 28px; height: 38px;}
.appslide_icon:before, .appslide_icon:after {content: ""; display: block; width: 20px; height: 2px; position: absolute; top: 0; left: 0; background-color: #fff;}
.appslide_icon:before {top: 15px;}
.appslide_icon:after {top: 23px;}

.appslide_slide.on .appslide_slide_bg {opacity: 1;}
.appslide_slide.on .appslide_slide_ul {transform: translateX(0) !important;}