*{margin:0px;}
@font-face{font-family:qlassikbold; src: url(../font/Roboto-Regular.ttf);}
body{ font-family:qlassikbold;  letter-spacing:1px; color:#333333; font-size:15px; opacity:0.9;}


#head{width:100%; height:auto;  font-size:18px; background:white; padding-bottom:20px;}
#head .firs{width:100%; background:#2b6cb0; padding:12px 0px; color:white; text-align:center; font-weight:bold; clear:both;}
#footer{width:100%; background:#2b6cb0; padding:12px 0px; color:white; text-align:center; font-weight:bold; clear:both; margin-top:50px;}
#footer a{text-decoration:none;color:white; }
 #head .fort{float:left; margin-left:1%;}
#head .secon{float:left; margin-left:10%;}

#head .secon a{display:inline-block; text-decoration:none;  }
#head .bx{  color:#1A1A1A; margin-left:30px;}
#head .abx{ display:inline-block;  margin-top:17px; padding:15px 5px 15px 57px; background:url('../img/favicon.png') no-repeat; background-size:60px;  color:#3366FF;  text-decoration:none; font-weight:bold; background-position:-15px 0px; }

#head .aby{ display:inline-block;  margin-top:17px; padding:15px 5px 15px 57px; background:url('../img/opensea.svg') no-repeat; background-size:50px;  color:#3366FF;  text-decoration:none; font-weight:bold; background-position:0px 0px; }

#head .abs{ display:inline-block;  margin-top:17px; padding:15px 5px 15px 65px; background:url('../img/nft.png') no-repeat; background-size:70px;  color:#3366FF;  text-decoration:none; font-weight:bold; background-position:0px 0px; }

#head .thir{float:right; margin-right:10%; margin-top:20px; }
#head .thir a{ background:#2b6cb0; color:white; display:block; text-decoration:none; padding:10px 20px; border-radius:20px; }

#section{width:80%; height:auto; padding:80px 10% 20px 10%; background:#f5f9fa;}
#chain{width:80%; height:auto; padding:40px 10%; background:#f5f9fa; margin-top:50px;}
#section h1{color:#2b6cb0; font-size:60px;}
#article h1{color:#2b6cb0; font-size:50px;}
#section .fir{float:left; width:40%;}
#secbtion p{margin-top:20px; font-size:18px;}
#section a{ background:#317DCC; color:white; font-size:14px; display:inline-block; text-align:center; text-decoration:none; border-radius:10px; margin-top:20px; line-height:45px; width:150px;}
#section img{float:right;width:48%;}

#article{width:80%; margin:0px auto; padding:50px 0px 0px 0px;}
#article .imgg{width:100%; }
#article .box{width:30%; display:inline-block; vertical-align:top; margin-top:40px;}
#article .box b{margin:10px 0px 5px 0px; display:block; font-size:17px;}
#article .box img{width:50px; }
#article .ox{margin:40px 5% 0px 4%; }

#chain{width:80%; height:auto; padding:80px 10%; background:#f5f9fa; margin-top:50px; }
#chain .code{ background:#1A2670; float:left; width:42%; padding:30px; border-radius:10px; color:white; font-size:14px; overflow:auto;}
#chain .a{ color:#66FF99;}#chain .b{ color:#EB4EEB;}#chain .c{ color:#9999FF;}#chain .d{ color:#38E200;}
#chain .cont{  float:right; width:48%; }
#chain .cont h2{ margin-bottom:20px; color:#317DCC;}
#chain .cont a{ color:#317DCC;  font-size:15px; display:block; text-decoration:none;  margin-top:20px;}

#dwall{width:80%; height:auto; padding: 50px 10%; background:#f5f9fa; }
#dwall .cont{  float:left; width:34%; }
#dwall .other{  float:right; width:62%; padding:20px 0px 20px 20px; background:white;}
#dwall .cont h2{ margin-bottom:20px; color:#317DCC;}
#dwall .cont a{ color:#317DCC;  font-size:15px; display:block; text-decoration:none;  margin-top:20px;}

#dapps{width:80%; height:auto; padding: 100px 10%; background:#f5f9fa; }
#dapps .cont{  float:right; width:34%; }
#dapps .other{  float:left; width:62%; padding:20px 0px 20px 20px; background:white;}
#dapps .cont h2{ margin-bottom:20px; color:#317DCC;}
#dapps .cont a{ color:#317DCC;  font-size:15px; display:block; text-decoration:none;  margin-top:20px;}


#anychain{width:80%; height:auto; padding:0px 10% 100px 10%; background:#f5f9fa; }
#anychain .cont{  float:left; width:34%; }
#anychain .other{  float:right; width:62%; padding:20px 0px 20px 20px; background:white;}
#anychain .cont h2{ margin-bottom:20px; color:#317DCC;}
#anychain .cont a{ color:#317DCC;  font-size:15px; display:block; text-decoration:none;  margin-top:20px;}

#anychain .other a, #dapps .other a, #dwall .other a{text-decoration:none;display:inline-block; height:170px; width:140px; margin-right:20px; text-align:center; color:#3366FF; font-weight:bold;}
#anychain .other img, #dapps .other img, #dwall .other img{width:100%; width:60%; margin-bottom:20px; border-radius:20px;}

#last{width:92%; padding:50px 4% 10px 2%; text-align:center;}
#last h1{margin-bottom:30px; color:#317DCC; font-weight:bold;}
#last p{margin-bottom:20px;}
#last img{height:70px;}
#last .box{display:inline-block; width:27%; background:#317DCC; color:white; padding:40px 10px; vertical-align:top; margin-top:40px;}
#last .box b{display:block; margin:20px 0px;}
#last .box a{display:block;  background:white; border:1px solid white;  text-align:center;color:#317DCC; display:block; width:50%; height:45px; line-height:45px; border-radius:20px;  margin:20px auto; cursor:pointer; text-decoration:none;}
#last .box a:hover{background:#317DCC;  color:white; ;}
#last .bb{margin-left:50px; margin-right:50px;}

#wallet{width:80%; margin:0px auto; padding:50px 0px 40px 0px; }
#wallet a{margin-bottom:20px;text-decoration:none;display:inline-block; height:200px; width:22%; margin-right:2%; text-align:center; color:#3366FF; font-weight:bold; }
#wallet img{ width:40%;  margin-bottom:20px;}



@media (max-width:1050px){#section{ padding:270px 10% 20px 10%; }}
@media (max-width:700px){
 #article h1{ font-size:50px;}
	#section h1{ font-size:40px;}
	#head .secon{margin-left:3%;} #head .thir{ margin-right:3%; }
	#head {font-size:15px; }
	#section{width:94%;  padding:50px 3% 20px 3%;}
	#article{width:94%;}
	#article .imgg{margin-top:20px;}
	#section .fir{float:none; width:100%;}
	#section img{float:none; width:100%; margin-top:20px;}
	
	#article .box{width:94%; display:block; vertical-align:top; margin:40px 3% 0px 3%;}
#article .ox{margin:40px 3% 0px 3%; }
#chain{width:94%;  padding:50px 3%;  margin-top:40px; }
#chain .code{  float:none; width:96%; padding:20px 2%; }
#chain .cont{  float:none; width:100%; margin-top:40px;}

#anychain, #dapps, #dwall{width:94%; padding:50px 3%; }
#wallet{padding:50px 3% 20px 3%; width:94%; }

#dapps .other, #dapps .cont, #dwall .other,#dwall .cont, #anychain .other,#anychain .cont{float:none; width:100%;  padding:20px 0px;}
#anychain .other a, #dapps .other a, #dwall .other a{ height:170px; width:46%; margin-right:2%; }
#anychain .other img, #dapps .other img, #dwall .other img{width:100%; width:60%; margin-bottom:20px; }

#wallet a{ height:170px; width:46%; margin-right:2%;  }
#wallet img{ width:40%; margin-bottom:20px; }

#last .box{display:block; width:100%;  margin-top:40px;}
#last{width:60%; padding:50px 20% 10px 20%; text-align:center;}
#last .bb{margin-left:0px; margin-right:0px;}
}