.hup h2{font-size: 2.2rem; margin: 1.5rem 0}
.hup h3{font-size: 1.5rem;}
.hup h4{font-size: 1.3rem;}

.max400{ margin-left: auto;  margin-right: auto; max-width: 400px;}

.topdao h1, .topdao h2, .topdao h3, .topdao h4, .topdao h5,
.topdao h1 a, .topdao h2 a, .topdao h3 a, .topdao h4 a, .topdao h5 a {color: #fff; text-shadow: 3px 3px 1px #000; margin:0; padding:0; text-decoration:none}

.topdao h1 {
    font-size: 70px;
}
.topdao h2 {font-size: 48px;}
.topdao h3 {font-size: 38px;}
.topdao h4 {font-size: 28px;}

@media screen and (max-width: 640px){
.topdao h1 {font-size: 48px;}
.topdao h4 {font-size: 24px;}
}

.pic200 { text-align: center; }
.pic200 img { width: 100%;  max-width: 200px; }
.pic300 img { width: 100%;  max-width: 300px; }


.onof { border-bottom:1px dashed #333; cursor:pointer}
.onofdiv { margin:20px; padding:12px; background:#f0f0f0; border-radius:3px;}
.myul{ width:80%; margin:20px auto; background:#f0f0f0; padding:12px; border-radius:3px;}

.ul-1 { list-style: none}
.ul-1 li{ display: block;  width:80%; margin:20px auto; background:#c8e3f8; padding:12px; border-radius:3px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);}
/* .ul-1 li:nth-child(2n) {background:#f2fff1; } */

.ul-2 { list-style: none}
.ul-2 li{ display: block;  width:80%;     margin: 20px auto 20px 0; background:#f2fff1; padding:12px; border-radius:3px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);}

.ul-2 li:nth-child(2n) { margin: 20px 0 20px auto; background:#f5efdb; }

.how ul li {font-size: 1.0em;}

.blue .ul-1 li  { background:#4B84C9; color:#fff;}

.bluedark2 .ul-1 li  { background:#85b5db; color:#fff;}

.mfreason {list-style:none; width:70%; margin:0 auto}
.mfreason li{ display: block; padding:8px 10px; background:#fff; color:#000; margin:0.7em 0; border-radius:7px;}

.headd { padding: 20px; margin:20px auto;}

.max400center { max-width: 400px; margin-left: auto; margin-right: auto;}

.top1 {max-height: 300px;}


.wid2 {
    width: 100%;
    padding: 0 20px;
}

.lalist { width: 100%;    padding: 0;    margin: 0; display:block;  }
.lalist { padding: 0;    margin: 0;    list-style: none; }
.lalist li { padding:2%; margin:10px 0; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); line-height:150%; }
.la-4 {width:100%;}
.la-white li{ background:#fff; color:#333 !important;}
.la-gray li {background: #ccc;}
.la-center li {text-align: center}

.lalist .ico {text-align:center; margin-bottom:20px;}
.lalist .ico img{width: 100%; max-width: 64px;}
.la-center li {text-align: center}


@media screen and (min-width: 640px){
.lalist {    
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        }     
        
.lalist li { margin:0 0 2% 2%; }
.la-50 li { width:47%;}
.la-33 li { width:30.5%;}

.example {padding: 0 40px;}

.max400{ margin-left: auto;  margin-right: auto; max-width: 400px;}
.max300{ margin-left: auto;  margin-right: auto; max-width: 300px;}

.daoсompare td:nth-child(4n) { text-align: center}
.daoсompare td:nth-child(4n-1) { text-align: center}
.daoсompare td:nth-child(4n-2) { text-align: center}
}