html{font-size:11px}
*{margin:0;padding:0}
body{font-family:Arial,'MicrosoftYaHei',Helvetica,sans-serif;background-color:#ebf4f6}
main{width:96rem;margin:0 auto;background-color:#ebf4f6;display:flex}
ul{list-style:none}
a{text-decoration:none;background-color:transparent}
a:active,a:hover{outline:0}
b{font-size:1.4rem}
img{display:block}
::-webkit-input-placeholder{color:rgb(199,199,199)}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
#hostname-msg-list span{color:#ff0000;}
.form-control{display:block;padding:0.6rem 1.2rem;font-size:1.4rem;border:0.1rem solid #ccc;box-sizing:border-box}
.form-control:focus{border-color:#66afe9;outline:0;border:0.1rem solid rgb(74,238,222);box-shadow:0px 0px 5px 2px rgba(72,230,214,0.2)}
.section{width:72rem;border-radius:0.5rem;background:#FFFFFF;box-shadow:0rem 0rem 0.8rem 0rem rgba(85,167,227,0.2);box-sizing:border-box}
.ad-1{margin:2rem 0; display: none;}
.adv{height:9rem;margin:1rem 0 1rem 0;display: none;}
.adv img,.ad-1 img{width:100%;height:100%}
.clear::after{content:"";display:block;clear:both}
.links{margin-top:1rem;padding:1rem 3.5rem;font-size:1.4rem}
.links span{font-weight:bold;color:#707070}
.links a{color:#145da9}
.button{height:4rem;background-color:#E5E5E5;font-size:1.8rem;color:#535353;border:0px;cursor:pointer}
.button:hover{background-color:#145DA9}
#footer{width:96rem;height:10rem;display:flex;margin:0 auto}
@media screen and (max-width:720px){main{width:100%}
.section{width:100%;border-radius:0rem;box-shadow:none}
#footer{width:100%}
}@media screen and(min-width:320px)and(max-width:359px){html{font-size:12.8px}
}@media screen and(min-width:360px)and(max-width:374px){html{font-size:14.4px}
}@media screen and(min-width:375px)and(max-width:385px){html{font-size:15px}
}@media screen and(min-width:386px)and(max-width:392px){html{font-size:15.44px}
}@media screen and(min-width:393px)and(max-width:400px){html{font-size:16px}
}@media screen and(min-width:401px)and(max-width:414px){html{font-size:16.48px}
}@media screen and(min-width:750px)and(max-width:799px){html{font-size:30.72px}
}

main{width:96rem;margin:0 auto;background-color:#ebf4f6;display:flex}
.current-position{margin-top:0.1rem;font-size:1.6rem;padding:1rem 3rem}
.current-position p{display:inline-block;min-height:2rem;background-image:url(/img/logo-blue.png);background-position-x:0.5rem;background-repeat:no-repeat;background-size:2rem;padding-left:3rem;font-weight:bold;color:#898989}
.current-position p span{color:#B5B5B5;font-weight:normal;position: relative;top: 0.2rem;}
.current-position p span a{color:#B5B5B5}
.hostname{margin-top:1rem;padding:2.8rem 3.5rem 3.0rem 3.5rem}
#hostname-title{font-size:2.2rem;color:#6fa6e0}
#hostname-serarch{}
#my-hostname{display:none}
#speed-error{width:100%;line-height:3rem;border:0.1rem solid rgba(199,1,1,0.3);background-color:rgba(255,0,0,0.05);padding:0 2rem;color:red;border-radius:0.5rem;box-sizing:border-box;display:none}
#hostname-input{width:70%;margin:3rem auto;display:flex;justify-content:center}
.serach-bar{height:4rem;border-radius:1rem 0 0 1rem;flex-grow: 1;}
#hostname-input .button{padding: 0 1rem;min-width: 28%;border-radius:0 1rem 1rem 0;background-color:#6fa6e0;font-size:1.8rem;color:#FFFFFF}
#hostname-input .button:hover{box-shadow:0 0 0.5rem 0.1rem #b2d7ff}
#hostname-input .button:active{background-color:#26507e}
#hostname-msg{width:100%;background-color:#fcfcfc;border:0.2rem solid #f6f6f6;box-sizing:border-box;line-height:2.4rem;border-radius:0.5rem;color:#535353;font-size:1.4rem;word-break:break-all}
#hostname-msg section{font-weight:bold;font-size:16px;color:#535353;margin:1rem 2rem}
#hostname-msg-list{width:100%;background-color:#FFFFFF;padding:1rem 2rem;box-sizing:border-box;min-height: 20rem;word-break: break-word;}
#hostname-msg-list > li{display:flex}
.ip-category{font-weight:bold;display:block;width:40%;text-align:right;word-break: break-word;}
.ip-content{display:block;text-align:left;flex-grow:1;padding-left:1rem}
#hostname-caption{padding:2rem 3.5rem 3.0rem 3.5rem;font-size:1.5rem;color:#707070;line-height: 2.6rem; margin-top: 1rem;}
#hostname-caption span{font-size:1.6rem;font-weight:bold;color:#313131;display:inline-block}
#hostname-caption p span::after{content:"";display:block;height:0.6rem;width:103%;border-radius:10rem;margin-left:-0.5rem;margin-top:-0.5rem;background-image:linear-gradient(to right,rgb(141,247,236),#6fa6e0 )}
.right-nav iframe{width:24rem;height:110.8rem}
.top-nav{display:none}
#hostname-msg section a{color:#3699FF;display:inline-block;padding:0.5rem 1rem;float:right;position:relative;top:-0.5rem;border-radius:0.5rem;font-weight:normal;transition:0.3s}
#hostname-msg section a:first-of-type{margin-left:2rem;float:right}
#hostname-msg section a:last-of-type::after{content:"";border-right:0.1rem solid  #3699FF;position:relative;right:-2rem}
#hostname-msg section a:hover{color:rgb(228,53,53);font-weight:bold}
@media screen and (max-width:720px){main{width:100%;background-color:#FFFFFF;display:flex;flex-wrap:wrap;justify-content:center}
.right-nav{width:100%}
.right-nav iframe{width:100%;height:63.5rem}
.top-nav{width:100%;height:5rem;background-color:#145DA9;padding:0 1.5rem;display:block;box-sizing:border-box}
.logo{float:left}
.dorp-down{float:right}
.logo img{height:5rem}
.dorp-down  img{height:2rem;position:absolute;right:3.5rem;top:1.5rem}
.current-position{box-shadow:0rem 0rem 0.8rem 0rem rgba(85,167,227,0.2);font-size:1.2rem}
.current-position p span{position: relative;top: 0.3rem;}
main{width:100%;background-color:#FFFFFF}
#hostname-input{margin:3rem 0;display:block;width: 100%;}
.serach-bar{width:100%;border-radius:2rem}
#hostname-input input[type="submit"]{width:100%;border-radius:2rem;margin-top:1rem}
.links{box-shadow:0.8rem 0.8rem 0.8rem 0.8rem rgba(85,167,227,0.2)}
font{display:block}
}




html{background-color:rgba(255,255,255,0.01)}
nav{background-color:#145DA9;width:24rem;display:inline-block}
#nav-list{padding-bottom:1rem}
#nav-list li{width:100%;height:6rem;margin:0.2rem auto;padding:0 3rem;box-sizing:border-box;display:flex;align-items:center}
#nav-list a{display:flex;align-items:center;height:100%;flex-grow:1}
#nav-list img{width:3.6rem;height:3.6rem;margin-right:1rem}
#nav-list li span{font-size:1.4rem;color:#fff;display:flex;align-items:center}
#logo{width:100%;height:10rem;border-bottom:0.2rem solid #104781;margin-bottom:1rem}
.nav-action{background-color:#3699FF;box-shadow:0 0 0.8rem 0 rgba(30,30,30,0.1);font-weight:bold}
#nav-list li:hover{background-color:#004986;opacity:0.8;transition:0.6s}
#language{height:3.8rem;line-height:3.8rem;border-top:2px solid #104781}
#language img{display:inline-block;width:1.6rem;height:1.2rem;margin:1.2rem 0.8rem 1.2rem 3rem;float:left}
#language > span:nth-of-type(1){font-size:1.2rem;color:#fff}
#language > span:nth-of-type(2){float:right;margin-right:2.6rem;font-size:1rem;color:#D1D1D1}
#language-list{padding:2rem 3rem;background-color:#ddedf7;display:none}
#language-list::after{content:"";display:block;clear:both}
#langruage-list ul{background-color:#ddedf7;width:75%}
#language-list ul li{float:left;font-size:1.2rem;color:#3699FF;line-height:2.6rem}
#language-list a{color:#3699FF}
#language-list a:hover{color:#FF3E3E}
#language-list li span{margin:0 0.4rem}
#language:hover #language-list{display:block}
@media screen and (min-width:250px){nav{width:100%;}
/*#logo,#language,#language-list{display:none}*/
.nav-action{background-color:#3f7bb8;box-shadow:none;font-weight:normal}
}

html{background-color:rgba(255,255,255,0.01)}
footer{margin-top:4rem;padding:1.4rem 0 2.4rem 0;background-color:#3f7bb8;display:flex;box-sizing:border-box;font-size:1.4rem}
.footer-info{margin:0 auto;color:#FFFFFF}
.footer-info a{color:#FFFFFF}
.footer-info a:hover{color:#183047}
.footer-info span{margin:0 1.4rem}
@media screen and (max-width:720px){footer{margin-top:0rem;text-align:center;font-size:1.2rem;line-height:2.4rem;padding:1.4rem 3rem}
}