h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,div,footer{font:normal 12px "Open Sans", "Lucida Sans Unicode", "Arial";color:#000;}
.pw1000{ max-width:1000px; width:92%; margin-left:auto; margin-right:auto;}


/*banner*/
.howto_banner{ width:100%; height:280px; position:relative; overflow:hidden; z-index:1; background: rgba(242, 243, 244, 1); display: flex; align-items: center;}
.howto_bancnt{ display: flex; align-items: center; justify-content: space-between;} 
.howto_bancnt h1{font-weight: bold; font-size: 32px; line-height: 1.5; color: #000;}
.howto_bancnt p{font-size: 18px; line-height: 1.5; color: #000; margin-top:20px; }
.howto_banimg{ margin-right: 40px;}
.howto_box{ margin-bottom:50px;}
.howto_box>h4{font-weight: 800; font-size: 20px; line-height: 100%; color: #000000; margin-top: 24px;}

.howto_ardes{ padding: 40px 0; position:relative; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #EEEEEE; transition:transform 0.2s linear;}
.howto_ardes_text{ margin-left: 40px;}
.howto_ardes h4{font-weight: bold; font-size: 20px; line-height:1.5; color:#000;}
.howto_ardes p{font-size: 16px; line-height:1.5; color:#1B1B1B; margin-top:12px;}

.howto_ardes:hover{ transform:translateX(8px);}
.howto_ardes:hover h4{ color:#536DFE;}
.howto_choose{ text-align:center; margin:8px auto;}
.howto_choose.hide{ display: none;}
.howto_choose a{ width:28px; height:28px; border-radius:28px; border:1px solid #bbbdbf; display:inline-block; margin:20px 5px 0; line-height:28px; font-size:14px; color:#868686; font-weight:bold; text-align:center;}
.howto_choose a.checked{ background-color:#49a6ff; background:linear-gradient(to right,#3ebfff,#5e8cff); border:none; color:#fff;}

@media screen and (max-width: 980px){
.howto_banner{ height:auto; padding: 40px 0;}
}

@media screen and (max-width: 568px){
.howto_bancnt{flex-direction: column; text-align: center;}
.howto_banimg{ margin-right: 0; width: 100px; height: 100px;}
.howto_banimg img{ display: block; width: 100%; height: 100px;}
.howto_bancnt h1{ font-size: 26px;}
.howto_ardes{flex-direction: column; text-align: center; padding: 20px 0;}
.howto_ardes_text{ margin: 20px 0 0 0;}
}