TD {
	FONT: 12px/160% Arial, Helvetica, sans-serif; COLOR: #222222
}
A {
	COLOR: #333333; TEXT-DECORATION: none
}
A:hover {
	COLOR: #ff0000
}
.td5 {
	LINE-HEIGHT: 25px; BACKGROUND-COLOR: #f7f7f7; HEIGHT: 25px; COLOR: #000000; FONT-SIZE: 12px; BORDER-TOP: #d6d4d0 1px solid; TEXT-DECORATION: none
}
.td1 {
	LINE-HEIGHT: 22px; BACKGROUND-COLOR: #f7f7f7; HEIGHT: 22px; COLOR: #000000; FONT-SIZE: 12px; BORDER-TOP: #d6d4d0 1px solid; TEXT-DECORATION: none
}
.PText1 {
	BORDER-BOTTOM: #333333 1px solid; BORDER-LEFT: #333333 1px solid; PADDING-BOTTOM: 1px; BACKGROUND-COLOR: #ffffff; PADDING-LEFT: 1px; WIDTH: 200px; PADDING-RIGHT: 1px; FONT-FAMILY: "����"; HEIGHT: 18px; COLOR: #333333; FONT-SIZE: 9pt; BORDER-TOP: #333333 1px solid; BORDER-RIGHT: #333333 1px solid; PADDING-TOP: 1px
}
.PText2 {
	BORDER-BOTTOM: #333333 1px solid; BORDER-LEFT: #333333 1px solid; PADDING-BOTTOM: 1px; BACKGROUND-COLOR: #ffffff; PADDING-LEFT: 1px; WIDTH: 130px; PADDING-RIGHT: 1px; FONT-FAMILY: "����"; HEIGHT: 18px; COLOR: #333333; FONT-SIZE: 9pt; BORDER-TOP: #333333 1px solid; BORDER-RIGHT: #333333 1px solid; PADDING-TOP: 1px
}
.PText3 {
	BORDER-BOTTOM: #333333 1px solid; BORDER-LEFT: #333333 1px solid; PADDING-BOTTOM: 1px; BACKGROUND-COLOR: #ffffff; PADDING-LEFT: 1px; WIDTH: 80px; PADDING-RIGHT: 1px; FONT-FAMILY: "����"; HEIGHT: 18px; COLOR: #333333; FONT-SIZE: 9pt; BORDER-TOP: #333333 1px solid; BORDER-RIGHT: #333333 1px solid; PADDING-TOP: 1px
}
.Preadonly {
	BORDER-BOTTOM: #333333 1px solid; BORDER-LEFT: #333333 1px solid; PADDING-BOTTOM: 1px; BACKGROUND-COLOR: #f0f0f0; PADDING-LEFT: 1px; WIDTH: 200px; PADDING-RIGHT: 1px; FONT-FAMILY: "����"; HEIGHT: 18px; COLOR: #333333; FONT-SIZE: 9pt; BORDER-TOP: #333333 1px solid; CURSOR: hand; BORDER-RIGHT: #333333 1px solid; PADDING-TOP: 1px
}

/* index.php 新布局样式 */
* { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
    height: 100%;
    overflow: hidden;
}

body {
    font: 12px/160% Arial, Helvetica, sans-serif;
    color: #222;
    background: #f7f7f7;
    display: flex;
    flex-direction: column;
}

.main {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    padding: 20px;
    width: 100%;
    overflow: hidden;
}

.content {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.phone-frame {
    width: 396px;
    height: 695px;
    background: url('Mobile.jpg') no-repeat;
    display: flex;
    flex-direction: column;
}

.phone-header { height: 102px; }

.phone-screen {
    flex: 1;
    display: flex;
    justify-content: center;
}

.phone-screen iframe {
    width: 100%;
    height: 100%;
    border: none;
    margin: 0 38px;
}

.phone-footer { height: 132px; position: relative; }
.phone-footer a {
    position: absolute;
    top: 0; left: 39px; right: 38px; bottom: 0;
}

.footer {
    text-align: center;
    padding: 8px;
    font-size: 11px;
}

/* 手机端响应式样式 */
@media screen and (max-width: 768px) {
    html, body {
        height: auto !important;
        overflow: auto !important;
    }

    body {
        flex-direction: column !important;
    }

    .main {
        flex-direction: column !important;
        padding: 15px !important;
        overflow: visible !important;
        height: auto !important;
        min-height: auto !important;
        display: flex !important;
        align-items: center !important;
    }

    .content {
        padding: 0 !important;
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        flex: none !important;
    }

    .phone-frame {
        transform: scale(0.7) !important;
        transform-origin: top center !important;
        width: 396px !important;
        height: 695px !important;
        flex: none !important;
        margin-bottom: 20px !important;
    }
}