﻿@media only screen and (max-width :360px) {
}

@media only screen and (max-width :767px) {
    
}

@media only screen and (min-width : 768px) and (max-width :1080px)  {

}

@media only screen and (max-width :1080px){
    /* header{position:fixed;top:0;left:0;right:0;z-index:10000;box-shadow:0 0 10px rgba(0,0,0,0.2);background:#Fff;}
    header .center{padding:7px 0;justify-content:space-between;}
    .topmenu{display:none;}
    .userLoginLink{display:none;}
    .tgmenu{line-height:45px;font-size:30px;color:#0d0e12;width:45px;}
    .logo{margin-right:20px;}
    .headContainer{height:59px;}


    .topmenu{width:250px;display:block;background:#fff;position:fixed;top:57px;right:0;bottom:0;margin-top:0;height:auto;transition:0.3s ease-out;transform:translateX(250px);-webkit-transform:translateX(250px);-moz-transform:translateX(250px);-ms-transform:translateX(250px);z-index:1000;}
    .topmenu > li a i{display:none;}
    .topmenu > li > a{display:block;color:#383d47;padding-right:30px;text-shadow:none;}
    .topmenu > li a:hover{background:#c2edda;color:#068d38;}
    .topmenu > li{margin-bottom:0px;border-bottom:1px solid rgba(0, 0, 0, 0.10);width:auto;line-height:46px;}
    .openMenu{transform:translateX(0px);-webkit-transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);}
    .floatmenu .topmenu{top:53px;}
    .topmenu > li{position: relative;}
    .topmenu > li > i{display:block;position: absolute;top: 0;left: 0;width: 44px;height: 44px;line-height: 44px;text-align: center;} */
}

@media only screen and (min-width :1080px){
    
}

@media only screen and (min-width : 1080px) and (max-width :1240px){


}

@media only screen and (min-width :1240px) {

}