/*左侧图片缩略图*/
#imgsview{
    width:15%;
    float: left;
    text-align:center;
    background:#F8F8F8;
}
#imgsview img{

    margin-top: 20px;
}
.active_green{
    background: #0DD5B2;
}
.active_green_border{
    border:2px solid #0DD5B2;
}
/*切割快捷工具*/
.paint_menu{
    /*border:1px solid red;*/
    height: 48px;
    line-height: 48px;
    position: fixed;
    z-index: 100;
    background: white;
    width: 64%;
}
.paint_menu button{
    width:60px;
    height:48px;
    padding:0px!important;
    margin:0px;
    border-width:0px!important;
    /*background-color:white!important;*/
    float: left;
}
.paint_menu i{
    color:#A5AAB2;
    font-size: 28px;
}
.active_paint{
    background-color:#0DD5B2!important;
}
/*切图激活状态*/
.cut_imgview_active{
    background: #0DD5B2!important;
    border:2px solid #0DD5B2!important;
}
.forward_point{
    /*background: #0DD5B2!important;*/
    /*height: 35px;*/
    margin-top:30px;
    position: relative;
    margin-bottom: 450px;
}
/*图片展示libox*/
.cut_img_box_li{
    position: relative;
    box-shadow:-3px 3px 3px #888888;
    margin-top:35px;
    position:relative;
    border:1px solid #ccc;
}
/*切割图片预览*/
.cut_imgview{
    width: 100%;
    margin: auto;
    margin-bottom:3px;
    /*position:absolute;*/
    position: relative;
}
.del_li{
    position: absolute;
    top:-23px;
    left: 92%;
    font-size: 22px!important;
    display: none;
    z-index:200;
}
.del_cut_imgview{
    position: absolute;
    bottom: -3px;
    left: 92%;
    font-size: 20px!important;
    display: none;
    z-index:200;
}
.toolkit_active{
    background-color:#0DD5B2;
}
.clean_ul{
    list-style: none;
    padding:0px;
    margin: 0px;
    /*margin-top:35px;*/
}
.cailiao_clean_ul{
    list-style: none;
    padding:0px;
    margin: 0px;
    /*margin-top:35px;*/
}
/*小题题号*/
.subqueinput{
    width:25px;
    position:absolute;
    top:0px;
    left:-1px;
    border:0px;
    color: white;
    text-align: center;
    background: black;
    height: 10px;
}
/*大题号*/
.quenoinput{
    width:40px;
    position:absolute;
    top:-21px;
    left:-1px;
}
/*放大预览*/
.imgzoom{
    position:absolute;
    width:100%;
    right:213%;
    index:1000;
    transform:scale(3.1);
    border:1px solid #666666;
}
.cailiao_num{
    width:80px;
    position:absolute;
    top:-21px;
    left:60%;
}
/*保存下一步*/
.handle_btn{
    float: right!important;
    /*margin-right:20px!important;*/
    width: 150px!important;
}

.btn{
    display:block;
    width:85%;
    height:35px;
    /*background:#0DD5B2;    */
    margin-top:5px;
}
.btn_active{
    background:#0DD5B2;
}

/*横条样式*/  
input[type=range] {  
    -webkit-appearance: none;/*清除系统默认样式*/  
    width: 95%;  
    background: -webkit-linear-gradient(#61bd12, #61bd12) no-repeat, #ddd;/*设置左边颜色为#61bd12，右边颜色为#ddd*/  
    /*background-size: 75% 100%;/*设置左右宽度比例*/  
    height: 3px;/*横条的高度*/  
    vertical-align: middle;
    outline:0px;
}  
/*拖动块的样式*/  
input[type=range]::-webkit-slider-thumb {  
    -webkit-appearance: none;/*清除系统默认样式*/  
    height: 20px;/*拖动块高度*/  
    width: 20px;/*拖动块宽度*/  
    background: #fff;/*拖动块背景*/  
    border-radius: 50%; /*外观设置为圆形*/  
    border: solid 1px #ddd; /*设置边框*/  
}