﻿@charset "utf-8";

.app {
	display: block;
	position: relative;
	padding: 16px 12px;
	border: 1px solid #ddd;
	-webkit-border-radius: 10px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .08);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f5f5f5));
	overflow: hidden;
	}
.app:before,
.app:after {
	content: "";
	position: absolute;
	right: 20px;
	width: 24px;
	height: 6px;
	background: #ddd;
	}
.app:before { top: 108px; -webkit-transform: rotate(45deg); }
.app:after { top: 121px; -webkit-transform: rotate(-45deg); }
	/* 应用图标 */
	.app img {
		position: absolute;
		top: 10px;
		height: 120px;
		width: 120px;
		-webkit-border-radius: 20px;
		-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .8);
		}
	/* 应用标题 */
	.app h2 {
		padding-right: 20px;
		margin: 6px auto 8px 134px;
		font-size: 32px;
		color: #103749;
		text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		}
	.app .video_title {
		padding: 0 60px 0 40px;
		background: url(../../imgdl.gao7.com/freeimages/8/video.png) no-repeat left center;
		}
	.app p {
		margin-left: 136px;
		padding-right: 40px;
		height: 36px;
		line-height: 36px;
		color: #888;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		}
		.app p .comment { color: #888; height: 36px; font-weight: normal; }
			
	/* 新的星星 */
	.newstar {
		position: relative;
		display: inline-block;
		height: 36px;
		width: 120px;
		color: #ccc;
		}
		.newstar em {
			position: absolute;
			top: 0;
			left: 0;
			overflow: hidden;
			height: 36px;
			font-style: normal;
			color: #e7aa20;
			z-index: 1;
			}
	/* 状态 */
	.app .static {
		display: inline-block;
		height: 28px;
		margin-right: 8px;
		line-height: 28px;
		text-align: center;
		color: #2190b6;
        top: 100px;
        left: 10px;
		}
	/* 价格信息 */
	.app .price {
		position: absolute;
		top: 102px;
		right: 50px;
		font-size: 28px;
		color: #2190b6;
		text-align: center;
		height: 32px;
		line-height: 32px;
		text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
		}
	/* 删除线 */
	.price del { position: relative; text-decoration: none; }
		.price del:before {
			content: "";
			position: absolute;
			top: 16px;
			left: -4px;
			right: -4px;
			display: block;
			height: 2px;
			background: #2190b6;
			-webkit-transform: rotate(-10deg);
			}
	.app .paid {
		color: #fff;
		background: #aaa;
		padding: 0 10px;
		-webkit-border-radius: 4px;
		}
	.app-left, .app-right {
		position: absolute;
		top: 0;
		bottom: 0;
		}
		.app-left {
			left: 0;
			width: 140px;
			}
		.app-right {
			right: 0;
			left: 140px;
			}
.article {
	margin: 20px 0;
	padding: 10px 20px;
	overflow: hidden;
	}
	.article>h2 {
		margin: 0 0 10px;
		padding: 0 0 10px;
		border-bottom: 1px solid #ccc;
		font-size: 36px;
		color: #103749;
		}
	.article .info {
		margin: 0 0 40px;
		text-align: right;
		color: #888;
		}
	.article .article-con {
		padding: 40px 0 0;
		font-size: 30px;
		line-height: 1.5;
		}
        .article .article-con table { font-size: 24px; }
		.article .article-con p { margin: 0 0 20px; }
		.article .article-con img {
            margin: 0 auto;
            display: block;
            max-width: 98%;
            height: auto;
            }

/* ipad */
@media only screen and (min-device-width: 768px) {
	.app { padding: 20px 24px; }
	.app:before,
	.app:after {
		right: 30px;
		width: 32px;
		height: 8px;
		}
	.app:before { top: 144px; }
	.app:after { top: 162px; }
	/* 应用图标 */
	.app img {
		position: absolute;
		height: 166px;
		width: 166px;
		}
	/* 应用标题 */
	.app h2 {
		padding-right: 40px;
		font-size: 44px;
		margin-left: 186px;
		}
	.app p {
		margin-left: 186px;
		padding-right: 40px;
		height: 48px;
		line-height: 48px;
		font-size: 36px;
		}
		.app p .comment { color: #888; height: 36px; }
	/* 新的星星 */
	.newstar {
		position: relative;
		display: inline-block;
		height: 36px;
		width: 180px;
		color: #ccc;
		}
		.newstar em {
			position: absolute;
			top: 0;
			left: 0;
			overflow: hidden;
			height: 36px;
			font-style: normal;
			color: #e7aa20;
			z-index: 1;
			}
	/* 状态 */
	.app .static {
		display: inline-block;
		height: 28px;
		margin: -5px 0 0 8px;
		line-height: 28px;
		text-align: center;
		color: #2190b6;
        width: 166px;
        top: 150px;
        left: 20px;
		}
	/* 价格信息 */
	.app .price {
		top: 138px;
		right: 72px;
		font-size: 36px;
		height: 36px;
		line-height: 36px;
		}
	.app-left {
		width: 240px;
		}
	.article>h2 {
		font-size: 48px;
		}
	.article .info {
		font-size: 32px;
		}
	.article .article-con {
		font-size: 36px;
		}
	.article .article-con img {
            width: 1000px;
            }
}

.imgbox
{
    position: relative; margin: auto; padding: 30px; z-index: 1000; background: #f3f4f6; border: #999 10px solid; border-radius: 5px;
}

    .imgbox .imgclose
    {
        position: absolute; top: 10px; right: 10px; width: 18px; height: 18px; background: url(''
}