为啥我的自适应没有效果呀

以下是style.css

@media screen and(max-width: 360px) {
   .st-panel h2{
       font-size: 10px;
   }

   .st-container > a{
       font-size: 10px;
   }

   .st-desc{
       width: 100px;
       height: 100px;
       margin-left: -50px;
   }

   [data-icon]:after{
       font-size: 60px;
       -webkit-transform: rotate(-45deg) translateY(15%);
       -moz-transform: rotate(-45deg) translateY(15%);
       -o-transform: rotate(-45deg) translateY(15%);
       -ms-transform: rotate(-45deg) translateY(15%);
       transform: rotate(-45deg) translateY(15%);
   }
}