@charset "utf-8";
.app-iframe{flex:1;border: none;}
.app{margin-top:15px;}
.app li,.app-item{color:#525d76;padding:10px 0;border-bottom:1px solid #f6f6f6;margin:0;display:flex;align-items:center;}
.app li:last-child,.app-item{border-bottom:none;}
.app-item{align-items:flex-start;}
.app-icon{width:40px;height:40px;flex:0 0 40px;border-radius:var(--radius);overflow:hidden;}
.app-icon img{width:100%;}
.app-info{margin-left:10px;flex:1;}
.app-name{color:#4CAF50;display:inline-block;min-width:145px;}
.app-name a{color:#4caf50;}
.app-install .app-name{color:#4caf50;}
.app-version{color: #aeaeae;margin-left: 5px;font-size: 13px;}
.app-btn{color: #fff !important;display:inline-block;background:#373e4e;padding:1px 8px;font-size:13px;cursor:pointer;margin-left:10px;text-decoration:none;border-radius:var(--radius);}
.app-btn:hover{color:#fff;background:#21242a;}
.app-tag{color:#fff;display:inline-block;background:#a6afc3;padding:1px 8px;font-size:13px;margin-left:10px;border-radius:var(--radius);}
.app-intro{color:#999999;}
.app-develop{text-align:center;}
.app-develop .app-intro {max-width: 500px;white-space: break-spaces;}
.app-develop .app-remark{max-width: 280px;white-space: initial;}
@media (max-width:768px){
	ul.app{padding-left:0;}
	.app li{list-style:none;}
}
.app-menu{display:flex;align-items:center;width:100%;margin-bottom:20px;}
.app-menu a{color:#373e4e;background:#e8e9ef;padding:0 25px;border:none;height:25px;line-height:25px;display:inline-block;text-decoration:none!important;cursor:pointer;vertical-align:middle;margin-right:5px;border-radius:var(--radius);}
.app-menu a.active{color:#ffffff;background-color:#373e4e;}
.app-menu a:hover{color:#ffffff;background-color:#5c667e;}
@media (max-width:768px){
	.app-menu{display:block;background:none;}
	.app-menu>*{display:block;margin-bottom:5px;}
}
.upload-log{height:calc(100vh - 446px);overflow-y:auto;border:1px solid #d7dae3;padding:5px;}
.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px;}
.product{margin-top:20px;}
.product-view{display:flex;margin-bottom:30px;}
.product-view .product-img{flex: 0 0 200px;width: 200px;height: 200px;overflow:hidden;border-radius:20px;box-shadow: 1px 1px 9px rgb(0 0 0 / 20%);margin-right:50px;}
.product-view .product-img img{width:100%;display:block;}
.product-view .product-main{margin-bottom: 20px;}
.product-view .product-name{font-size:24px;}
.product-view .product-intro{font-size:15px;color:#888;margin-top:5px;}
.product-content{margin:20px 0;padding:20px 0;border-top:1px solid #eee;}
.product-info{color:#999;margin-top: 14px;display:flex;flex-wrap:wrap;}
.product-info-item{margin-right:50px;border-right: 1px solid #eee;padding-right:50px;}
.product-info-item p{margin-bottom:3px;}
.product-info-item p a{color:#57af4c;}
.product-info-item:last-child{border-right:none;}
.product-promote{margin:10px 0;}
.product-promote span{color:#fff;background:#4CAF50;display:inline-block;padding:2px 10px;margin-right:15px;}
.product-price{margin-top:20px;font-size:30px;color:#555;}
.product-price span{font-size:15px;margin-left:5px;color:#888;}
.product-price i{font-size:15px;margin-left:5px;color:#888;text-decoration:line-through;font-style:normal;margin-left:8px;}
.product-btn{height:32px;line-height:32px;font-size:16px;display:inline-block;background:#373e4e;color:#fff;padding:0 20px;border-radius:2px;margin-top:20px;}
.app-editor img{border:1px solid #eee;max-width:202px;display:block;}
.app-editor .icon{margin-right:40px;position:relative;height:min-content;}
.app-editor-upload{background: rgb(244 67 54 / 72%);color:#fff;text-align:center;width:100%;height: 30px;position:absolute;bottom: 0;left:0;display:flex;align-items:center;justify-content:center;cursor: pointer;display: flex;}
.app-editor .form-group{margin:0;}
.app-editor .fk-editor-main{height:270px;}
.app-agreement{width: 80%;height: calc(100vh - 405px);overflow-y: auto;margin: 0 auto;border: 1px solid #888;padding: 20px;}
.comment{margin-top:15px;}
.comment-ip{color:#4CAF50;display:inline-block;}
.comment-admin{color:#F44336;}
.comment-time{color:#999999;margin-left:10px;}
.comment-title a{color:#F44336;margin-left:10px;}
.comment li{color:#525d76;padding:10px 0;border-bottom:1px solid #f6f6f6;margin:0;}
.comment li:last-child{border-bottom:none;}
.comment textarea{height:121px;}
.comment p{margin-bottom:0;}
.comment-reply{margin:0 5px;cursor:pointer;}
.comment-replys{margin-left:15px;}
.comment-replys span{margin-left:8px;color:#3f51b5;text-align:center;border:1px solid #3f51b5;border-radius:2px;padding:1px 4px;font-size:12px;cursor:pointer;}