@charset "utf-8";
/*CSS Document*/
*{font-size:14px;font-family:"微软雅黑";}
body,dl,dd,p{margin:0;}
a{text-decoration:none;}
img{display:block;}
input{margin:0;padding:0;border:none;outline:none;cursor:pointer;}
textaea{margin:0;padding:0;outline:none;}
h1,h2,h3{font-weight:normal;margin:0;}
ul{margin:0;padding:0;}
li{list-style:none;}
.clearfix{clear:both;}
/* body{background:linear-gradient(rgba(85,89,196,1), rgba(68,143,211,1))} */
body{background:#fbfffe;}
hr{
	width:100%;
	height:1px;
	margin-top:5px;
	background-color:#2769b5;
	border:#2769b5 solid 1px;
}
a:hover{
	color:#2769b5;
}

/*header*/
.headerbg{background:#1d1d1f;}
.header{max-width:1100px; margin:0 auto; overflow:hidden;}
.header .left{float:left;margin-top:2px;}
.header .left{float:left;line-height:40px;color:#eee;}
.header .right{float:right; line-height:40px;text-align:right;}
.header .right a{font-size:14px;color:#ccc;line-height:40px;transition:all 0.5s;}
.header .right a:hover{color:#fff;}


/*top*/
.top{
    max-width:1100px;
    margin: auto;
}
.top .logo{
    float:left;
    margin-top:20px;
}
.top .logo img{
    height:50px;
}
.top .adver{
    float:right;
}
.top .adver img{
    width:100%;
}


/*标题*/
.title{
    border:#2769b5 solid 2px;
    box-shadow:0 0 5px #555;
    margin-bottom:20px;
    padding:5px 20px;
    position:relative;
}
.title p{
    font-size:20px;
    font-weight:bold;
    color:#2769b5;
    line-height:40px;
}
.title a{
    position:absolute;
    right:10px;
    bottom:5px;
}

/*box*/
.box{
    max-width:1100px;
    margin: auto;
    margin-top:20px;
    overflow:hidden;
}

/*nav*/
.nav{
    width:9%;
    float:left;
    color:#2769b5;
}
.nav li{
    cursor:pointer;
    font-size:18px;
    font-weight:bold;
    text-align:center;
    padding:10px;
    border-bottom:#eee solid 1px;
    transition:all 0.5s;
}
.nav li:hover{
    background:#2769b5;
    color:#fff;
}
.nav a{
    color:#03f7d3;
}
.nav .current{
    background:#2769b5;
    color:#fff;
}
.fixed{
    position:fixed;
    top:0;
    width:99px;
}


/*showbox*/
.showbox{
    float:right;
    width:89%;
    min-height:700px;
    margin-left:2%;
    display:none;
}
.showbox h1{
	font-size:20px;
	font-weight:bold;
	color:#2769b5;
	float:left;
}


.banner p{
    color:#101b42;
    font-size:22px;
    line-height:50px;
    width:89%;
    margin: auto;
    letter-spacing:2px;
    margin-top:30px;
}
.banner span{
    color:#2769b5;
    font-size:22px;
    font-weight:bold;
}
.banner a{
    float:right;
    margin-top:10px;
    margin-right:30px;
}


/*专题*/
.project a{
    float:left;
    display:block;
    width:29.3%;
    overflow:hidden;
    margin:0 2% 2% 2%;
    transition:all 0.5s;
}
.project a img{
    width:100%;
    transition:all 0.5s;
}
.project a p{
    font-size:14px;
    font-weight:bold;
    color:#333;
    background:#fff;
    height:40px;
    overflow:hidden;
    padding:5px;
    margin-top:10px;
}
.project a:hover{
    box-shadow:0 0 2px #555;
}
.project a:hover img{
    transform:scale(1.1);
}


/*评测*/
.btn{
	max-width:1000px;
	margin: auto;
}
.btn input{
	width:25%;
	height:40px;
	float:left;
	text-align:center;
	font-size:16px;
}
.btn .current{
	background-color:#2769b5;
	color:#fff;
}

.tu{
	max-width:100%;
	margin: auto;
}
.tu li{
	width:100%;
    float:left;
	display:none;
}
.pc li{
    float:left;
    width:33.33%;
}
.pc li img{
    width:100%;
    height:100%;
}


/*快评*/
#mt{
    width:100%;
}
#mt li{
    border-bottom:#ccc solid 1px;
    margin-bottom:20px;
    transition:all 0.5s;
}
#mt a{
    font-size:20px;
    color:#111;
    line-height:40px;
    transition:all 0.5s;
}
#mt span{
    float:right;
    line-height:40px;
    color:#555;
}
#mt li:hover{
    border-bottom:#2769b5 solid 1px;
}
#mt li:hover a{
    color:#2769b5;
}
.zj{
    color: #333;
    float: right;
    margin-right: 10px;
    margin-top: 7px;
    transition: all 0.5s;
}


/*纠纷*/
.btn2{
	max-width:1000px;
	margin: auto;
}
.btn2 input{
	width:25%;
	height:40px;
	float:left;
	text-align:center;
	font-size:16px;
}
.btn2 .current{
	background-color:#2769b5;
	color:#fff;
}

.tu2{
	max-width:1000px;
	margin: auto;
}
.tu2 li{
	width:100%;
    float:left;
	display:none;
}


/*数据*/
.data{
	width:100%;
	transition:all 0.5s;
}
.data h1{
	font-size:20px;
	font-weight:bold;
	color:#5559c4;
	float:left;
}
.data a{
	color:#333;
	float:right;
	margin-right:10px;
	margin-top:7px;
	transition:all 0.5s;
}
.data a:hover{
	color:#5559c4;
}
.bt span{
	font-weight:bold;
	color:#111;
}
.stocks{
    margin-bottom:10px;
}
.stocks li{
	width:100%;
	height:30px;
}
.stocks li span{
	width:15%;
	float:left;
	padding-left:15px;
	display:block;
	line-height:30px;
}
.stocks li:nth-child(even){
    background:#f4f4f4;
}
.stocks li:nth-child(odd){
    background:#fff;
}
.cb{
    width:100%;
    height:450px;
    border-bottom:#2769b5 solid 1px;
    margin-bottom:20px;
    overflow:hidden;
}
.cb li{
	width:16.4%;
	float:left;
}
.cb p:nth-of-type(even){
    background:#f4f4f4;
}
.cb p:nth-of-type(odd){
    background:#fff;
}
.cb li p{
	padding:10px 0;
	height:20px;
}
.cb li p span{
	color:#aaa;
}
.fli{
    background:#fff;
    padding-left:15px;
}
.fli p{
	font-weight:bold;
    color:#2769b5;
}
.djs{
    background:#fff;
}
.djs li{
	width:100%;
	height:30px;
}
.djs li span{
	width:18%;
	float:left;
	padding-left:15px;
	display:block;
	line-height:30px;
}
.djs li:nth-child(even){
    background:#f4f4f4;
}
.djs li:nth-child(odd){
    background:#fff;
}
.data-zt{
    margin-top:20px;
}
.data-zt a{
    float:left;
    width:30%;
    margin:0 1.66%;
}
.data-zt img{
    width:100%;
}


/*评论*/
#pl{
    position:relative;
    transition:all 0.5s;
}
.plbox{
    width:470px;
    float:left;
    border:#333 solid 1px;
    margin-bottom:20px;
}
.pl-title{
    background:#128bbb;
    height:30px;
}
.pl-title h2{
    float:left;
    line-height:30px;
    color:#fff;
    margin-left:4px;
}
.pl-title a{
    float:right;
    line-height:30px;
    color:#eee;
    margin-right:4px;
}
.plbox:nth-child(even){
    margin-left:35px;
}
#more{
    width:36%;
    height:30px;
    color:#fff;
    background:#2769b5;
    display:none;
    position:absolute;
    left:32%;
    bottom:0;
}
iframe{
    width:460px;
}


.flex{
    position:fixed;
    top:50%;
    right:-296px;
    background:#fff;
    padding-right:20px;
    transition:all 0.5s;
}
.flex:hover{
    right:0;
}
.flex:hover .dy{
    opacity:0;
}
.dy{
    display:block;
    background:#459df5;
    color:#fff;
    width:20px;
    padding:4px 10px;
    float:left;
    font-size:20px;
    cursor:pointer;
    border-radius:4px;
    text-align:center;
    margin-right:10px;
    transition:all 0.5s;
}
.dy:hover{
    color:#fff;
}
.email{
    float:right;
}
.email img{
	width:44px;
	height:44px;
	float:left;
}
.email p{
	font-size:18px;
	height:44px;
	line-height:44px;
}
.email .form-group{
	float:left;
}
.email button{
	background:#459df5;
	border:0; color:#fff;
	border-radius:2px;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
    cursor:pointer;
}
.email button:hover{
	color: #036;
}
.checkbox-inline{
	padding:2px;
	color:#555;
}
.email input{
    border:#eee solid 1px;
    height:24px;
}


/*end*/
.end{
    margin-top:30px;
    width:100%;
    background-color:#1d1d1f;
    color:#888;
    padding:20px 0 10px 0;
}
.end a{
    color:#888;
    transition:all 0.5s;
}
.end a:hover{
    color:#fff;
}


/*移动端*/
@media(max-width:1100px){
    .box{
        margin-top:0;
    }

    .nav{
        width:100%;
        transition:all 0.5s;
    }
    .nav li{
        float:left;
        width:20.13%;
    }
    .nav a{
        display:none;
    }

    .top .logo{
        margin-top:0;
    }
    .adver{
        width:60%;
        height:50px;
    }
    .adver img{
        width:100%;
        height:50px;
    }

    .showbox{
        width:100%;
        margin-left:0;
        margin-top:0;
        min-height:auto;
    }
    .showbox:nth-child(8){
        display:none;
    }

    .banner p,.banner span{
        font-size:16px;
        line-height:40px;
    }

    .project{
    margin-top:20px;
    }
    .project a{
        width:46%;
    }

    .btn input{
        width:50%;
        margin-bottom:10px;
        font-size:12px;
    }

    #mt{
        width:96%;
        margin: auto;
    }
    #mt li{
        height:80px;
        overflow:hidden;
    }
    #mt a{
        font-size:16px;
    }
    #mt span{
        width:90px;
        height:40px;
        overflow:hidden;
    }

    .cb{
        height:280px;
        overflow:hidden;
    }
    .cb li{
        width:20%;
    }
    .cb li:nth-child(1){
        width:40%;
    }
    .fli{
        padding-left:0;
    }
    .cb p{
        font-size:12px;
    }
    .cb strong{
        font-size:12px;
    }

    #pl{
        height:1354px;
        overflow:hidden;
    }
    .plbox{
        width:94%;
        margin: auto;
        float:none;
        margin-bottom:40px;
    }
    .plbox:nth-child(even){
        margin-left:auto;
    }
    #more{
        display:block;
    }
    iframe{
        width:360px
    }
}

@media(max-width:375px){
    .header .logo img{
        height:30px;
    }
    .header .right{
        line-height:30px;
    }

    .nav li{
        width:19.67%;
    }

    iframe{
        width:330px;
    }
}

@media(max-width:360px){
    .nav li{
        width:19.3%;
        font-size:14px;
    }

    iframe{
        width:320px;
    }
}

@media(max-width:320px){
    .nav li{
        width:18.7%;
    }

    .header .left{
        font-size:12px;
    }
    .header .right a{
        font-size:12px;
    }

    iframe{
        width:280px;
    }
}