.nav {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    background: #fac93a;
    line-height: .7rem;
    height: .7rem;
}

.nav a {
    box-flex: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    flex: 1;
    -webkit-flex: 1;
    text-align: center;
    font-size: .23rem;
    line-height: .7rem;
    height: .7rem;
    color: #9c5c31;
}
.detailes_top {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    box-align: center;
    -moz-box-align: center;
    -webkit-box-align: center;
    justify-content:space-between;
    background: #fac93a;
    padding:0 .2rem;
}
.detailes_top_left{
    background:white;
    display:flex;
    flex:1;
    margin-top:.1rem;
    border-radius:1rem;
    align-items:center;
}
.detailes_top h3 {
    text-indent: -9999px;
    width: 1.3rem;
    height: .4rem;
    background: url(../images/hunluo_logo.png) no-repeat center center;
    background-size: 97%;
    margin: .1rem .2rem .1rem .2rem;
}

.detailes_top_left div {
    width: 3.2rem;
    position: relative;
}

.detailes_top div input {
    outline: none;
    border:none;
    line-height: .4rem;
    height: .4rem;
    width: 100%;
    font-size: .22rem;
    color: #666;
    -webkit-appearance: none;
    padding-left:.7rem;
    border-left:1px solid #dedede;
}

.detailes_top div a {
    width: .4rem;
    height: .4rem;
    position: absolute;
    left: .2rem;
    top: 0;
    background: url(../images/search_icon.png) no-repeat center center;
    background-size:100%;
}
.detailes_top>a.header_login{
    width: .6rem;
    height: .6rem;
    margin-left:.2rem;
    margin-top:.1rem;
    border-radius:50%;
    background:white;
}

.detailes_top>a.header_login img{
    width: .6rem;
    height: .6rem;
    border-radius:50%;
    border:2px solid #dedede;
    padding:.05rem;
}

.detailes_top>a.header_icon {
    text-indent: -9999px;
    background: url(../images/member_center_icon2.png) no-repeat center center;
    width: .6rem;
    height: .6rem;
    background-size: .6rem .6rem;
    margin-left:.2rem;
    margin-top:.1rem;
}


.footer .footer_content {
    background: #222;
    height: 1.3rem !important;
    width: 6.4rem;
}

.footer .footer_content p.title a {
    color: #9c9c9c;
    font-size: .2rem;
}
.footer .footer_content p span em {
    width: .36rem;
    height: .36rem;
    background: url(../images/wenhuajingying.png) no-repeat center center;
    display: inline-block;
    background-size: 100% 100%;
    vertical-align: -.1rem;
    margin-right: .05rem;
}

.footer .footer_content p span em.cur {
    background: url(../images/icp.png) no-repeat center center;
    background-size: 100% 100%;
    width: .28rem;
    height: .28rem;
    vertical-align: -.08rem !important;
}

.footer .footer_content p {
    color: #9c9c9c;
    text-align: center;
    font-size: .2rem;
    padding-top: .2rem;
}

.footer .footer_content p span {
    margin: 0 .1rem;
}


.tag_list{
    padding:0 .2rem;
    display:flex;
    justify-content:space-between;
    flex-wrap: wrap;
    margin-top:.2rem;
}

.tag_list li{
    width:1.4rem;
    text-align:center;
    background: #e3e3e3;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:5px 0;
    margin-bottom:.2rem;

}

.tag_list li a{
    width:1.4rem;
    font-size:.18rem;
    color:#666;
    white-space: nowrap;
    text-overflow:ellipsis;
    overflow: hidden;
}
.pager {
    width: 5rem;
    margin: .2rem auto .2rem;
    text-align: center;
}
.pager a {
    font-size: .24rem;
    margin: 0 .2rem;
    color: #f90;
}

.pager a.active {
    background: #f90;
    color: white;
    padding: .02rem .1rem;
    border-radius: .03rem;
}

.tag_box .title{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -moz-box-pack: space-between;
    -webkit--moz-box-pack: space-between;
    box-pack: space-between;
    height: .8rem;
    line-height: .8rem;
    background: white;
    align-items: center;
    -webkit-align-items: center;
    box-align: center;
    -moz-box-align: center;
    -webkit-box-align: center;
    padding: 0 .2rem 0 0;
    border-bottom: 1px solid #dedede;
}




.tag_box .title p{
    font-size: .22rem;
    line-height: 26px;
    height: 26px;
    border-left: 4px solid #f7ad3e;
    padding-left: .15rem;
    background: #f90;
    color: white;
    padding-right: .3rem;
    border-radius: 0 .2rem .2rem 0;
    display:flex;
    justify-content:center;
    align-items:center;
}

.tag_box .title a{
    color: #f90;
    font-size: .22rem;
    margin-left: auto;
    float:right;
}

.tag_box .title a em {
    display: inline-block;
    width: .28rem;
    height: .28rem;
    background: url(../images/hl_more_icon.png) no-repeat center center;
    vertical-align: -.06rem;
    background-size: .28rem .28rem;
    margin-left: .05rem;
}

.tag_box>p
{
    width: 80%;
    text-align: center;
    font-size: .2rem;
    color: #999;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f6fbff;
    border: .01rem solid #e7f1f9;
    border-radius: .1rem;
    margin: .2rem auto;
}