.mask-box{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,.5);z-index:101;font-size:24px !important}.mask-box .apply-box{width:460px;z-index:102;background:#fff;position:absolute;top:50%;left:50%;margin-top:-273px;margin-left:-230px;border-radius:4px}.mask-box .apply-box .apply-head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;height:48px;background:#efefef;border-radius:4px 4px 0px 0px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.mask-box .apply-box .apply-head .close{width:56px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;right:0;top:0}.mask-box .apply-box .apply-head .close img{width:10px;height:10px}.mask-box .apply-box .apply-head .close:hover{cursor:pointer;opacity:.8}.mask-box .apply-box .apply-head .title{color:#333;line-height:33px;font-size:18px;width:100%;text-align:center}.mask-box .apply-box .apply-inp{margin:20px auto 0 auto;text-align:left;width:320px;-webkit-transition:all .2s;transition:all .2s}.mask-box .apply-box .apply-inp .title{color:#666;font-size:16px}.mask-box .apply-box .apply-inp .title span{color:#f02842;margin-left:5px}.mask-box .apply-box .apply-inp .title.title1{font-size:18px;color:#333;margin-top:10px}.mask-box .apply-box .apply-inp .inp{height:48px;overflow:hidden;font-size:14px;width:320px;border-radius:2px;border:1px solid #d8d8d8;padding:0 10px;margin-top:6px;outline:none;-webkit-transition:border-color .2s;transition:border-color .2s}.mask-box .apply-box .apply-inp .inp:focus{border-color:#ff5f2e}.mask-box .apply-box .apply-inp .inparea{height:110px;overflow:hidden;font-size:16px;width:320px;border-radius:2px;border:1px solid #d8d8d8;padding:13px 10px;margin-top:6px;resize:none;outline:none;-webkit-transition:border-color .2s;transition:border-color .2s}.mask-box .apply-box .apply-inp .inparea:focus{border-color:#ff5f2e}.mask-box .apply-box .messages{width:320px;margin:10px auto 0 auto;font-size:14px;color:#ff4d4f;min-height:20px;text-align:left}.mask-box .apply-box .apply-btn{width:320px;height:40px;background:#ff5f2e;border-radius:4px;margin:8px auto 60px auto;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:16px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.mask-box .apply-box .apply-btn:hover{background:#ff845f}.mask-box .apply-box .jiazai{position:absolute;width:100%;height:100%;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:hsla(0,0%,100%,.8)}.mask-box .apply-box .jiazai img{width:40px;height:40px;-webkit-transform:rotate(360deg);animation:rotation 3s linear infinite;-moz-animation:rotation 3s linear infinite;-webkit-animation:rotation 3s linear infinite;-o-animation:rotation 3s linear infinite}@-webkit-keyframes rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}