@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p{margin:0;padding:0; font-family:"microsoft yahei"; font-size:14px; cursor:default;color:#333;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;border:none;}
ul,li,dl ,dt,dd ,ol,p,img{ list-style: none;border: none;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal;}
del,ins{text-decoration:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
button,input,select,textarea{font-size:100%;outline: none;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
a{text-decoration:none; outline:none;color:#333;}
a:hover{ text-decoration:none;}
a:active{outline: none;star:expression(this.onFocus=this.blur());}
.dib{display:block !important;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both; height: 0px; line-height: 0px; font-size: 0px;}
.hidden {display: none;}
body{background: #f3f5f8;}
.w1200{ width: 1200px; margin: 0 auto;}
.w1040{width: 1040px;margin: 0 auto;}
.mr0{ margin-right: 0 !important;}
.mt20 { margin-top: 20px;}
.mt30 { margin-top: 30px;}
.bfc { overflow: hidden;}
/* top */
.top{height: 100px; width: 100%;background: #196bb5;}
.top .user_center_top_tit{background: url(../images/user_center_top_guohui.png) left center no-repeat;line-height: 100px;padding-left: 80px;font-size: 32px;color: #ffffff;font-weight: bold;}
.top .fr{line-height: 40px;padding: 30px 0;height: 40px;}
.top .fr p{font-size: 14px; color: #ffffff;float: left; margin-left: 16px;}
.top .fr p.user_name{background: url(../images/user_center_top_icon_user.png) left center no-repeat;padding-left: 24px;}
.top .fr p.back{background: url(../images/user_center_top_icon_back.png) left center no-repeat;padding-left: 24px;}

/* foot */
.foot{border-top: 3px solid #196bb5; background: #ffffff; padding: 35px 0;}
.foot .foot_left{float: left; margin-right: 20px;}
.foot .foot_left img{vertical-align: middle; margin-right: 20px;}
.foot p{line-height: 30px; font-size: 14px; color: #666666;}

.container{ width: 1200px; margin: 0 auto; margin-bottom: 20px; overflow: hidden;}

/* 左侧 */
.user_center_left{float:left;padding: 0 30px;width: 230px; background: #ffffff; padding-bottom: 20000px; margin-bottom: -20000px;}
.user_center_left_head{padding-top: 40px; text-align: center; border-bottom: 1px dashed #afbfca;}
.user_center_left_head img{ width: 80px;height: 80px;}
.user_center_left_head p{line-height: 30px;height: 30px; font-size: 16px;color: #000000; text-align: center; margin: 20px;}
.user_center_left_nav{ width: 100%; height: auto; margin-top: 30px;}
.user_center_left_nav li{ width: 100%; height: 36px;  margin-bottom: 16px;}
.user_center_left_nav li a{display: block; height: 100%; width: 100%; line-height: 36px; font-size: 16px;background: #ffffff; color: #000000;}
.user_center_left_nav li a i{display: block; width: 18px;height: 18px; float: left; margin: 9px 20px 9px 60px;}
.user_center_left_nav li a i.icon01{background: url(../images/user_center_left_nav_icon01.png) center center no-repeat;}
.user_center_left_nav li a i.icon02{background: url(../images/user_center_left_nav_icon02.png) center center no-repeat;}
.user_center_left_nav li a i.icon03{background: url(../images/user_center_left_nav_icon03.png) center center no-repeat;}
.user_center_left_nav li a i.icon04{background: url(../images/user_center_left_nav_icon04.png) center center no-repeat;}
.user_center_left_nav li a:hover,.user_center_left_nav li a.active{ background: url(../images/user_center_left_nav_bg.png) center center no-repeat; color: #ffffff;}
.user_center_left_nav li a:hover i.icon01,.user_center_left_nav li a.active i.icon01{ background-image: url(../images/user_center_left_nav_icon01_on.png);}
.user_center_left_nav li a:hover i.icon02,.user_center_left_nav li a.active i.icon02{ background-image: url(../images/user_center_left_nav_icon02_on.png);}
.user_center_left_nav li a:hover i.icon03,.user_center_left_nav li a.active i.icon03{ background-image: url(../images/user_center_left_nav_icon03_on.png);}
.user_center_left_nav li a:hover i.icon04,.user_center_left_nav li a.active i.icon04{ background-image: url(../images/user_center_left_nav_icon04_on.png);}

/* 右侧 */
.user_center_right{float: right; width: 880px; margin-top: 30px;  padding-bottom: 20000px; margin-bottom: -20000px;}
.location{ height: 30px;line-height: 30px; background: url(../images/user_center_right_location.png) left center no-repeat;font-size: 16px; color: #666666; padding-left: 26px;margin-bottom: 15px;}
.location a{font-size: 16px; color: #666666; padding: 0 5px;}

.user_center_right_main{padding: 0 30px 20px; background: #ffffff;}



/* 信件详情 */
.xjxq_tit{line-height: 70px;height: 70px;color: #333333;font-size: 22px;}
table.solidTable{background: #e1e1e1;border-spacing:1px;border-collapse:separate;width: 100%;}
table.solidTable tr td{ background: #FFFFFF; line-height: 30px; font-size: 16px; color: #333333; }
table.solidTable tr td.tdw01{ width: 16%; text-align: center; }
table.solidTable tr td.tdw02{ padding:15px 20px; line-height: 30px;}

/* 信件公示 */
.xjgs_tit_search{padding: 45px 0 20px; border-bottom: 1px solid #e1e1e1;}
.xjgs_tit_search h2{float: left;line-height: 32px;font-size: 22px; color: #333333;}
.xjgs_search{ float: right; width: auto;  height: 32px;}
.xjgs_search .search_txt{ float: left; width:253px; height: 30px; border: 1px solid #e1e1e1;cursor: text; outline: none; line-height: 30px; font-size: 14px; color: #999999;background: #ffffff; border-right: none; border-top-left-radius: 5px;
border-bottom-left-radius: 5px; text-indent: 10px;}
.xjgs_search .search_submit{ float: left; width: 78px; height: 32px; background: url(../images/user_center_xjgs_search_icon.png) 12px center no-repeat #ff9900; border: 0; cursor: pointer; line-height: 32px; text-indent: 30px; border-bottom-right-radius: 5px;border-top-right-radius: 5px;font-size: 16px; color: #ffffff;}

.bj_list_box{margin-top: 28px;}
.bj_list_table{ width: 100%; height: auto;  table-layout: fixed;background: #e1e1e1;border-spacing:1px;border-collapse:separate;width: 100%;}
.bj_list_table thead tr td{height: 50px; text-align: center; color: #576369; font-size: 16px; font-weight: bold; border: 0; background: #f1f7ff;}
.bj_list_table tbody tr td{height: 50px; text-align: center; font-size: 16px; color: #576369;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: #ffffff;}
.col01{ width: 7%;}
.col02{ width: 50%;}
.col03{ width: 18%;}
.col04{ width: 15%;}
.col05{ width: 10%;}
.bj_list_table tbody tr td.bj_tit a{ font-size: 16px; color: #576369;}
.bj_list_table tbody tr td.bj_tit a:hover{ color: #1780F6;}

.pagelist{float:right; margin-top: 30px;}
.pagelist{line-height:28px;}
.pagelist a,.pagelist strong,.pagelist em{float:left;display:inline;margin-left:4px;padding:0 8px;height:28px;border:1px solid;border-color:#e1e1e1;background-color:#FFF;background-repeat:no-repeat;color:#666666;overflow:hidden;text-decoration:none;font-style: normal; line-height:28px;}
.pagelist a.nxt{padding:0 10px;}
.pagelist a:hover{border-color:#e1e1e1;color:#FFFFFF;background-color:#e1e1e1;}
.pagelist a.nxt{padding-right:25px;background-position:90% 50%;}
.pagelist a.prev{background-position:50% 50%;}
.pagelist strong{background-color:#e1e1e1; color: #FFFFFF;}

/* 我要写信 */
.wyxx_tit{padding-top: 30px; height: 60px;line-height: 60px;font-size: 22px;font-weight: bold; color: #333333; border-bottom: 1px solid#e1e1e1;}

.wyxx_box{margin-top: 30px;}
.formgroup {line-height: 38px;font-size: 14px;color: #494949;padding-bottom: 20px;}
.formgroup span.label {display: inline-block;text-align: right;font-size: 16px;*display:inline;*zoom:1;}
.formgroup span.label01{width: 95px;}
.formgroup span.label02{width: 140px;}
.formgroup span.label .red{color: #ff0000;}
.formgroup input.normal {width: 283px;height: 38px;border: 1px solid #dcdcdc;line-height: 38px;text-indent: 1em;display: inline-block;cursor: text;}
.formgroup input.maxtxt{width: 715px;}
.formgroup input.midtxt {width: 382px;}
.formgroup input.addfile {width: 112px;height: 40px;line-height: 40px;background-color: #3c8bd4;color: #fff;margin: 0;padding: 0;border: none;display: inline-block;margin-left: 10px;cursor: pointer; font-size: 16px; border-radius: 5px;}

.yzm{height: 40px;vertical-align: middle;}
.formgroup_select span.label,.formgroup_select .sod_select{float: left;}
.formgroup_select span.label01{width: 100px;}
.formgroup_select span.label02{width: 146px;}

.formgroup .radio{font-size: 16px; margin: 0 10px;}

.formgroup .content{float: left; width:715px ; max-width: 715px; height: 100px;border: 1px solid #dcdcdc;}
.formgroup_content span.label{float: left; line-height: 100px;}


.buttongroup {text-align: center;}
.buttongroup input {display: inline-block;width: 160px;height: 40px;line-height: 40px;cursor: pointer;font-size: 18px;border: none;border-radius: 4px;color: #fff;background-color: #3c8bd4;}



/* 我的主页 */
.my-top { padding-top: 40px; overflow: hidden;}
.my-top .wdbj { float: left; background-image: url(../images/my-top-wdbj.png);}
.my-top .wdxj { float: right; background-image: url(../images/my-top-wdxj.png)}
.my-top .wdbj,.my-top .wdxj { box-sizing: border-box; width: 400px; height: 112px; padding: 25px 0 0 30px; overflow: hidden;}
.my-top .wdbj p,.my-top .wdxj p { position: relative; font-size: 18px; color: #fff; font-weight: bold; padding-left: 45px;}
.my-top .wdbj p span,.my-top .wdxj p span { position: absolute; font-size: 30px; margin-right: 5px; left: 0; top: -10px}
.my-top .wdbj h3,.my-top .wdxj h3 { font-size: 20px; color: #fff; margin-top: 10px;}

.w460 { width: 460px;}
.w340 { width: 340px;}

.my-title { border-bottom: 1px solid #e1e1e1; height: 44px; position: relative;}
.my-title h2 { position: absolute; left: 0; top: 0; font-size: 22px;}
.my-list{ padding-top: 10px;}
.my-list li { background: url(../images/my-list-dot.png) no-repeat left center; font-size: 16px; line-height: 36px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 14px;}
.my-list li a:hover { color: #196bb5;}

.tagBall{width: 340px;height:260px;margin:30px auto;position:relative}
.tag{display:block;position:absolute;left:0px;top:0px;color:#000;text-decoration:none;font-size:14px;font-family:"微软雅黑";font-weight:bold;}
.tag:hover{border:1px solid #666;}


@media screen and  (max-width:1199px) {
    .top{height: auto;}
    .w1200,.w1040{width: 100%;}
    .top .fr{margin-right: 15px;}
    #top_date,.my-top{display: none;}

    .container{width: 96%; margin: 0 auto 20px;}

    .user_center_left{float: none; padding: 10px 20px 1px; margin-bottom: 10px; box-sizing: border-box; width: 100%;}
    .user_center_left_head{padding-top: 0;}
    .user_center_left_head p{margin: 10px 0;}
    .user_center_left_nav{width: 230px; margin: 10px auto 0;}
    .user_center_right{float: none; padding-bottom: 0; margin-bottom: 0; width: 100%; margin-top: 0;}
    .location{margin-bottom: 5px;}
    .user_center_right_main{ padding: 0 2% 10px;}
    .xjxq_tit{line-height: 30px; height: 30px;font-size: 20px; padding: 15px 0 10px;}

    table.solidTable tr td{line-height: 24px; font-size: 14px;}
    table.solidTable tr td.tdw02{padding: 10px; line-height: 24px;}

    .foot{padding: 20px 0;}
    .foot .foot_left{float: none; margin-right: 0; text-align: center;}
    .foot p{padding: 0 5%; text-align: center; line-height: 24px;}


    .xjgs_tit_search{padding: 15px 0 10px; height: 30px; line-height: 30px;}
    .xjgs_tit_search h2{font-size: 20px;}
    .bj_list_box{margin-top: 15px;}
    .bj_list_table tbody tr td{overflow: auto; white-space: normal; font-size: 14px;}
    .bj_list_table tbody tr td.bj_tit a,.bj_list_table thead tr td{font-size: 14px;}

    .wyxx_tit{padding-top: 15px;line-height: 30px;height: 30px; padding-bottom: 10px; font-size: 20px;}
    .wyxx_box{margin-top: 15px;}
    .formgroup span.label01,.formgroup span.label02{width: 25%; margin-bottom: 15px;}
    .formgroup input.normal{width: 70%;}
    .formgroup{padding-bottom: 0;}
    .formgroup_select span.label, .formgroup_select .sod_select{float: none;}
    .formgroup_select span.label01,.formgroup_select span.label02{width: 100%; text-align: center; margin-bottom: 5px;}
    .sod_select{width:100%; box-sizing: border-box;}
    .formgroup input.addfile,.yzm{margin-left: 25%;}
    .formgroup_content span.label{float: none; line-height: 30px; width: 100%; text-align: center;}
    .formgroup .content{float: none; width: 100%; box-sizing: border-box;}
    .formgroup_open span.label{width: 40%;}

}
@media screen and  (max-width:560px) {
    .top .fr p.user_name{display: none;}
    .top .user_center_top_tit{ background-size: 46px 48px; background-position-x: 20px; line-height: 60px; font-size: 24px;}
    .top .fr{padding: 10px 0;}
    .top .fr p:nth-child(3){display: none;}
    .user_center_left_nav li{margin-bottom: 10px;}

    .location{font-size: 14px;}
   

    .xjgs_search{display: none;}

    .formgroup span.label{font-size: 14px;}
    .formgroup .radio{font-size: 14px;}

}