*{margin:0;padding:0;outline:none;}
html,body{width:100%;height:100%;}
body,input,textarea{color:#333;font-size:14px;font-family:"PingFang SC","Helvetica Neue","Hiragino Sans GB","Segoe UI","Microsoft YaHei","微软雅黑",sans-serif;}
a,a:visited{color:#000;text-decoration:none;}
a:hover{text-decoration:none;color:#3151FB;}



.top{width: 100%;height: 60px;}
.top-inner{padding: 19px 24px 0 24px;}
.top-text1{display: inline-block;width: 26px;height: 23px;background-color: aqua;margin-right: 24px;font-size: 13px;}
.top-text{display: inline-block;width: 26px;height: 23px;margin-right: 24px;font-size: 13px;}
.top-text2,.top-text2:visited{display: inline-block;width: 48px;height: 24px;margin-left: 24px;float: right;font-size: 13px;background-color: #3151FB;border-radius: 5px;color: #FFF;line-height: 24px;text-align: center;}
.top-text2:hover{color: #FFF;}
.top-text3{display: inline-block;width: 26px;height: 23px;margin-left: 32px;float: right;font-size: 13px;line-height: 23px;}
.top-text:hover{color:#3151FB;}
.top-text3:hover{color:#3151FB;}



.middle{}
.middle-logo{display: block;width: 270px;height: 129px;background-image: url("img/baidu-logo.gif");background-size: 270px 129px;margin: 0 auto;}
.middle-search_box{width: 642px;height: 43px;border: 2px solid #c4c7ce;border-radius: 8px;margin: 0 auto;}
.middle-search_box-mic{display: inline-block;background-image: url("img/icon.png");background-position: 0 0;width: 24px;height: 20px;background-size: 24px 96px;background-position-y: -2px;float: right;margin-top: 11.5px;margin-right: 15px;}
.middle-search_box-cam{display: inline-block;background-image: url("img/icon.png");background-position: 0px -144px;width: 24px;height: 20px;background-size: 24px 96px;float: right;margin-right: 110px;margin-top: 11.5px;margin-right: 125px;}
.middle-search_box-mic:hover{background-position: 0 -122px;}
.middle-search_box-cam:hover{background-position: 0 -169px;}
.middle-search_box-search{display: inline-block;margin-right: -2px;margin-top: -33px; width: 110px;height: 46.5px;background-color: #4E6EF2;float: right;border-bottom-right-radius: 10px;border-top-right-radius: 10px;vertical-align: middle;color: #FFF;font-size: 17px;line-height: 47px;text-align: center;margin-left: 583px;}


.middle-slogan{margin: 0 auto;width: 300px;margin-top: 38px;}
.middle-slogan-text{display: inline-block;color: rgb(78, 110, 242);font-size: 16px;}
.middle-slogan-img1{display: inline-block;background-image: url("img/make_a_fist.png");width: 24px;height: 24px;background-size: 24px 24px;margin-right: 8px;vertical-align: middle;}
.middle-slogan-img2{display: inline-block;background-image: url("img/enter.png");width: 18px;height: 18px;background-size: 18px 18px;vertical-align: middle;}





.middle-search{width: 655px;height: 125px;margin: 0 auto;margin-top: 45px;}
.middle-search-illustrate{width: 100%;height: 24px;}
.middle-search-illustrate-1{display: inline-block; font-size: 14px;font-family: Arial, Helvetica, sans-serif;}
.middle-search-illustrate-2{display: inline-block;float: right;}
.middle-search-illustrate-2-img{display: inline-block;}
.middle-search-illustrate-2-text{display: inline-block; font-size: 14px;color: #626675;}





.middle-search-top{display: inline-block;height: 36px;width: 306px;margin-right: 20px;}
.middle-search-top-ranking{display: inline-block;margin-right: 4px;}
.middle-search-top-text{display: inline-block;color: rgb(34, 34, 34);font-size: 16px;line-height: 36px;}

.middle-search-1{display: inline-block;height: 36px;width: 306px;margin-right: 20px;}
.middle-search-1-ranking{display: inline-block;color: rgb(254, 45, 70);font-size: 18px;margin-right: 4px;}
.middle-search-1-text{display: inline-block;color: rgb(34, 34, 34);font-size: 16px;line-height: 36px;}
.middle-search-1-heat{display: inline-block;}

.middle-search-2{display: inline-block;height: 36px;width: 306px;margin-right: 20px;}
.middle-search-2-ranking{display: inline-block;color: rgb(255, 102, 0);font-size: 18px;margin-right: 4px;}
.middle-search-2-text{display: inline-block;color: rgb(34, 34, 34);font-size: 16px;line-height: 36px;}

.middle-search-3{display: inline-block;height: 36px;width: 306px;margin-left: 20px;}
.middle-search-3-ranking{display: inline-block;color: rgb(250, 169, 14);font-size: 18px;margin-right: 4px;}
.middle-search-3-text{display: inline-block;color: rgb(34, 34, 34);font-size: 16px;line-height: 36px;}

.middle-search-4{display: inline-block;height: 36px;width: 306px;margin-left: 20px;}
.middle-search-4-ranking{display: inline-block;color: rgb(145, 149, 163);font-size: 18px;margin-right: 4px;}
.middle-search-4-text{display: inline-block;color: rgb(34, 34, 34);font-size: 16px;line-height: 36px;}

.middle-search-5{display: inline-block;height: 36px;width: 306px;margin-left: 20px;}
.middle-search-5-ranking{display: inline-block;color: rgb(145, 149, 163);font-size: 18px;margin-right: 4px;}
.middle-search-5-text{display: inline-block;color: rgb(34, 34, 34);font-size: 16px;line-height: 36px;}

.bottom{}