body{-ms-overflow-style:scrollbar}.sticky-popup{position:fixed;width:250px;visibility:hidden;z-index:999999}.sticky-popup .popup-header{padding:10px 5px 5px 10px;border:1px solid #2c5a85;cursor:pointer}.popup-title{color:#fff;font-size:18px;font-weight:700}.popup-image{float:right;padding:0 15px 0 0;margin:0;width:25px}.popup-image img{max-width:20px;max-height:20px}.popup-content{width:100%;max-width:100%;overflow-x:hidden;overflow-y:auto;height:275px}.popup-content input,select,textarea{max-width:95%}.popup-content p{margin:5px 0}.popup-content-pad{padding:10px}.right-bottom{right:2%;bottom:0}.left-bottom .popup-header,.right-bottom .popup-header{border-radius:4px 4px 0 0}.left-bottom{left:2%;bottom:0}.open_sticky_popup{-webkit-transition:bottom .8s;-moz-transition:bottom .8s;-o-transition:bottom .8s;transition:bottom .8s}@-webkit-keyframes popup_content_bounce_in_up {
0% {
opacity:0;
-webkit-transform:translateY(2000px)
}
60% {
opacity:1;
-webkit-transform:translateY(-30px)
}
80% {
-webkit-transform:translateY(10px)
}
100% {
-webkit-transform:translateY(0)
}
}@-moz-keyframes popup_content_bounce_in_up {
0% {
opacity:0;
-moz-transform:translateY(2000px)
}
60% {
opacity:1;
-moz-transform:translateY(-30px)
}
80% {
-moz-transform:translateY(10px)
}
100% {
-moz-transform:translateY(0)
}
}@-o-keyframes popup_content_bounce_in_up {
0% {
opacity:0;
-o-transform:translateY(2000px)
}
60% {
opacity:1;
-o-transform:translateY(-30px)
}
80% {
-o-transform:translateY(10px)
}
100% {
-o-transform:translateY(0)
}
}@keyframes popup_content_bounce_in_up {
0% {
opacity:0;
transform:translateY(2000px)
}
60% {
opacity:1;
transform:translateY(-30px)
}
80% {
transform:translateY(10px)
}
100% {
transform:translateY(0)
}
}.popup-content-bounce-in-up{-webkit-animation-name:popup_content_bounce_in_up;-moz-animation-name:popup_content_bounce_in_up;-o-animation-name:popup_content_bounce_in_up;animation-name:popup_content_bounce_in_up;animation-duration:2s;animation-fill-mode:both}.popup-content-bounce-in-right,.popup-content-bounce-in-up{-webkit-animation-duration:2s;-webkit-animation-fill-mode:both}.sticky-popup-right{right:0}.sticky-popup-right .popup-header{width:35px;margin-top:20%;float:left;height:160px;border-radius:4px 0 0 4px;padding:0}.sticky-popup-right .popup-title{display:block;padding:8px;white-space:nowrap;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);position:relative}.sticky-popup-right .popup-image{margin:0 -145px 0 0;margin-right:-16px\9 !important;padding-right:15px\9 !important;width:40px;padding:0}.sticky-popup-right .ie10 .popup-image,.sticky-popup-right .ie11 .popup-image{margin-right:-16px!important}.sticky-popup-right .popup-content{width:auto}.open_sticky_popup_right{-webkit-transition:right .8s;-moz-transition:right .8s;-o-transition:right .8s;transition:right .8s}@-webkit-keyframes popup_content_bounce_in_right {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(-30px);
transform:translateX(-30px)
}
80% {
-webkit-transform:translateX(10px);
transform:translateX(10px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}@keyframes popup_content_bounce_in_right {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(-30px);
-ms-transform:translateX(-30px);
transform:translateX(-30px)
}
80% {
-webkit-transform:translateX(10px);
-ms-transform:translateX(10px);
transform:translateX(10px)
}
100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}.sticky-popup-left .popup-image,.sticky-popup-left .popup-title{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg)}.popup-content-bounce-in-right{-webkit-animation-name:popup_content_bounce_in_right;-moz-animation-name:popup_content_bounce_in_right;-o-animation-name:popup_content_bounce_in_right;animation-name:popup_content_bounce_in_right;animation-duration:2s;animation-fill-mode:both}.sticky-popup-left{left:0}.sticky-popup-left .popup-header{width:40px;padding:0;margin:35% 0 0;float:right;height:160px;border-radius:0 4px 4px 0}.sticky-popup-left .popup-title{padding:10px;writing-mode:tb-rl;white-space:nowrap;display:block}.sticky-popup-left .popup-image{margin:7px -135px 0 0;margin-right:-20px\9 !important;padding-right:20px\9 !important;width:40px;padding:0}.sticky-popup-left .ie10 .popup-image,.sticky-popup-left .ie11 .popup-image,.sticky-popup-left .ie8 .popup-image,.sticky-popup-left .ie9 .popup-image{margin-right:-16px!important}.sticky-popup-left .popup-content{width:auto;padding:0;margin:0}.open_sticky_popup_left{-webkit-transition:left .8s;-moz-transition:left .8s;-o-transition:left .8s;transition:left .8s}@-webkit-keyframes popup_content_bounce_in_right_left {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(30px);
transform:translateX(30px)
}
80% {
-webkit-transform:translateX(-10px);
transform:translateX(-10px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}@keyframes popup_content_bounce_in_right_left {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(30px);
-ms-transform:translateX(30px);
transform:translateX(30px)
}
80% {
-webkit-transform:translateX(-10px);
-ms-transform:translateX(-10px);
transform:translateX(-10px)
}
100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}.popup-content-bounce-in-left{-webkit-animation-name:popup_content_bounce_in_right_left;-moz-animation-name:popup_content_bounce_in_right_left;-o-animation-name:popup_content_bounce_in_right_left;animation-name:popup_content_bounce_in_right_left;animation-duration:2s;animation-fill-mode:both}.popup-content-bounce-in-down,.popup-content-bounce-in-left{-webkit-animation-duration:2s;-webkit-animation-fill-mode:both}.top-left .popup-header,.top-right .popup-header{border-radius:0 0 4px 4px}.open_sticky_popup_top{-webkit-transition:top .8s;-moz-transition:top .8s;-o-transition:top .8s;transition:top .8s}@-webkit-keyframes popup_content_bounce_in_down {
0% {
opacity:0;
-webkit-transform:translateY(2000px)
}
60% {
opacity:1;
-webkit-transform:translateY(-30px)
}
80% {
-webkit-transform:translateY(10px)
}
100% {
-webkit-transform:translateY(0)
}
}@-moz-keyframes popup_content_bounce_in_down {
0% {
opacity:0;
-moz-transform:translateY(2000px)
}
60% {
opacity:1;
-moz-transform:translateY(-30px)
}
80% {
-moz-transform:translateY(10px)
}
100% {
-moz-transform:translateY(0)
}
}@-o-keyframes popup_content_bounce_in_down {
0% {
opacity:0;
-o-transform:translateY(2000px)
}
60% {
opacity:1;
-o-transform:translateY(-30px)
}
80% {
-o-transform:translateY(10px)
}
100% {
-o-transform:translateY(0)
}
}@keyframes popup_content_bounce_in_down {
0% {
opacity:0;
transform:translateY(50px)
}
60% {
opacity:1;
transform:translateY(-30px)
}
80% {
transform:translateY(10px)
}
100% {
transform:translateY(0)
}
}.popup-content-bounce-in-down{-webkit-animation-name:popup_content_bounce_in_down;-moz-animation-name:popup_content_bounce_in_down;-o-animation-name:popup_content_bounce_in_down;animation-name:popup_content_bounce_in_down;animation-duration:2s;animation-fill-mode:both}.top-left{left:2%}.top-right{right:2%}