*{
    margin: 0px;
    padding: 0px;

}
body{
    background-color: lavender;
}
.wrapper{
    width: 1010px;
    background-color: #f5fffa;
    margin: 0px auto;

}
.head{
    width: 100%;
    /*height: 175px;*/
    background-color: white;
    margin: 0px auto;

}
.head_navbar{
    margin-top: 5px;
    height: 40px;
    width:1010px;
    background-image: url("image/shuji3.jpg");
    position: relative;
}
.beijing_chengyu{
    padding-top: 6px;
    width:1010px;
    height: 600px;
    background-color:mintcream;
    background-image: url("image/beijing_chengyu.jpeg");
    background-size: 90%;
    background-position-x: 50px;
    background-position-y: 20px;
    background-repeat: no-repeat;
    margin: 0px auto;

}
.chengyu_more_div{
    padding-top: 6px;
    width:1010px;
    height: auto;
    margin: 0px auto;
    background-color: lightgrey;
}

.chengyu_table{
    padding-top: 15px;
    width:800px;
    margin: 0px auto;
}
.chengyu_table_tr{
    padding-top: 6px;
}
.chengyu_table_header_div{
    font-size: 20px;
    color: beige;
    text-align: center;
    padding: 2px;
    background-color: dodgerblue;

}

.chengyu_table_td_div0{
    font-size:medium;
    padding: 2px;
    display:block;

    text-align: center;
    background-color: lightblue;
}
.chengyu_table_td_div1{
    font-size:medium;
    padding: 2px;
    display:block;

    text-align: center;
    background-color: lightsteelblue;
}
.chengyu_table_td_name_div0{
    font-size:medium;
    padding: 2px;
    text-align: center;

    display:block;
    background-color: lightblue;
}
.chengyu_table_td_name_div1{
    font-size:medium;
    padding: 2px;
    text-align: center;

    display:block;
    background-color: lightsteelblue;
}


.chengyu_table_td_name_div0 a:link ,.chengyu_table_td_name_div0 a:visited{

    color:black;
    text-align: center;

    text-decoration: none;
}
.chengyu_table_td_name_div0 a:hover,.chengyu_table_td_name_div0 a:active{
    color:orange;
}

.chengyu_table_td_name_div1 a:link ,.chengyu_table_td_name_div1 a:visited{

    color:black;
    text-align: center;

    text-decoration: none;
}
.chengyu_table_td_name_div1 a:hover,.chengyu_table_td_name_div1 a:active{
    color:orange;
}


.page_div{
    padding-left: 150px;
    padding-top: 20px;
}

.chengyu_content{
    padding-left: 40%;
    padding-top: 50px;
}





.head_ul{

    margin-left: 5px;
    float: left;
    list-style-type: none;
    padding-top: 10px;
    padding-bottom: 6px;
}

.head_li{
    font-size: larger;
    padding-left: 36px;
    display:inline;
}

.head_li_chengyu{
    font-size: larger;
    padding-left: 36px;
    display:inline;
}

.head_li a:link ,.head_li a:visited{
    /*font-weight:bold;*/
    /*color:lightskyblue;*/
    color: cornsilk;
    text-align: center;
    padding: 6px;
    text-decoration: none;

}
.head_li a:hover,.head_li a:active{
    color: orange;
    background-color: #22B8DD;
}

.head_li_chengyu a:link, .head_li_chengyu a:visited{
    color: cornsilk;
    text-align: center;
    padding: 6px;
    text-decoration: none;
    background-color: #22B8DD;;
}
.head_li_chengyu a:hover,.head_li_chengyu a:active{
    color: orange;
    background-color: #22B8DD;
}











.audio_chengyu{
    width: 1010px;
    height: 60px;
    background-color:mintcream;
    margin: 0px auto;

}

.chengyu_playcontrol{
    padding-left: 50px;
    padding-top: 20px;
    width: 400px;
    float: left;
}
.chengyu_zan{
    padding-left: 20px;
    padding-top: 25px;
    float: left;
}
.share_chengyu{
    width: 1010px;
    height: 60px;
    background-color:mintcream;
    margin: 0px auto;

}

.share_icon{
    padding-left: 50px;
    padding-top: 10px;
    float: left;
}


.chengyu_zan a:link, .chengyu_zan a:visited{
    color: black;
    text-align: center;
    text-decoration: none;
    font-size: medium;
}
.chengyu_zan a:hover,.chengyu_zan a:active{
    color: orange;

}


.foot{
    width:1010px;
    height: 145px;
    margin: 5px auto;
    background-color: #2AA8FD;
    /*background-image: url("image/logo3.png") ;*/
    /*background-size: 20%;*/
    /*background-position-x: 90px;*/
    /*background-position-y: 10px;*/
    /*background-repeat: no-repeat;*/
}
.logo{

    padding-left: 40px;
    padding-top: 20px;

}
.weixin{

    float: right;
    padding-right: 60px;
    padding-top: 10px;

}

.foot_about{
    padding-left: 10px;
    /*padding-top: 20px;*/
    height: 30px;
}

.foot_ul{
    margin-left: 0px;
    float: left;
    list-style-type: none;
}
.foot_li{
    padding-left: 40px;
    display:inline;
    font-family: Helvetica,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif;
    color: lightgrey;
}


.foot_li a:link ,.foot_li a:visited{

    /*color: lightgrey;*/
    color: #FFFFFF;
    text-align: center;
    padding: 6px;
    text-decoration: none;
}
.foot_li a:hover,.foot_li a:active{
    color:orange;
}

.foot_beian{
    margin-left: 400px;
    color: #FFFFFF;
    font-family: Helvetica,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif;
}

.beian{
    padding-left: 40px;
    line-height: 200%;
    letter-spacing: 1px;

}

.beian a:link ,.beian a:visited{

    /*color: lightgrey;*/
    color: #FFFFFF;
    text-align: center;
    padding: 6px;
    text-decoration: none;
}
.beian a:hover,.beian a:active{
    color:orange;
}