/*图标字体*/
@font-face {
  font-family: 'iconfont';  /* project id 845458 */
  src: url('//at.alicdn.com/t/font_845458_pr3vzsrukgc.eot');
  src: url('//at.alicdn.com/t/font_845458_pr3vzsrukgc.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_845458_pr3vzsrukgc.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_845458_pr3vzsrukgc.woff') format('woff'),
  url('//at.alicdn.com/t/font_845458_pr3vzsrukgc.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_845458_pr3vzsrukgc.svg#iconfont') format('svg');
}
.iconfont {
    font-family:"iconfont" !important;
    display:inline-block;
    vertical-align: middle;
    /*margin:0 .3em;*/
    font-size: 1.1em;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

*{ box-sizing: border-box;}
p{margin: 0;color: #333;font-size: .3rem;}

/*工具*/
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.oh { overflow: hidden; *zoom: 1;}
.l { float: left;}.r { float: right;}
.dib { display: inline-block; *display: inline; *zoom: 1;}
.pr { position: relative;}.pa { position: absolute;}
.tc { text-align: center;}.tr { text-align: right;}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.hide { display: none;}
.hidetpl{ display: none;}
.hide.show{ display: block}
.hidetext { font: 0/0 a; letter-spacing: -9px;}
.arr { display: inline-block; overflow: hidden; width: 0; height: 0;}
.opc0 { opacity: 0 ; filter: alpha(opacity=0);}
.dbk{ display: block;}

/*模态加载提示*/
.modal_loading{position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999;}
.modal_loading .loading_box{position: absolute; top: 50%; left: 50%; z-index: 1; width: 2.4rem; height: 2.4rem; margin-top: -1.2rem; margin-left: -1.2rem; color: #fff; text-align: center; background: rgba(0,0,0,.5); -webkit-border-radius: .08rem; -moz-border-radius: .08rem; border-radius: .08rem;}
.modal_loading .loading_box svg{position: absolute; left: 50%; top: .95rem; z-index: 1; -webkit-transform: translate3d(-50%,-50%,0) scale(.45); transform: translate3d(-50%,-50%,0) scale(.45);}
.modal_loading .loading_box .text{margin-top: 1.6rem; font-size: .26rem; line-height: .34rem; color: #fff;}


/*动效*/
/* 动画 */
.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.animated_5 {
  -webkit-animation-duration: .5s;
          animation-duration: .5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.3, 1.3, 1.3);
            transform: scale3d(1.3, 1.3, 1.3);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.3, 1.3, 1.3);
            transform: scale3d(1.3, 1.3, 1.3);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
          animation-name: pulse;
}
.rotation { -webkit-animation: rotation  0.8s infinite linear; animation: rotation  0.8s infinite linear;}
@-webkit-keyframes rotation { 0% { -webkit-transform: rotateZ(0deg);}
    100% { -webkit-transform: rotateZ(360deg);}}
@keyframes rotation { 0% { transform: rotateZ(0deg);}
    100% { transform: rotateZ(360deg);}}
.heartbeat { -webkit-animation: heartbeat  1.2s infinite ease-in; animation: heartbeat  1.2s infinite ease-in;}
@-webkit-keyframes heartbeat { 0% { -webkit-transform: scale(1); opacity: 1;}
    15% { -webkit-transform: scale(1.3); opacity: 0.5;}
    30% { -webkit-transform: scale(1); opacity: 1;}}
@keyframes heartbeat { 0% { transform: scale(1); opacity: 1;}
    15% { transform: scale(1.3); opacity: 0.5;}
    30% { transform: scale(1); opacity: 1;}}
.trigger:hover { -webkit-animation: trigger 0.2s ease; animation: trigger 0.2s ease;}
@-webkit-keyframes trigger { 0% { -webkit-transform: rotateZ(0deg);}
    100% { -webkit-transform: rotateZ(180deg);}}
@keyframes trigger { 0% { transform: rotateZ(0deg);}
    100% { transform: rotateZ(180deg);}}
/*向上出现*/
@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

/*mui 图片预览*/
.mui-preview-image.mui-fullscreen{position:fixed;z-index:20;background-color:rgba(0,0,0,.7)}
.mui-preview-footer,.mui-preview-header{position:absolute;width:100%;left:0;z-index:10}
.mui-preview-header{height:44px;top:0}
.mui-preview-footer{height:50px;bottom:0}
.mui-preview-header .mui-preview-indicator{display:block;line-height:25px;color:#fff;text-align:center;margin:15px auto 4px;width:70px;background-color:rgba(0,0,0,.4);border-radius:9pt;font-size:1pc}
.mui-preview-image{display:none;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.mui-preview-image.mui-preview-in{-webkit-animation-name:fadeIn;animation-name:fadeIn}
.mui-preview-image.mui-preview-out{background:0 0;-webkit-animation-name:fadeOut;animation-name:fadeOut}
.mui-preview-image.mui-preview-out .mui-preview-footer,.mui-preview-image.mui-preview-out .mui-preview-header{display:none}
.mui-zoom-scroller{position:absolute;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;left:0;right:0;bottom:0;top:0;width:100%;height:100%;margin:0;-webkit-backface-visibility:hidden}
.mui-zoom{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.mui-slider .mui-slider-group .mui-slider-item img{width:auto;height:auto;max-width:100%;max-height:100%}
.mui-android-4-1 .mui-slider .mui-slider-group .mui-slider-item img{width:100%}
.mui-android-4-1 .mui-slider.mui-preview-image .mui-slider-group .mui-slider-item{display:inline-table}
.mui-android-4-1 .mui-slider.mui-preview-image .mui-zoom-scroller img{display:table-cell;vertical-align:middle}
.mui-preview-loading{position:absolute;width:100%;height:100%;top:0;left:0;display:none}
.mui-preview-loading.mui-active{display:block}
.mui-preview-loading .mui-spinner-white{position:absolute;top:50%;left:50%;margin-left:-25px;margin-top:-25px;height:50px;width:50px}
.mui-preview-image img.mui-transitioning{-webkit-transition:-webkit-transform .5s ease,opacity .5s ease;transition:transform .5s ease,opacity .5s ease}
@-webkit-keyframes fadeIn{0%{opacity:0}
    to{opacity:1}
}
@keyframes fadeIn{0%{opacity:0}
    to{opacity:1}
}
@-webkit-keyframes fadeOut{0%{opacity:1}
    to{opacity:0}
}
@keyframes fadeOut{0%{opacity:1}
    to{opacity:0}
}


/* 等比填充 */
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-50{padding-bottom: 50%;}
.rect-60{padding-bottom: 60%;}
.rect-70{padding-bottom: 70%;}
.rect-75{padding-bottom: 75%;}
.rect-80{padding-bottom: 80%;}
.rect-90{padding-bottom: 90%;}
.rect-100{padding-bottom: 100%;}




/* 微信单图上传 */
.wx_img_box_one .upload_thumb{ width: 100%;height: 100%;}
.wx_img_box_one .remove{ position: absolute;bottom:0;left: 0; width: 100%;height: .35rem;background-color: rgba(255,0,0,0.7);text-align: center;font-size: .24rem;color: #FFF;line-height: .35rem;}
/* 微信多图上传 */
.wx_img_box_more .show_upload_img{width: 7.5rem;padding: .1rem .2rem;}
.wx_img_box_more .show_upload_img .img_box{position: relative;width: 1.5rem;height: 1.5rem;border: 0.01rem solid #F0F0F0;margin: .2rem .1rem .2rem .15rem;float: left;overflow: hidden}
.wx_img_box_more .show_upload_img .img_box .upload_thumb{width: 100%;height: 100%;}
.wx_img_box_more .show_upload_img .img_box .remove{position: absolute;bottom:0;left: 0; width: 100%;height: .35rem;background-color: rgba(0,0,0,0.7);text-align: center;font-size: .24rem;color: #FFF;line-height: .35rem;}
/* webupload 多图上传 lmy*/
.img_upload_box{ position: relative;padding: .2rem 0}
.img_upload_box .upload_btn{ width:auto;height: auto;text-align: center;font-size: .28rem;color: #666;border: .01rem solid #e0e0e0;border-radius: .05rem;margin: 0 .2rem .1rem;padding: .2rem;float: left }
/*.img_upload_box .upload_btn *:not(.webuploader-pick){ opacity: 0}*/
.img_upload_box .img_up_item{ width: 1.6rem;height: 1.6rem;position: relative;margin: .2rem;float: left}
.img_upload_box .img_up_item img{ width: 100%;height: 100%}
.img_upload_box .img_up_item .remove{ width: 100%;height: .4rem;bottom: 0;left: 0;position: absolute;background: #e10000;color: #fff;text-align: center;font-size: .28rem;line-height: .4rem;}