*{margin: 0;padding: 0;outline:none;}
a{text-decoration: none;overflow: hidden;text-overflow: ellipsis;}
a,a:visited,a:link{border:none; text-decoration:none;color:#333;}
a:hover{color:#fa8e19;}
i{font-style:normal;}
ul,li{list-style: none;}
body{
	text-align: center;
	font-size:12px;
	vertical-align: middle;
	/*background-color:#f6f6f6;*/
    font:12px/1.5 Tahoma,微软雅黑,\\5FAE\8F6F\96C5\9ED1,sans-serif;color:#333;
}
table{border-collapse:collapse;border-spacing:0; width:100%;}
table td{table-layout: fixed; word-break: break-all;}
input{border:#ccc 1px solid;  border-radius: 0;}
input,textarea,select,a:focus{outline:none;}
input,select{font-size:12px; vertical-align:middle;}

.box{width:1000px;margin:0 auto;}
.hide{display:none;}
.clear{width:0;height:0;clear:both;}
#head{
	background: #e7f4ff;
    border-bottom: 1px solid #63aae9;
    height: 26px;
    line-height: 26px;
    padding-top: 2px;
	color:#2c2e30;
}
#head div{height:26px;line-height:26px;}
#head .title{float:left;border:#9ed1ff 1px solid;margin:1px;height:22px;}
#head .title div{float:left;height:22px;line-height:22px;color:#b4b4b4;padding:0 2px;color:#63aae9;}
#head .title  .name{
background-color: #78c3fc;
    width: 80px;
    color: #ffffff;
    font-size: 14px;
    text-shadow: rgb(255 255 255 / 70%) 0 0 1px, rgb(0 0 0 / 70%) 2px -1px 3px;
}
#head .center{margin:0 auto;width:500px;}
#head .user{float:right;margin-right:10px;}
#head .user a{padding-right:3px;cursor: pointer;}
#head .color{float:right;}
#head .color .btn{float:right;width:14px;height:14px;line-height:14px;margin:6px 0 6px 5px;cursor: pointer;}
#head .color .dian{width:4px;height:4px;margin:4px;background-color:#fff;border:1px solid #fff;}
#head .color .blue{background-color:#78c3fc;}
#head .color .pink{background-color:#ffa4e2;}
#head .color .green{background-color:#c7df88;}
#main .subject{height:80px;line-height:80px;}
#main .subject span{text-shadow: rgb(255 255 255 / 70%) 0 0 1px, rgb(179 179 179 / 70%) 2px -1px 3px;
    font-size: 30px;
    font-weight: bold;
    color: #fe6909;}
#main .url-box{
    background: #f8fcff;
    border: 1px solid #63aae9;
    height: auto;
    box-shadow: inset 0px 0px 1px 1px #fff;
    box-shadow: 0px 2px 5px 0px #e1e1e1;
	overflow:hidden;
	padding:25px 10px;
}
#main .url-box .list{float:left;width:120px;line-height: 16px;
    padding: 5px 0;color:#000;font-size:13px;cursor: pointer;}
#main .url-box .cur{color:#fe6909 !important;}
#main .speed-tb .title td{border-top:#9dcbf3 1px solid;background-color:#e1f1ff;color:#63aae9;font-weight:700;}
#main .speed-tb{margin-top:20px;background-color:#fff;border-bottom:#9dcbf3 1px solid;border-right:#9dcbf3 1px solid;}
#main .speed-tb td{line-height:16px;padding:8px 5px;border-left:#dbdbdb 1px solid; border-top:#dbdbdb 1px solid; }
#main .speed-tb .first{border-left:#9dcbf3 1px solid;}
#main .speed-tb .btn-td{text-align:left;padding:1px;height:30px;}
#main .speed-tb .btn-td div{background-color:#63aae9;height:30px;color:#fff;text-align:center;font-size:14px;line-height:30px;cursor: pointer;}
#login{
/*background:#017896 url(https://logincdn.msauth.net/shared/1.0/content/images/appbackgrounds/28_65f7aacca6193a75765a132ca8e72690.jpg) no-repeat center;*/
background-color:#e0f2ff;
position:absolute;top:0;left:0;right:0;bottom:0;}
#login .login-box{
	position:absolute;
	top:40%;
	left:50%;
	transform: translate(-50%,-50%);
}
#login .title {
height: 75px;
    line-height: 75px;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    /*color: #fff;*/
	color:#279efb;
    width: auto;
    text-shadow: rgb(0 0 0 / 70%) 2px -1px 3px;
    text-shadow: rgb(255 255 255 / 70%) 0 0 1px, rgb(0 0 0 / 70%) 2px -1px 3px;
    border: none;
    outline: none;
    border-radius: 0;
    -webkit-appearance: none;
}
#login .form{
	/*background-color:#fff;*/
	background-color:#ffffff;

	width:300px;
	min-height:200px;
	padding:44px;
	-webkit-box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 2px 6px rgba(0,0,0,.2);
    box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
}
#login .form .subject{
	font-size: 25px;
    font-weight: 700;
    color: #90a1ab;
}
#login .form .input{
	width: 288px;
    /* height: 35px; */
    border-color: #a3a3ab;
    line-height: 25px;
    padding: 5px;
}
#login .form .name{
	text-align: left;
    line-height: 30px;
    font-size: 14px;
    color: #00627c;
	padding:10px 0 2px 0;
}
#login .form .fun{margin:10px 0;}
#login .form span,#login .form a{float:left;line-height:32px;padding-right:20px;font-size:14px;color:#0072cb;}
#login .form .submit{float:right;color:#fff;background-color:#0067b8;height:32px;line-height:32px;width:80px;padding:0;}

#login .form .code .input{width:228px;float:left;border-right:none;}
#login .form .code img{width:60px;height:35px;float:left;border: #a3a3ab 1px solid;border-left:none;}

#code-box{
	position:absolute;
	top:30%;
	left:50%;
	transform: translate(-50%,-50%);
}
#code-box .subject{
	font-size:26px;
	font-weight:700;
	color:#279efb;
	margin-bottom:20px;
}
#code-box .input{float:left;height:20px;padding:5px;width:260px;border:1px solid #0067b8;}
#code-box .submit{
	float: right;
    color: #fff;
    background-color: #0067b8;
    height: 32px;
    line-height: 32px;
    width: 60px;
    padding: 0;
	-webkit-appearance: none;
	border: none;
    outline: none;
	-webkit-box-sizing: border-box;
}
#code-box .notice{
	font-size: 14px;
    text-align: left;
    padding-top: 6px;
}
#code-box .notice a{
	color: #279efb;
    padding: 0 3px;
}