.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;
    /* border-left: 1px solid transparent;
    border-right: 1px solid transparent;*/
}
.top-hover-box:hover .top-hover-link{
    /*border-left: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;*/
    padding: 0 19px 0 9px;
    /*background-color: #fff;*/
    color: #444;
}
.top-hover-box .down-arrow{
    width: 10px;
    height: 5px;
    display: block;
    position: absolute;
    top: 10px;
    right: 5px;
    /*background: url(../../img/allIcon.png) no-repeat -393px -172px;*/
}
.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-icon.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: 80px;
    display: inline-block;
    background: url(../../images/logo.jpg) no-repeat;


 
}
.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/u-icon.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:#333;
    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: #262626;
}
.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;
    /*margin:0px 2px;*/
}
.navlist-active dl dd a:last-child{
    border-right: 0;
}
/*.navlist-active dl dd span {*/
    /*color: #ccc;*/
    /*margin: 0 3px;*/
    /*font-size: 10px;*/
/*}*/
.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/u-icon.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/u-icon.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%;}