@charset "utf-8";
body{color:#333; font-family:Segoe UI, Arial, Verdana, Helvetica, sans-serif;font-size:14px;line-height:25px;margin:0 auto;}
#all-menu{max-width:1200px;width:100%;overflow:hidden;margin:0 auto;}
#logo{overflow:hidden;float:left;margin-top:12px;}
#logo a{position:relative;display:block;}
ul.menu{position:relative;display:block;float:right;font-size:18px;line-height:25px;margin-top:13px;margin-bottom:0;}
ul.menu li{display:block;float:left;margin-left:15px;padding:12px 25px 20px;list-style:none;}
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;background:url(/new-style/images/cricle.png) no-repeat;width:17px;height:6px;top:23px;}
.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);border-bottom:solid 1px #69F;}
.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;}
.sub-menu:hover{display:block;}
.pc-os{max-width:1080px;margin:0 auto;}
.sub-menu a{color:#FFF;text-decoration:none;color:#45a5f9;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:8px 0;margin:0;font-size:16px;width:50%;float:left;}
.sub-menu ul li dl dd a{color:#333;}
.sub-menu ul li dl dd.more a{color:#45a5f9;text-decoration:underline;}
.sub-menu ul li dl dt{margin-bottom:10px;margin-top:10px;padding-bottom:15px;font-size:22px;border-bottom:solid 1px #45a5f9;}
.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 a:hover, .sub-menu ul li dl dd a:hover{text-decoration:underline;}
/*cookie*/
.usernotice_pop{display:table;width:150px;padding:15px;position:fixed;bottom:20px;right:50px;background:rgba(0,0,0, 0.55);z-index:1000;text-align:center;color:#fff;border-radius:5px;transition:all 0.3s ease;font-size:12px; line-height: 20px;}
.usernotice_pop a{color:#fff;text-decoration:underline;}
.usernotice_pop span{display:block;cursor:pointer;border:1px solid #fff;display:block;margin:10px auto;width:50%;}
@media screen and (max-width:930px){
#logo{padding-left:1%;}
.sub-menu ul li{margin-left:5%;margin-right:0;}
.toggle-nav{display:inline-block;padding:25px;float:right;display:inline-block;color:#222;font-size:30px;border-radius:5px;text-decoration:none;}
.toggle-nav a{color:#222;}
.toggle-nav a:hover, .toggle-nav .active{text-decoration:none;color:#222;}
.sub-menu ul li{margin-left:5%;margin-right:0;width:45%;}
ul.menu , ul.menu li.home:after{width:100%;display:none;}
ul.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;}
}