body,html{padding:0;margin:0;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;-webkit-tap-highlight-color:rgba(255,255,255,0)}
.logo{position:absolute;width:130px;top:10px;left:10px;z-index:1000}
.home{width:100%;height:100%;position:absolute;left:0;top:0;right:0;bottom:0;z-index:100;background-image:url(../img/bgs.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;}
.nr{position:absolute;width:400px;left:calc(50% - 200px);top:calc(35% - 200px);text-align:center}
.nr p{font-size:50px;font-weight:normal;margin:0}
.nr button{width:150px;height:40px;font-size:22px;font-weight:600;margin-top:20px;background-color:rgba(255,255,255,.2);color:#000;border-radius:10px}
.alert-mark{position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.5);display:none}
.alert-box{width:95%;position:absolute;top:10%;left:2.5%;background-image:url(../img/aaa7.png);background-repeat:no-repeat;background-size:120% 200%;background-position:center;box-sizing:border-box;padding-bottom:100px}
.alert-box p{padding-left:25px;padding-right:25px;box-sizing:border-box;margin:0;padding-top:5px;font-size:14px}
.max{padding:0;margin:0;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;background-image:url(../img/bg3.jpg);background-size:cover;background-position:center;}
#mark{-webkit-tap-highlight-color:rgba(0,0,0,0);background:#fff;font-family:'Open Sans';font-weight:100;color:#000;font-size:100%;margin:0em;padding:0em;position:absolute;top:0;left:0;bottom:0;right:0;z-index:100000;display:flex;align-items:center;justify-content:center;background-size:100%;background-position:center}
#mark .loader{width:0px;height:0px;position:absolute;overflow:hidden}
#mark .loader img{width:100%;height:100%;position:absolute;left:0;top:0}
#mark .loader .ladingColor{width:100%;height:0%;position:absolute;left:0;top:0;overflow:hidden}
#mark .loader .ladingColor img{width:0px;height:0px;position:absolute;left:0;top:0}
#mark .loader .state{color:#000;width:100%;height:100%;z-index:100000;font-size:16px;font-weight:600;display:flex;justify-content:center;align-items:center}
.text{position:absolute;-webkit-animation:text 2s infinite;-moz-animation:text 2s infinite;-moz-animation:text 2s infinite;-ms-animation:text 2s infinite;-o-animation:text 2s infinite;animation:text 2s infinite}
@-webkit-keyframes text{0%{-webkit-transform:scale(0.2,0.2);-webkit-animation-timing-function:ease-out}
40%,60%{-webkit-transform:scale(1,1);-webkit-animation-timing-function:ease-out}
70%,100%{-webkit-transform:scale(0.2,0.2)}
}@-moz-keyframes text{0%{-moz-transform:scale(0.2,0.2);-moz-animation-timing-function:ease-out}
50%{-moz-transform:scale(1,1);-moz-animation-timing-function:ease-out}
60%{-moz-transform:scale(1,1);-moz-animation-timing-function:ease-out}
100%{-moz-transform:scale(0.2,0.2)}
}@-mos-keyframes text{0%{-mos-transform:scale(0.2,0.2);-mos-animation-timing-function:ease-out}
50%{-mos-transform:scale(1,1);-mos-animation-timing-function:ease-out}
60%{-mos-transform:scale(1,1);-mos-animation-timing-function:ease-out}
100%{-mos-transform:scale(0.2,0.2)}
}@-o-keyframes text{0%{-o-transform:scale(0.2,0.2);-o-animation-timing-function:ease-out}
50%{-o-transform:scale(1,1);-o-animation-timing-function:ease-out}
60%{-o-transform:scale(1,1);-o-animation-timing-function:ease-out}
100%{-o-transform:scale(0.2,0.2)}
}@keyframes text{0%{transform:scale(0.2,0.2);animation-timing-function:ease-out}
50%{transform:scale(1,1);animation-timing-function:ease-out}
60%{transform:scale(1,1);animation-timing-function:ease-out}
100%{transform:scale(0.2,0.2)}
}#canvasBox{width:100%;height:100%;position:absolute;left:0;top:0}
#Draw{position:absolute;left:0;top:0;background:rgba(0,0,0,0);z-index:10;display:none}
.color-title{border-bottom:1px solid #da544d;margin-top:21px}
.btn-float{width:50px;height:50px;display:inline-block;border:none;font-size:18px;color:#fff;text-align:center;position:relative;-webkit-transition:0.3s;transition:0.3s;border-radius:50%;box-shadow:0 2px 5px 0 rgba(0,0,0,0.11);background:rgba(255,255,255,0.8)}
.btn-float a{color:#474747}
.btn-float:hover{text-decoration:none;box-shadow:0 5px 10px rgba(0,0,0,0.15),0 4px 15px rgba(0,0,0,0.13)}
.btn-float:active,.btn-float:focus{outline:none}
.btn-float+.btn-float{margin-left:5px}
.pink{background:#f3512b;font-size:14px}
.icon-bars{background:#fff;height:1px;width:22px;margin:auto;display:block;position:relative;transition:0.3s 0.3s}
.icon-bars:after{content:'';position:absolute;height:22px;width:1px;background:#fff;top:-10px}
.float-btn-group{position:relative;float:left;-webkit-transition:0.3s;transition:0.3s}
.float-btn-group .btn-triger{z-index:15;float:left}
.float-btn-group .btn-list{position:absolute;right:0;-webkit-transition:0.3s;transition:0.3s}
.float-btn-group .btn-list li{display:inline-block}
.float-btn-group.open .icon-bars{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.model-4{background:#78909c;position:relative;top:10%;left:15px;z-index:10}
.model-4 .float-btn-group .icon-bars{-webkit-transition:0.3s;transition:0.3s}
.model-4 .float-btn-group .btn-list .btn-float{position:absolute;right:0;top:0;opacity:0}
.model-4 .float-btn-group .btn-list .btn-float:nth-child(1){transition:0.3s 0.3s}
.model-4 .float-btn-group .btn-list .btn-float:nth-child(2){transition:0.3s 0.3s}
.model-4 .float-btn-group .btn-list .btn-float:nth-child(3){transition:0.3s 0.3s}
.model-4 .float-btn-group .btn-list .btn-float:nth-child(4){transition:0.3s 0.3s}
.model-4 .float-btn-group .btn-list .btn-float:nth-child(5){transition:0.3s 0.3s}
.model-4 .float-btn-group .btn-list .btn-float:nth-child(6){transition:0.3s 0.3s}
.model-4 .float-btn-group .btn-list .btn-float:nth-child(7){transition:0.3s 0.3s}
.model-4 .float-btn-group .btn-list .btn-float:nth-child(8){transition:0.3s 0.3s}
.model-4 .float-btn-group.open .btn-list .btn-float{opacity:1}
.model-4 .float-btn-group.open .btn-list .btn-float:nth-child(1){top:65px;transition:0.3s 0.3s}
.model-4 .float-btn-group.open .btn-list .btn-float:nth-child(2){top:130px;transition:0.3s 0.3s}
.model-4 .float-btn-group.open .btn-list .btn-float:nth-child(3){top:195px;transition:0.3s 0.3s}
.model-4 .float-btn-group.open .btn-list .btn-float:nth-child(4){top:260px;transition:0.3s 0.3s}
.model-4 .float-btn-group.open .btn-list .btn-float:nth-child(5){top:325px;transition:0.3s 0.3s}
.model-4 .float-btn-group.open .btn-list .btn-float:nth-child(6){top:390px;transition:0.3s 0.3s}
.model-4 .float-btn-group.open .btn-list .btn-float:nth-child(7){top:455px;transition:0.3s 0.3s}
.btn-float a{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:14px;padding-top:10px}
.hb{background-image:url('../img/hb.png');background-size:30px 30px;background-repeat:no-repeat;background-position:50% 0%}
.xztext{background-image:url('../img/xz.png');background-size:25px 25px;background-repeat:no-repeat;background-position:50% 15%}
.hb-active{background-image:url('../img/hbselect2.png');background-size:30px 30px;background-repeat:no-repeat;background-position:50% 0%}
.ty{background-image:url('../img/ty.png');background-size:20px 20px;background-repeat:no-repeat;background-position:50% 18%}
.ty-active{background-image:url('../img/tyselect2.png');background-size:20px 20px;background-repeat:no-repeat;background-position:50% 18%}
.hy{background-image:url('../img/update.png');background-size:25px 25px;background-repeat:no-repeat;background-position:50% 18%}
.tt{background-image:url('../img/add.png');background-size:25px 25px;background-repeat:no-repeat;background-position:50% 10%}
.tt-active{background-image:url('../img/addselect.png');background-size:25px 25px;background-repeat:no-repeat;background-position:50% 10%}
.reduce{background-image:url('../img/reduce.png');background-size:25px 25px;background-repeat:no-repeat;background-position:50% 10%}
.reduce-active{background-image:url('../img/reduceselect.png');background-size:25px 25px;background-repeat:no-repeat;background-position:50% 10%}
.ht{background-image:url('../img/qk.png');background-size:25px 25px;background-repeat:no-repeat;background-position:50% 10%}
.ny{background-image:url('../img/ny.png');background-size:25px 22px;background-repeat:no-repeat;background-position:50% 16%}
.out{background-image:url('../img/out.png');background-size:25px 25px;background-repeat:no-repeat;background-position:50% 10%}
.color-box{width:220px;height:300px;background:rgba(0,0,0,.2);position:absolute;left:50px;top:-100px;border-radius:4px;cursor:pointer;display:none}
#color-close{width:20px;height:20px;background-image:url('../img/close.png');background-size:12px 12px;background-repeat:no-repeat;background-position:center;position:absolute;right:5px;top:5px}
.color-header{width:100%;height:50px;display:flex}
.color-header .hy{width:100px;height:50px;background-image:url('../img/hxse.png');background-size:35px 35px;background-repeat:no-repeat;background-position:center;text-align:center;padding-top:45px;font-size:12px}
.color-header .hy.active{width:100px;height:50px;background-image:url('../img/hx.png');background-size:35px 35px;background-repeat:no-repeat;background-position:center;text-align:center;padding-top:45px;font-size:12px;color:#da544d}
.color-header .sj{width:100px;height:50px;background-image:url('../img/ttse.png');background-size:35px 35px;background-repeat:no-repeat;background-position:center;text-align:center;padding-top:45px;font-size:12px}
.color-header .sj.active{width:100px;height:50px;background-image:url('../img/tt.png');background-size:35px 35px;background-repeat:no-repeat;background-position:center;text-align:center;padding-top:45px;font-size:12px;color:#da544d}
.color-wrapp{height:240px;margin-top:10px}
.color-title{text-align:center;font-size:12px;height:30px;line-height:30px}
.color-item-main{width:100%;height:200px}
.color-item-main .color-item{width:25px;height:25px;float:left;margin:15px;border-radius:3px}
.color-item-main .color-item.active{border:1px solid #000}
.color-main{position:absolute;left:10%;top:90%;display:flex;align-items:center;justify-content:space-between;width:0px;height:0px;overflow:hidden;z-index:10000}
.color-it{width:23px;height:23px;border-radius:50%}
.color-active{width:28px;height:28px;border-radius:50%;border:1px solid #000}
.ty-color-box{position:absolute;left:10%;top:90%;display:flex;align-items:center;justify-content:space-between;width:0px;height:0px;overflow:hidden;z-index:10000}
.ty-color-it{width:23px;height:23px;border-radius:50%}
.ty-color-active{width:28px;height:28px;border-radius:50%;border:1px solid #000}
.tt-box{position:absolute;left:10%;top:90%;display:flex;align-items:center;justify-content:center;width:80%;overflow:hidden;z-index:10000}
.tt-box p{display:flex}
input[type='radio']:after{width:15px;height:15px;border-radius:15px;top:-2px;left:-1px;position:relative;background-color:rgba(0,0,0,0);content:'';display:inline-block;visibility:visible}
input[type='radio']:checked:after{width:15px;height:15px;border-radius:15px;top:-2px;left:-1px;position:relative;background-color:#f3512b;content:'';display:inline-block;visibility:visible;border:2px solid white}
button{
    cursor: pointer;
}