#us_bg{position: relative;width: 100%;top: 0;}
#us_bg>img{width: 100%;}
#m-banner{width:45%;height: 100%;position: absolute;right: 0;top: 0;display: flex;display: -webkit-flex;align-items: center;box-sizing: border-box;}
#m-banner-c{width: 100%;box-sizing: border-box;padding-right: 60px;}
#m-banner-c>h2{font-weight:bold;margin-bottom: 20px;}
#m-banner-c>h5{font-size: 19px;}
#m-banner-c>p{cursor: pointer;color: white;background-image: linear-gradient(to right,#6289f8, #3a62f4);display: inline-block;margin-top: 20px;padding: 4px 20px;border-radius: 20px;}
#conUs{position: absolute;top: 22%;right: 0;width: 50%;color: #6bb4f5;font-weight: bold;font-size: 39px;display: none;}
@media (max-width:1000px) {
	#m-banner{position: relative;width: 100%;display: block;text-align: center;}
	#m-banner-c{padding: 0;margin-top: -10px;}
	#m-banner-c>h2{font-weight:bold;margin:0 0 20px;font-size: 20px;text-align: center;}
	#m-banner-c>h5{font-size: 16px;text-align: center;}
	#m-banner-c>p{text-align: center;margin: 0 auto 20px;}
	#conUs{display: block;}
}
#container{width: 80%;height:calc(100vh - 70px);margin: 0 auto;background-color: white;border-radius: 5px;-webkit-box-shadow:rgba(0,0,0,0.1) 0 0 15px 0;box-shadow:rgba(0,0,0,0.1) 0 0 15px 0;}
#main-top{width: 80%;min-height: 50px;margin:20px 10% 0;float: left;line-height: 50px;text-align: center;}
#selects{width: 250px;outline: none;border: 0;margin-right: 50px;-webkit-box-shadow:rgba(0,0,0,0.1) 0 0 15px 0;box-shadow:rgba(0,0,0,0.1) 0 0 15px 0;font-size: 16px;min-height: 40px;padding:0 20px 0;}
#ip_text{height: 40px;font-size: 16px;outline: none;border: 0;-webkit-box-shadow:rgba(0,0,0,0.1) 0 0 15px 0;box-shadow:rgba(0,0,0,0.1) 0 0 15px 0;padding: 0 0 0 25px;width: 250px;}
#btn{width: 100%;height: 38px;margin: 30px auto 0;float: left;display: flex;display: -webkit-flex;justify-content: center;}
#ping_btn{width: 150px;height: 38px;}
#result_box{width: 100%;height:calc(100% - 168px);float: left;overflow-y: auto;margin-top: 30px;}
/* #result_box::-webkit-scrollbar {display: none;} /*隐藏滚轮*/
#result{float: left;width: 100%;padding: 0 0 0 30%;box-sizing: border-box;}
#result>p{margin-bottom: 5px;box-sizing: border-box;}
#result>h5{height: 24px;}
@media (max-width:1024px){
	#selects{margin: 0;}
	#ping_btn{margin: 0;}
	#container{width: 100%;margin: 0;}
}
@media (max-width:632px){
	#result_box{height:calc(100% - 218px);}
}
@media (max-width:1785px){
	#result{padding: 0 0 0 20%;width: 100%;}
}
@media (max-width:820px){
	#result{padding: 0 0 0 10%;width: 100%;}
}
@media (max-width:820px){
	#result{width: 100%;padding: 0 3%;box-sizing: border-box;margin: 0;}
}
@media (max-width:375px){
	#conUs{font-size: 36px;}
}
@media (max-width:320px){
	#conUs{font-size: 32px;}
}

/* Instructions--使用说明 */
#container_1{width: 50%;margin: 0 auto;}
.ist{display:block;color: white;width: 50%;height: 60px;text-align: center;margin: 60px auto;line-height: 60px;font-size: 20px;background-image:linear-gradient(to right, #3a62f4, #7994f8);border-radius:30px ;}
#container_1>.ist:hover{text-decoration: none !important;color: white !important;}
#container_boxDes{width: 50%;margin: 30px auto 0;}
#container_boxDes>span{display: block;}
.indentation_1{text-indent:1em}
.indentation_2{text-indent:2em}
@media (max-width:1400px){
	#container_1{width: 60%;}
	.ist{font-size: 18px;}
}
@media (max-width:1100px){
	#container_1{width: 70%;}
	.ist{font-size: 16px;width: 60%;}
}
@media (max-width:700px){
	#container_1{width: 80%;}
	.ist{font-size: 14px;width: 70%;}
	#container_boxDes{width: 70%;}
}
@media (max-width:500px){
	#container_1{width: 100%;}
	.ist{font-size: 14px;width: 100%;}
	#container_boxDes{width: 90%;}
}