@font-face {
  font-family: myFont;
  /* 字体文件路径 */
  src: url("../../fonts/AlibabaPuHuiTi-3-65-Medium/AlibabaPuHuiTi-3-65-Medium.ttf");
}  
body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    /*width: 1920px;*/
    /*height: 1080px;*/
    background: #ebebeb; 
    font-family: myFont;
    
    -moz-user-select:none; /* Firefox私有属性 */
    -webkit-user-select:none; /* WebKit内核私有属性 */
    -ms-user-select:none; /* IE私有属性(IE10及以后) */
    -khtml-user-select:none; /* KHTML内核私有属性 */
    -o-user-select:none; /* Opera私有属性 */
    user-select:none; /* CSS3属性 */
}
/* chrome */

input::-webkit-outer-spin-button, 
input::-webkit-inner-spin-button { 
    -webkit-appearance: none; 
} 
/* 火狐浏览器 */ 
input[type="number"]{ 
    -moz-appearance: textfield; 
}
a{
    text-decoration: none;
}
.hide{
    display: none;
}
.user{
    color: #fff;
    font-weight: 100;
    float: right;
    font-size: 15px;
}
.btn{
    position:absolute;right:0;z-index:999
}
.header{
    /*height: 90px; */
    height: 50px; 
    width: 100%; 
}
.header .title{
    height: 40px;
    background: #000;
    width: calc(100% - 20px); 
    color:#fff;
    line-height: 40px; 
    padding:0 10px;
    font-weight: bold;
}
.header .list{
    height: 50px;
    background: #000;
    width: 100%; 
    color:#fff;
    line-height: 50px; 
    font-weight: bold;
    display: flex;
    /*padding: 1px 0;*/
}
.header .list img{
    height: 50px; 
    width: 50px;
} 
.header .list .text{
    height: 50px; 
    width: 150px;
    background: #0099db;
    text-align: center;
}
.header .list .text-right{   
    position: absolute;
    right:20px!important; 
    color: #fff; 
    border-radius: 15px;
    height: 30px;
    line-height: 30px;
    top: 10px;
    padding: 0 20px;
    background: #349630; 
    /*z-index: 1000;*/
}

.sidebar{ 
    position: absolute;  
    width: 525px; 
    height:calc(100% - 50px); 
    left: 0;
    bottom: 0; 
    background: #fff;
    border-right: 1px solid #ccc; 
    overflow: auto;
} 
.sidebar .box{  
    width: 100%;
    max-height: 270px;
    background: #fff;
    display: flex;
    flex-direction: column;
    margin-bottom: 1px ;
}
.sidebar .box .title{  
    width: calc(100% - 20px);
    height: 45px;
    line-height: 45px; 
    padding-left: 20px;
    background: #d3d3d3; 
    position: relative;
    text-align: left;
    font-weight: bold;
}
.sidebar .box .title .ico{   
    height:20px;  
    position: absolute; 
    right: 0;
    top: 0;
    padding: 12.5px;
} 
.sidebar .box .title .ico2{   
    height:20px; 
    position: absolute;
    right: 60px;
    top:12.5px;
} 
.sidebar .box .content .item{   
    width: 70px;
    height: 100px;
    margin: 10px; 
    float: left; 
}
.sidebar .box .content .item img{   
    width: 70px;
    height: 70px; 
    border-radius: 15px; 
} 
.sidebar .box .content .item.add img{   
    width: 50px; 
    height: 50px; 
    padding: 10px;
} 
.sidebar .box .content .item .top{   
    width: 70px;
    height: 70px; 
    border:1px solid #ccc;
    border-radius: 15px;  
    position: relative;
    overflow: hidden;
}
.sidebar .box .content .item .top.active{    
    border:2px solid #0099db; 
}
.sidebar .box .content .item .top .del{   
    width: 30px;
    height: 30px; 
    border:1px solid #ccc; 
    border-radius: 15px 0 0 0;  
    border-width: 1px 0 0 1px;  
    position: absolute;
    right: 0;
    bottom: 0; 
    background: #fff;
}  
.sidebar .box .content .item .top .del img{   
    width: 20px; 
    height: 20px;
    padding: 5px;
}  
.sidebar .box .content .item laber{    
    text-align: center;
    font-size: 12px;
    display: block;
    color:#717171;
} 
.sidebar .sharp{    
    display: flex;
    /*margin-bottom: 20px;*/
} 
.sidebar .sharp .title{     
    text-align: center;
    padding: 0;
    position: relative;
    color:#111;
    font-weight: bold;
}  
.sidebar .sharp .line{   
    display: none; 
    height:8px;
    width: 100%;
    background: #0099db;     
    position: absolute;
    bottom: 0;
    left:0;
}  
 
.sidebar .sharp .active {       
    background: #bdbebf;
} 
.sidebar .sharp .active .line{       
    display: block;
}  
.box3 .content{
    margin: 0 20px;
    /*padding: 20px 0;*/
    /*border-bottom: 1px solid #ccc;*/
} 
.box3 .content2{ 
    border-bottom: 0;
}
.box3 .content3{ 
    border-bottom: 0;
    display: flex;
    justify-content: center; 
    align-items: center; 
    padding:50px 0;
} 
.box-size .content {    
    display: flex; 
    flex-direction: column;
}
.box-size .line {    
    width: 100%;
    display: flex; 
}
.box-size .line2 {    
    margin-top: -30px;
}
.box-size .line2 img{    
    margin-top: 0!important;
}
.cont{   
    display: flex; 
    align-items: center;
    justify-content: space-between;  
} 
.cont .inner{  
    position: relative; 
    width: 115px;
    height: 30px;     
    border:0;    
}  
.cont .inner input{  
    position: absolute;
    top:0;
    left:0; 
    width: 90px;
    height: 20px;
    padding: 5px;
    outline: none;    
    border: 1px solid #ccc;   
}
.cont .inner .front{  
    position: absolute;
    top:1px;
    right:-6px;
    width: 21px;
    height: 14px; 
    border: 1px solid #ccc;   
    border-width: 0 0 1px 1px;
    background: url(../../img/arrow2.png);
    background-size: 21px 15px;
}
.cont .inner .next{  
    position: absolute;
    bottom:0;
    right:-6px;
    width: 21px;
    height: 14px; 
    border: 1px solid #ccc;  
    border-width:0 0 0 1px; 
    background: url(../../img/arrow2.png);
    background-size: 21px 15px;
    transform: scaleY(-1);
}
.cont .inner .text{  
    position: absolute;
    top:0; 
    right:25px;
    width: 23px;
    height: 31px;
    line-height: 31px;
    font-size: 13px;
}
.cont .inner .text2{   
    right:10px!important; 
} 
.cont .inner .text3{   
    right:unset!important; 
    left:10px;
} 
.box-size .line .sub{    
    /*font-weight: 300;*/
    padding: 5px;
    font-weight: bold;
} 
.box-size .line .item{     
    width: unset!important; 
} 
.box-size .line .item img{      
    height: unset!important; 
    width: unset!important;
    border-radius: unset!important;
} 
.box-size .line .left{    
    width: 360px!important;
} 
.box-size .line .switch img{     
    /*margin-top: 15px;*/
}    
.box-size .item2 .inner{   
    width: 150px;
} 
.box-size .line .cont .value{   
    width: calc(100% - 30px);
    height: 20px; 
    line-height: 20px;
    padding: 5px 10px;
    border: 1px solid #ccc;   
    margin:0 10px;
    font-size: 12px;
    background: #fff;
} 
.box-size .item2 .lists{
    width: 140px!important; 
}
.box-size .line .cont input{   
    width: 45px;
    height: 20px;
    padding: 5px 55px  5px 10px; 
    border: 1px solid #ccc; 
    outline: none;
    margin:0 10px;
}
.box-size .line select{   
    width: 90px;
    height: 32px; 
    border: 1px solid #ccc; 
    outline: none;
    margin:0 10px;
}
.box-size .line .cont .scale{   
    width: 27px !important;
    height: 27px !important;
    /*margin: 0 7px;*/
}  
.box-size .line .cont .inner{    
    position: relative;
}   
.box-size .line .cont .toggle{
    position: absolute;
    top: 10px;
    right: 0px;
    width: 21px;
    height: 14px; 
    border-width: 0 0 0 1px;
    background: url(../../img/arrow2.png);
    background-size: 21px 15px;
    transform: scaleY(-1);
}
.box-size .line .cont .unit{
    position: absolute;
    top: 10px;
    right: 40px;
    width: 21px;
    height: 14px;  
}
.box-size .line .cont .lists{  
    position: absolute;
    top: 30px;
    left: 10px;
    line-height: 28px; 
    background: #fff;
    border: 1px solid #ccc; 
    overflow: hidden;
    z-index: 1000;
}
.box-size .line .cont .lists a{   
    display: block;
    color: #111;
    border-bottom: 1px solid #f4f4f4;
    font-size: 13px;
    padding: 0 10px;
}
.box .color{   
    display: flex;
    justify-content: center;
} 
.box .color .active{      
    border-right:5px solid #0099db ;
} 
.box .color .left{   
    flex-direction: column;
    display: flex;
    width: 80px;
    border-right: 1px solid #ccc; 
} 
.box .color .left img{    
    /*margin:10px;*/
}
.box .color .right{     
    flex-direction: column;
    display: flex;
    width: 120px;
    margin-left:140px; 
} 
.box  .slice{
    text-align: center;
    /*margin:2.5px;*/ 
    width: 45px;
    color:#fff; 
    text-shadow: 1px 2px #000;
    font-size: 12px;
    border-radius:1px;
    position: relative;
}
.box  .slice .color_selecter{ 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    opacity: 0;
    outline: none;
}
.box  .slice .inner{ 
    position: absolute;
    top:0;
    left:-65px;
    width: 50px;
    height: 20px; 
    border: 1px solid #ccc;   
    font-size: 12px;
    line-height: 20px; 
}
.box  .slice .inner.first{  
    border: 0;
    color:#9e9e9e; 
    text-shadow:0 0 black;
}
.box  .slice .inner input{  
    position: absolute;
    top:0;
    left:0;
    width: 40px;
    height: 14px;
    padding: 3px 5px; 
    outline: none;  
    border:0;
    color:#9e9e9e; 
}
.box  .slice .inner .front{  
    position: absolute;
    top:0;
    right:0;
    width: 13px;
    height: 9px; 
    border: 1px solid #ccc;   
    border-width: 0 0 1px 1px;
    background: url(../../img/arrow2.png);
    background-size: 14px 10px;
}
.box  .slice .inner .next{  
    position: absolute;
    bottom:0;
    right:0;
    width: 13px;
    height: 9px; 
    border: 1px solid #ccc;  
    border-width:0 0 0 1px; 
    background: url(../../img/arrow2.png);
    background-size: 14px 10px;
    transform: scaleY(-1);
}
.box  .slice .add{ 
    position: absolute;
    top: 26px;
    left: 0px;
    width: 20px;
    height: 20px;
    background: url(../../img/change-color5_03.jpg);
    background-size: 20px 20px;
}
.box  .slice .del{ 
    position: absolute;
    top: 26px;
    right: 0px;
    width: 20px;
    height: 20px;
    background: url(../../img/change-color5_05.jpg);
    background-size: 20px 20px;
}
.menu{     
    position: absolute;
    top: 50px;
    right: calc(50% - 280px);
    /*width: 560px;*/
    background: #fff;
    display: flex;
    justify-content: space-between;
    padding: 0 20px; 
} 
.menu img{       
    height: 42px; 
    margin: 14px 9px;
} 
.menu a{    
    position: relative;
} 
.menu input{    
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
} 
.menu .line{        
    margin: 14px 0;
} 
.export{
    width: 250px;
    height: 50px; 
    line-height: 50px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    position: relative;
    /*background: url('../../img/generate_3d_model.png');*/
    background: #b8b8b8;
    border-radius: 25px;
    margin-right:10px; 
}  
.export.active{
    width: 250px;
    height: 50px; 
    line-height: 50px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    position: relative;
    background: url('../../img/generate 3d model.png');
    margin-right:10px; 
}  
.container{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;  
    justify-content: center;
    flex-direction: column;
    align-items: center;
    z-index: 100;
}
.container .mask{
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left:0; 
    background: #000;
    opacity: 0.5;
}
.container .form{
    width: 300px;
    /*height: 612px;*/
    position: absolute; 
    /*left: calc(50% - 200px);*/
    background: #f8f8f8;
    border-radius: 10px; 
    display: flex;   
    flex-direction: column;
    padding: 70px 50px 50px 50px; 
}  
.container .form .close{  
    position: absolute;
    top:20px;
    right: 20px;
} 
.container .form .item{
    width: 100%; 
    display: flex;   
    flex-direction: column; 
    margin:10px 0;
} 
.container .form .forgot{  
    text-align: right;
} 
.container .form .forgot a{   
    text-decoration: underline; 
    color:#9e9e9e;
} 
.container .form .head{ 
    width: 100%;
    height: 40px;
    flex-direction: row; 
    border-radius: 5px;
    border:1px solid #ccc;
    justify-content: space-between;
} 
.container .form .item .btn{ 
    width: 50%;
    height: 40px;   
    float: left;
    text-align: center;
    position: relative;
    line-height: 40px; 
    color:#111;
} 
.container .form .item .active{  
    background: #0099db;
    color:#fff;
    border-radius: 5px;
}
.container .form .checkbox{  
    flex-direction: row; 
    align-items: center;
}  
.container .form .checkbox input{   
    margin:0 10px;
    width: 16px;
}  
.container .form .item .submit{ 
    width: 100%; 
    margin:20px 0;
} 
.container .form .item .link{ 
    color:#0099db; 
} 
.container .form .item .link-gray{ 
    color:#9e9e9e; 
    text-decoration: underline;
} 
.container .form span{  
    color:#9e9e9e;
    padding: 5px 0;
} 
.container .form input{   
    border:0;
    padding: 5px 10px;
    height: 20px;
    line-height: 20px;
    outline: none;
    border-bottom:2px  solid #ccc; 
}  
.container .form select{    
    border:0;
    padding: 5px 10px;
    height: 30px;
    line-height: 30px; 
    border-bottom:2px  solid #ccc;
    width: 192px;
    outline: none;
}  
.container .form select option{     
    line-height: 30px;   
}  
.container .form-preset{
    width: 800px;
    /*height: 612px;*/
    position: absolute; 
    /*left: calc(50% - 400px); */
    background: #fff; 
    border-radius: 10px; 
    display: flex;   
    flex-direction: column;
    padding: 0; 
}  
.container .form-preset .title{ 
    height: 60px;
    line-height: 60px;
    padding: 0 35px;
    color:#767676;
    font-weight: bold;
}  
.container .form-preset .content{  
    width: 680px;
    background: #f8f8f8;
    margin: 0 60px;
    /*height: 220px; */
    margin-bottom: 70px;
}   
.container .form-preset .content .file{   
    width: 70px;
    height: 70px;  
    position: relative; 
}  
.container .form-preset .content .file img{   
    width: 70px;
    height: 70px;   
    border-radius: 5px;
}  
.container .form-preset .content input[type="file"]{   
    width: 70px;
    height: 70px;
    padding: 0; 
    opacity: 0;
    position: absolute;
    top:0;
    left:0;
    z-index: 1;
}     
.container .form-preset .item{    
    display: flex;
    flex-direction: row;
    justify-content: space-between; 
    margin: 0;
    flex-wrap: wrap;
    align-items: center; 
    padding:35px 25px;
    width: unset;
}  
.container .form-preset .item2{     
    border-top: 1px solid #ccc;
}  
.container .form-preset .footer{   
    border-top: 1px solid #ccc;
    width: 100%;
    height: 100px;
}  
.container .form-preset .footer{   
    border-top: 1px solid #ccc;
    width: calc(100% - 90px);
    height: 100px;
    padding: 0 45px;
    display: flex;
    flex-direction: row-reverse;
    
}   
.container .form-preset .btns{     
    height: 36px; 
    display: flex;
    position: relative;
}    
.container .form-preset .btn2{    
    width: 100px;
    height: 36px;
    line-height: 36px;
    text-align: center;  
    border-radius: 20px;
    background: #fff;
    color:#707070;
    border:2px solid #707070;
    display: block;
    margin:0 5px;
}  
.container .form-preset .btn-remove{     
    border:2px solid #9e9e9e; 
    color:#9e9e9e;
}    
.container .form-preset .footer .btn{    
    width: 90px;
    height: 38px;
    line-height: 38px;
    text-align: center;  
    position: relative; 
    display: block; 
    margin: 27.5px 8px; 
    border-radius: 4px;
}   
.container .form-preset .footer .success{   
    color:#fff;
    background: #0099db;
    border:1px solid #0099db;
}  
.container .form-preset .footer .btn-preview{    
    position: absolute;
    left: 60px;
}  
.container .form-preset .footer .del{   
    color:#fff;
    background: red; 
    border:1px solid red;
    position: absolute;
    left: 45px;
    
}  
.container .form-preset .footer .cancel{   
    color:#9e9e9e;
    border:1px solid #ccc;
}  
.container .form-preset .content-msg{   
    height: 140px;
    line-height: 140px; 
    padding-left: 80px;
    color:#767676; 
    margin-bottom: 40px;
}   
.container .form-export{
    width: 420px; 
    position: absolute; 
    /*left: calc(50% - 270px); */
    background: #f8f8f8; 
    border-radius: 10px; 
    display: flex;   
    flex-direction: column;
    padding:60px 60px 20px 60px;  
}  
.container .form-export .content{
    width: unset; 
}
.container .form-export .item{
    width: unset; 
    border-bottom: 1px solid #ccc;
    left: calc(100% - 0px);  
    padding: 20px 0;
}  
.container .form-export .item>span{
    width: 33%;  
    color: #717171;
} 
.container .form-export .item .radio{  
    display: flex;
    justify-content: center;
    /*align-items: center;*/
    position: relative; 
} 
.container .form-export2 .item .radio{   
    flex-direction: column;
} 
.container .form-export .item .radio .item3{  
    display: flex;
    /*justify-content: center;*/
    align-items: center;
    position: relative; 
} 
.container .form-export .item .radio .laber{  
    margin:0 20px;
} 
.container .form-export .item .radio span{ 
    color:#111;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
} 
.container .form-export .item .radio input{  
    /*width: 60px;  */
    margin: 0 5px;
    border-radius: 3px;
    height: unset;
}  
.container .form-export .item .radio input[type="number"]{  
    width: 40px;   
}  
.container .form-export .footer{
    width: 100%;
    padding: 0;
    border:0; 
}
.container .form-export .cont input{ 
    border: 1px solid #ccc;
    width: 100px;
}  
.container .form-export .cont img{    
    width: 32px;
    margin:0 10px;
} 
.container  .form-export2 .item2{    
    border:0;
    justify-content: flex-start;
}
.container  .form-export2 .item2 .inner{     
    margin-left:35px;
}
.container .form-user{ 
    width:570px; 
    /*left: calc(50% - 345px); */
    padding:60px 60px 90px 60px;
} 
.container .form-user .item{  
    justify-content: flex-start;
} 
.container .form-user .btn2{  
    margin-left:30px;
} 
.container .form-user .item .radio span{ 
    width:300px;
    text-align: center;
}   
.container .form-user  .item{    
    position: relative;
    left: 0;
} 
.container .form-user  .lists{   
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    background: #fff;
    border-radius: 3px; 
    z-index: 100;
} 
.container .form-user  .lists .list{     
    padding: 20px; 
    border-bottom: 1px solid #ccc; 
    max-height: 230px;
    overflow-y: auto;
} 
.container .form-user .lists .ico{    
    width: 20px;
} 
.container .form-user  .lists .item{   
    padding: 5px 0;
    border: 0; 
    display: flex;
    justify-content: space-between;
} 
.container .form-user  .lists .item span{   
    text-align: left; 
    width: calc(100% - 40px);
} 
.container .form-user  .lists .foot{   
    align-items: center;
    display: flex;
    justify-content: center;
} 
.container .form-user .lists .foot img{    
    width: 30px;
    margin: 20px;
} 
.container .form-serial{     
    padding: 20px 40px; 
} 
.container .form-serial .title{     
    font-weight: 100;
    padding: 0;
}   
.container .form-serial input{      
    width: 320px;
    text-align: center;
    font-weight: bold; 
}  
.container .form-serial span{      
    width: 340px!important;
}  
.container .form-serial .error{       
    color:red!important;
}  
.container .form-serial .success2{       
    color:#0099db!important;
}  
.container .form-serial .item{
    display: flex;
    flex-direction: column;
    border: 0;
}
.container .form-serial .del-text{      
    color:#111!important;
    font-weight: bold;
    text-align: center; 
}  
.container .form-msg {  
    width:500px; 
    text-align: center;
    padding: 30px;
} 
.container-msg {   
    z-index: 1000;
} 
.container-msg .success span{    
    color:green;
} 
.container-msg .error span{ 
    color:red;
} 
.head-menu{
    position: absolute;
    top:50px;
    left:0;
    width: 300px; 
    z-index: 100; 
    color:#fff; 
    display: flex;
    flex-direction: column; 
}  
.head-menu .item{
    background: #111111eb;
    height: 60px;
    line-height: 60px;
    position: relative;
    padding:0 20px 0 30px ;
    width: 250px; 
    color: #fff;
} 
.head-menu .item .children .item2 img{  
    height: 15px;  
    position: absolute;
    top:22.5px;
    left:20px;
}
.head-menu .item:hover{ 
    background: #464544de;
}
.head-menu .item .ico{
    height: 20px; 
    position: absolute;
    right: 20px;
    top:20px;
}
.head-menu .item .children{ 
    position: absolute;
    top:0;  
    left:302px;   
    color: #fff;
    display: flex;
    flex-direction: column; 
} 
.head-menu .item .children .item2{ 
    background: #111111eb;
    height: 60px;
    line-height: 60px;
    position: relative;  
    color: #fff; 
    padding-left:60px;
    width: 190px;
}
.head-menu .item .children .item2:hover{ 
    background: #464544de;
} 
.color{
    padding: 20px 0;
} 
.menus  .cont{ 
    justify-content: flex-start;
    /*margin: 10px 0; */
}  
.menus  .cont .inner{  
    width: 80px;
}  
.menus .cont input{ 
    border: 1px solid #ccc;  
    width: 25px;
    padding-right: 55px;
}  
.menus .cont2{  
    margin:0 20px;
} 
.menus .content{ 
    display: flex;  
}  
.menus .content-head a{   
    position: relative;
}  
.menus .content-head a>input{    
    width: 54px;
    height: 54px;
    position: absolute;
    top:0;
    left:0;
    opacity: 0; 
}  
.menus .content-head a>img{   
    max-width: 54px;
    max-height: 54px;  
}  
.menus .content-head a{ 
    width: 54px;
    height: 54px;  
    display: flex;
    justify-content: center;
}  
.menus .content-head .sharp{ 
    /*border: 2px solid #0099db;*/
    /*width: 54px; */
    /*height: 54px; */
    background: #0099db; 
}  
.menus .line3{ 
    display: flex;  
    flex-direction: column;
    margin:8px 20px;
}  
.menus .ico{   
    margin:0 5px;
}  
.menus .content-head{
    padding:0 20px 20px 20px;
    border-bottom: 1px solid #ccc;
    margin: 20px 0!important;
}
.sidebar .mask{ 
    /*width: 100%;*/
    width: 525px; 
    height: calc(100% - 90px); 
    background: #ccc;
    opacity: 0.5;
    position: fixed;
    bottom:0;
    left:0;
    z-index: 100;
}
input[disabled="disabled"]{
    background: #d9d9d940;
}
.cont .inner .input{    
    width: 65px!important;
    padding: 5px 10px 5px 35px!important;
    margin: 0!important;
} 
.form-preset-admin .content{  
    background: #fff!important;
    height: 300px;
    margin-bottom: 20px!important;
    overflow-y: auto; 
}
.form-preset-admin .content .item{ 
    width: 70px; 
    margin: 10px 20px;
    padding: 0;
    float: left; 
    flex-direction: column;
    color: #717171;
}
.form-preset-admin .content .item img {
    width: 70px;
    height: 70px;
    border-radius: 15px;
}
.form-preset-admin .content .item input{ 
    width: 15px;  
}
.single {
   width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap; 
   text-align: center;
}
.presets-content{
    overflow-y:auto ;
}
.container .form-preset .btns input[type="file"]{     
    width: 100px;
    height: 36px; 
    position: absolute;
    top: 1px;
    right: 6px; 
    left: unset;
}   
#three{ 
    position: absolute; 
    width: calc(100% - 875px); 
    height: calc(100% - 90px);  
    right: 350px;
    bottom: 0; 
    z-index:-1; 
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}   
.control-open{
    position: absolute;
    top:85px;
    right: 10px; 
    font-size: 40px;
    color: #333;
    z-index: 10;
}
.control{
    position: absolute;
    top:50px;
    right: 0;
    width: 350px;
    height: 100%; 
    background: #fff;
}
.control .plane{
    /*position: absolute;*/
    /*top:0;*/
    /*right: 0;*/
    /*margin:10px;*/
    width:100%;
    height: calc(100% - 320px);
    overflow: auto; 
    background: #fff;
    /*color: #666;*/
    white-space: nowrap; 
}
.control  .plane .item{ 
    padding-left: 20px;
    position: relative; 
    line-height: 35px;
}
.control  .plane .item .ico{ 
    width: 20px;
    height: 35px;
    line-height: 35px;
    position: absolute;
    top:0;
    left:0;
    text-align: center;
    /*color:#666;*/
}  
.control  .plane .item .active{  
    background: #0099db; 
    color: #fff;
}  
.control  .plane .close:after {
    content: '+'; 
}
.control  .plane .open:after {
    content: '-'; 
}
.control  .plane>.title{  
    width:calc(100% - 10px);
    height: 45px;
    line-height: 45px; 
    background: #d3d3d3;
    position: relative;
    text-align: left;
    font-weight: bold;
    padding-left: 10px;
    color: #000;
}
.control  .info .title{  
    width: calc(100% - 10px);
    height: 45px;
    line-height: 45px; 
    background: #d3d3d3;
    position: relative;
    text-align: left;
    font-weight: bold;
    padding-left: 10px;
    color: #000;
}
.control  .info{  
    color:#666; 
    margin-bottom: 20px;
}
.control  .info .item{ 
    display: flex;
    /*justify-content: space-between;*/
    line-height: 32px;
    padding:0 10px;
}
.control  .info .item-first{  
    padding:10px;
}
.control  .info .item2{  
    text-align: center;
}
.control  .info .item span{  
    width: 70px;  
}
.control  .info .item input[disabled="disabled"]{   
    background: #d9d9d940;
}
.control  .info .item input{   
    width: 60px;  
    padding:3px  6px;
    margin:5px; 
    color:#666; 
    border: 1px solid #ccc;
    outline: none;
}
.control  .info .item .name{   
    width: 180px;   
}
.red{
    color: #ff0000;
}
.green{
    color: #00ff00;
}
.blue{
    color: #0000ff;
}


.menu2{
    position: absolute;
    top:0px;
    left: 0px;
    background: #fff;
    border: 1px solid #dadce0;
    visibility: hidden;
    display: flex;
    flex-direction: column;  
    /*text-align: center;*/
    width: 150px;  
    padding: 10px 0;
    font-size: 14px;
}
.menu2 .item{ 
    padding:0 10px; 
    color:#111;
    line-height: 30px;
}
.menu2 .item:hover{
    background-color: #0099db; 
    color:#fff;
}
.menu2.active{
    visibility: visible;
}  
.icon{
    position: absolute;
    right: 3px;
}
.cube{
    position: absolute; 
    left:550px;
    /*top: calc(100% - 120px);*/
    bottom:20px;
    z-index: -1;
}
.cube img{ 
    height: 20px;
    margin-top: 2px;
}
.cube>.info{   
    border-bottom: 1px solid #999; 
}
.cube .info{  
    display: flex; 
    padding: 5px 0;
    color:#333;
    /*width: 280px;*/
}
.cube a{   
    color:#333;
}
.cube .list{       
    padding:10px;
    position: absolute;
    bottom: 3px;
    width: 220px;
    background: #fff;
    left: 23px;
}
.cube .info span{        
    padding: 0 5px;
}
.zIndex1000{
    z-index: 1000;
}
#canvas{
    position: absolute;
    top:0;
    left: 0;
    z-index: 1000;
    width: 300px;
    height: 300px; 
    border: 1px solid red;
    background: #fff;
}  
.ui-state-hover{
    background: #f3f3f3;
    border:0; 
}
.ui-state-active{
    background: #0099db;
    border:0; 
    color:#fff;
} 
.forget .head{
    font-weight: bold;
    border:0!important;
    text-align: center;
    display: block!important;
}
.forget .disabled{ 
    background: #b8b8b8!important;
} 
.container-page .form{
    width: 80% !important;
    height: 80% !important; 
    position: absolute;  
    background: #fff; 
    border-radius: 0;  
    display: flex;   
    flex-direction: column;
    padding: 0; 
}  
.container-page .form .iframe{
    width: 100% !important;
    height: 100% !important; 
    position: absolute;  
    background: #fff;  
    padding: 0; 
    left:0; 
}  
.container-page .form .close{ 
    z-index: 10; 
}   
.container .form-export  .scale{
    margin-top: 10px;
    display: block;
    
}
.texture{ 
    display: flex;
    justify-content: flex-start!important; 
    padding:0 20px;
}
.texture .item{ 
    display: flex;  
    flex-direction: column;
    margin:10px;
    position: relative;
}
.texture .item .sub{  
    margin:10px;
    font-weight: bold;
}
.texture .item .check{   
    position: absolute;
    top: 7px;
    left: -17px;
    width: 13px;
    font-weight: bold; 
}
.texture .item select { 
    height: 32px;
    border: 1px solid #ccc;
    outline: none;
    margin: 0 10px;
    border-radius: 4px;
    padding:0 10px; 
}
.texture .item option { 
    height: 32px; 
}
.texture .item input { 
    width: 120px;
    height: 28px;
    border: 1px solid #ccc;
    outline: none;
    margin: 0 10px;
    border-radius: 4px;
    padding:0 10px;
}
.undo{
    margin:14px 2px!important;
}
.container-message .form{
    padding: 30px!important;
    width: 500px!important;
}
.container-message .form .list{ 
    display: flex;
    /*flex-direction: column;*/
}
.container-message .form .warning{  
    /*width: 30px;*/
    height: 30px;
    margin:20px;
}
.container-message .head{
    font-weight: bold;
    border:0!important;
    text-align: center;
    display: block!important;
}
.container-message .content{ 
    position: relative; 
} 
.container-message .content2{ 
    position: relative;
    text-align: center;
} 
.form-file{ 
    background: #fff!important;
    width: 530px!important;
}
.form-file .title{
    position: absolute;
    top: 20px;
    left: 20px;
}
.form-file .list{ 
    display: flex; 
    /*justify-content: space-between;*/
    margin-top:30px;
}
.form-file .list input{ 
    background: #f6f6f6;
} 
.form-file .sharp2{  
    width: 200px;
    height: 200px;
    position: relative;
    margin-right:20px;
    background: #f8f8f8;
    padding: 10px;
    border-radius: 5px;
}
.form-file .sharp2 input{  
    width: 200px;
    height: 200px;
    position: absolute;
    top:0;
    left:0;
    opacity: 0;
}
.form-file .sharp2 img{  
    width: 160px;
    height: 160px;
    margin: 20px;
}
.form-file .sharp2 .laber{    
    font-size: 12px;
    width: 40px;  
    text-align: center;
}
.form-file .sharp2 .laber-top{   
    position: absolute;
    top:0; 
    left:calc(50% - 20px);
}
.form-file .sharp2 .laber-bottom{   
    position: absolute;
    bottom:0; 
    left:calc(50% - 20px);
}
.form-file .sharp2 .laber-left{   
    position: absolute;
    bottom:calc(50% - 15px); 
    left: 0;
    transform: rotate(-90deg);
}
.form-file .sharp2 .laber-right{   
    position: absolute;
    bottom:calc(50% - 15px); 
    right: 0;
    transform: rotate(-90deg);
}
.form-file .list .radio{  
    position: relative;
} 
.form-file .list .unit{  
    position: absolute;
    top: -5px;
    right: 11px;
    font-weight: unset!important;
} 
.form-file .list .laber{   
    width: unset!important;
} 
.form-file .list .item{   
    border:0;
    padding: 10px 0;
} 
.single{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
} 
.download{
    width: 300px;
    height: 20px;
    background: #ccc;
    border-radius: 10px;  
    text-align: center;
    position: relative;
    color:#fff;  
    font-size: 12px;
    margin: 20px;
}
.download-percent{  
    height: 20px;
    background: #0099db;
    text-align: center; 
    position: absolute;
    top:0;
    left:0;
    border-radius: 10px;   
} 
.download-text{  
    width: 100%;
    height: 20px;
    font-size: 12px;
    line-height: 20px; 
    text-align: center; 
    position: absolute;
    top:0;
    left:0; 
    z-index: 10;
} 
.is_downloading .rotate{
    width: 30px;
}
.rotate { 
    width: 40px;
    animation-name: spin; /* 指定要应用的动画名称 */
    animation-duration: 3s; /* 动画持续时间 */
    animation-timing-function: linear; /* 动画运动速度函数 */
    animation-iteration-count: infinite; /* 指定动画循环次数 */
}
.is_loading .text{ 
    padding: 20px; 
    position: relative; 
    color:#fff;
    text-decoration: underline;
}
@keyframes spin {
from {
transform: rotate(0deg); /* 初始角度 */
}
to {
transform: rotate(360deg); /* 最终角度 */
}
}