body>*{
            width: 90%;
            height:auto;
			margin: 0 auto;
            margin-top:10px; 
            padding:5px;
            border-radius: 10px;
            border: none;
		}
		header{
            height: 50px;
            background-color: skyblue;
		}
		nav{
             height: 60%;
             background-color: #a9ccd0;
		}
		section{
			height: 30%;
            padding:4px;
		}
		section>*{
			height: 100%;
            margin-top:5px;
            border-radius: 10px;
            float:left;
		}
		aside{
			width:25%;
        }
        aside img{
			width:90%;
		}
		article{
            background-color: #a9ccd0;
            width:75%;
           
        }
        article img{
            width:100%
        }
         h2,p,div{
            margin-left: 10px;
        }
        
        ul li{
            list-style: none;
            float: left;
        }
        .bg{
            padding: 10px;
            margin-right: 10px;
            background: #fff;
            border: 0;
            border-radius: 10px;
            text-align: center;
        }
        a{
            text-decoration: none;
        }

        h2,p{
            color: #fff;
        }

        .tiao{
            height: 8px;
            width: 15%;
            background: #ff9bb3;
            border-radius: 4px;
            margin-bottom: 10px;
        }
        .btn_1{
            margin-left: 10px;
            background: #fff;
            padding: 10px;
            border: 0;
            border-radius: 10px;
            height: 45px;
            line-height: 23px;
            color: #809cab;
            text-align: center;
            outline: none;
        }
        .btn_1:hover{
            background: #ff9bb3;
        }
        img{
            border-radius: 10px;
        }

        /* @media */
        @media (max-width:1440px){
            aside img{
                width: 95%;
            }
        }

        @media (max-width:768px){
            aside img{
                width: 100%;
            }

            article img{
                width: 85%;
            }
        }

        @media (max-width:640px){
            aside{
            width: 100%;
            }
            article img{
                width: 100%;
            }
            article{
                width: 100%;
            }
            ul{
                width: 300px;
            }
            ul li{
                display: block;
            }
        }