@charset "utf-8";

body {min-width:360px;}

.intro-container {}
.intro-container .items {}
.intro-container .items .item {display:block; vertical-align:top; background-color:#ffffff;}
.intro-container .items .item:first-child .block {padding-top:5px;}
.intro-container .items .item:nth-child(2) {border-top:1px solid #ececec;}

.intro-container .items .block {padding:20px;}
.intro-container .items .title {margin:-3px 0 0 0; padding-bottom:8px; border-bottom:2px solid #000000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-break:break-all;}
.intro-container .items .title {font-weight:bold; line-height:20px; font-size:16px; color:#000000;}

.intro-container .login .list {margin-top:15px; position:relative; display:block;}
.intro-container .login .list ul {display:block;}
.intro-container .login .list ul li {margin-top:4px; display:block;}
.intro-container .login .list ul li:first-child {margin-top:0px;}
.intro-container .login .input {transition:border 0.2s, background 0.2s; position:relative; display:block; vertical-align:middle; background-color:#eff0f0; border:1px solid #d7d7d7;}
.intro-container .login .input input {z-index:1; position:relative; padding:0 10px 0 10px; width:calc(100% - 22px); height:38px; border:0; background:transparent;}
.intro-container .login .input input {line-height:38px; font-size:15px; color:#acacac;}
.intro-container .login .input .name {line-height:38px; font-size:15px; color:#acacac;}
.intro-container .login .input.focus {background-color:#ffffff;}
.intro-container .login .input.focus input,
.intro-container .login .input.value input {color:#000000;}
.intro-container .login .submit {margin-top:15px; text-align:center; cursor:pointer; border-radius:3px;}
.intro-container .login .submit {font-weight:bold; font-weight:bold; line-height:45px; font-size:18px; color:#ffffff;}
.intro-container .login .link {padding-bottom:50px; margin-top:20px; position:relative;}
.intro-container .login .link label {display:inline-block; vertical-align:middle; cursor:pointer;}
.intro-container .login .link label {line-height:20px; font-size:12px; color:#464646;}
.intro-container .login .link .side {position:absolute; right:0px; top:0px;}
.intro-container .login .link .line {padding:0 8px; display:inline-block; vertical-align:middle;}
.intro-container .login .link .line {line-height:20px; font-size:12px; color:#e2e2e2;}
.intro-container .login .link a {display:inline-block; vertical-align:middle;}
.intro-container .login .link a {line-height:20px; font-size:12px; color:#464646;}

.intro-container .account {}
.intro-container .account ul {margin-left:-4px;}
.intro-container .account li {margin-left:4px; position:relative; display:inline-block; vertical-align:top; height:44px; border:1px solid #ececec; background-color:#ffffff; border-radius:3px; cursor:pointer;}
.intro-container .account li:before {display:block; content:''; position:absolute; left:calc(50% - 10px); top:calc(50% - 10px);}
.intro-container .account.type1 li {width:calc(100% - 6px);}
.intro-container .account.type2 li {width:calc(50% - 6px);}
.intro-container .account.type3 li {width:calc(33.333% - 6px);}
.intro-container .account.type4 li {width:calc(25% - 6px);}

.intro-container .join .btn {margin-top:20px; display:block; background-color:#000000; width:100%; text-align:center; cursor:pointer; border-radius:3px;}
.intro-container .join .btn {text-decoration:none; font-weight:bold; line-height:45px; font-size:18px; color:#ffffff;}
.intro-container .join .help {margin-top:50px; padding:15px 10px 15px 10px; background-color:#f7f8f9; text-align:center;}
.intro-container .join .text {margin:-3px 0 -2px 0; text-align:center;}
.intro-container .join .text {font-weight:bold; line-height:18px; font-size:13px; color:#000000;}
.intro-container .join .tx1 {margin:-3px 0 -2px 0;}
.intro-container .join .tx1 {line-height:16px; font-size:12px; color:#666666;}
.intro-container .join .tx2 {margin:6px 0 -2px 0;}
.intro-container .join .tx2 {font-weight:bold; line-height:22px; font-size:18px; color:#666666;}
.intro-container .join .tx3 {margin:3px 0 -2px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-break:break-all;}
.intro-container .join .tx3 {line-height:16px; font-size:12px; color:#666666;}

.intro-footer {padding:30px 15px 70px 15px;}
.intro-footer .company {line-height:16px; font-size:14px; color:#000000;}
.intro-footer .addr {margin-top:4px;}
.intro-footer .addr,
.intro-footer .addr a {word-break:break-all; line-height:19px; font-size:12px; color:#666666;}
.intro-footer .addr .btn:hover {color:#000000;}

.l-main .box {padding:50px 20px 100px 20px;}
.l-main .block .tx1 {margin:-5px 0 22px 0; text-align:center;}
.l-main .block .tx1 {font-weight:bold; line-height:24px; font-size:16px; color:#000000;}
.l-main .block .tx2 {padding-left:8px; position:relative; margin:6px 0 -2px 0;}
.l-main .block .tx2 {line-height:16px; font-size:12px; color:#666666;}
.l-main .block .tx2:before {display:block; content:''; position:absolute; left:0; top:7px; width:3px; height:3px; background-color:#666666;}
.l-main .block .type1 {color:#8393ca;}
.l-main .block .type2 {color:#ed1c24;}

.l-main .help {margin-top:100px; padding:15px 10px 15px 10px; background-color:#f7f8f9; text-align:center;}
.l-main .help .text {margin:-3px 0 -2px 0; text-align:center;}
.l-main .help .text {font-weight:bold; line-height:18px; font-size:13px; color:#000000;}
.l-main .help .tx1 {margin:-3px 0 -2px 0;}
.l-main .help .tx1 {line-height:16px; font-size:12px; color:#666666;}
.l-main .help .tx2 {margin:6px 0 -2px 0;}
.l-main .help .tx2 {font-weight:bold; line-height:22px; font-size:18px; color:#666666;}
.l-main .help .tx3 {margin:3px 0 -2px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-break:break-all;}
.l-main .help .tx3 {line-height:16px; font-size:12px; color:#666666;}