.div-button-a{display:block;height:100%}
.div-button-hidden-txt{display:block;overflow:hidden;text-indent:180%;white-space:nowrap}
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.clearfix{zoom:1}
.verticalcenter{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
#template-inner .demo{box-shadow:0 0 2px rgba(0,124,158,0.16),0px 4px 16px rgba(0,124,158,0.08);border-radius:8px;background:#fff;padding:0 24px;margin-top:96px}
#template-inner .demo .grid_2{padding:24px 0;grid-template-columns:1fr 40px 2fr}
#template-inner .demo .logo{margin:auto}
#template-inner .demo .logo a{text-align:center;display:block}
#template-inner .demo .logo img{margin-top:16px;width:100%}
#template-inner .demo .text{font-size:16px;line-height:28px;color:#537680}
#template-inner .demo .text a{font-weight:400;font-size:20px;line-height:23px;margin:16px 0 8px;display:block}
#template-inner .demo .text p{margin:0}
#template-inner .demo .info{margin-left:0}
#template-inner .demo .info li{margin-top:0;margin-left:0;list-style:none;color:#333}
#template-inner .demo-container{border-bottom:1px solid #e1e9eb}
#template-inner .demo-container .preview{padding-left:10px}
#template-inner .demo-container .preview .snapshot img{border:1px solid #e1e9eb;border-radius:8px;margin:1px;width:100%}
#template-inner .demo-container .preview .snapshot-hover img{border-color:#66c7e2}
#template-inner .demo-container .preview .snapshot-hover img:active{border:2px solid #00a2cf;margin:0}
#template-inner .demo-container .meta{margin:auto 0}
#template-inner .demo-container .meta .desc{margin-top:8px;color:#537680;font-size:16px;line-height:28px}
#template-inner .demo-container .meta a.launch{color:#00a2cf;font-weight:400;font-size:20px;line-height:23px}
#template-inner .demo-container .meta a:hover{color:#66c7e2}
#template-inner .demo-container:last-child{border:0}
#template-inner .apps{padding:24px;margin:96px 0}
#template-inner .apps .app{padding:24px}
#template-inner .apps .sub-title{color:#0b4859;font-size:24px;line-height:28px;font-weight:400;margin-bottom:24px}
#template-inner .apps .app-logo img{border:1px solid #e1e9eb;box-sizing:border-box;border-radius:8px;margin:1px}
#template-inner .apps .app-logo img:hover{border-color:#66c7e2}
#template-inner .apps .app-logo img:active{border:2px solid #00a2cf;margin:0}
#template-inner .apps .detail{margin-top:20px}
#template-inner .apps .detail .title{color:#00a2cf;font-size:20px;line-height:28px;font-weight:400}
#template-inner .apps .detail a.title:hover{color:#66c7e2}
#template-inner .apps .detail .desc{color:#537680;font-size:16px;line-height:28px;margin-top:8px}
#template-inner .apps .detail .link{color:#00a2cf;font-size:14px;line-height:16px;font-weight:400;display:block;margin-top:8px}
#template-inner .apps .detail .link:hover{color:#66c7e2}
@media screen and (max-width:767px){#zk-template{max-width:608px;margin:auto}
#template-inner{margin:0 24px}
#template-inner .demo .grid_2{-ms-grid-columns:1fr;grid-template-columns:1fr}
#template-inner .demo-container .preview{padding:0}
#template-inner #app-demo{padding:24px 0}
#template-inner #app-demo .gap{display:none}
}
@media screen and (min-width:768px) and (max-width:1023px){#template-inner{max-width:704px}
}
@media screen and (min-width:1024px) and (max-width:1295px){#template-inner{max-width:928px}
}
@media screen and (min-width:1296px){#template-inner{max-width:1200px}
}