123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174 |
- /*左侧图片缩略图*/
- #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; /*设置边框*/
- }
|