@charset "utf-8";
/*DESC 23.10 复刻信件列表页面*/
.g-bd{width: 1200px;height: auto;margin: 0 auto;}
.secnr{padding: 0;border: none;}
ul,li{list-style: none;}
a{text-decoration: none;color: #333333;}
.navjz ul li{background: none;}
/*清除浮动*/
.clearfix{*zoom: 1;}
.clearfix:before,
.clearfix:after{display: table;content: "";line-height: 0;}
.clearfix:after{clear: both;}
.flex{display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;}
.flex-c{flex-direction: column;}
.flex-wrap{flex-wrap: wrap;}
.around{justify-content: space-around;}
.between{justify-content: space-between;}
.evenly{justify-content: space-evenly;}
.center{justify-content: center;}
.align{align-items: center;}
/*查询*/
.lyxd-box .content{width: 100%;margin: 0 auto;max-width: 100%;}
.lyxd-box .content .inputs{display: block;height: auto;text-align: right;}
.lyxd-box .content .inputs .wyxx-link{background:#c00;display: inline-block;height: 40px;width: 110px;text-align: center;line-height: 40px;color: #fff;border-radius: 6px;border: 1px solid transparent;vertical-align: bottom;}
.lyxd-box .content .inputs input{height: 40px;width: 270px;background: rgba(255, 255, 255, 0.9);box-shadow: inset 1px 2px 3px 0 rgba(0, 0, 0, 0.08);border-radius: 6px;border: 1px solid #C4D2DF;padding: 0 12px;margin-left: 8px;font-size: 16px;box-sizing: border-box;}
.lyxd-box .content .inputs .btn{width: 110px;margin-left: 21px;height: 40px;background: rgba(2, 106, 182, 0.9);border-radius: 6px;backdrop-filter: blur(4px);color: #fff;border: transparent;text-align: center;}
.lyxd-box .content .inputs .btn:hover{cursor: pointer;}
/*查询*/
/*START*/
#container *{box-sizing: border-box;}
#container .header{width: 1200px;margin: 0 auto;justify-content: space-between;align-items: center;}
#container .header .title{font-size: 36px;color: #022643;height: 110px;line-height: 110px;}
#container .header .address li img{vertical-align: middle;}
#container .header .address li{font-size: 14px;margin-right: 5px;}
#container .header .address li,
#container .header .address li a{color: #999;}
#container .letter-list{width: 100%;margin: 25px auto;}
#container .letter-list .letter-item{padding: 20px;height: 110px;}
#container .letter-list .letter-item:nth-child(odd){background-color: #f6fbff;}
#container .letter-item .title{display: block;font-size: 16px;font-weight: bold;height: 36px;line-height: 36px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-indent: 1em;position: relative;}
#container .letter-item .title::before{position: absolute;content: "";width: 6px;height: 6px;left: 0;top: 50%;margin-top: -3px;background: #d1d6da;}
#container .letter-item .subTitle{justify-content: space-between;font-size: 14px;color: #666;}
#container .letter-item .subTitle li{width: 25%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
#container .letter-item .subTitle li:first-of-type{width: 20%;}
#container .letter-item .subTitle li:nth-of-type(2){width: 30%;}
/* 翻页*/#page{width: 100%;margin: 35px auto;justify-content: center;text-align: center;}
#page li{font-size: 14px;color: #333;display: inline-block;padding: 5px 10px;border: 1px solid #e8e8e8;margin: 0 3px;cursor: pointer;height: 40px;line-height: 30px;}
#page .active{background-color: #015293;color: #fff;}
#page .active.red{background-color: red;}
#page .total{border: none;cursor: text;}
/* 手机端*/@media (max-width: 480px){
    /*查询*/
    .lyxd-box{width: 100%;}
    .lyxd-box .content .inputs{text-align: center;}
    .lyxd-box .content .inputs input{margin: 0 auto;width: 90%;}
    .lyxd-box .content .inputs input:nth-child(2){margin-top: 10px;}
    .lyxd-box .content .inputs .btn{margin-top: 10px;margin-left: 0;width: 80%;}
    .lyxd-box .content .inputs .wyxx-link{display: block;margin: 10px auto;width: 80%;}
    /*列表*/
    #container{width: 100%;padding: 0 15px;margin: 0;box-sizing: border-box;}
    #container .header{width: 100%;flex-direction: column;}
    #container .header .title{height: auto;line-height: 75px;font-size: 22px;}
    #container .letter-list, #page{width: 100%;padding-left: 0;}
    #container .letter-item .subTitle{flex-wrap: wrap;}
    #container .letter-item .subTitle li{width: 50% !important;line-height: 30px;}
    #container .letter-list .letter-item{height: auto;}
    /* 翻页*/
    #page{flex-wrap: wrap;}
    #page li{margin: 3px;}
	}