﻿/*
* @Author: Marte
* @Date:   2019-05-07 12:51:59
* @Last Modified by:   Marte
* @Last Modified time: 2019-05-10 11:42:56
*/
.list{
    width:1200px;
    min-width: 1200px;
    height:auto;
    margin:30px auto 0px auto;
}
.list>.leftList{
    width:270px;
    height:auto;
    float:left;
}
.list>.leftList>.listTitleList{
    width:268px;
    height:auto;
    border:1px solid #dcdcdc;
    box-sizing: border-box;
}
.list>.leftList>.listTitleList>.title1{
     width:268px;
     height:88px;
     line-height: 88px;
     text-align: center;
     background:#2b59ad;
     color:#fff;
     font-size:24px;
     vertical-align: middle;
}
.list>.leftList>.listTitleList>.title1>img{
    vertical-align: middle;
    margin-right:8px;
}
.list>.leftList>.listTitleList>ul>li{
    height: 65px;
    line-height:65px;
    background:url('../images/secondicon15.png') no-repeat 90%;
    border-top:1px solid #dcdcdc;
}
.list>.leftList>.listTitleList>ul>li>a{
    width:75%;
    display: inline-block;
    padding-left:20px;
    transition:all 0.3s;
    text-decoration: none;
	border-left:5px solid #fff;
	font-size:16px;
}
.list>.leftList>.listTitleList>ul>li>a:hover{
    font-size:22px;
    color:#2b59ad;
    border-left:5px solid #2b59ad;
	font-size:bold;
}




.list>.leftList>.kjfw{
    width:270px;
    height:auto;
    min-height: 455px;
    border:1px solid #dcdcdc;
    border-bottom:0;
    border-right:0;
    box-sizing: border-box;
    margin-top:10px;
}
.list>.leftList>.kjfw>.title1{
     width:268px;
     height:88px;
     line-height: 88px;
     text-align: center;
     background:#2b59ad;
     color:#fff;
     font-size:24px;
     vertical-align: middle;
     border-right:1px solid  #dcdcdc;
     box-sizing:border-box;
}
.list>.leftList>.kjfw>.title1>img{
    vertical-align: middle;
    margin-right:8px;
}
.list>.leftList>.kjfw>ul>li{
    width:134px;
    height:61px;
    line-height:60px;
    text-align:left;
    border-right:1px solid #dcdcdc;
    border-bottom:1px solid  #dcdcdc;
    float:left;
    vertical-align:middle;
    font-size:14px;
    box-sizing:border-box;
}
.list>.leftList>.kjfw>ul>li img{
    vertical-align:middle;
    margin-right:5px;
    margin-left:15px;
    width:26px;
    height:26px;
}




.list>.rightList {
    width:900px;
    height:100%;
    min-width:900px;
    border:1px solid  #dcdcdc;
    float:right;
    display:inline-block;
}
.list>.rightList>.rightListTitle{
    width:900px;
    min-width:900px;
    height:50px;
    line-height:40px;
    border-bottom:1px solid #dcdcdc;
}
.list>.rightList>.rightListTitle>.title{
    padding:5px;
    float:left;
    border-top:4px solid #2b59ad;
    box-sizing:border-box;
    margin-left:30px;
    font-size:22px;
    font-weight: bold;
    color:#2b59ad;
}
.list>.rightList>.rightListTitle>.mbx{
    padding:5px;
    float:right;
    box-sizing:border-box;
    margin-right:15px;
    color:#505050;
    font-size:16px;
}

/*纯文字开始的*/
.list>.rightList>.rightListCenter > .textlist{
    padding:25px;
    margin-bottom:20px;
    display:block;
	min-height:560px;
}
.list>.rightList>.rightListCenter > .textlist > li{
    height:50px;
    line-height:50px;
    border-bottom:1px dashed #dddddd;
}
.list>.rightList>.rightListCenter > .textlist > li  span{
    width:650px;
    float:left;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:16px;
	color:#666;
}
.list>.rightList>.rightListCenter > .textlist > li  .time{
    width:100px;
    float:right;
    text-align:center;
    font-size:14px;
    color:#999;
}
/*纯文字列表结束*/

/*图文列表开始*/
.list>.rightList>.rightListCenter > .imgList{
    padding:25px;
    top:50px;
    margin-bottom:20px;
	display:block;
	min-height:694px;
}

.list>.rightList>.rightListCenter > .imgList > li{
    height:170px;
    width:840px;
    line-height:50px;
    box-shadow: 1px 1px 15px 4px #c2c2c2;
    margin:30px auto;
	background:#f2f2f2;
	border-left:solid 1px #fff;
	
}
.list>.rightList>.rightListCenter > .imgList > li img{
    float:left;
    width:227px;
    height:170px;
}
.list>.rightList>.rightListCenter > .imgList > li p{
    float:left;
    width:462px;
    height:105px;
    padding:35px 24px;
}
.list>.rightList>.rightListCenter > .imgList > li  span{
    width:750px;
    float:left;
}
.list>.rightList>.rightListCenter > .imgList > li p > .name{
    font-size:16px;
    width:480px;
    font-weight:bold;
    display:block;
    height:36px;
    line-height:16px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.list>.rightList>.rightListCenter > .imgList > li p > .text{
    display:block;
    font-size:14px;
    color:#999;
    height:69px;
    line-height:24px;
    width:530px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.list>.rightList>.rightListCenter > .list > li:hover span{
    color:#2b59ad;
}
.list>.rightList>.rightListCenter > .imgList > li:hover span{
    color:#2b59ad;
}
/*图文列表结束*/



.list>.rightList>.rightListCenter .page{
    width:900px;
    height:30px;
    line-height:30px;
    text-align:center;
    margin:15px auto 39px auto;

}

.page li{
    padding:5px 10px;
    margin:0 5px;
    color:#4579d9;
	height:16px;
	line-height:16px;
	border:1px solid #4579d9;
}
.page a{
    padding:5px 10px;
    margin:0 5px;
    color:#4579d9;
	height:16px;
	line-height:16px;
	border:1px solid #4579d9;
}

.page .empty{
    border:1px solid #ccc;
    color:#ccc;
}
.page li:last-child{
	width:70px
}
.page .isAction{
    background:#4579d9;
    color:#fff;
}


/*至此图文列表和文字列表结束*/



/*厅长信箱开始*/
.mailbox{
    height:100%;
    margin:25px;
	color:#999;
	font-family:"思源黑体 CN";
}
.mailbox >ul >li{
    height:auto;
    min-height:96px;
    border-bottom:1px solid #ebebeb;
    padding:14px 0;
    clear:both;
}
.mailbox > ul > li:last-child{
    border:0px;
}
.mailbox >ul >li > div{
    float:left;
}
.mailbox >ul >li > div > label{
    display:block;
    font-size:14px;
    font-weight:bold;
    color:#999;
	line-height:40px;
}
.mailbox >ul >li > div input{
    height:40px;
    line-height:40px;
    color:#999999;
    padding-left:14px;
    border:1px solid #bebebe;
    border-radius:5px;
}
.mailbox >ul >li > div select{
    height:40px;
    line-height:40px;
    color:#999999;
    padding-left:14px;
    border:1px solid #bebebe;
    border-radius:5px;
    float:left;
}
.mailbox >ul >li > div textarea{
    height:230px;
    line-height:40px;
    color:#999999;
    padding-left:14px;
    border:1px solid #bebebe;
    border-radius:5px;
}
.mailbox >ul >li > .sex > div label{
    position:relative;
    width:80px;
    height:40px;
    line-height:40px;
    display:inline-block;
    text-align:right;
}
.mailbox >ul >li > .sex input[type="radio"]{
    opacity:0;
	border:none;
}
.mailbox >ul >li > .sex img{
    position:absolute;
    left:-5px;
}
.mailbox >ul >li > .sex span{
    float:left;
    margin-left:35px;
}
#yzmbtn{
    width:110px;
    height:40px;
    background:yellow;
}
.mailbox > ul > li > div > div > label,.mailbox > ul > li > div > div > span{
    display:inline-block;
    height:38px;
    line-height: 38px;
    margin:0 0 0 5px;
    vertical-align: middle;
}

.mailbox >ul >li > .gk{
    vertical-align:middle;
}



.mailbox >ul >li > .gk > div{
    vertical-align:middle;
    width:200px;
    height:30px;
    line-height:35px;
    float:left;
}
.mailbox >ul >li > .gk > div > span{
    margin-left:5px;
}
.mailbox >ul >li > .fjall{
    width:830px;
}
.mailbox >ul >li > .fjall > .fj{
    width:830px;
    height:40px;
    line-height:40px;
    padding-left:14px;
    border:1px solid #bebebe;
    border-radius:5px;
}
.mailbox >ul >li > .fjall > .fj > input{
    border:0;
}
.mailbox >ul >li > .fjall > .fj > img{
    margin-top:10px;
}

.tjBtn{
    width:200px;
    height:48px;
    font-size:18px;
    color:#fff;
    background:#2b59ad;
    border:0;
    border-radius: 5px;
    margin:30px auto;
    display:block;
}


.mailbox >ul >li > div .w150{
    width:150px;
}
.mailbox >ul >li > div .w190{
    width:190px;
}
.mailbox >ul >li > div .w200{
    width:200px;
}
.mailbox >ul >li > div .w250{
    width:240px;
}
.mailbox >ul >li > div .w305{
    width:305px;
}
.mailbox >ul >li > div .w320{
    width:320px;
}
.mailbox >ul >li > div .w370{
    width:370px;
}
.mailbox >ul >li > div .w420{
    width:420px;
}
.mailbox >ul >li > div .w430{
    width:430px;
}
.mailbox >ul >li > div .w450{
    width:450px;
}
.mailbox >ul >li > div .w830{
    width:830px;
}
.mailbox >ul >li > div .mr40{
    margin-right:40px;
}
.mailbox >ul >li > div .mr70{
    margin-right:70px;
}
.mailbox >ul >li > div .mr80{
    margin-right:80px;
}


/*厅长信箱结束*/