@charset "utf-8";
.clearfloat::after{content: "";display: block;height: 0;overflow: hidden;visibility: hidden;clear:both;}
.clearfloat{zoom: 1;}
#all-menu{position:relative;max-width:1200px;width:100%;overflow:hidden;margin:0 auto;}
#logo{overflow:hidden;float:left;margin-top:15px;}
#logo a{position:relative;display:block;}
ul.menu{display:block;float:right;font-size:18px;line-height:20px;margin-top:15px;margin-bottom:0;}
ul.menu li{display:block;float:left;margin-left:55px;padding:15px 5px 25px;}
ul.menu li a{color:#000;text-decoration:none;}
ul.menu li a:hover{color:#4898e2;text-decoration:none;}
ul.menu li.home:after{content:'';position:absolute;width:17px;background:url(/new-style/images/cricle.png);height:6px;top:38px;}
.toggle-nav{display:none;}
.sub-menu{width:100%;display:none;position:absolute;z-index:1;background:-webkit-linear-gradient(left , #58b2ff , #126cba);background: -o-linear-gradient(right , #58b2ff , #126cba);background: -moz-linear-gradient(right , #58b2ff , #126cba);background: linear-gradient(to right,#58b2ff,#126cba);box-shadow:0px 2px 2px 1px rgba(0, 0, 0, 0.1);}
.sub-menu-1{padding-bottom:40px;background:#fff;width:100%;overflow:hidden;margin-top:3px;}
ul.menu li.homeul.menu li.home:hover + .sub-menu.sub-menu{display:block;}
ul.menu li.active:after{background:url(/new-style/images/cricle.png) 0 -6px;}

/*sidebar*/
.new-sidebar-list a{display: block;margin-top:15px;width:100%;max-width: 320px;transition: all .1s;}
.new-sidebar-list a:hover{box-shadow: 2px 2px 8px 0px rgba(0.1, 0.1, 0.1, 0.1);-webkit-transform: scale(1.01);-moz-transform: scale(1.01);-o-transform: scale(1.01);transform: scale(1.01);}
.new-sidebar-list span{float:left;max-width:190px;vertical-align: middle;color:#45a5f9;padding-top:10px;line-height: 20px;}
.new-sidebar-list img{float:left;width: 110px;margin-right: 18px;}

.sub-menu:hover{display:block;}
.pc-os{max-width:1080px;margin:0 auto;}
.sub-menu a{color:#FFF;text-decoration:none;color:#45a5f9;font-family:Segoe UI, Arial, Verdana, Helvetica, sans-serif;font-weight:lighter;}
.sub-menu ul{padding-left:0;}
.sub-menu ul li{font-size:20px;display:block;float:left;width:45%;list-style-type:none;margin-right:5%;}
.sub-menu ul li dl{margin:0;}
.sub-menu ul li dl dd{padding:10px 0;margin:0;font-size:16px;width:50%;float:left;}
.sub-menu ul li dl dd a{color:#606060;}
.sub-menu ul li dl dd.more a{color:#45a5f9;text-decoration:underline;}
.sub-menu ul li dl dt{margin-bottom:20px;margin-top:30px;padding-bottom:15px;font-size:22px;border-bottom:#45a5f9 solid 1px;}
.sub-menu ul li dl dt.win{background:url(/images/index/win.png) no-repeat  0 0;padding-left:30px;}
.sub-menu ul li dl dt.mac{background:url(/images/index/mac.png) no-repeat  0 0;padding-left:30px;}
.sub-menu ul li dl dt.online{background:url(/images/index/online.png) no-repeat  0 0;padding-left:30px;}
.sub-menu ul li dl dt.desktop{background:url(/images/index/desktop.png) no-repeat  0 0;padding-left:30px;}
.sub-menu ul li dl dt a:hover, .sub-menu ul li dl dd a:hover{color:#00a2ea;text-decoration:underline;}
/*cookie*/
.usernotice_pop{display:table;width:100%;padding:7px;position:fixed;bottom:0;right:0;background:rgba(0,0,0, 0.55);z-index:1000;text-align:center;color:#fff;border-radius:0;transition:all 0.3s ease;font-size:12px; line-height: 20px;}
.usernotice_pop a{color:#fff;text-decoration:underline;}
.usernotice_pop span{display:inline;cursor:pointer;border:1px solid #fff;margin:10px 5px;width:50%;padding:0 5px;}
/*top ads*/
.top_ads{position:relative;width: 100%;max-width: 1920px;margin:0 auto;}
.top_ads a{display: block;width: 100%;margin:0 auto;}
.top_ads img{display: block;width: 100%;margin:0 auto;}
.top_ads i{display: block;position: absolute;right: 0;top: 0;width: 32px;height: 32px;background: url(/images/giveaway/close.png) no-repeat 0 0;cursor: pointer;}
@media screen and (max-width:900px){
.sub-menu ul li{margin-left:5%;margin-right:0;}
.toggle-nav{display:inline-block;}
.toggle-nav{padding:28px;float:right;display:inline-block;color:#222;font-size:30px;border-radius:5px;}
a.toggle-nav{color:#222;}
.toggle-nav:hover, .toggle-nav .active{text-decoration:none;}
.sub-menu ul li{margin-left:5%;margin-right:0;width:45%;}
#all-menu{overflow: visible;}
ul.menu li{padding:10px 5px;}
ul.menu , ul.menu li.home:after{width:100%;display:none;}
ul.menu.active{display:block;}
ul.menu{position:absolute;top:70px;;right:0;padding:10px;box-shadow:0px 1px 1px rgba(0,0,0,0.15);background:#222;border:1px solid #222;opacity:0.8;z-index:2;margin-top:0;}
ul.menu li{margin:0;float:none;display:block;text-align:center;width:100%;}
ul.menu li a{padding:15px 15px 0;color:#fff;}
ul.menu li.free{display: none;}
}
@media screen and (max-width:414px){
.usernotice_pop{width:100%;bottom:0;right:0;padding:5px 0;border-radius:0;}
.usernotice_pop span{display:inline;padding:0 15px;margin-left:5px;}
}