style.css

.plx-modal--wrapper{display:none;position:fixed;top:0;left:0;width:100%;height:100%;font-size:14px;color:#606266;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,Arial,sans-serif;-webkit-transition:top .4s;transition:top .4s}.plx-modal--wrapper.active{display:block}.plx-modal--wrapper.is--visible.is--mask:before{background-color:rgba(0,0,0,.5)}.plx-modal--wrapper.is--visible.type--message .plx-modal--box{-webkit-transform:translateY(0);transform:translateY(0)}.plx-modal--wrapper.is--visible .plx-modal--box{opacity:1;visibility:visible}.plx-modal--wrapper:not(.lock--view){pointer-events:none}.plx-modal--wrapper.lock--scroll{overflow:hidden}.plx-modal--wrapper:not(.lock--scroll){overflow:auto}.plx-modal--wrapper.is--mask:before,.plx-modal--wrapper.lock--view:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:auto}.plx-modal--wrapper.is--mask:before{background-color:rgba(0,0,0,0)}.plx-modal--wrapper.is--animat.is--mask:before{-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}.plx-modal--wrapper.is--animat.type--message .plx-modal--box:not(.is--drag){-webkit-transition:all .2s ease-out;transition:all .2s ease-out}.plx-modal--wrapper.size--mini,.plx-modal--wrapper.size--small{font-size:12px}.plx-modal--wrapper.size--mini .plx-modal--box,.plx-modal--wrapper.size--small .plx-modal--box{padding:6px 0}.plx-modal--wrapper.size--mini .plx-modal--body,.plx-modal--wrapper.size--small .plx-modal--body{padding:4px 14px 10px 14px}.plx-modal--wrapper.size--mini .plx-modal--footer,.plx-modal--wrapper.size--small .plx-modal--footer{padding:4px 14px 8px 14px}.plx-modal--wrapper.size--mini .plx-modal--header,.plx-modal--wrapper.size--small .plx-modal--header{font-size:14px;padding:6px 30px 8px 14px}.plx-modal--wrapper.size--mini .plx-modal--close-btn,.plx-modal--wrapper.size--mini .plx-modal--zoom-btn,.plx-modal--wrapper.size--small .plx-modal--close-btn,.plx-modal--wrapper.size--small .plx-modal--zoom-btn{font-size:16px;top:10px}.plx-modal--wrapper.type--alert .plx-modal--body,.plx-modal--wrapper.type--confirm .plx-modal--body,.plx-modal--wrapper.type--message .plx-modal--body{white-space:normal;word-break:break-word}.plx-modal--wrapper.type--message{text-align:center}.plx-modal--wrapper.type--message .plx-modal--box{display:inline-block;padding:2px 0;margin-top:0;width:auto;-webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.1);box-shadow:0 0 8px 0 rgba(0,0,0,.1);-webkit-transform:translateY(-10%);transform:translateY(-10%)}.plx-modal--wrapper.type--message .plx-modal--box .plx-modal--body:after{content:'';display:block;clear:both;height:0;overflow:hidden;visibility:hidden}.plx-modal--wrapper.type--message .plx-modal--box .plx-modal--content{max-width:800px;float:left}.plx-modal--wrapper.type--message .plx-modal--status-wrapper{font-size:1.4em;padding-right:10px}.plx-modal--wrapper.type--alert .plx-modal--box,.plx-modal--wrapper.type--confirm .plx-modal--box,.plx-modal--wrapper.type--modal .plx-modal--box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;left:50%;top:15vh;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.2);box-shadow:0 0 10px 0 rgba(0,0,0,.2);border:1px solid rgba(0,0,0,.2)}.plx-modal--wrapper.type--alert .plx-modal--box .plx-modal--header,.plx-modal--wrapper.type--confirm .plx-modal--box .plx-modal--header,.plx-modal--wrapper.type--modal .plx-modal--box .plx-modal--header{cursor:move}.plx-modal--wrapper.type--modal .plx-modal--body{overflow:auto}.plx-modal--wrapper.type--modal .plx-modal--body .plx-modal--content{overflow:auto}.plx-modal--wrapper.type--alert .plx-modal--status-wrapper,.plx-modal--wrapper.type--confirm .plx-modal--status-wrapper{font-size:1.6em;padding:0 10px 0 2px}.plx-modal--wrapper .plx-modal--box{visibility:hidden;width:420px;background-color:#fff;border-radius:4px;border:1px solid #ebeef5;font-size:14px;text-align:left;pointer-events:auto;opacity:0}.plx-modal--wrapper .plx-modal--box.is--drag{cursor:move}.plx-modal--wrapper .plx-modal--box.is--drag .plx-modal--body:after,.plx-modal--wrapper .plx-modal--box.is--drag .plx-modal--footer:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.plx-modal--wrapper .plx-modal--box.is--drag .plx-modal--body{overflow:hidden}.plx-modal--wrapper .plx-modal--box.is--drag .plx-modal--body .plx-modal--content{overflow:hidden}.plx-modal--wrapper.status--info .plx-modal--status-wrapper{color:#2998ff}.plx-modal--wrapper.status--question .plx-modal--status-wrapper,.plx-modal--wrapper.status--warning .plx-modal--status-wrapper{color:#faad14}.plx-modal--wrapper.status--success .plx-modal--status-wrapper{color:#52c41a}.plx-modal--wrapper.status--error .plx-modal--status-wrapper{color:#f5222d}.plx-modal--wrapper.status--loading .plx-modal--status-wrapper{color:#78b1eb}.plx-modal--wrapper .plx-modal--status-wrapper{-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.plx-modal--wrapper .plx-modal--content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.plx-modal--wrapper .plx-modal--body,.plx-modal--wrapper .plx-modal--footer,.plx-modal--wrapper .plx-modal--header{position:relative}.plx-modal--wrapper .plx-modal--body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:10px 16px 12px 16px}.plx-modal--wrapper .plx-modal--header{-ms-flex-negative:0;flex-shrink:0;font-size:16px;font-weight:700;padding:10px 40px 8px 16px;border-bottom:1px solid #eee;background-color:#f8f8f8;border-radius:2px 2px 0 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.plx-modal--wrapper .plx-modal--header .plx-icon--zoomin,.plx-modal--wrapper .plx-modal--header .plx-icon--zoomout:after{background-color:#f8f8f8}.plx-modal--wrapper .plx-modal--close-btn,.plx-modal--wrapper .plx-modal--zoom-btn{font-size:18px;position:absolute;right:14px;top:12px;z-index:1;color:#c0c4cc;cursor:pointer}.plx-modal--wrapper .plx-modal--close-btn:hover,.plx-modal--wrapper .plx-modal--zoom-btn:hover{color:#606266}.plx-modal--wrapper .plx-modal--zoom-btn{right:44px;border-color:#c0c4cc}.plx-modal--wrapper .plx-modal--zoom-btn:hover{border-color:#606266}.plx-modal--wrapper .plx-modal--footer{-ms-flex-negative:0;flex-shrink:0;text-align:right;padding:6px 16px 10px 16px}.plx-modal--wrapper.is--maximize .plx-modal--box .plx-modal--header{cursor:default}.plx-modal--wrapper.is--maximize .plx-modal--resize .sb-resize,.plx-modal--wrapper.is--maximize .plx-modal--resize .selb-resize,.plx-modal--wrapper.is--maximize .plx-modal--resize .sest-resize,.plx-modal--wrapper.is--maximize .plx-modal--resize .st-resize,.plx-modal--wrapper.is--maximize .plx-modal--resize .swlb-resize,.plx-modal--wrapper.is--maximize .plx-modal--resize .swst-resize,.plx-modal--wrapper.is--maximize .plx-modal--resize .wl-resize,.plx-modal--wrapper.is--maximize .plx-modal--resize .wr-resize{display:none}.plx-modal--wrapper .plx-modal--resize .sb-resize,.plx-modal--wrapper .plx-modal--resize .selb-resize,.plx-modal--wrapper .plx-modal--resize .sest-resize,.plx-modal--wrapper .plx-modal--resize .st-resize,.plx-modal--wrapper .plx-modal--resize .swlb-resize,.plx-modal--wrapper .plx-modal--resize .swst-resize,.plx-modal--wrapper .plx-modal--resize .wl-resize,.plx-modal--wrapper .plx-modal--resize .wr-resize{position:absolute;z-index:100}.plx-modal--wrapper .plx-modal--resize .wl-resize,.plx-modal--wrapper .plx-modal--resize .wr-resize{width:8px;height:100%;top:0;cursor:w-resize}.plx-modal--wrapper .plx-modal--resize .wl-resize{left:-5px}.plx-modal--wrapper .plx-modal--resize .wr-resize{right:-5px}.plx-modal--wrapper .plx-modal--resize .selb-resize,.plx-modal--wrapper .plx-modal--resize .sest-resize,.plx-modal--wrapper .plx-modal--resize .swlb-resize,.plx-modal--wrapper .plx-modal--resize .swst-resize{width:10px;height:10px;z-index:101}.plx-modal--wrapper .plx-modal--resize .sest-resize,.plx-modal--wrapper .plx-modal--resize .swst-resize{top:-8px}.plx-modal--wrapper .plx-modal--resize .selb-resize,.plx-modal--wrapper .plx-modal--resize .swlb-resize{bottom:-8px}.plx-modal--wrapper .plx-modal--resize .sest-resize,.plx-modal--wrapper .plx-modal--resize .swlb-resize{cursor:sw-resize}.plx-modal--wrapper .plx-modal--resize .selb-resize,.plx-modal--wrapper .plx-modal--resize .swst-resize{cursor:se-resize}.plx-modal--wrapper .plx-modal--resize .swlb-resize,.plx-modal--wrapper .plx-modal--resize .swst-resize{left:-8px}.plx-modal--wrapper .plx-modal--resize .selb-resize,.plx-modal--wrapper .plx-modal--resize .sest-resize{right:-8px}.plx-modal--wrapper .plx-modal--resize .sb-resize,.plx-modal--wrapper .plx-modal--resize .st-resize{width:100%;height:8px;left:0;cursor:s-resize}.plx-modal--wrapper .plx-modal--resize .st-resize{top:-5px}.plx-modal--wrapper .plx-modal--resize .sb-resize{bottom:-5px}