/************************************************************************
* HTML_RESET *
**********************************************************************
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,button,input{
	margin:0;
	padding:0;
	border:0;
	vertical-align:top;
	word-break:break-all;
}
body{font-size:16px;font-weight:normal;color:#0d0d0d;position:relative;}
h1,h2,h3,h4,h5,h6{font-weight:bold;}
ol,ul,li{list-style:none;}
table{max-width:100%;border-collapse:collapse;border-spacing:0;}
form,fieldset,iframe{display:block;border:0;}
img,button{border:0 none;vertical-align:middle;}
i,em,address{font-style:normal;}
label,button{cursor:pointer;}
caption,legend{display:none;} 
input,textarea,select{margin:0;padding:0;vertical-align:middle;outline:none;}
textarea{border:1px solid #666;resize:none;}
button{overflow:visible;margin:0;padding:0;border:0 none;background:none;font-size:0;vertical-align:top;cursor:pointer;display:block;}
button::-moz-focus-inner{border:0;padding:0;}
a,img{outline:none;}
**/



#pop_aside{position:fixed;left:0;right:0;top:0;bottom:0;pointer-events:none;z-index:999999999999;}

#pop_aside .a_popBox{width:30%;max-width:560px;border-radius:30px;display:inline-block;overflow:hidden;position:fixed;left:1.5rem;bottom:-50rem;background:#fff;pointer-events:none;box-shadow:0 0 8rem rgba(13,14,15,0.6);transition:0.5s;z-index:10;}
#pop_aside .a_popBox.open{visibility:visible !important;}
#pop_aside .a_popBox.open2{bottom:1.5rem;pointer-events:auto;}

#pop_aside .a_popBox.topleft{bottom:auto;top:-50rem;}
#pop_aside .a_popBox.topleft.open2{bottom:auto;top:1.5rem;}

#pop_aside .a_popBox.topright{left:auto;right:1.5rem;bottom:auto;top:-50rem;}
#pop_aside .a_popBox.topright.open2{left:auto !important;right:1.5rem !important;bottom:auto;top:1.5rem;}

#pop_aside .a_popBox.bottomright{left:auto;right:1.5rem;}
#pop_aside .a_popBox.bottomright.open2{left:auto !important;right:1.5rem !important;}

#pop_aside .a_popBox.center{left:50% !important;bottom:auto;top:-50rem;transform:translateX(-50%);}
#pop_aside .a_popBox.center.open2{left:50% !important;bottom:auto;top:50%;transform:translate(-50%, -50%);}


#pop_aside .ap_silde{width:100%;background:#fff;display:inline-block;position:relative;}
#pop_aside .pop_banner_slide{width:100%;position:relative;}
#pop_aside .pop_banner_slide .pop_banner_slide_list{font-size:0;line-height:0;}
#pop_aside .pop_banner_slide .pop_banner_slide_list .slick-list,
#pop_aside .pop_banner_slide .pop_banner_slide_list .slick-track{width:100%;}
#pop_aside .pop_banner_slide .pop_banner_slide_item{display:inline-block;overflow:hidden;}
#pop_aside .pop_banner_slide .pop_banner_slide_item a,
#pop_aside .pop_banner_slide .pop_banner_slide_item img{width:100%;display:block;}

#pop_aside .pop_banner_slide .slick-dots{width:80px;position:absolute;bottom:-32px;left:100px;}
#pop_aside .pop_banner_slide .slick-dots span{margin:0 5px;display:block;}
#pop_aside .pop_banner_slide .slick-dots li{width:100%;display:none;color:#868686;font-size:10px;line-height:8px;}
#pop_aside .pop_banner_slide .slick-dots li.slick-active{display:flex;}
#pop_aside .pop_banner_slide .slick-dots li .current{color:#333;font-size:16px;}
#pop_aside .pop_banner_slide .slick-dots li .total{font-size:16px;}

#pop_aside .pop_banner_slide .pop_banner_slide_control{position:absolute;bottom:-44px;left:20px;font-size:0;line-height:0;}
#pop_aside .pop_banner_slide .pop_banner_slide_control button{width:25px;height:31px;display:inline-block;position:relative;border:0;vertical-align:top;}
#pop_aside .pop_banner_slide .pop_banner_slide_control button + button{margin-left:0;}
#pop_aside .pop_banner_slide .pop_banner_slide_control button:before{width:25px;height:31px;display:block;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;background-image:url(/ebom/app/design/skin/pop/img/control_sprite_black.png);background-repeat:no-repeat;content:'';}
#pop_aside .pop_banner_slide .pop_banner_slide_control .pop_banner_slide_prev:before{background-position:left top;transform:rotateY(180deg);content:'';}
#pop_aside .pop_banner_slide .pop_banner_slide_control .pop_banner_slide_next:before{background-position:left top;content:'';}
#pop_aside .pop_banner_slide .pop_banner_slide_control .pop_banner_slide_auto:before{background-position:left 66.66%;content:'';}
#pop_aside .pop_banner_slide .pop_banner_slide_control .pop_banner_slide_auto.slick-pause:before{background-position:left 100%;content:'';}


#pop_aside .a_popBox .ap_nav{width:100%;padding:1rem 1.5rem;display:inline-block;float:left;box-sizing:border-box;}
#pop_aside .a_popBox .ap_nav .apn_control{width:3rem;height:3rem;display:inline-block;float:left;}
#pop_aside .a_popBox .ap_nav .apn_control i{transform:scale(1.5);}
#pop_aside .a_popBox .ap_nav .apn_close{display:inline-block;display:flex;justify-content:flex-end;}
#pop_aside .a_popBox .ap_nav .apn_close button{padding:0 0.5rem;display:flex;align-items:center;}
#pop_aside .a_popBox .ap_nav .apn_close button font{font-size:16px;color:#333;font-width:400;letter-spacing:-0.06rem;line-height:120%;}
#pop_aside .a_popBox .ap_nav .apn_close button + button{margin-left:5px;}
#pop_aside .a_popBox .ap_nav .apn_close button:hover{text-decoration:underline dotted;-webkit-text-decoration:underline dotted;text-decoration-color:rgba(13, 14, 15, 0.3);text-decoration-thickness:0.1rem;text-underline-offset:0.3rem;}
#pop_aside .a_popBox .ap_nav .apn_close svg{width:20px;height:20px;padding:3px;border-radius:50%;border:solid 2px #000;margin-right:8px;}


@media screen and (max-width:1520px){
#pop_aside .a_popBox{width:35%;}
}
@media screen and (max-width:1300px){
#pop_aside .a_popBox{width:40%;}
}
@media screen and (max-width:1120px){
#pop_aside .a_popBox{width:45%;}
}
@media screen and (max-width:980px){
#pop_aside .a_popBox{width:54%;}

#pop_aside .pop_banner_slide .slick-dots li .current{font-size:16px;}
#pop_aside .pop_banner_slide .slick-dots li .total{font-size:16px;}

#pop_aside .a_popBox .ap_nav .apn_close button font{font-size:14px;}
#pop_aside .a_popBox .ap_nav .apn_close svg{width:18px;height:18px;margin-right:5px;}
}
@media screen and (max-width:880px){
#pop_aside .a_popBox{width:60%;}
}
@media screen and (max-width:767px){
#pop_aside .a_popBox{width:65%;}

#pop_aside .pop_banner_slide .slick-dots{left:95px;}
#pop_aside .pop_banner_slide .pop_banner_slide_control{left:15px;}

#pop_aside .pop_banner_slide .slick-dots li .current{font-size:14px;}
#pop_aside .pop_banner_slide .slick-dots li .total{font-size:14px;}

#pop_aside .a_popBox .ap_nav .apn_close button font{font-size:13px;}
}
@media screen and (max-width:640px){
#pop_aside .a_popBox{width:calc(100% - 20px);max-width:100%;left:10px;}
}
@media screen and (max-width:420px){
#pop_aside .pop_banner_slide .slick-dots{width:80px;bottom:15px;left:120px;color:#fff !important;z-index:999;}
#pop_aside .pop_banner_slide .slick-dots li .current{color:#fff !important;}
#pop_aside .pop_banner_slide .slick-dots li .total{color:rgba(255,255,255,0.8) !important;}

#pop_aside .pop_banner_slide .pop_banner_slide_control{bottom:0;background:rgba(0,0,0,0.4);border-radius:30px;padding:4px 86px 4px 10px;}
#pop_aside .pop_banner_slide .pop_banner_slide_control button:before{background-image:url(/ebom/app/design/skin/pop/img/control_sprite.png);}
}