/*公共样式*/
.w1200 {
    width: 1200px;
    margin: 0 auto;
}
.w1920 {
    max-width: 1920px;
    margin: 0 auto;
}
.fl { float: left; }
.fr { float: right; }
.clearFix:after { content: ''; display: block; clear: both; }
.hover-pointer:hover { cursor: pointer}
/*header*/
.header {
    width: 100%;
    height: 72px;
    background-color: #ffffff;
    box-sizing: border-box;
    padding: 8px 0;
    position: fixed;
    border-bottom: 1px solid #E0E6EA;
    z-index: 999;
}
.logo {
    width: 260px;
    height: 56px;
    overflow: hidden;
}
.nav-list .menu li {
    float: left;
    margin: 0 10px;
    line-height: 56px;
}
.nav-list .menu li a {
    font-size: 16px;
    color: #15191B;
    line-height:21px;
    position: relative;
}
.nav-list .menu li.active a, .nav-list .menu li:hover a {
    color: #0192FE;
}
.nav-list .menu li a:after{
    width: 0;
    transition: all .3s ease-in;
    filter: none;
    content: "";
    position: absolute;
    height: 3px;
    transform: translateX(-50%);
    left: 50%;
    bottom: -8px;
    background: #0057FF;
    background: linear-gradient(to right, #12EEF3, #0057FF);
    background: -moz-linear-gradient(to right, #12EEF3, #0057FF);
    background: -webkit-linear-gradient(to right, #12EEF3, #0057FF);
    background: -o-linear-gradient(to right, #12EEF3, #0057FF);
    background: -ms-linear-gradient(to right, #12EEF3, #0057FF);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12EEF3', endColorstr='#0057FF',GradientType=0 );
}
.nav-list .menu li.active a:after, .nav-list .menu li a:hover:after {
    width: 100%;
}
.login {
    line-height: 56px;
    margin-left: 68px;
}
.login a {
    font-size: 14px;
    color: #333333;
}
.login span.register {
    margin-left: 10px;
    position: relative;
}
.login span:hover {
    color: #0192FE;
}
.login span.register:after {
    display: block;
    content: '';
    position: absolute;
    width: 1px;
    height: 14px;
    top: 50%;
    left: -6px;
    margin-bottom: -7px;
    transform: translateY(-50%);
    background-color: #333333;
}
/* content */
.content {
    padding-top: 72px;
	min-width: 1200px;	
}
.content>div{
	position: relative;
}
.content>div>a{
	position: absolute;
	display: inline-block;
	padding:2px 6px;
    color: #FFFFFF;
	background: -webkit-linear-gradient(left,#0060ff,#25c9fc);
	background: linear-gradient(to right, #0060ff, #25c9fc);
	background: -moz-linear-gradient(to right, #0060ff, #25c9fc);
	background: -webkit-linear-gradient(to right, #0060ff, #25c9fc);
	background: -o-linear-gradient(to right, #0060ff, #25c9fc);
	background: -ms-linear-gradient(to right, #0060ff, #25c9fc);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0060ff', endColorstr='#25c9fc',GradientType=0 );
	border-radius:2px;
	height: 20px;
}
.content>div>a:hover{
	transform: scale(1.2);
}
.content>div>a:nth-child(2){
	left:6%;	
	top: 15%;
}
.content>div>a:nth-child(3){
	left:22%;	
	top: 16%;
}
.content>div>a:nth-child(4){
	left: 48%;
    top: 8%;
}
.content>div>a:nth-child(5){
	left: 59%;
	top: 6%;
}
.content>div>a:nth-child(6){
	left: 82%;
	top: 14%;
}
.content>div>a:nth-child(7){
	left: 6%;
	top: 49%;
}
.content>div>a:nth-child(8){
	left: 20%;
	top: 58%;
}
.content>div>a:nth-child(9){
	left: 29%;
    top: 49%;
}
.content>div>a:nth-child(10){
    left: 47%;
    top: 32%;
}
.content>div>a:nth-child(11){
	left: 68%;
    top: 40%;
}

.content>div>a:nth-child(12){
    left: 84%;
    top: 30%;
}
.content>div>a:nth-child(13){
    left: 91%;
    top: 41%;
}
.content>div>a:nth-child(14){
    left: 35%;
    top: 64%;
}
.content>div>a:nth-child(15){
	left: 55%;
    top: 73%;
}
.content>div>a:nth-child(16){
	left: 78%;
    top: 71%;
}