body{
	font-size: .24rem;
}
.ui-page, .ui-page-group{
	background: #F7F7F7;
}


.tools_hed{
	background: #fff;
	padding: .32rem;
}
.tools_hed .title{
	color: #333;
	font-size: .28rem;
}
.tools_hed .title span{
	float: left;
}
.tools_hed .title .icon_guanli{
	float: right;
	background: #F7F7F7;
    border-radius: 16px;
	padding: 2px 20px;
	font-weight: bold;
}
.tools_hed .title i{
	display: inline-block;
	width: .28rem;
	height: .28rem;
	position: relative;
	top: .04rem;
	margin-right: .1rem;
}
.tools_hed .title .icon_index i{
	background: url(../../Images/Index/toollist/sy_icon_syzs2x.png) no-repeat;
	background-size: 100% 100%;
}
.tools_hed .title .icon_guanli i{
	background: url(../../Images/Index/toollist/sy_icon_edit.png) no-repeat;
	background-size: 100% 100%;
}
.tools_hed ul {
	padding-top: .3rem;
	overflow: hidden;
}
.tools_hed ul li{
	text-align: center;
	float: left;
	margin-right: .46rem;
	width: 1rem;
}
.tools_hed ul li:last-child{
	margin-right: 0;
}
.tools_hed ul li img{
	width: .8rem;
	height: .8rem;
}
.tools_hed ul li p{
	font-size: .24rem;
	color: #333;
	padding-top: .1rem;
	/* overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap; */
}
.tools_hed ul li i{
	background: url(../../Images/Index/toollist/tool_tag_zsz2x.png) no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	width: 1rem;
	height: .36rem;
	margin-top: .1rem;
}
.list_ul,
.hot_lit {
	background: #fff;
	margin-top: .16rem;
	padding: .32rem;
}
.list_ul .title,
.hot_lit .title{
	font-size: .32rem;
	font-weight: bold;
	color: #333;
}
.list_ul .title i,
.hot_lit .title i{
	display: inline-block;
	width: .32rem;
	height: .32rem;
	margin-right: .1rem;
	position: relative;
	top: .06rem;
}
.list_ul .title i.yunshi{
	background: url(../../Images/Index/toollist/16pxsy_icon_ys2x.png) no-repeat;
	background-size: 100% 100%;
}
.list_ul .title i.shiwu{
	background: url(../../Images/Index/toollist/sy_icon_sw.png) no-repeat;
	background-size: 100% 100%;
}
.list_ul .title i.quwei{
	background: url(../../Images/Index/toollist/sy_icon_sw2.png) no-repeat;
	background-size: 100% 100%;
}
.hot_lit .title i{
	background: url(../../Images/Index/toollist/sy_icon_rmcs2x.png) no-repeat;
	background-size: 100% 100%;
}
.list_ul ul li{
	position: relative;
	font-size: .28rem;
	color: #666;
	overflow: hidden;
	padding-top: .32rem;
}
.list_ul ul li img{
	width: .8rem;
	height: .8rem;
	float: left;
	margin-top: .08rem;
}
.list_ul ul li .text{
	width: 5.82rem;
	float: left;
	padding-left: .24rem;
	border-bottom: solid 1px #EEEEEE;
	padding-bottom: .2rem;
	margin-bottom: .2rem;
}
.list_ul ul li:last-child .text{
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.list_ul ul li h3,
.hot_lit ul li h3{
	font-size: .32rem;
	color: #333;
}
.list_ul ul li p{
	width: 4.16rem;
}
.list_ul ul li span,
.hot_lit ul li span{
	font-size: .24rem;
	color: #9999;
}
.list_ul ul li span i{
	background: url(../../Images/Index/toollist/sytj_icon_csg2x.png) no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	width: .24rem;
	height: .24rem;
	margin-right: .1rem;
	position: relative;
	top: .03rem;
}
.list_ul ul li a{
	width: 1.44rem;
	height: .64rem;
	line-height: .64rem;
	background: #01B2B6;
	border-radius: 8px;
	text-align: center;
	color: #fff;
	position: absolute;
	right: 0;
	top: .4rem;
	line-height: normal;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center
}
.gengduo{
	padding: .16rem .32rem;
}
.gengduo a{
	display: block;
	height: .88rem;
	line-height: .88rem;
	text-align: center;
	background: #FFFFFF;
	color: #01B2B6;
	font-size: .3rem;
	border-radius: 44px;
	border: 1px solid #01B2B6;
}
.gengduo a i{
	background: url(../../Images/Index/toollist/1sy_icon_edit2.png) no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	width: .32rem;
	height: .32rem;
	margin-right: .05rem;
	position: relative;
	top: .03rem;
}
.hot_lit ul{
	padding-top: .4rem;
}
.hot_lit ul li{
	font-size: .28rem;
	color: #666;
	border-bottom: solid 1px #EEEEEE;
	overflow: hidden;
	padding-bottom: .4rem;
	margin-bottom: .4rem;
}
.hot_lit ul li:last-child{
	border: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.hot_lit ul li .text{
	width: 5rem;
	float: left;
}
.hot_lit ul li .text p{
	margin: .1rem 0 .2rem 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.hot_lit ul li .text span i{
	display: inline-block;
	width: .24rem;
	height: .24rem;
	margin-right: .05rem;
	position: relative;
	top: .03rem;
}
.hot_lit ul li .text span:last-child{
	padding-left: .2rem;
}
.hot_lit ul li .text span:last-child i{
	background: url(../../Images/Index/toollist/sy_icon_pj.png) no-repeat;
	background-size: 100% 100%;
}
.hot_lit ul li .text span:first-child i{
	background: url(../../Images/Index/toollist/sytj_icon_csg2x.png) no-repeat;
	background-size: 100% 100%;
}
.hot_lit ul li img{
	width: 1.6rem;
	height: 1.6rem;
	float: right;
	border-radius: 8px;
}
/****工具管理***/
.manag_box {
	padding: 0;
	position: relative;
}
.manag_box .title{
	padding: .3rem .32rem;
}
.manag_box .hend{
	padding: .4rem .32rem;
	text-align: center;
}
.manag_box .hend p{
	width: 4.7rem;
	display: inline-block;
	font-size: .24rem;
}
.manag_box .hend a{
	position: absolute;
	top: .45rem;
	padding: 3px 10px;
	font-size: .32rem;
    border-radius: 8px;
}
.manag_box .hend a.btn_cancel{
	left: .2rem;
	color: #666;
}
.manag_box .hend a.btn_deter{
	right: .2rem;
	background: #01B2B6;
	color: #fff;
}
.manag_box ul{
	border-bottom: solid 1px #EEEEEE;
	border-top: solid 1px #EEEEEE;
	padding: 0 .32rem;
}
.manag_box ul li{
	position: relative;
	padding: .5rem 0 .2rem 0;
}
.manag_box ul li::after{
	content: "";
	border-right: solid 1px #EEEEEE;
	position: absolute;
	right: -25%;
	top: 0;
	/* height: 300%; */
	height: 100%;
}
.manag_box ul li:nth-child(5n+5){
	margin-right: 0;
}
.manag_sex ul li:nth-child(3n+3)::after,
.manag_box ul li:nth-child(5n+5)::after{
	border-right: none;
}
.manag_box ul li span{
	width: .32rem;
	height: .32rem;
	position: absolute;
	right: -.1rem;
	top: .1rem;
}
.manag_box ul li span.icon_cut{
	background: url(../../Images/Index/toollist/tool_icon_cut2x.png) no-repeat;
	background-size: 100% 100%;
}
.manag_box ul li span.icon_close{
	background: url(../../Images/Index/toollist/tool_icon_close12x.png) no-repeat;
	background-size: 100% 100%;
}
.manag_box .diad{
	padding: .2rem;
	text-align: center;
	color: #999999;
}
.manag_jia ul{
	padding: 0;
	border: none;
}
.manag_jia ul li{
	text-align: center;
	width: 20%;
	margin-right: 0;
	border-top: solid 1px #eee;
}
.manag_box.manag_jia ul li::after{
	right: 0;
}
.manag_jia ul li span{
	background: url(../../Images/Index/toollist/tool_icon_add22x.png) no-repeat;
	background-size: 100% 100%;
	right: .1rem;
}
.manag_sex.tools_hed  ul li p{
	overflow: initial;
	white-space:initial;
	-webkit-user-select: none;   
  -moz-user-select: none;    
  -ms-user-select: none;    
  user-select: none;
}
#example1 li:last-child{
	margin-right: .46rem;
}
#example1 li:last-child::after{
	content: "";
	border-right: solid 1px #EEEEEE;
	position: absolute;
	right: -25%;
	top: 0;
	height: 300%;
}
#example1 li.sortable-chosen::after{
	border: none;
}
/*********工具反馈********/
.fed_banner{
	background: url(../../Images/Index/toollist/sy_banner_tool2x.png) no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 2.28rem;
	text-align: center;
	position: relative;
	
}
.fed_banner p{
	color: #fff;
	font-size: .24rem;
}
.fed_banner p:first-child{
	padding-top: 1.3rem;
}
.fed_banner a{
	position: absolute;
	right: 0;
	top: .4rem;
	width: 1.44rem;
	height: .44rem;
	background: #FFFFFF;
	border-radius: 100px 0px 0px 100px;
	border: 1px solid #6EF6F9;
	color: #01B2B6;
	font-size: .24rem;
	line-height: normal;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center
}
.fed_banner a i{
	background: url(../../Images/Index/toollist/sy_icon_details32x.png) no-repeat;
	background-size: 100% 100%;
	width: .1rem;
	height: .24rem;
	display: inline-block;
	margin-left: .1rem;
	position: relative;
	top: .025rem;
}
.fed_form{
	padding: .38rem .32rem;
}
.fed_form .title{
	color: #333;
	font-size: .28rem;
	font-weight: bold;
	padding-top: .5rem;
}
.fed_form .title:first-child{
	padding-top: 0;
}
.fed_form ul {
	overflow: hidden;
	padding-top: .3rem;
}
.fed_form ul li{
	width: 1.58rem;
	padding: 8px 0;
	background: #FFFFFF;
	border-radius: 12px;
	border: 1px solid #DDDDDD;
	float: left;
	margin-right: .16rem;
	margin-bottom: .16rem;
	text-align: center;
}
.fed_form ul li:nth-child(4n+4){
	margin-right: 0;
}
.fed_form ul li.on{
	border: solid 1px #01B2B6;
	background: #01B2B6;
	color: #fff;
}
.con_tex{
	margin: .2rem 0;
	background: #F7F7F7;
	overflow: hidden;
	padding-bottom: .2rem;
    border-radius: 8px;
}
.con_tex textarea{
	font-size: .32rem;
	color: #666;
	width: 100%;
	height: 2rem;
	padding: .2rem;
}

#fileBox{
	margin-top:.4rem;
	padding-left: .2rem;
} 
#fileBox label{
	/* display:block;
	float:left;
	height:60px;
	width:60px;
	background:#fff url(../../Images/Master/opinion/tool_icon_add32x.png) no-repeat center;
	background-size: .19rem; */
	/* margin-left: .2rem; */
} 
#fileBox .file-btn{
	height:60px;
	width:60px;
	opacity:0;
} 
#fileBox .review-box{
	display:block;
	float:left;
	margin-left: .17rem;
} 
#fileBox .review-box img{
	height:60px;
	width:60px;
	margin:0 .1rem .2rem 0;
} 
#fileBox .prev-item{
	position:relative;display:inline-block;
	margin-right: .2rem;
} 
#fileBox .prev-item .closebtn {
	position: absolute;
	right: 0px;
	top: -7px;
	display: block;
	height: 14px;
	width: 14px;
	color: #fff;
	font-size: 16px;
	line-height: 14px;
	text-align: center;
	background: #8E8E93;
	border-radius: 10px;
	z-index: 3;
}
.input_text{
	margin-top: .2rem;
	width: 100%;
	height: .88rem;
	background: #F7F7F7;
	border-radius: 8px;
	text-indent: 10px;
	font-size: .32rem;
}
.fen_btn{
	width: 100%;
	height: .88rem;
	line-height: .88rem;
	text-align: center;
	color: #fff !important;
	font-size: .32rem;
	background: #0FABAF;
	border-radius: 44px;
	display: block;
	margin-top: .5rem;
	opacity: .5;
}
.fen_btn.on{
	opacity: 1;
}
.upl_num{
	position: absolute;
	left: 0;
	bottom: -.4rem;
	font-size: .2rem;
	color: #bbb;
	text-align: center;
	width: 100%;
}
/*反馈记录*/
.notes_list ul li{
	color: #404040;
	font-size: .32rem;
	padding: 0 .32rem;
}
.notes_list ul li a{
	display: block;
	border-bottom: solid 1px #EEEEEE;
	padding: .2rem 0;
	position: relative;
}
.notes_list ul li span{
	color: #999999;
	font-size: .24rem;
}
.notes_list ul li em{
	position: absolute;
	right: 0;
	top: .25rem;
	font-size: .28rem;
	color: #999999;
}
.notes_list ul li.sex_1 {
	background: #F7F7F7;
}
.notes_list ul li .cl{
	color: #01B2B6;
}
.notes_list ul li .cn{
	color: #FEA967;
}
.notes_list ul li i{
	width: .12rem;
	height: .12rem;
	border-radius: 50%;
	display: inline-block;
	background: red;
	position: absolute;
	top: .4rem;
	left: -.2rem;
}
/**/
.button_down{
	background: #fff;
	text-align: center;
	padding: .3rem 0;
	color: #999;
	font-size: 0.26rem;
	position: relative;
	margin-bottom: .3rem;
}
.button_down::after,
.button_down::before{
	content: "";
	width: 25%;
	height: 1px;
	background: #ddd;
	position: absolute;
	top: .45rem;
}
.button_down::after{
	left: 8%;
}
.button_down::before{
	right: 8%;
}



.footer_tools{
	position: fixed;
	left: 0;
	bottom: .2rem;
	width: 100%;
	display: flex;
	/* background: #fff; */
	text-align: center;
	padding: 0 .32rem;
}
.footer_tools a{
	display: inline-block;
	flex: 1;
	width: 3.28rem;
	height: .8rem;
	line-height: .8rem;
	background: #FFFFFF;
	border-radius: 12px;
	border: 1px solid #999999;
	margin-right: .3rem;
}
.footer_tools a:last-child{
	margin-right: 0;
	background: #01B2B6;
	border: solid 1px #01B2B6;
	color: #fff;
}
/**/
.welfare_no{
	text-align: center;
	font-size: .28rem;
	color: #999;
	padding-top: 2.4rem;
}
.welfare_no img{
	width: 2.4rem;
	height: 2.4rem;
}
.welfare_no a{
	width: 4.4rem;
	height: .8rem;
	line-height: .8rem;
	background: #01B2B6;
	border-radius: 44px;
	color: #FFFFFF;
	font-size: .32rem;
	margin-top: .8rem;
	display: inline-block;
}
.welfare_no a i{
	background: url(../../Images/Member/order/sy_icon_det.png) no-repeat;
	background-size: 100% 100%;
	width:  .34rem;
	height: .32rem;
	display: inline-block;
	position: relative;
	top: .05rem;
	margin-left: .1rem;
}
/***/
.button_down{
	text-align: center;
	padding: .3rem 0;
	color: #999;
	font-size: 0.26rem;
	position: relative;
	background: #fff;
}
.button_down::after,
.button_down::before{
	content: "";
	width: 25%;
	height: 1px;
	background: #ddd;
	position: absolute;
	top: .45rem;
}
.button_down::after{
	left: 8%;
}
.button_down::before{
	right: 8%;
}
.multiselect{
	height: 60px;
	width: 60px;
	margin: 0 .1rem .2rem 0;
	float: left;
	overflow: hidden;
	position: relative;
}
.multiselect:first-child{
	/* margin-left: .25rem; */
}
.multiselect img{
	height: 60px;
	width: 60px;
}
.multiselect i{
	position: absolute;
	right: -.12rem;
	top: -.2rem;
	background:#fff url(../../Images/Index/toollist/tool_icon_close12x.png) no-repeat;
	background-size: 100% 100%;
	width: .32rem;
	height: .32rem;
	border-radius: 50%;
}
.file-box label{
	display:block;
	float:left;
	height:60px;
	width:60px;
	line-height: 60px;
	text-align: center;
	background:#fff;
	margin-left: .2rem;
	border-radius: 8px;
}
.file-box label i{
	background:  url(../../Images/Master/opinion/tool_icon_add32x.png) no-repeat;
	background-size: 100% 100%;
	width: .24rem;
	height: .24rem;
	display: inline-block;
}