.left{float: left;}
.head-top {height: 30px;width: 100%;background-color: #F5F5F5;border-bottom: 1px solid #e5e5e5;}
.head-wrap {width: 1240px;margin: 0 auto;height: 100%;position: relative;}
.head-top-left{float: left;height: 100%;line-height: 30px;display: inline-block;}
.head-top-left .vertical-line{margin: 0 10px;float: none;}
.head-top-left a:hover{color: #00bdd5;}
.head-top-right {float: right;}
.list-item {float: left;display: block;position: relative;height: 100%;line-height: 100%;}
.list-item.login a {padding: 0;}
.vertical-line{display: inline-block;width: 0;height: 14px;line-height: 14px;vertical-align: top;position: relative;top: 8px;left: 0;font-size: 0;border-left: 1px solid #e3e3e3;margin: 0 2px 0 5px;float: left;}
.list-item a {color: #444;height: 30px;padding: 0 10px;line-height: 30px;display: block;position: relative;}
.list-item:hover .grade-one {color: #00bdd5;}
.top-hover-box .top-hover-link{padding: 0 19px 0 9px;}
.top-hover-box:hover .top-hover-link{  padding: 0 19px 0 9px;    color: #444;}
.top-hover-box .down-arrow{width: 10px;height: 5px;display: block;position: absolute;top: 10px;right: 5px;}
.top-hover-box:hover .down-arrow{background-position: -407px -172px;}
.top-hover-box:hover .top-hover{display: block;}
.top-hover{position: absolute;left: -3px;top: 30px;z-index: 2;padding-top: 9px;background-color: #fff;border: 1px solid #d4d4d4;border-top: 0;width: 83px;display: none;}
.user-box .top-hover{width: 97px;}
.help-box .top-hover{width: 79px;}
.top-hover li{width: 100%;line-height: 28px;height: 28px;border: 0;text-align: center;}
.top-hover li a{border: 0;}
.top-hover-box:hover .top-hover li a{color: #444;}
.top-hover li:hover{background-color: #f5f5f5;}

/*认证信息*/
.auth-info-box .username{padding-right: 20px;}
.auth-iocn{position: absolute;right: 3px;top: 10px;width: 12px;height: 13px;display: block;background: url(../../images/u-logo.png?v=1) no-repeat -339px -148px;}
.auth-iocn-none{background-position: -326px -148px;}
.auth-info-box:hover a.username{color: #444;}
.auth-pass-box .auth-iocn{background-position: -247px -157px;}
.auth-before-box:hover .auth-info{display: block;}
.auth-info{position: absolute;right: -50px;top: 30px;z-index: 3;width:202px;height:102px;padding: 11px;border: 1px solid #ffd68b;background-color: #fffef1;display: none;}
.auth-info .triangle{position: absolute;width: 0;height: 0;left: 159px;top: -7px;z-index:2;border-bottom: 6px solid #ffd68b;border-left: 6px solid transparent;border-right: 6px solid transparent;}
.auth-info .triangle::after{content: "";width: 0;height: 0;left: -10px;top: 1px;z-index: 1;position: absolute;border-bottom: 10px solid #fffef1;border-left: 10px solid transparent;border-right: 10px solid transparent;}
.auth-info dt{height: 27px;line-height: 27px;text-align: center;border-bottom: 1px dashed #c9c9c9;margin-bottom: 10px;}
.auth-pass-box .auth-info dt{color: #40af36;}
.auth-pass-box .auth-pass ,.auth-fail-box .auth-fail,.auth-before-box .auth-before{display: block;}
.auth-pass-box .auth-before ,.auth-pass-box .auth-fail,
.auth-fail-box .auth-before,.auth-fail-box .auth-pass{display: none;}
.auth-info .auth-pass{display: block;}
.auth-fail-box .auth-info dt{color: #dc4540;}
.auth-pass-box .auth-info dt{color: #40af36;}
.auth-before-box .auth-info dt{color: #f08629;}
.auth-info dt i{width: 20px;height: 10px;}
.auth-info dd{height: 22px;line-height: 22px;}

.auth-info dd .mr10{margin-right: 10px;}
.auth-info dd .auth-btn{background-color: #f08629;color: #fff;text-align: center;border-radius: 3px;height: 20px;line-height: 20px;padding: 0 5px;margin: 1px 0;}

.auth-fail-box .mt10 ,.auth-before-box .mt10{margin-top: 10px ;}
/*认证信息*/
/*放假公告*/

/*header-search*/
.header-search {width: 1240px;height: 50px;margin:35px auto 45px;position: relative;background: #fff;}
.ulogo{width: 280px;height: 50px;display: inline-block;background: url(../../images/logo.png) no-repeat  0px -137px;}
.search-box{height: 40px;margin-left: 31px;}
.search-box input[type=text]{height: 16px;width: 431px;padding: 10px;border: 2px solid #59d1e0;}
.search-box button{width: 90px;height: 40px;color: #fff;background-color: #59d1e0;padding: 0;font-size: 18px;line-height: 38px;border:none;cursor: pointer;}
.r-item{font-size: 14px;height: 38px;line-height: 38px;letter-spacing:normal;color: #666;float: left;border:1px solid #eee;padding: 0 8px;margin-right: 7px;}
.r-item i{margin-right: 5px;background: url(../../images/ulogo.png?v=2) no-repeat ;width: 21px;height: 21px;display: inline-block;position: relative;top: 5px;}
.search-box,.top_ad,.r-item{position: relative;top: 6px;}

.tel-num i{background-position: -88px -109px;}
.top-qq i{background-position: -111px -109px;}
.anti-cheat i{background-position: -331px -166px;}
.icon-search {color:#c0c0c0;font-size: 18px;}
.icon-iconfont-arrow3 {}
.top_ad{display: inline-block;width: 90px;height: 40px;margin: 0 10px;}
.top_ad img{width: 90px;height: 40px;}

/*header-search*/ 
/*
 nav
 */
.nav {width:100%;background:#07469E;position: relative;}
.u-nav {height:45px;position: relative;}
.nav-list {width:240px;height:45px;background:#00bdd5;position: relative;}
.nav-list .nav-icon{margin-left: 123px;}
.nav-list p {line-height: 45px;margin-left:20px;cursor: pointer;}
.navlist-ul {position: absolute;background: #fff;width:238px;border:1px solid #e5e5e5;z-index: 52;left: 0px;top:45px;height: 448px;}
.none{display:none;}
.navlist-ul li {border-left:2px solid transparent;position: relative;}

.navlist-ul li:hover {cursor: pointer;border-left:2px solid #00bdd5;}
.navlist-ul li a:hover{color: #00bdd5;}
.navlist-ul li:hover .arrow-r {display: none;}
.navlist-ul li:hover .arrow-l {display: block;}
.navlist-ul li:hover .navlist-active {display: block;}
.navlist-ul li .arrow-r {}
.navlist-ul li .arrow-l {background: url(../../images/arrow.png) no-repeat;width:8px;height:13px;position:absolute;right:-1px;z-index: 54;top:16px;display:none;vertical-align:top;}
.m2 {margin-left:5px;}
.m3 {margin-left:51px;}
.m4 {margin-left:21px;margin-right:16px;}
.nav-title {margin-left:240px;position: absolute;top:0px;line-height: 45px;}
.nav-title ul li{float:left;position: relative;}
.nav-new {width:29px;height:14px;line-height: 10px;position: absolute;background: #e94643;text-align: center;border-radius: 2px;top:3px;right:0px;}
.nav-renzheng {position:absolute;width:180px;height:450px;right:0px;z-index: 52;line-height: 0;}
.nav-box{border-bottom: 1px dotted #ddd;display: block;}
.nav-box:last-child{border-bottom-color: transparent;}
.nav-box img {height:224px;width:100%;}
.nav-title ul li a {color:#fff;padding:0px 30px;}
.nav-title ul li:hover{background: #00BDD5;}
.nav-myu {background: #f64646;position:absolute;width:180px;height: 45px;line-height:45px;top:0px;right:0px;text-align: center;}
.navlist-active {position:absolute;width:820px;left:236px;top: 0px;margin-top:-1px;bottom:0px;overflow: hidden;background: #f9f9f9;border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5;z-index:53;cursor: default;display: none;height: 449px;}
.navlist-active h1 {width:563px;line-height: 30px;padding:20px 0px 10px 20px;border-bottom:1px dashed #d9d9d9;}
.navlist-active h1 a {width:76px;height:30px;line-height: 30px;border-radius: 2px;background: #ddd;position: relative;padding-left:10px;}
.navlist-active h1 a:hover {background: #00bdd5;}
.navlist-active h1 a.active {background: #00bdd5;}
.navlist-active h1 a:hover i {border-left:6px solid #00bdd5;}
.navlist-active h1 a.active i {border-left:6px solid #00bdd5;}
.navlist-active h1 a i {border-left:6px solid #ddd;right:5px;}
.navlist-active h1 a var {border-left:6px solid #fff;right:2.8px;}
.navlist-active h1 a var,.navlist-active h1 a i {border-bottom:6px solid transparent;border-top:6px solid transparent;bottom:8px;margin-right:5px;font-size:0px;height:0px;line-height:0px;position:absolute;width:0px;}
.navlist-active dl {margin-left:20px;width:563px;}
.navlist-active dl dd {width:80%;}
.navlist-active dl dt,.navlist-active dl dd {display: inline-block;line-height: 26px;vertical-align: top;}
.navlist-active dl dt {margin-right:15px;width: 60px;height: 26px;overflow: hidden;}
.navlist-active .category_s{color: #00bdd5;}
.navlist-active dl dd,.navlist-active dl dd a {color:#7e7e7e;}
.navlist-active dl dd a {padding: 0 5px;border-right: 1px solid #7e7e7e;}
.navlist-active dl dd a:last-child{border-right: 0;}
 
.m1 {margin-top:13px;}
.navlist-img{width: 215px;height: 451px;background: #f9f9f9;overflow: hidden;padding-top: 10px;line-height: 0;float:left;}

.navlist-li-icon{display:inline-block;margin:12px 6px 0 5px;width:26px;height:26px;vertical-align:top;}
.navlist-li-a{font-size:14px;color:#333;}
.nalist-li-span .navlist-li-a:last-child span{display: none;}
.navlist-li-cover{margin:0 10px;border-bottom:1px solid #e5e5e5;line-height:49px;height:49px;}
.navlist-ul li:last-child .navlist-li-cover{border-bottom:none;}
.nav-hidden-title{margin:25px 30px 6px 20px;border-bottom: 1px dotted #ccc;position:relative;height:25px;}
.hidden-more{font-size:14px;float:right;}
.hidden-more:hover{color:#00bdd5;}
.navlist-active-left{float:left;}
.nav-hidden-dl{overflow:hidden;clear:both;padding-top:10px;}
.navlist-li-bg{display:inline-block;width:48px;height:40px;position:absolute;top:-15px;left:8px;}
.nav-hidden-title .navlist-li-a{margin-left:60px;}
/**banner**/
.ufenqi-banner {width:100%;height:450px;position: relative;}
.banner-list{width: 100%;height: 450px;}
.banner-list li{width: 100%;height: 450px;} 
.aside-banner {height:110px;background: #f3f3f3;margin-top: 30px;} 
.aside-banner li h2 {padding-left:14px;}
.aside-banner li h2 p {line-height: 27px;}
.aside-banner .line{display: block;float: right;width: 1px;height: 44px;background: #dcdcdc;margin-top:5px;}
.aside-banner .js i,.aside-banner .xs i,.aside-banner .quality i,.aside-banner .back i,.aside-banner .linebuy i {background: url(../../images/logo.png?v=1) no-repeat;display: block;float: left;height: 54px;}
.aside-banner .js i{background-position: -82px 0px;width:45px;margin-left: 13px;}
.aside-banner .xs i{background-position: -127px 0px;width:42px;margin-left: 10px;}
.aside-banner .quality i{background-position: -169px 1px;width:48px;}
.aside-banner .back i{background-position: -219px 1px;width:42px;margin-left: 10px;}
.aside-banner .linebuy i{background-position: -83px -54px;width:48px;margin-left: 13px;}


/* main */
.main-content{width: 1240px;margin: 0 auto;}

/*
 飘窗 和 to top 样式 
*/
.float_bar, .to_top{z-index: 100;transition:all .2s ease;transform:scale(1.1);backface-visibility:hidden;position: fixed;}
.float_bar{width: 108px;margin-left: 640px;left: 50%;top: 100px;line-height: 0;}
.active{transform:scale(1);}
.to_top{width: 42px;right: 20px;bottom: 50px;height: 124px;}
.fixed_icon{width: 42px;height: 42px;display: block;background: url(../../images/logo.png) no-repeat;}
.totop{background-position:-265px 0;}
.towrite{background-position:-265px -43px;height: 40px;}
.toqq{background-position:-265px -85px;}
.totop:hover{background-position:-307px 0;}
.towrite:hover{background-position:-307px -43px;}
.toqq:hover{background-position:-307px -85px;}

.icon-uniE615,.icon-uniE60C,.icon-uniE617,.icon-uniE60F,.icon-uniE61C,.icon-uniE613,.icon-uniE60D,.icon-uniE612,.icon-uniE60E,.icon-- {font-size: 26px;margin-top:12px;margin-left:15px;}
.icon-uniE615,.icon-uniE60C,.icon-uniE617,.icon-uniE60F,.icon-uniE61C,.icon-uniE613,.icon-uniE60D,.icon-uniE612,.icon-uniE60E {color:#15c2d8;}
.icon-- {margin-left:0px;margin-right:10px;margin-top:13px;color:#fff;font-size: 20px;}
.icon-iconfont-ios,.icon-iconfont-android {font-size:21px;margin-top:5px;margin-left:-5px;margin-right:7px;}

.nav_img_ad{width: 215px;overflow: hidden;margin-top: 10px;}
.nav_img_ad0{height: 240px;}
.nav_img_ad1{height: 160px;}
.nav_link_ad{margin: 10px 20px;}
.nav_links_item{display: inline-block;color:#fff;background: #ccc;font-size: 12px;height: 30px;line-height: 30px;margin: 0 4px;padding: 0 8px;border-radius: 3px;}
a.nav_links_item:hover{color: #fff !important;background: #00bdd5;}

.head-notice{background: #ffffcc;border-bottom: 1px solid #ffff99;text-align: center;height: 29px;line-height: 29px;width: 1240px;margin: 0 auto;color: #ff6600;overflow: hidden;}
.notice_a{color: #ff6600;}
.head_close{float: right;margin-right: 10px;width: 20px;cursor: pointer;}
.top_active_ad{width: 1240px;margin: 0 auto;display: block;}
.top_active_ad img{width: 100%;}