*{ margin:0; padding:0; list-style:none;}
img{border:none;}
a{text-decoration: none;}
ul, ol, li, dl, dd { margin: 0; padding: 0; }
ul, ol { list-style: none outside none; }
li{display:list-item;}
p{margin:0;padding:0;}
h1,h2,h3,h4{margin:0;padding:0;}
body{
    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
}
.box{margin:0; padding:0;width:100%;height:100%;position:relative;z-index:5;}
.suspend-win-con{position:absolute;bottom:8%;right:0;max-width:860px;z-index:60;max-height:160px;}
.shortcut-box-insect{margin-right:40px;}
.bg-white_content{
    background:#fff;border-radius: 14px;
    display:flex;flex-direction: row;padding:0 28px;
}
#boxpage{opacity: 1;transition: all 0.3s ease;}
#boxpage.off{opacity:0;transition: all 0.3s ease;width:0;display:none;}
.distribution_pattern{display:flex;flex-direction: column;justify-content: center;align-items: center;margin:8px 8px 18px 8px;cursor:pointer;}
.distribution_pattern p{font-size:0.75rem; color:#000;font-weight: 500;}
.jon-control-icon{width:48px;height:48px;background:#fff;padding:8px 8px;margin:0;}
.but_close_control{position:absolute;bottom:8px;right:16px;background:#fff;z-index:70;border-radius: 50%;text-align:center;padding:6px;}
.but_close_control button{background:transparent;border:0;cursor:pointer;transition: all 0.4s ease;z-index:75;}
#shut.active{-webkit-transform:rotate(135deg);transition: all 0.4s ease;}
/**
*    ===================================
*                 phone
*    ===================================
*/
@media screen and (max-width:1400px){
    
}
@media screen and (max-width:1200px){
    
}
@media screen and (max-width:900px){
    
}
@media screen and (max-width:500px){
    
}