html 
{
	width	:	100%;
	height	:	100%;
	padding	:	0;
	margin	:	0px;
}

body {
	width	:	100%;
	height	:	100%;
	padding	:	0;
    margin	:	0px;
}

.HDiv
{
    display: flex;
    
    justify-content:center;
    align-items:center;
}

.Active:active
{
    opacity:0.5;
    transition:opacity 0.2s linear reverse;
    animation:AnimeActiveFlash 0.2s 1 reverse;
    -webkit-animation:AnimeActiveFlash 0.2s 1 reverse;
}

/************************ 水平分隔线 ************************/
.HLine
{
    width: calc( 100% - 2em );
    margin:1em;
	height: 1px;
	border-top: solid 1px #aaaaaa;
	border-bottom: solid 1px #FFFFFF;
	transform: scaleY(0.3);
}

/************************** 顶部样式 *********************/
.Top
{
    margin-top:2em;
    margin-bottom:1em;
}

.Top .Logo
{
    width:8em;
}

.Top .Logo img
{
    width:6em;
}

.Top .Right
{
    width:calc( 100% - 8em );
}

.Top .Name
{
    color:#111;
    font-weight: bold;
    font-size: 1.5em;
}

.Top .Remark
{
    color:#999;
    font-size:0.9em;
}

.Top .Button
{
    width: 6em;
    border-radius: 1em;
    background-color: #3478f6;
    color:#fff;
    font-size: 0.9em;
    font-weight: bold;
    text-align: center;
    margin-top:1em;
    padding:0.3em;
}

.Top .Cost
{
    width:calc( 100% - 6em );
    padding-left:1.5em;
    font-size: 0.7em;
    color:#aaa;
    margin-top:1.75em;
}

/***********************   评分   *********************/
.Grade
{
    width:calc( 100% - 2em);
    margin:1em;
    margin-top:2em;
}

.Grade table
{
    width:100%;
}

.Grade table th
{
    color:#aaa;
    font-size:0.7em;
    font-weight: normal;
}

.Grade table td
{
    color:#aaa;
    font-size:1em;
    font-weight: bold;
}

/*********************** 屏幕截图 *********************/
.ScreenShot
{
    width:100%;
    height:21em;
    overflow-y: hidden;
    overflow-x: auto;
    box-sizing:border-box;
}

.ScreenShot table
{
    margin-left:0.7em;
    margin-right:1.4em;
    box-sizing:border-box;
}

.ScreenShot table td
{
    padding-left:0.2em;
    padding-right:0.2em;
}

.ScreenShot img
{
    height:20em;
    border-radius: 1em;
    overflow: hidden;
    box-shadow: 0px 0px 2px #aaa;
}

/************************ 功能信息 ************************/

.Depiction
{
    width:auto;
}

.Depiction .Title
{
    margin-left:1em;
    font-size: 1.3em;
    color:#3478f6;
    font-weight: bold;
}

.Depiction .Version
{
    margin:0.5em;
    margin-left:1em;
    font-size: 0.9em;
    color:#aaa;
}

.Depiction .Content
{
    color:#111;
    font-size: 0.95em;
    padding-left:1em;
    padding-right: 1em;
    box-sizing:border-box;
    text-indent:2em;
}

.Row
{
    width:auto;   
    display: flex;
    margin-left:1em;
    margin-right: 1em;
    width:calc( 100% - 2em );
    align-items:center;
}

.Row .Title
{
    text-align: left;
    white-space:nowrap;
    font-size: 0.9em;
    color:#aaa;
}

.Row .Content
{
    width:100%;
    text-align: right;
    white-space:nowrap;
    font-size: 0.9em;
}

.ClickTRMenu
{
    position: fixed;
    width:100%;
    height:100%;
    left:0em;
    top:0em;
    background-color: rgba(0, 0, 0, 0.8);
}

.ClickTRMenu img
{
    position: absolute;
    width:60%;
    right: 1em;
    top:0.2em;
}

.ClickTRMenu .Tip
{
    position: absolute;
    top:11em;
    color:#fff;
    font-size: 1.5em;
    padding-left:1em;
    padding-right:1em;
}