/* CSS Document */
.AppList {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;min-height:300px;font-size:0;margin:10px -10px}
.AppList-empty {margin:20px auto;text-align:center;font-size:14px}
.AppList .AppBox {width:100%;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block}
.AppList .AppCard,.AppList .DevCard,.AppList .LabelCard {padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #e7e6eb;color:#4d4d4d;line-height:1;height:380px}
.AppList .AppCard:hover,.AppList .DevCard:hover,.AppList .LabelCard:hover {-webkit-box-shadow:#428bca 0 0 0 3px inset;box-shadow:inset 0 0 0 3px #428bca;border-color:#428bca;color:#428bca}
.AppList .LabelCard {background-image:url("/img/search/box-bg.png");background-repeat:no-repeat}
.AppList .LabelCard .LabelBox .header {font-weight:400;margin:30px 0}
.AppList .LabelCard .LabelBox .tag-img {background-image:linear-gradient(-52deg,#4d9ff1,#78b8f6),linear-gradient(#f9f9f9,#f9f9f9);background-blend-mode:normal,normal;border-radius:4px;color:#fff;display:inline-block;height:50px;line-height:50px;font-size:18px;vertical-align:middle;max-width:100%;min-width:85px;padding:0 15px}
.AppList .LabelCard .LabelBox .tag-img .wi {font-size:24px;margin-right:10px;font-weight:400}
.AppList .LabelCard .LabelInfo {border-bottom:1px solid #e7e6eb;height:100px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px;color:#999}
.AppList .LabelCard .LabelInfo .purchases {margin-bottom:20px}
.AppList .LabelCard .LabelInfo .infolist {display:-webkit-box;display:-ms-flexbox;display:flex;font-size:0;margin:0 -14px}
.AppList .LabelCard .LabelInfo .infolist .item {border-right:1px solid #f0f0f0;color:#428bca;font-size:14px;-webkit-box-flex:1;-ms-flex:1;flex:1;width:0;text-align:center;padding:0 14px}
.AppList .LabelCard .LabelInfo .infolist .item:last-child {border:0}
.AppList .LabelCard .LabelInfo .infolist .item .name {color:#999;margin-bottom:24px}
.AppList .DevCard {background-image:url(/img/search/box-bg-dev.png);background-position:0 0;background-repeat:no-repeat}
.AppList .DevCard .DevBox .header {font-weight:400;margin:30px 0;font-size:16px}
.AppList .DevCard .DevBox .header .logo {width:50px;height:50px;border-radius:50%;vertical-align:middle}
.AppList .DevCard .DevInfo {border-bottom:1px solid #e7e6eb;height:100px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px;color:#999}
.AppList .DevCard .DevInfo .item {margin-bottom:20px}
.AppList .DevCard .DevInfo .item span.down,.AppList .DevCard .DevInfo .item span.equal,.AppList .DevCard .DevInfo .item span.up {color:#428bca;position:relative}
.AppList .DevCard .DevInfo .item span.equal:after {content:"";position:absolute;right:-10px;top:50%;width:7px;height:2px;background-color:#ffd064;margin-top:-1px}
.AppList .DevCard .DevInfo .item span.down:after {content:url("/img/icon/down.png");position:absolute;right:-10px;top:2px}
.AppList .DevCard .DevInfo .item span.up:after {content:url("/img/icon/up.png");position:absolute;right:-10px;top:2px}
.AppList .DevCard .AppMore,.AppList .LabelCard .AppMore {margin-bottom:24px;color:#999}
.AppList .DevCard .AppMore .app-empty,.AppList .LabelCard .AppMore .app-empty {text-align:center;font-size:14px;font-size:16px;line-height:80px}
.AppList .DevCard .AppMore .app-header,.AppList .LabelCard .AppMore .app-header {font-size:16px;margin:20px 0}
.AppList .DevCard .AppMore .app-list,.AppList .LabelCard .AppMore .app-list {margin:0 -7px;font-size:0;display:-webkit-box;display:-ms-flexbox;display:flex}
.AppList .DevCard .AppMore .app-list .app-item,.AppList .LabelCard .AppMore .app-list .app-item {display:inline-block;margin:0 7px;font-size:14px;width:58px}
.AppList .DevCard .AppMore .app-list .app-item img,.AppList .LabelCard .AppMore .app-list .app-item img {width:100%;height:60px;border-radius:2px;margin-bottom:10px}
.AppList .AppCard a {display:block}
.AppList .AppCard .card-inner {margin:0 auto;text-align:left}
.AppList .AppCard .card-inner .img-box {text-align:center;border-bottom:1px solid #f0f0f0}
.AppList .AppCard .card-inner .img-box img {height:80px;width:80px;border-radius:10px;margin:30px 0}
.AppList .AppCard.new-apply {position:relative}
.AppList .AppCard.new-apply:after {content:"\4E0A\65B0";position:absolute;display:block;font-size:12px;color:#fff;background-color:#428bca;border-bottom-right-radius:4px;top:0;left:0;padding:4px 8px;line-height:1}
.AppList .AppCard .purchase-label {color:#999}
.AppList .AppCard .purchase-num {color:#428bca}
.AppList .AppCard .TopInfo {padding-top:25px;display:-webkit-box;display:-ms-flexbox;display:flex}
.AppList .AppCard .TopInfo .text-over{ width:100%; text-align: center;}
.AppList .AppCard .TopInfo img {height:80px;width:80px;margin-right:15px;border-radius:10px}
.AppList .AppCard .TopInfo a {font-size:16px;line-height:1;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.AppList .AppCard .TopInfo .title {font-weight:600}
.AppList .AppCard .TopInfo .money {color:#e63a2e;font-size:16px;margin-top:17px;font-weight:600;margin-bottom:15px; text-align: center;}
.AppList .AppCard .TopInfo .info {color:#999;font-size:14px!important;line-height:1;margin-top:16px}
.AppList .AppCard .TopInfo .info .spread {font-size:14px;vertical-align:top}
.AppList .AppCard .TopInfo .info a {display:inline-block;font-size:14px;line-height:1;cursor:pointer}
.AppList .AppCard .TopInfo .info.support-box {font-size:0!important}
.AppList .AppCard .TopInfo .info .support .wi {font-size:20px!important;color:#428bca;margin-right:2px}
.AppList .AppCard .TopInfo .info i {vertical-align:top!important;color:#c5c5c5;font-size:16px!important;margin-right:10px}

.AppList .AppCard .midinfo { padding-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex}
.AppList .AppCard .midinfo .btn { width: 45%;}
.AppList .AppCard .midinfo .btn:last-child { width: 45%; margin-left: 10%;}


.AppList .AppCard .BottomInfo {margin-top:20px;color:#999;font-size:14px}
.AppList .AppCard .BottomInfo a {display:inline-block}
.AppList .AppCard .BottomInfo .wi {font-size:20px}
.AppList .TemplateCard {width:209px;border:1px solid #e7e6eb;margin:14px 0;color:#4d4d4d}
.AppList .TemplateCard .img-box {height:209px;width:100%;background:url("/img/www/template_background.jpg") 100% 100% no-repeat;position:relative}
.AppList .TemplateCard .img-box img {width:110px;height:165px;top:43px;left:48px;position:absolute}
.AppList .TemplateCard.new-template {position:relative}
.AppList .TemplateCard.new-template:after {content:url(//cdn.w7.cc/web/resource/images/wechat/icon-new-templat.png?imageView2/5/w/57/h/40/format/png);position:absolute;top:0;right:0}
.AppList .TemplateCard:hover {outline:3px solid #428bca;border-color:#428bca}
.AppList .TemplateCard:hover .name {color:#428bca}
.AppList .TemplateCard img {width:100%;height:209px;border-bottom:1px dashed #e7e6eb}
.AppList .TemplateCard .name {padding-left:15px;padding-right:15px;font-size:16px;color:#464646;margin-top:10px;margin-bottom:10px}
.AppList .TemplateCard .price {color:#e63a2e;padding:0 15px;margin-bottom:10px}
.AppList .TemplateCard .purchase {color:#b3b3b3;padding-left:15px;padding-bottom:10px}
.AppList-full {width:1215px}
.tippy-popper .tippy-content {font-size:10px}
