@charset "utf-8";
/*css reset*/
/* touch-action: pan-y; */
*{ -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent;}
html { font-family:PingFangSC-Regular,PingFang SC;-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; overflow-x: hidden;height: 100%;-webkit-overflow-scrolling : touch;}
body { margin: 0 auto;font-size: .7rem; line-height: 1.4; color:  #27282D; min-height: 100%;background: #F7F7F7;-webkit-overflow-scrolling : touch;}
body {min-height: 100%;}
html,
body {
  overflow-x: hidden;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
template { display: none; }
svg:not(:root) { overflow: hidden; }
.body{position: fixed;width:16rem;left:50%;margin-left: -8rem;height:100%;z-index: 0;top:0;}

a { background: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent; color:  #27282d; }
a:active { outline: none; }
abbr[title] { border-bottom: 1px dotted; }
img { border: none; vertical-align: middle;max-width: 100%;font-size: .3rem; }
em,i,cite{font-style: normal;}
strong,b{font-weight:normal}
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; outline: none;padding: 0; }
textarea{resize:none}
button { overflow: visible;font-weight: bold;border: 0;background-color: transparent;}
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal;padding: 0;}
input[type="password"]{ -webkit-text-security: disc; }
/* 在部分android 机型中的输入框可能会出现怪异的多余的浮出表单，经过观察与测试发现只有input:password类型的输入框存在，那么我们只要使用input:text类型的输入框并通过样式-webkit-text-security: disc; 隐藏输入密码从而解决。*/
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; border-radius: 0;}
textarea { overflow: auto; resize: vertical; }
optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
h1, h2, h3, h4, h5, h6{font-size: 100%;font-weight: normal;}
ul, ol, li, dl, dd,h1, h2, h3, h4, h5, h6, p, figure, form, blockquote { margin: 0; padding: 0; }
ul, ol { list-style: none; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #969696; font-size: .65rem; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #969696; font-size: .65rem;  }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #969696;font-size: .65rem;}

.no-touch {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.pageBox{width: 100%;font-size: .6rem;position: relative;z-index: 101;}
.cls{*zoom:1;clear: both; }
.cls::after{content: '';clear: both; visibility: hidden;display: block;
    height: 0;}
.lf{float: left;}
.rt{float: right}
.over_el{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.tabel{ display: table;}
.tabel > *{display: table-cell;vertical-align: middle;}
.flex{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.flex_c{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center;-moz-align-items: center;-webkit-align-items: center;align-items: center;}
.flex_b_c{display: -webkit-box; display: -webkit-flex; display: flex; -moz-justify-content: space-between;-webkit-justify-content: space-between;justify-content: space-between;-webkit-box-align: center;-moz-align-items: center;-webkit-align-items: center;align-items: center;}
.flex-auto{-prefix-box-flex:1;--webkit-box-flex:1;-webkit-flex:1;flex: 1;}
.flexc_b_c{display: -webkit-box; display: -webkit-flex; display: flex;  flex-direction: column;
    -webkit-flex-direction: column;-moz-justify-content: space-between;-webkit-justify-content: space-between;justify-content: space-between;}
.flex_c_c{display: -webkit-box; display: -webkit-flex; display: flex;-moz-justify-content: center;
    -webkit-justify-content: center;justify-content:center;-webkit-box-align: center;-moz-align-items: center;-webkit-align-items: center;align-items: center;}
/* 左中右 */
.layout_level{display: table;}
.layout_l,.layout_c,.layout_r{display: table-cell;}
/* 上中下 */
.layout_portait{}
/* 公共样式 */
.page_box{width: 100%;background-color: #fff;height: auto;}
.ico_common{display: inline-block;vertical-align: -.125rem;background-image: url(../img/ico_common.png);background-repeat: no-repeat;background-size: 18rem;}
i{vertical-align: middle;}


/* 弹框默认样式 */
.lock,.lock-total{overflow:hidden;touch-action:none;}
.lock body,.lock-total body{overflow:hidden;touch-action:none;margin-right:17px;}
.lock.mobile body,.lock-total.mobile body {margin-right:0;}

.popBox,.maskBg,.popCon,.closeBtn{position: absolute;}
.popBox .popCon{height: auto;margin: 0;}
.popBox,.maskBg{width: 100%;height: 100%;left: 0;top: 0;}
.popBox .popCon_c{left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.popBox{z-index: 999;display: none;position: fixed;	-webkit-will-change:opacity;
    will-change:opacity;width: 100%;height: 100%;}
.popShow{display: block;}
.popBox .maskBg{background:rgba(0,0,0,0.5);opacity: 0;}
.popBox .popCon{text-align: center;}
.popContent{position: relative;width: 100%;height: 100%;background-color: transparent;}
.popBox .popCon.popBot{width: 100%;position: absolute;bottom: 0;left: 0;font-size: 0.7rem;overflow: hidden;border-radius:1rem 1rem 0rem 0rem;background-color: #fff;border: 0;}
.popBox .popColse{width: 1.1rem;height: 1.1rem;background-position: -3.5rem 0;background-color: transparent;}
.popCon.popBot .butBox{padding-top: 2rem;}
.popCon.popBot .butBox .but{height:2.2rem;border-radius:1.1rem;font-size: .7rem;color: #fff;background-color: #fff;border: 1px solid #323232;font-weight: 400;color: #323232;}
.popCon.popBot .butBox .comfirm,button.comfirm{background-color:#323232;color: #fff;transition: all 0.15s ease-in-out;-webkit-transition: all 0.15s ease-in-out;}
.popCon.popBot .butBox .comfirm[disabled],button.comfirm[disabled]{background-color: #D8D8D8;border-color: #D8D8D8;color: #fff;}
/* 弹框里面的动画 */
@keyframes moveFromBottom{
    from {bottom: -100%;}
    to {bottom: 0;}
}

@-webkit-keyframes moveFromBottom{
    from {bottom: -100%;}
    to {bottom: 0;}
}
@keyframes moveToBottom{
    from {bottom: 0;}
    to {bottom: -100%;}
}

@-webkit-keyframes moveToBottom{
    from {bottom: 0;}
    to {bottom: -100%;}
}
/* .popBox .popAniBotton.popBot{bottom: -100%;transition: bottom .2s ease-in-out;-webkit-transition: bottom .2s ease-in-out;} */
/* .popShow .popAniBotton.popBot{bottom: 0;}
.popHide .popAniBotton.popBot{bottom: -100%;} */
.popShow .popAniBotton.popBot{animation: moveFromBottom 0.2s ease-in-out;}
.popHide .popAniBotton.popBot{animation: moveToBottom 0.2s ease-in-out;bottom: -100%;}
/* swipe样式 */
.swipe-wrap,.swipe-li,.swipe,.swipe-box{height: 100%;}
.swipe-wrap .swipe-li{float:left;width:100%;position: relative;padding: 0;margin: 0;height: 100%;}
.swipe-box{overflow: hidden;width: 100%;}

/* 提示框样式 我的天 */
.F_msg_box{position:fixed;top:50%;left: 50%;transform: translate(-50%,-50%);z-index: 9100;}
.f_total_loading{width:24px;height: 24px;background-image: url('../img/loading.png');background-size: contain;background-repeat: no-repeat;display: inline-block;animation: rotate 1s linear infinite;-webkit-animation: rotate 1s linear infinite;margin: 0 auto;
    display: block;}
.F_msg_con{padding: 0.5rem 1rem;background-color: rgba(50,50,50,0.8);color: #fff;border-radius: .5rem;opacity: 0;font-size: .7rem;transition: transform 0.2s ease-in-out;
}
.total_mask_box{position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 9000;}
.dialog_open .c_alert_wrap,
.dialog_close .c_alert_wrap ,.dialog_close_pop .F_msg_con,.dialog_open_pop .F_msg_con{
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.dialog_open_pop .F_msg_con{opacity: 1;}
.dialog_open .c_alert_wrap ,.dialog_open_pop .F_msg_con{-webkit-animation-name: anim-open;
    animation-name: anim-open;
}

.dialog_close .c_alert_wrap,.dialog_close_pop .F_msg_con {
    -webkit-animation-name: anim-close;
    animation-name: anim-close;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
@keyframes anim-open {
    0% {
        opacity: 0;

    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes anim-open {
    0% {
        opacity: 0;

    }
    100% {
        opacity: 1;
    }
}
@keyframes anim-close {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        /* -webkit-transform: scale3d(0.8, 0.8, 1); */
    }
}
@-webkit-keyframes anim-close {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        /* -webkit-transform: scale3d(0.8, 0.8, 1); */
    }
}@keyframes rotate{
     0%{
         transform: rotate(0);
     }
     100%{
         transform: rotate(360deg);
     }
 }
@-webkit-keyframes rotate{
    0%{
        transform: rotate(0);
    }
    100%{
        transform: rotate(360deg);
    }
}
.F_msg_con > :nth-child(2){margin-top: .5rem}

.noInfo{text-align: center;font-size: .8rem;color:#27282D;line-height: 1.1rem;padding:11rem 0 5rem;background:url("/resource/mobile/classify/imgs/noInfo.png") no-repeat center 2.5rem;background-size: 6.5rem auto;}


/*页面头*/
header.top{position: fixed;width: 18.75rem;margin-left: -9.375rem;left: 50%;height: 2.2rem;background-color: #fff;overflow: hidden;border-bottom: .05rem solid #e5e5e5;top:0;z-index: 103;}
header.top h1{text-align: center;font-size: .9rem;color: #27282D;line-height: 2.2rem;white-space: nowrap;overflow: hidden;margin:0 3.75rem;text-overflow: ellipsis;}
header.top .topShare{position: absolute;right: 0;top: 0;display: block;width:2.2rem;height:2.2rem;background:url("/resource/mobile/index/imgs/icon_share.png") no-repeat center;background-size: contain;}
header.top .goBack{display: inline-block;text-align: center;float: left;width:2.2rem;height:2.2rem;background:url("/resource/mobile/index/imgs/icon_arrow.png") no-repeat center;background-size: contain;}

/*底部导航*/
.bottomNav{position: fixed;bottom:0;width:18.75rem;left:50%;margin-left: -9.375rem;height:2.45rem;border-top: .05rem solid #DDDEE3;background-color: #fff;box-shadow:0rem -0.02rem 0rem 0rem rgba(221,222,227,1);display:-webkit-flex;display:flex;z-index: 100;}
.bottomNav a{display:block;flex:1;text-align: center;font-size: .5rem;color:#969696;}
.bottomNav a.curr{color:#18BD6F;}
.bottomNav a:before{display:block;background-repeat: no-repeat;background-position: center;content:'';height:1.1rem;margin:.3rem 0 .1rem;background-size: contain;}
.bottomNav .icon_zxp:before{background-image: url("/resource/mobile/index/imgs/icon_tabbZxp.png");}
.bottomNav .icon_zxp.curr:before{background-image: url("/resource/mobile/index/imgs/icon_tabZxp_hover.png");}
.bottomNav .icon_ykj:before{background-image: url("/resource/mobile/index/imgs/icon_tabYkj.png");}
.bottomNav .icon_ykj.curr:before{background-image: url("/resource/mobile/index/imgs/icon_tabYkj_hover.png");}
.bottomNav .icon_my:before{background-image: url("/resource/mobile/index/imgs/icon_tabShow.png");}
.bottomNav .icon_my.curr:before{background-image: url("/resource/mobile/index/imgs/icon_tabShow_hover.png");}
/*分享代码*/
@font-face {
    font-family: 'share';
    src:url('/resource/fonts/share.eot?sovcda');
    src:url('/resource/fonts/share.eot?sovcda#iefix') format('embedded-opentype'),
    url('/resource/fonts/share.ttf?sovcda') format('truetype'),
    url('/resource/fonts/share.woff?sovcda') format('woff'),
    url('/resource/fonts/share.svg?sovcda#share') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'zxp';
    src:  url('/resource/fonts/zxp.eot?z1bake');
    src:  url('/resource/fonts/zxp.eot?z1bake#iefix') format('embedded-opentype'),
    url('/resource/fonts/zxp.ttf?z1bake') format('truetype'),
    url('/resource/fonts/zxp.woff?z1bake') format('woff'),
    url('/resource/fonts/zxp.svg?z1bake#zxp') format('svg');
    font-weight: normal;
    font-style: normal;
}
.shareDiv{background-color: rgba(0,0,0,.7);width: 18.75rem;height: 100%;position: fixed;top: 0;left: 50%;margin-left: -9.375rem;display:none;z-index:200;}
.shareBox{height: 6.575rem;width: 18.75rem;position: fixed;left: 50%;margin-left: -9.375rem;bottom: 0;transition: all .3s ease-in;-webkit-transition: all .3s ease-in;text-align: center;background-color: #fff;transform: translate3d(0,6.575rem,0);-webkit-transform: translate3d(0,6.575rem,0);}
.shareClick{display: block;}
.shareClick .shareBox{transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);}
.shareBox .bdsharebuttonbox{height: 4rem;border-bottom: .05rem solid #c8c8c8;}
.shareBox .bdshare-button-style0-24 .bds_more{display: none;}
.shareBox .bdshare-button-style0-24 a{display: inline-block;width: 1.8rem;height: 1.8rem;float: none;background-image: none;position: relative;margin:1rem .3125rem 0;}
.shareClose{height: 2.575rem;}
.shareClose:before{display: inline-block;height: 1.225rem;line-height: 1.225rem;font-size: 1rem;width: 1.225rem;text-align: center;margin:.75rem auto 0;font-family: share;content: "\e91c";color: #969696;}
.shareBox .bdshare-button-style0-24 a:before{font-family: share;font-size: 1rem;color:#fff;display: inline-block;width: 1.8rem;height: 1.8rem;border-radius: 100%;line-height: 1.8rem;position: absolute;left: 0;top: 0;}
.shareBox .bdshare-button-style0-24 .bds_weixin:before{background-color: #9ad621;content: "\e908"}
.shareBox .bdshare-button-style0-24 .bds_qzone:before{background-color: #db3729;content: "\e91a"}
.shareBox .bdshare-button-style0-24 .bds_tsina:before{background-color: #db3729;content: "\e91b"}
.shareBox .bdshare-button-style0-24 .bds_douban:before{background-color: #248314;content: "\e917";font-size: .875rem;}
.shareBox .bdshare-button-style0-24 .bds_fbook:before{background-color: #3b5998;content: "\e919"}
.shareBox .bdshare-button-style0-24 .bds_twi:before{background-color: #29c5f6;content: "\e918";font-size: .85rem;}

.weixinImg{position: absolute;z-index: -1;opacity: 0; pointer-events: none;}
.loadMore{text-align:center;height:4rem;line-height: 4rem;font-size: .7rem;}
.loadMore:before{background:url("../img/load.gif") no-repeat center;background-size: 1rem auto;content:'';display:inline-block;width:1rem;height:1rem;vertical-align: -.25rem;margin-right: .25rem;}

.noMore {height:2.8rem;line-height: 2.8rem; font-size:.7rem; color:#787878;text-align: center;width:100%!important; clear:both; padding:0!important; margin:0!important; float:none!important; }
.noMore strong{position:relative;font-weight: normal}
.noMore strong:before,.noMore strong:after{content:''; position:absolute; top:50%;right:100%;width:1rem; height:.05rem; background: #D8D8D8;line-height: 0; overflow: hidden; font-size: 0;margin:0 .5rem 0 0;}
.noMore strong:after{right:auto;left:100%;margin:0 0 0 .5rem;}


/*专场详情及拍品详情所有底部导航*/
.detailBotNav{position: fixed;left: 50%;bottom: 4.5rem;margin-left: -8.75rem;height: 3.75rem;z-index: 101;}
.memDetailNav{bottom:2.25rem;}
.proDetailBox .detailBotNav{bottom:2.75rem;}
.detailNav{height: 2.05rem;line-height: 2.05rem;margin-bottom: .4rem;width: 2.05rem;}
.detailNavDiv{display:inline-block;}
.click.detailNav{width: 15rem;}
.navTit{width:2.05rem;height:2.05rem;line-height: 2.05rem;text-align: center;color:#646464;font-size: .65rem;display: inline-block;position: absolute;left:0;top:0;}
.navIco{width: 1.15rem;height: 2.05rem;display: inline-block;text-align: center;position: absolute;right: 0;font-size: .55rem;border-left: 1px solid #dcdcdc;top:0;}
.navIco:after,.navClose:after{font-family: zxp;color: #7f7f7f;font-size: .5rem;width:1.15rem;content:"\e902";display:block;line-height: 2.05rem;text-align: center;}
.navInfo{display: inline-block;background-color: rgba(255,255,255,.9);box-shadow: 0 0 .65rem rgba(0,0,0,.33);border-radius: .2rem;height:2.05rem;padding:0 1.15rem 0 2.05rem;width:0;position: relative;-webkit-transition: width 0.3s ease;overflow: hidden;}
.navTxt{display: inline-block;height: 2.05rem;opacity: 0;z-index: -1;position: relative;-webkit-transition: opacity 0.3s ease;position: absolute;left:2.05rem;top:0;white-space: nowrap;}
.navTxt a{display: inline-block;margin:0 .75rem;color: #323232;position:relative;font-size: .7rem;}
.navTxt b{display: inline-block;position: absolute;padding:0 .2rem;height: .6rem;line-height: .6rem;font-size: .45rem;color: #18BD6F;background-color: #8f1a0d;border-radius: .2rem;top: .2rem;right: -.1rem;}
.serviceNav.click .navIco:after,.botSecNav.click .navIco:after,.botProNav.click .navIco:after{transform: rotate(180deg);}
.click .navTxt{border-left: 1px solid #dcdcdc;}
.navClose:after{transform: rotate(180deg);}
.click.serviceNav .navIco:after,.click.botSecNav .navIco:after,.click.botProNav .navIco:after{transform: rotate(180deg);}
.click .navTxt{z-index: 3;}
.wxSerBox{background-color: rgba(0,0,0,.5);position: fixed;width: 18.75rem;left: 50%;margin-left: -9.375rem;top: 0;height: 100%;z-index: 11;display: none;}
.wxClick{display: block;}
.wxSerDiv{width: 13rem;height: 14rem;position: absolute;left: 50%;margin-left: -6.5rem;top: 50%;margin-top: -7rem;background-color: #fff;border-radius: 3px;text-align: center;}
.wxSerDiv h3{text-align: right;position: relative;}
.wxSerDiv .close{display: inline-block;width: 1.625rem;height: 1.625rem;position: absolute;right: 0;top: 0;line-height: 1.625rem;text-align: center;}
.wxSerDiv .close:before{content: "\e913";font-family: zxp;color: #969696;font-size: .75rem;}
.wxSerDiv h4{font-size: .8rem;color: #323232;line-height: 2rem;padding-top: 1rem;}
.wxSerDiv img{width: 8rem;height: 8rem;}
.wxSerDiv p{color: #969696;font-size: .65rem;line-height: 2rem;}


/*添加交艺网广告*/
.advJY{width:18.75rem;background-color: #fff;height:3.55rem;position: fixed;left:50%;margin-left: -9.375rem;top:2.2rem;border-bottom: 1px solid #dfdfe0;z-index: 3;}
.advJY dt{float: left;width:3.85rem;overflow: hidden;}
.advJY .closeJY{display:inline-block;width:1.6rem;height:3.55rem;background-size: 100%;float: left;text-align: center;line-height: 3.55rem;}
.advJY .closeJY img{width:.675rem;height:.675rem;float: left;}
.advJY .advJYImg{width:1.85rem;height:1.85rem;margin-top: .575rem;}
.advJY dd{display: table-cell;height:3rem;vertical-align: middle;width:12.15rem;}
.advJY .advJYTit{font-size: .7rem;color:#000;line-height: normal;padding-bottom: .2rem;}
.advJY p{font-size: .45rem;color:#808080;line-height: normal;}
.advJy a{display: block;}
.advJY .advLink{position: absolute;width:3.1rem;height:1.15rem;line-height: 1.15rem;text-align: center;display:block;color:#fff;font-size: .5rem;background-color: #18bd6f;right:.75rem;top:50%;margin-top: -.575rem;border-radius: .575rem;}


.allyesAdvWrap,.innerPushAdv{position:relative;}
.allyesAdvWrap img{width:100%;height:auto!important;}
.allyesAdvWrap a:after,.allyesAdvWrap object:after,.innerPushAdv object:after,.innerPushAdv:after,.lamu a:after,.hasBg .leftLink:after,.hasBg .rightLink:after,.mediaAdv:after{content:'';position:absolute;right:5px; bottom:5px;background: url(https://pubunder.artron.net/pubimgs/web/adv_tag.png) 0 0 no-repeat; width:33px; height: 19px;overflow: hidden; }

.errorPic{background-color:#F7F7F7!important;background-image: url("/resource/mobile/public/img/error.png");background-position:center;background-repeat:no-repeat;background-size: 2rem auto;}
.listBoxHeight{opacity: 0;height:4rem;position: absolute;z-index: -1;width:100%;}
.reload{overflow: hidden;height:0;transition: .3s height ease-in;}
.reload.active{height:0;}
.reloadBox{text-align: center;line-height: 4rem;font-size: .7rem;color:#27282D;}
/* h5 中app入口和顶部分享 */
/* .pageAppHandle{padding-top: 3.55rem;}
.pageAppShare{padding-top: 5.75rem;} */
.pageAppHandle{padding-top:0;}
.pageAppShare{padding-top: 2.2rem;}
.pageAppHandle .softHead,.pageAppShare .softHead{display: none!important;}

.sr-bdimgshare{display:none!important;}
/*错误提示*/
.alertPop{ position: fixed;width: 100%;top: 40%;left:0; z-index: 1000 ; padding:0 1rem; text-align: center}
.alertPop .error{ display: inline-block; background:rgb(0,0,0); background: rgba(0,0,0,.75); padding:.5rem .75rem; border-radius: .2rem; font-size: .8rem; color:#FEFEFE;line-height: 1.5; }
.alertPop.active{
    -webkit-animation : slideTop .5s 1.5s ease;
    -moz-animation : slideTop .5s 1.5s ease;
    -ms-animation : slideTop .5s 1.5s ease;
    -o-animation : slideTop .5s 1.5s ease;
    animation : slideTop .5s 1.5s ease;
}
@-webkit-keyframes slideTop{
    0%{ opacity:1; }
    100% { opacity: 0; -webkit-transform: translate3d(0,-2rem,0)}
}