@charset "utf-8";

/* 信箱首页 ----------------------------------------------------- */
.ConsultationStatistics { float: right; }
.ConsultationStatistics label { margin-right: 20px; color: #888; }

/* box-tips */
.box-tips { display: flex; align-items: center; border-radius: 5px; border: 1px solid rgba(165, 126, 66, 0.3); margin-bottom: 40px; box-shadow: 5px 5px 20px rgba(165, 126, 66, 0.1);}
.box-tips .write { flex-shrink: 0; }
.box-tips .write a { color: #fff; font-weight: bold; font-size: var(--text-font-2h); display: flex; min-height: 150px; background-color: var(--color-background); flex-direction: column; justify-content: center; align-items: center;   width: 240px; }
.box-tips .write a::before { content: "\E715"; transition: 0.5s all; font-family: iconfont; font-size: 60px; line-height: 1.1; font-weight: normal; }
.box-tips .write:hover a { background-color: var(--color-background-click); }
.box-tips .write:hover a::before { transform: rotateY(180deg);  }
.box-tips .intro { flex: 1; display: flex; align-items: center; min-width: 0; padding-right: 100px; align-self: stretch; padding-left: 100px; font-size: 20px; line-height: 1.6; background: url(../img/letter-bg.jpg) no-repeat center; background-size: cover; }
.box-tips .intro::before { display: block; content: ""; margin-right: 40px; width: 100px; height: 67px; background: url(../img/icon-xiexin.png) no-repeat;}


/* 信件列表页 ----------------------------------------------------- */
.mainBox .mHd .write { float: left; margin-top: 15px; margin-right: 10px; }
.mainBox .mHd .write a { display: block; padding: 0 20px; font-size: var(--text-font-title); line-height: 40px; height: 40px; color: #fff; border-radius: 5px; background-color: var(--color-background); border: 2px solid var(--color-background); transition: all 0.5s; }
.mainBox .mHd .write a:hover { text-decoration: none; background-color: #fff; color: var(--color-background); }
.mainBox .mHd .select { float: left; margin-top: 15px; }
.mainBox .mHd .select a { display: flex; align-items: center; padding: 0 20px; font-size: var(--text-font-title); line-height: 40px; height: 40px; color: #fff; border-radius: 5px; background-color: var(--color-background); border: 2px solid var(--color-background); transition: all 0.5s; }
.mainBox .mHd .select a::before { font-family: iconfont; font-size: 30px; margin-right: 5px; content: "\E642"; }
.mainBox .mHd .select a:hover { text-decoration: none; background-color: #fff; color: var(--color-background); }
.mainBox .mHd .ConsultationStatistics { padding-top: 26px; padding-left: 15px; float: right; }
.mainBox .mHd .more { padding-top: 28px; float: right; }

/* 信件搜索 */
.letterSearch .searchBox { float: right; height: 60px; }
.letterSearch .searchBox .hd { height: 36px; line-height: 36px; padding: 12px 15px 12px 59px; float: left; font-size: var(--text-font-intro); color: #333; }
.letterSearch .searchBox .bd { height: 36px; float: right; padding: 12px 0px 0px 0px; }
.letterSearch .searchBox .keyword { width: 200px; height: 24px; line-height: 24px; font-size: var(--text-font-date); padding: 5px 0px 5px 15px; background: #fff; border: 1px solid #ccc; border-right: none; outline: none; float: left; }
.letterSearch .searchBox .searchsubmit { width: 84px; height: 36px; line-height: 36px; font-size: var(--text-font-intro); color: #fff; text-align: center; background: var(--color-background); border: none; float: left; font-weight: bold; }

/* 写信须知 */
.letterWritePage #xyBox { background: url(../img/bgletter.jpg) 50% 0px no-repeat #f2f2f2; min-height: 500px; padding: 50px 140px 80px 170px; }
.letterWritePage #xyBox h3 { font-size: 35px; color: var(--color-background); text-align: center; line-height: 52px; margin-bottom: 40px; }
.letterWritePage #xyBox .info { font-size: var(--text-font-date); line-height: 28px; height: 325px; overflow-y: auto; }
.letterWritePage #xyBox .info p { padding: 6px 0px; }
.letterWritePage #xyBox .center { overflow: hidden; height: 40px; text-align: center; padding-top: 50px; }
.letterWritePage #xyBox .nextBtn { background: var(--color-background); vertical-align: middle; margin-right: 20px; cursor: pointer; border: none; width: 166px; height: 40px; font-size: var(--text-font-intro); text-align: center; font-weight: bold; color: #fff; }
.letterWritePage #xyBox .prevBtn { background: #d3d3d3; vertical-align: middle; border: none; cursor: pointer; width: 75px; height: 40px; text-align: center; font-size: var(--text-font-intro); font-weight: bold; color: #555; }

/* 写信内容 */
.onlineplForm .hd { height: 46px; border-bottom: 2px solid var(--color-background); }
.onlineplForm .hd h3 { padding: 0 20px; float: left; height: 46px; line-height: 46px; background: var(--color-background); color: #fff; font-size: 20px; }
.onlineplForm .hd .tips { float: left; padding-left: 20px; height: 46px; line-height: 46px; color: var(--color-background); }
.onlineplForm .bd { padding: 30px 40px 30px 20px; }
.onlineplForm .bottombt { overflow: hidden; height: 40px; text-align: center; }
.onlineplForm .bottombt .inputbutton { background: var(--color-background); vertical-align: middle;cursor: pointer; border: none; width: 100px; height: 40px; font-size: var(--text-font-title); text-align: center; font-weight: bold; color: #fff; }
.onlineplForm .bottombt .restButton { background: #d3d3d3; vertical-align: middle; border: none; cursor: pointer; width: 100px; height: 40px; text-align: center; font-size: var(--text-font-title); font-weight: bold; color: #555; }
.LetterInfoTable { width: 100%; }
.LetterInfoTable td { padding: 8px 5px; vertical-align: top; }
.LetterInfoTable td .field-validation-error { display: block; color: #ff0000; }
.LetterInfoTable td.tdlab { width: 100px; text-align: right; }
.LetterInfoTable td input[type="text"] { box-sizing: border-box; width: 100%; border: #ccc solid 1px; overflow: hidden; padding: 5px 0px 5px 5px; }
.LetterInfoTable td textarea[name=Content] { box-sizing: border-box; width: 100%; padding: 5px; border: #ccc solid 1px; line-height: 22px; height: 296px !important; }
.LetterInfoTable td input[type="text"]:focus,
.LetterInfoTable td textarea:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); }
.LetterInfoTable td select { height: 24px; line-height: 24px; }
.LetterInfoTable .validationcode { position: initial; }
.LetterInfoTable td label.radio { float: left; margin-right: 15px; }
.LetterInfoTable td label.radio input { width: var(--text-font-intro); height: var(--text-font-intro); vertical-align: middle; margin-right: 5px; margin-top: -5px; }

/* 使用帮助 ----------------------------------------------------- */
.letterHelpPage .help { margin-top: 10px; }
.letterHelpPage .help h3 { font-size: var(--text-font-intro); line-height: 2em; padding-left: 10px; font-weight: bold; color: var(--color-background); border-bottom: #ddd 1px dotted; }
.letterHelpPage .help .con { font-size: var(--text-font-date); line-height: 1.8em; padding: 5px 10px 15px; }

/*时间选择 */
.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: var(--text-font-date); text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); }

/*时间选择左右箭头定义*/
.dropdown-menu { max-height: 315px; overflow-y: auto; }
.dropdown-menu .menu-search { display: inline-block; width: 75%; margin-left: 5px; }


.upload-single .upload-photo-area, .upload-single .upload-file-area { padding: 0; }
.upload-single .upload-pick { padding-top: 85px; }