input[type="text"] {
    height:auto;
}
.button {
    height:auto;
}
.wrapl{
    width:831px;float:left;
}
.wrapr{
    width:412px;float:right;
}
.divl{
    float:left;
}
.xlxtitle
{
    background:#e3ebf6;
    height:40px;
    line-height:40px;
    color:#193d94;
    margin-top:10px;
}
.xlxtitle ul li
{
    font-weight:bold;
    width:15%;
    float:left;
    text-align:center;
}
.xlxr{
    height:100px;
    width:412px;
    margin-bottom:10px;
}
.xlxr p{
    text-indent:1em;
    height:32px;
    line-height:32px;    
}
ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.pagination{
	display:inline-block;
	padding-left:20px;
	margin:20px 0;
	border-radius:4px
}
.pagination>li{display:inline}  
.pagination>li>a,.pagination>li>span{
	position:relative;
	float:left;
	padding:0px 6px;
	margin-left:2px;
	line-height:1.42857143;
	color:#bb2f2e;
	text-decoration:none;
	background-color:#fff;
	border:1px solid #bb2f2e;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.pagination>li:first-child>a,.pagination>li:first-child>span{
	margin-left:0;
}  
.pagination>li:last-child>a,.pagination>li:last-child>span{
}  
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{
	z-index:2;
	color:#23527c;
	background-color:#eee;
	border-color:#ddd;
}  
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{
	z-index:3;color:#fff;
	cursor:default;
	background-color:#bb2f2e;
	border-color:#bb2f2e;
}  
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{
	color:#777;
	cursor:not-allowed;
	background-color:#fff;
	border-color:#ddd;
}  
.pagination-lg>li>a,.pagination-lg>li>span{
	padding:10px 16px;
	font-size:18px;
	line-height:1.3333333;
}  
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{
	border-top-left-radius:6px;
	border-bottom-left-radius:6px;
}  
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{
	border-top-right-radius:6px;
	border-bottom-right-radius:6px;
}  
.pagination-sm>li>a,.pagination-sm>li>span{
	padding:5px 10px;
	font-size:12px;
	line-height:1.5;
}  
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}  
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
}  
.pager{
	padding-left:0;
	margin:20px 0;
	text-align:center;
	list-style:none;
}  
.pager li{
	display:inline;
}  
.pager li>a,.pager li>span{
	display:inline-block;
	padding:5px 14px;
	background-color:#fff;
	border:1px solid #ddd;
	border-radius:15px;
}  
.pager li>a:focus,.pager li>a:hover{
	text-decoration:none;
	background-color:#eee;
}  
.pager .next>a,.pager .next>span{
	float:right;
}  
.pager .previous>a,.pager .previous>span{
	float:left;
}  
.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{
	color:#777;
	cursor:not-allowed;
	background-color:#fff;
}
.pageJump{
	display:inline-block;
	padding-left:0;
	margin:20px 10px;
	border-radius:4px;
	vertical-align:top;
    font-size:14px;
}
.pageJump .button,.pageJump input{
	font-size:16px;
	padding:0px 6px;
	margin-left:-1px;
	line-height:1.42857143;
	color:#962622;
	text-decoration:none;
	background-color:#fff;
	border:1px solid #f0c8c8;
}
.pageJump input{
	width:40px;
}
.pageJump-lg .button,.pageJump-lg input{
	padding:10px 16px;
	font-size:18px;
	line-height:1.3333333;
}
.pageJump-sm .button,.pageJump-sm input{
	padding:5px 10px;
	font-size:12px;
	line-height:1.5;
}
.datalist ul li {
    display: block;
    height: 36px;
    line-height: 36px;
}
.datalist ul li a{
    display: block;
    width: 55%;
    float: left;
    background: url(../web/images/xlx.png) 10px no-repeat;
    text-indent: 30px;
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.datalist ul li span{
    width: 15%;
    display: block;
    float: left;
    text-align: center;
}
.time {
    color:#196d56;
}
.mailinfo td {
    width: 60px;
    font-size: 16px;
    font-family: "΢���ź�";
    border: 1px solid rgb(227, 174, 176);
    text-align: center;
    padding: 10px 0;
}
.mailinfo td p {
    padding: 0px 20px;
    text-align: left;
    font-size: 16px;
    font-family: "΢���ź�";
}

.mailinfo {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
.search {
    margin: 0 auto;
    text-align: center;
    padding: 20px 35px 5px 10px;
}
.search span {
    font-weight: bold;
    color: #790909;
    font-size: 16px;
}
.search input {
    border: 1px solid #ccc;
    height: 30px;
    width: 130px;
}
.search button {
    background: #b90f1a;
    color: #fff;
    border: none;
    letter-spacing: 2px;
    height: 30px;
    width: 60px;
    cursor: pointer;
}
@media screen and (max-width: 1024px) {
    .wrap {
        width: 100% !important;
        padding: 10px !important;
        box-sizing: border-box !important;
    }
    .wrapl, .wrapr {
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
    }

    .xlxtitle ul {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        flex-direction: row !important;
        padding-top: 8px;
    }
    .xlxtitle li {
        display: block !important;
        height: auto !important;
        font-size: 14px !important;
        line-height: normal !important;
        text-align: center !important;
        white-space: nowrap !important;
    }

    .xlxtitle li:nth-child(2), 
    .datalist li .time {
        display: none !important; 
    }
    
    .datalist li {
        display: flex !important;
        align-items: center !important;
        flex-direction: row !important;
        padding: 12px 5px !important;
        height: auto !important;
    }
    .xlxtitle li:first-child {
        flex: 1 !important; 
        text-align: left !important;
        padding-left: 25px !important;
    }

    .xlxtitle li:last-child {
        width: 80px !important; 
        text-align: center !important;
        flex-shrink: 0 !important;
    }
    .datalist li a.neir {
        flex: 1 !important;
        font-size: 15px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        width: auto !important;
    }
    .datalist li .answer {
        width: 80px !important;
        text-align: center !important;
        font-size: 13px !important;
    }

    .search {
        display: flex !important;
        flex-wrap: nowrap !important;
        padding: 10px 5px !important;
        background: #fff !important;
        width: 100% !important;
        box-sizing: border-box !important;
        text-indent: 0;
    }
    .search span:first-child {
        width: auto !important;
        margin-bottom: 0 !important;
        margin-right: 8px !important;
        flex-shrink: 0 !important;
        font-weight: bold;
        white-space: nowrap !important;
        padding-top: 5px;
    }
    .search span:nth-child(2) {
        flex: 1 !important;
        display: flex !important;
    }
    #searchcode {
        width: 100% !important;
        height: 36px !important;
        margin: 0 !important;
        border-radius: 4px 0 0 4px !important;
        border: 1px solid #ccc !important;
        padding: 0 8px !important;
        box-sizing: border-box !important;
    }
    #searchgo {
        width: 55px !important;
        height: 36px !important;
        border-radius: 0 4px 4px 0 !important;
        margin: 0 !important;
        flex-shrink: 0 !important;
        font-size: 14px !important;
    }
    #searchreset {
        width: 55px !important;
        height: 36px !important;
        margin-left: 5px !important;
        border-radius: 4px !important;
        flex-shrink: 0 !important;
        font-size: 14px !important;
        background: #999 !important;
    }

    .div3lb {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
    }
    .NewMail {
        width: 48% !important;
        height: 70px !important;
        margin: 5px 0 !important;
        background-size: 28px !important;
        background-position: 12px center !important;
        border: 1px solid #CC0000 !important;
        background-color: #fff !important;
    }
    .NewMail a {
        padding-left: 45px !important;
        font-size: 15px !important;
        display: flex !important;
        align-items: center !important;
        text-align: left !important;
        height: 100% !important;
    }

    #noticeModal > div {
        width: 90% !important;
        max-width: none !important;
    }

    .xlxr {
        width: 100% !important;
        height: auto !important;
        margin-bottom: 15px !important;
        padding: 12px !important;
        background: #fdf6f6 !important;
        border: 1px solid #eee !important;
        box-sizing: border-box !important;
        border-radius: 4px !important;
    }

    .xlxr p {
        height: auto !important;
        line-height: 1.6 !important;
        text-indent: 0 !important;
        margin-bottom: 5px !important;
        font-size: 14px !important;
        color: #333 !important;
        display: block !important;
    }

    .xlxr p b {
        color: #CC0000;
        font-size: 15px !important;
        display: block;
        margin-bottom: 8px;
    }

    .xlxr font {
        color: #CC0000 !important;
        font-weight: bold !important;
        margin: 0 3px !important;
    }

    #stat_date {
        color: #666 !important;
    }
}