.hidden {
    display: none;
}

.main{
    margin-top: -300px;
}

.login_box {
    width: 1424px;
    min-height: 300px;
    display: table;
    /*border: 1px red solid;*/
    margin: auto;
    margin-bottom: 22px;
}

.box_left {
    width: 533px;
    /*height: 473px;*/
    /*border: 1px blue solid;*/
    float: left;
    margin-top: 9px;
    margin-left: 50px;
}

.box_right {
    width: 802px;
    /*height: 473px;*/
    /*border: 1px blue solid;*/
    float: left;
    position: relative;
}

.box_right_top {
    width: 691px;
    height: 69px;
    position: absolute;
    top: 0;
    left: 80px;
}

.box_right_top input {
    width: 691px;
    height: 69px;
    background-color: #ffffff;
    box-shadow: 0px 5px 5px 0px
    rgba(0, 0, 0, 0.23);
    border-radius: 5px;
    border: solid 1px #cecece;
    font-size: 25px;
    letter-spacing: 3px;
    padding-left: 42px;
}

.top_search {
    margin-top: -55px;
    margin-left: 623px;
}

.hot_search {
    width: 617px;
    height: 25px;
    font-size: 23px;
    letter-spacing: 4px;
    color: #c81414;
    display: table;
    position: absolute;
    left: 120px;
    top: 90px;
}

#hotSearchBook {
    color: #000;
    /*border: 1px saddlebrown solid;*/
    width: 470px;
    height: 32px;
    overflow: hidden;
    margin-top: -30px;
    margin-left: 140px;
    text-align: center;
    cursor: pointer;
}

#hotSearchBook ul li {
    margin-bottom: 20px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

li {
    list-style: none;
}

.box_right_zixun {
    width: 100%;
    height: 240px;
    /*border: 1px orange solid;*/
    margin-top: 352px;
}

.zixun_left {
    width: 115px;
    height: 141px;
    background: url("../img/zixun.png");
    margin-top: 46px;
    margin-left: 77px;
    float: left;
}

.zixun_right {
    width: 540px;
    height: 241px;
    /*border: 1px seagreen solid;*/
    float: right;
}

.zixun_online {
    width: 100%;
    height: 43px;
    /*border: 1px red solid;*/
    cursor: pointer;
}

.zixun_num {
    width: 53px;
    height: 43px;
    font-size: 35px;
    font-weight: bolder;
    color: #393939;
    text-align: center;
    line-height: 43px;
    float: left;
}

.zixun_on  {
    border: solid 1px #d7d7d7;
}

.zixun_info {
    float: left;
    font-size: 15px;
    line-height: 23px;
    margin-left: 23px;
    width: 420px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.zixun_title {
    width: 100%;

    height: 26px;

    overflow: hidden;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.zixun_title_on {
    color: #ca1d1d;
}

.zixun_line {
    width: 346px;
    height: 1px;
    border-top: solid 1px #d7d7d7;
    margin-left: 149px;
    margin-top: 20px;
}

.hot_book {
    width: 290px;
    height: 473px;
    background-color: #fff;
    border-radius: 5px;
    border: solid 3px #000000;
    cursor: pointer;
}

.hot_img {
    width: 78%;
    height: 61%;
    overflow: hidden;
    margin: auto;
    margin-top: 7%;
    /*background: #2a6496;*/
}

.hot_img img {
    width: 100%;
    height: 100%;
}

.hot_title {
    width: 70%;
    font-size: 25px;
    font-weight: bolder;
    color: #282829;
    text-align: center;
    margin: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 4%;
}

.hot_author, .hot_clicknum{
    width: 70%;
    font-size: 18px;
    color: #282829;
    margin: auto;
    margin-top: 13%;
}

.hot_clicknum {
    margin-top: 1%;
}

.hot_author te, .hot_clicknum te {
    float: right;
}

.hot_author te {
    width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
}

#searchButtom {
    cursor: pointer;
}