.development-list{margin-top:80px;padding-bottom: 100px;}
.development-list .item+.item{margin-top:20px}
.development-list .item:hover{border-color:#1d24ab}
.development-list .item:hover .title{color:#1d24ab}
.development-list .item:hover i{background-image:url(../img/h-view-on.svg)}
.development-list .item{height:82px;border:1px solid #f1f1f1;display:flex;align-items:center;justify-content:space-between;border-left:10px solid #c9caca;padding-left:20px;padding-right:30px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.development-list .item .title{-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;font-family:Arial,sans-serif,;font-weight:400;font-size:14px;color:#333;max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.development-list .item i{-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;display:block;background:url(../img/h-view.svg) no-repeat center center/contain;width:20px;height:20px}
.detail-bot{display:flex}
.detail-bot .download-btn{flex:1;display:flex;align-items:center;justify-content:space-between;padding:0 30px;height:100px;background:#3239b3;color:#fff;font-size:14px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.detail-bot .download-btn i{background:url(../img/h-download.svg) no-repeat center center/contain;display:block;width:20px;height:20px}
.detail-bot .back-btn{-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;height:100px;flex:0 0 260px;margin-left:10px;display:flex;align-items:center;justify-content:center;background-color:#fff;color:#3239b3;font-size:14px}
.detail-bot .back-btn span{display:block}
.detail-bot .back-btn i{background:url(../img/h-back.svg) no-repeat center center/contain;display:block;width:20px;height:20px;margin-right:10px}
.detail-bot a:hover{opacity:.8}
.dev-intro{margin-top:80px;text-align:center;padding-bottom:60px;border-bottom:1px solid #e5e5e5;margin-bottom:80px}
.dev-intro .article-wrap{max-width:850px;margin:0 auto}
.dev-intro h3{font-family:Arial,sans-serif,;font-weight:400;font-size:24px;color:#3239b3;margin-bottom:30px}
.dev-intro p+p{margin-top:25px}
.dev-intro p{text-align:center;font-family:Arial,sans-serif,;font-weight:400;font-size:16px;color:#666;line-height:25px}
.dev-mod .dev-title{padding-left:15px;font-family:Arial,sans-serif,;font-weight:400;font-size:24px;color:var(--color);position:relative;margin-bottom:40px}
.dev-mod .dev-title:after{content:'';width:5px;height:25px;background:var(--color);position:absolute;left:0;top:50%;margin-top:-12px}
.dev-mod .pic{margin-bottom:40px}
.dev-mod .pic img{display:block;width:100%}
.dev-mod .bot{display:flex;justify-content:space-between}
.dev-mod .bot .left-list{flex:1;padding-right:30px}
.dev-mod .bot .left-list .tit{font-family:Arial,sans-serif,;font-weight:400;font-size:12px;color:#c4c4c4;margin-bottom:15px}
.dev-mod .bot .left-list ul{display:flex;flex-wrap:wrap}
.dev-mod .bot .left-list ul li{width:80px;height:80px;margin-right:10px}
.dev-mod .bot .left-list ul li img{display:block;width:100%;height:100%}
.dev-mod .bot .right-text{flex:0 0 660px}
.dev-mod .bot .right-text p{font-family:Arial,sans-serif,;font-weight:400;font-size:14px;color:#333;line-height:25px;margin-bottom:40px}
.dev-mod .bot .right-text .toggle-box .item+.item{margin-top:10px}
.dev-mod .bot .right-text .toggle-box .item{padding:0 30px;background:#fff}
.dev-mod .bot .right-text .toggle-box .item .title.show i{background-image:url(../img/h-reduce.svg)}
.dev-mod .bot .right-text .toggle-box .item .title{cursor:pointer;height:80px;display:flex;align-items:center;justify-content:space-between;font-family:Arial,sans-serif,;font-weight:400;font-size:18px;color:var(--color);line-height:25px}
.dev-mod .bot .right-text .toggle-box .item .title i{display:block;background:var(--icon) no-repeat center center/contain;width:14px;height:14px}
.dev-mod .bot .right-text .toggle-box .item .con{padding:30px 0;border-top:1px solid #eee;font-family:Arial,sans-serif,;font-weight:400;font-size:14px;color:#666;line-height:25px;white-space:pre-line;display:none}
.dev-mod+.dev-mod{margin-top:80px}
.dev-target{padding-bottom:100px}
@media only screen and (max-width:1199px){
.dev-mod .bot{display:block}
.dev-mod .bot .left-list{padding-right:0;margin-bottom:30px}
}
@media only screen and (max-width:767px){
	.development-list{padding-bottom: 50px;}
.development-list .item .title{font-size:14px}
.development-list{margin-top:30px}
.development-detail h1{text-align:center}
.detail-bot{display:block}
.detail-bot .download-btn{height:50px}
.detail-bot .back-btn{margin-left:0;margin-top:20px;height:50px}
.dev-intro h3{font-size:18px}
.dev-intro{margin:30px 0;padding-bottom:30px}
.dev-intro p{font-size:14px}
.dev-mod .dev-title{font-size:18px;margin-bottom:30px;padding-left:10px}
.dev-mod .dev-title:after{height:20px;margin-top:-10px;width:3px}
.dev-mod .pic{margin-bottom:20px}
.dev-mod .bot .right-text .toggle-box .item .title{font-size:16px;height:70px}
.dev-mod .bot .left-list ul li{margin-bottom:10px}
.dev-mod .bot .left-list{margin-bottom:10px}
.dev-target{padding-bottom:30px}
}