/*
 * Discuz! 影视分享模版 V1  2025.3.3
 * 威兔主要从事网站设计，平面设计，Discuz!模板与插件开发，WordPress主题与插件开发，PHP+Mysql应用开发及相关外包服务，原生App开发，微信小程序开发。
 * 工作时间：周一至周五，周六需提前预约，节假日休息。
 * 网站：www.v2my.com
 * 微信：speeds777
 * QQ：32-77558-32
 */
@charset "utf-8";
.app-page { width: 800px; max-width: 100%; box-sizing: border-box; margin: 0 auto; padding: 0px 15px 15px; }
.app-logo { margin-top: 30px; text-align: center; }
.app-logo img { height: 70px; }
.app-itemtitle { height: 30px; line-height: 30px; font-size: 18px; font-weight: 600; margin: 30px 0px 10px; }
.app-titleicon { width: 20px; height: 20px; float: left; margin: 5px 10px 0 0; display: inline-block; background-size: 20px; background-repeat: no-repeat; background-position: 50% 50%; }
.app-download-icon { background-image: url("appdownload.svg");}
.app-world-icon { background-image: url("world.svg");}
.app-introduce-icon { background-image: url("introduce.svg");}
.app-introduce { border: 1px solid #ddd; border-radius: 15px; padding: 20px 15px; }
.app-introduce ul { padding-left: 20px;}
.app-introduce li { line-height: 36px; font-size: 16px; list-style-type: circle; }
.app-introduce li span { display: inline-block; line-height: 22px; font-weight: 600; position: relative; z-index: 1; }
.app-introduce li span:after {content: ''; position: absolute; width: 100%; height: 7px; background: #f8d440; z-index: -1; left: 0; bottom: 0px;}
.app-item { border: 1px solid #ddd; border-radius: 15px; padding: 0 15px; }
.app-item li { position: relative; padding: 18px 0 18px 50px; border-bottom: 1px solid #ededed; }
.app-item li:last-child { border-bottom: none; }
.app-item li h1 { line-height: 24px; font-size: 16px; }
.app-item li h1 span { margin-left: 10px; line-height: 14px; font-weight: 400; font-size: 12px; color: #666; display: inline-block; padding: 5px 8px; background: #eee; border-radius: 5px; position: relative; top: -1px; }
.app-item li h1 span.app-rec { background: #f60; color: #fff; }
.app-version, .app-url { margin-top: 5px; font-size: 14px; color: #999; line-height: 20px; }
.app-url a { color: #666; }
.app-url a:hover { color: #f50; }
.app-downloadbtn { min-height: 32px; font-size: 0; margin-top: 10px; }
.app-downloadbtn a { display: inline-block; font-size: 14px; line-height: 32px; color: #666; text-decoration: none; padding: 0px 15px; margin-right: 10px; border-radius: 20px; background: #eee; }
.app-downloadbtn a.app-rec { background: #f60; color: #fff; }
.app-icon { display: block; width: 30px; height: 30px; position: absolute; left: 0; top: 18px; border-radius: 50%; text-align: center; line-height: 30px; font-size: 16px; background-color: #ededed; background-size: 30px; background-repeat: no-repeat; background-position: 50% 50%; }
.app-android { background-image: url("android.png");}
.app-ios { background-image: url("ios.png");}
.app-webapp { background-image: url("webapp.png");}
.app-windows { background-image: url("windows.png");}
.app-tv { background-image: url("tv.png");}