/* ?????????? */
.layui-elem-field legend {
    font-size: 16px;
}
fieldset .info {
    min-height: 60px;
    color: #8e8e8e;
}
.layui-field-box {
    padding: 10px 15px;
}

/* DAF???? */
.advantage ul{
	padding:5px 0;
}
.advantage ul li{
	line-height:26px;
	color:#666;
}
.advantage ul li:before {
	content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #E00320;
    border-radius: 50%;
    margin-right:10px;
}

/* DAF?? */
.cases .text{
	padding-left:5px;
	padding-bottom:5px;
}
.cases .text>div:first-child{
	color: #231f20;
	font-weight:500;
	padding-bottom:5px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.cases .text>.content{
	color:#999;
}

@media screen and (min-width: 768px){
	
	.cases .text>.content:after{
		content:attr(data-content);
		white-space:pre-wrap;
		position:absolute;
		padding:5px 10px;
		left:0;
		top:0;
		display:none;
		word-break: break-all;
		margin-bottom:12px;
		background:#000;
		color:#fff;
		cursor:default;
		z-index:9999;
		width: calc(100% - 20px);
	}
	.cases .text>.content:hover:after,.cases .text>.content:hover:before{display:block;}
	
	.cases .text>.content>.wrap{
		height: 132px;
		line-height: 22px;
		overflow: hidden;
	}
	.cases .text>.content>.wrap>div{
		float: right;
		width: 100%;
		margin-left: -5px;
		word-break: break-all;
	}
	.cases .text>.content>.wrap:before {
	 	float: left;
	    width: 5px;
	    content: '';
	    height: 132px;
	}
	.cases .text>.content>.wrap:after {
		-webkit-box-sizing:unset!important;
		float: right;
        content: "...";
     	height: 22px;
        line-height: 22px;
        width: 3em;
        margin-left: -3em;
        position: relative;
        left: 100%;
        top: -20px;
        padding-right: 5px;
        background-color: #FFF;
        text-align:right;
		
	    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white));
	    background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
	    background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
	    background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
	    background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
	}
	
}

.cases .text>.content span:first-child{
	font-style:italic;
}

:after,:before{
    -webkit-box-sizing: content-box!important;
    -moz-box-sizing: content-box!important;
    box-sizing: content-box!important;
}

/* Q&A */
.layui-row .qa-list{
	padding:20px 15px;
	line-height:2;
}
.layui-row .qa-list .qa-item{
	margin-bottom:20px;
}
.layui-row .qa-list .qa-item>div{
	display: flex;
}
.layui-row .qa-list .qa-item>div>div:first-child{
	width:40px;
	min-width:40px;
	text-align: right;
}

/* ?????????? */
.layui-row .service{
	padding:20px 15px;
	text-indent:28px;
	line-height:2;
}

/* ??????????? */
.layui-field-box{
	padding:10px 30px;
}
.layui-layer-content{
	padding:15px 20px;
}
.layui-layer-content p{
	margin-bottom:10px;
}