*{margin:0;padding:0;font-family:"Microsoft YaHei",Arial}body{overflow-x:hidden}.range-box{overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex}.range-box>input{-webkit-box-flex:1;-ms-flex:1;flex:1}.dragActive{border:1px dashed #eee!important;background-color:rgba(0,0,0,.2)!important;-webkit-transition:border,background-color .3s;transition:border,background-color .3s}.multiple-section{width:800px;min-height:400px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;border:3px dashed #e6e6e6;padding:20px;position:relative;-webkit-transition:border .3s;transition:border .3s}.multiple-section .mulitple-setting .status{margin-left:20px}.multiple-section .mulitple-setting{position:absolute;bottom:0;left:0;width:100%;height:60px;border-top:1px solid #dcdcdc;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 0;z-index:99}.multiple-section .mulitple-setting .btns{position:absolute;right:20px;top:20px}.multiple-section .mulitple-setting .upload-select-btn{margin:0 10px}.multiple-list{list-style:none;margin:0;padding:0}.multiple-list .multiple-item{width:110px;height:110px;text-align:center;position:relative;display:initial;float:left;overflow:hidden;margin:0 8px 20px 0}.multiple-list .item-warp{position:relative;z-index:2;width:110px;height:110px;line-height:110px;overflow:hidden;vertical-align:middle;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:.3 ease-in-out;-moz-transition:.3 ease-in-out;transition:.3 ease-in-out}.multiple-list .multiple-item:hover .mask{top:0}.multiple-list .multiple-item img{width:100%;height:100%}.multiple-list .multiple-item .mask{position:absolute;z-index:100;left:0;top:-30px;background:rgba(0,0,0,.5);height:30px;line-height:30px;text-align:center;color:#fff;font-size:14px;-webkit-transition:all .3s;transition:all .3s}.multiple-list .multiple-item .mask a{display:block;width:100%;height:100%;color:#fff;font-size:12px;text-decoration:none}.multiple-area-active{border:3px dashed #444}aside{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.headImg-popup button{-ms-flex-preferred-size:48%;flex-basis:48%;height:4rem}.headImg-popup button:nth-of-type(1){position:relative;overflow:hidden}.headImg-popup button:nth-of-type(1):before{content:"";width:25px;height:930px;background-image:-webkit-linear-gradient(to left,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 50%,rgba(255,255,255,0) 100%);background-image:-webkit-linear-gradient(right,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 50%,rgba(255,255,255,0) 100%);background-image:linear-gradient(to left,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 50%,rgba(255,255,255,0) 100%);position:absolute;top:-20px;left:-580px;-webkit-transform:skewX(-45deg);transform:skewX(-45deg)}.success-linear:before{-webkit-animation:success-linear 1.5s linear forwards;animation:success-linear 1.5s linear forwards}@-moz-keyframes success-linear{to{left:600px}}@-webkit-keyframes success-linear{to{left:600px}}@keyframes success-linear{to{left:600px}}.headImg-popup .upload-image-box{height:17rem;border:1px solid #eee;background-color:#f3f3f3;overflow:hidden;position:relative}.headImg-popup .upload-image-box .move-image{height:17rem;cursor:move;position:absolute;top:0;left:0}.headImg-popup .upload-image-box img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.headImg-popup .upload-image-box .clip-image{width:9rem;height:9rem;border:2px solid #eee;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;pointer-events:none;-moz-box-shadow:0 0 2px #eee;-webkit-box-shadow:0 0 2px #eee;box-shadow:0 0 2px #eee}.headImg-popup .range-title i{margin-right:.5rem}.hidden{display:none}.inp{border:1px solid #ddd;padding:.5rem .8rem;font-size:inherit;display:inline-block;vertical-align:middle;background-color:#fff;border-radius:.3rem;-moz-appearance:none;-webkit-appearance:none;outline:0}.fz18{font-size:18px}.color-white{color:#fff}.mt1rem{margin-top:1rem}.mt2rem{margin-top:2rem}.inp-block{display:block;width:100%}.btn-blue{background:#576069;border-color:#576069;color:#fff}.btn-primary{background:#b9e3d9;border-color:#b9e3d9;color:#fff}.text-center{text-align:center}.mt30{margin-top:30px}.btn{display:inline-block;padding:.5rem .8rem;border:1px solid transparent;font-size:16px;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.showImage{margin-top:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-wrap:wrap;flex-wrap:wrap}.showImage li{width:9rem;height:9rem;list-style:none;border:1px solid;margin:.5rem;border-radius:100%;overflow:hidden}.showImage li>img{width:100%}input[type=range]{background-color:#f3f4f6;border-color:#f3f4f6}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:move;top:1px;width:2rem;height:2rem;padding:0!important;background-color:#f74461;border-radius:100%;box-shadow:0 0 1px rgba(255,255,255,.5)}.modal{width:100%;height:100%;display:none;position:fixed;left:0;top:0;z-index:99}.modal .btn-close{position:absolute;top:14px;right:14px;color:#ccc;cursor:pointer;font-size:18px}.modal .btn-close:hover{color:#00ad7a}.mask{width:100%;height:100%;background-color:rgba(0,0,0,.3);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000, endColorstr=#4c000000)}.modal-wrap{width:25rem;height:15rem;margin:auto;background-color:#fff;position:absolute;left:0;top:0;right:0;bottom:0;z-index:100}.modal-wrap .modal-side{width:164px;height:100%;float:left;background-color:#e05a3f;overflow:hidden;position:relative}.modal-wrap .modal-r{width:526px;padding:10px;float:right}.ctrl-modal{-webkit-transform:scale(0);transform:scale(0);width:18rem;height:290px;background-color:#fff;position:absolute;left:0;right:0;bottom:0;top:0;margin:auto;z-index:100;-moz-box-shadow:1px 1px 50px rgba(0,0,0,.3);-webkit-box-shadow:1px 1px 50px rgba(0,0,0,.3);box-shadow:1px 1px 50px rgba(0,0,0,.3);display:none\9;-moz-animation:Popup-animate .5s .1s forwards;-webkit-animation:Popup-animate .5s .1s forwards;animation:Popup-animate .5s .1s forwards}.ctrl-modal .modal-title{padding:14px 20px;background-color:#f5f5f5}.ctrl-modal .modal-title h2{font-weight:500;color:#606060;font-size:20px}.ctrl-modal h1{font-size:26px;color:#6d6d6d;text-align:center;font-weight:500}.ctrl-modal table{width:100%;height:100%;margin-top:-28px;border:none;text-align:center}.ctrl-modal td{border:none;padding:0;vertical-align:middle}.rcpopup .rcpopup-title{border-bottom:1px solid #e5e5e5;padding:10px 20px}.rcpopup .rcpopup-title h2{font-size:20px;font-weight:600}.rcpopup .rcpopup-content{margin:35px 40px}.loading{width:130px;height:130px;position:absolute;left:0;top:0;bottom:0;right:0;margin:auto}.loading p{text-shadow:1px 2px 1px rgba(0,0,0,.3)}.loading .sk-circle{width:130px;height:130px;position:relative}.loading .sk-circle .sk-child{width:100%;height:100%;position:absolute;left:0;top:0}.loading .sk-circle .sk-child:before{content:'';display:block;margin:0 auto;width:16px;height:16px;border-radius:100%;background-color:#fff;-moz-animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;-webkit-animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;animation:sk-circleBounceDelay 1.2s infinite ease-in-out both}.loading .sk-circle .sk-circle2{-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg)}.loading .sk-circle .sk-circle3{-moz-transform:rotate(60deg);-ms-transform:rotate(60deg);-webkit-transform:rotate(60deg);transform:rotate(60deg)}.loading .sk-circle .sk-circle4{-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.loading .sk-circle .sk-circle5{-moz-transform:rotate(120deg);-ms-transform:rotate(120deg);-webkit-transform:rotate(120deg);transform:rotate(120deg)}.loading .sk-circle .sk-circle6{-moz-transform:rotate(150deg);-ms-transform:rotate(150deg);-webkit-transform:rotate(150deg);transform:rotate(150deg)}.loading .sk-circle .sk-circle7{-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}.loading .sk-circle .sk-circle8{-moz-transform:rotate(210deg);-ms-transform:rotate(210deg);-webkit-transform:rotate(210deg);transform:rotate(210deg)}.loading .sk-circle .sk-circle9{-moz-transform:rotate(240deg);-ms-transform:rotate(240deg);-webkit-transform:rotate(240deg);transform:rotate(240deg)}.loading .sk-circle .sk-circle10{-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-webkit-transform:rotate(270deg);transform:rotate(270deg)}.loading .sk-circle .sk-circle11{-moz-transform:rotate(300deg);-ms-transform:rotate(300deg);-webkit-transform:rotate(300deg);transform:rotate(300deg)}.loading .sk-circle .sk-circle12{-moz-transform:rotate(330deg);-ms-transform:rotate(330deg);-webkit-transform:rotate(330deg);transform:rotate(330deg)}.loading .sk-circle .sk-circle2:before{-moz-animation-delay:-1.1s;-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.loading .sk-circle .sk-circle3:before{-moz-animation-delay:-1s;-webkit-animation-delay:-1s;animation-delay:-1s}.loading .sk-circle .sk-circle4:before{-moz-animation-delay:-.9s;-webkit-animation-delay:-.9s;animation-delay:-.9s}.loading .sk-circle .sk-circle5:before{-moz-animation-delay:-.8s;-webkit-animation-delay:-.8s;animation-delay:-.8s}.loading .sk-circle .sk-circle6:before{-moz-animation-delay:-.7s;-webkit-animation-delay:-.7s;animation-delay:-.7s}.loading .sk-circle .sk-circle7:before{-moz-animation-delay:-.6s;-webkit-animation-delay:-.6s;animation-delay:-.6s}.loading .sk-circle .sk-circle8:before{-moz-animation-delay:-.5s;-webkit-animation-delay:-.5s;animation-delay:-.5s}.loading .sk-circle .sk-circle9:before{-moz-animation-delay:-.4s;-webkit-animation-delay:-.4s;animation-delay:-.4s}.loading .sk-circle .sk-circle10:before{-moz-animation-delay:-.3s;-webkit-animation-delay:-.3s;animation-delay:-.3s}.loading .sk-circle .sk-circle11:before{-moz-animation-delay:-.2s;-webkit-animation-delay:-.2s;animation-delay:-.2s}.loading .sk-circle .sk-circle12:before{-moz-animation-delay:-.1s;-webkit-animation-delay:-.1s;animation-delay:-.1s}@-moz-keyframes sk-circleBounceDelay{0%,100%,80%{-moz-transform:scale(0);transform:scale(0)}40%{-moz-transform:scale(1);transform:scale(1)}}@-webkit-keyframes sk-circleBounceDelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-circleBounceDelay{0%,100%,80%{-moz-transform:scale(0);-ms-transform:scale(0);-webkit-transform:scale(0);transform:scale(0)}40%{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}}.justify_fix{display:inline-block;width:100%;height:0;overflow:hidden}@-moz-keyframes Popup-animate{0%{opacity:.7;-moz-transform:scale(1) translateY(-50px);transform:scale(1) translateY(-50px)}100%{opacity:1;-moz-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@-webkit-keyframes Popup-animate{0%{opacity:.7;-webkit-transform:scale(1) translateY(-50px);transform:scale(1) translateY(-50px)}100%{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes Popup-animate{0%{opacity:.7;-moz-transform:scale(1) translateY(-50px);-ms-transform:scale(1) translateY(-50px);-webkit-transform:scale(1) translateY(-50px);transform:scale(1) translateY(-50px)}100%{opacity:1;-moz-transform:scale(1) translateY(0);-ms-transform:scale(1) translateY(0);-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}