@import "animate.min.css" ;
/*导航区*/
.reg_btn{

    float: right;

    display: block;

    height: 36px;

    width: 100px;

    line-height: 36px;

    background: #4285f4;

    color: #ffffff;

    margin-right: 15px;

    margin-top: 17px;

    font-size: 14px;

    border-radius: 2px;

}

.reg_btn:hover{

    background: #3b77db;

}

.log_btn{

    float: right;

    display: block;

    height: 34px;

    line-height: 34px;

    width: 100px;

    font-size: 14px;

    margin-top: 17px;

    border:1px solid #4285f4;

    color: #4285f4;

    border-radius: 2px;

}

.log_btn:hover{

    color: #fff;

    background: #3b77db;

}

/*base*/
.container{ width: 1250px; margin: 0 auto;  position: static;}
.clear{ clear: both; }
.float-l{ float: left;}
.float-r{ float: right;}
.blue{ color:#059fff;}
.margin-b20{ margin-bottom:20px;}
.waiting{ display:block; margin:20px auto;}
.relative{ position:relative;}

.clearfix:after,
.clearfix:before {
	display: table;
	line-height: 0;
	content: ""
}

.clearfix:after {
	clear: both
}

.pull-right {
	float: right
}

.pull-left {
	float: left
}

.hide {
	display: none
}

.show {
	display: block
}

.invisible {
	visibility: hidden
}

.text-left {
	text-align: left
}

.text-right {
	text-align: right
}

.text-center {
	text-align: center
}
.cursor-arrow {
	cursor: default;
}
.text-primary {
	color: #059fff
}

.text-stress {
	color: #f60
}

.text-muted {
	color: #999
}
.text-overflow {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
/*header*/
.header{ position:relative;}
.banner-engine .top-header,.header .top-header{ position:absolute; left:0; right:0; top:0; z-index:101;}
.banner-engine .head-nav,.header .head-nav{ background:transparent;border-bottom: 1px solid rgba(255,255,255,.2); }

.top-header{ height: 80px;min-width: 1250px;}
.head-nav{ height: 79px; background: #272936;border-bottom: 1px solid #272936;position: absolute; left: 0; top: 0; right: 0; min-width:1400px; }
.head-nav h1{ float: left;width: 150px;height: 56px;margin: 16px 20px 0 0;}
.head-nav h1 img,.head-nav h1 a{ display: block; width: 100%;}
.head-nav:hover{ background: #272936 !important;border-bottom: 1px solid rgba(5,159,255,.3) !important;}

.head-nav .nav-list li{ float: left;}
.head-nav .nav-list .nav{ display: block; color: #fff; font-size: 18px; line-height: 79px; padding: 0 20px;width: auto;
    height: auto;}
.head-nav .nav-list .nav:after{ content: ""; display: block; margin:-1px 0 0; width:0; height: 3px; background:#059fff;transition: 0.2s all linear;}
.head-nav .nav-list li:hover .nav{ color: #059fff;}
.head-nav .nav-list li:hover .nav:after{ width:100%; }
.head-nav .nav-list .active .nav{ color: #059fff;}
.head-nav .nav-list .active .nav:after{ width:100%; }
.head-nav .pop-list{ display:none; background: #272936; height: 560px; padding-top: 30px; position: absolute; left: 0; top: 80px; right: 0;transition: 0.4s all linear; z-index: 22;}
.head-nav .pop-list dl{ width: 290px; float: left; margin-right: 20px;}
.head-nav .pop-list dl:last-child{ margin-right: 0; }
.head-nav .pop-list dt{ height: 40px; line-height: 40px; color: #c8cacc; padding: 0 20px; background: rgba(59,102,135,.5); }
.head-nav .pop-list dt:before{ content: ""; display: inline-block; margin-right: 3px; width: 17px; height: 17px; vertical-align: middle; background: url("/servers/images/icons.png")  no-repeat;}
.head-nav .pop-list .ico1:before{background-position: 0 0; }
.head-nav .pop-list .ico2:before{ background-position:-21px 0; }
.head-nav .pop-list .ico3:before{ background-position:-41px 0; }
.head-nav .pop-list .ico4:before{ background-position:-60px 0; }
.head-nav .pop-list dd span{ display: block; height: 20px; line-height: 20px; margin: 0 0 2px;}
.head-nav .pop-list dd span:after{ content: ""; display: inline-block; margin-left:5px; width: 30px; height: 15px; vertical-align: sub; }
.head-nav .pop-list dd .hot:after{ background: url("../images/hot.png")  right center no-repeat; }
.head-nav .pop-list dd .new:after{ background: url("../images/new.png")  right center no-repeat; }
.head-nav .pop-list dd p{ font-size: 12px; color: #939699; height:20px; line-height: 20px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.head-nav .pop-list dd a{ display: block; color: #fff; padding: 20px; margin-top:15px; border: 1px solid #2c4863;}

.head-nav .pop-list dd a.other{display: block;color: #fff;padding: 7px 12px;margin-top: 10px;border: 1px solid #2c4863;float: left;width: 119px;box-sizing: content-box;} 
.head-nav .pop-list dd a:hover{ border: 1px solid #059fff; color: #059fff;}
.head-nav .pop-list dd a:hover p{color: #059fff;}
.head-nav .pop-list dl:hover dt{ background: #059fff; color: #fff; }
.head-nav .pop-list dl:hover .ico1:before{background-position:-79px 0; }
.head-nav .pop-list dl:hover .ico2:before{ background-position:-102px 0; }
.head-nav .pop-list dl:hover .ico3:before{ background-position:-122px 0; }
.head-nav .pop-list dl:hover .ico4:before{ background-position:-140px 0; }
.head-nav .pop-list h4{ color:#fff; font-size:16px; margin:0 0 20px;}
.head-nav .pop-list .row-list li a{width: 250px;  color:#c8cacc;  padding:0 20px; float: left; height: 40px; line-height: 40px; margin:0 20px 20px 0; background:rgba(59,102,135,.5);}
.head-nav .pop-list .row-list li a:last-child { margin-right: 0; }
.head-nav .pop-list .row-list li a:hover{ background: #059fff; color: #fff; }
.head-nav .pop-link{ margin-left:-20px; overflow:hidden;background:unset;}
.head-nav .pop-link a{ display:block; float:left; width:250px; height: 40px; line-height: 40px; margin:0 0 20px 20px; color: #c8cacc; padding: 0 20px; background: rgba(59,102,135,.5);}
.head-nav .pop-link a:hover{ background: #059fff; color: #fff;}

.head-nav .nav-right{ float: right; height: 40px; margin:20px 0 0;}
.head-nav .nav-right dl{ float: right; height: 60px; position: relative;color: #fff; cursor: pointer;}
.head-nav .nav-right dt{ line-height: 40px; text-align: right;}
.head-nav .nav-right dt:after{ content: ""; display: inline-block; width: 7px; height: 4px; vertical-align: middle; margin:0 18px 0 8px; background: url("/servers/images/img/ico1.png") center no-repeat;transition: transform 0.3s ease;}
.head-nav .nav-right .open:after{transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg);  -o-transform:rotate(180deg);}
.head-nav .nav-right dd{ display: none; padding: 10px;text-align: center; position: absolute; left: 0; right: 0; top:50px; z-index:5; background: #fff; border-radius:3px;-moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.1);-webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.1);box-shadow: 0px 5px 20px rgba(0,0,0,0.1);}
.head-nav .nav-right dd:before{ content: ""; position: absolute; left: 50%; top: -6px; margin-left: -5px; display: inline-block;width: 0;height: 0;line-height: 0;vertical-align: middle;border: 6px dashed transparent;border-bottom-style: solid;border-bottom-color: #fff;border-top-width: 0;}
.head-nav .nav-right dd a{ display: block; text-align: center; line-height: 30px; font-size: 12px; color: #666666;}
.head-nav .nav-right dd a:hover{ color: #059fff; }
.head-nav .nav-right p{ float: right;text-align: right;}
.head-nav .nav-right p a{ display: inline-block; margin-left:5px; line-height: 40px; color: #fff;}
.head-nav .nav-right p a:first-child{ margin-left: 0; }
.head-nav .nav-right p a:hover{ color:#059fff;}
.head-nav .nav-right .member:before{ content:''; display:inline-block; width:14px; height: 18px; vertical-align:middle; margin:0 5px 0 30px; background: url("/servers/images/img/member.png") center top no-repeat;}
.head-nav .nav-right .btn{ height: 38px; border: 1px solid #fff; padding: 0 15px; line-height: 38px; color: #fff;}
.head-nav .nav-right .btn:hover{ color:#fff;}
.head-nav .nav-right .btn-register{ margin-left:18px; border:1px solid #3b8ede; background: #3b8ede; }