.suggestion-page{width:950px;margin:40px auto}
.suggestion-page .page-logo{height:80px;color:#fff;font-weight:bold;font-size:36px;line-height:80px;text-align:center;margin-bottom:20px;}
.separated{background:#eee;height:1px;margin:20px 0}
.letter-box{display:table;width:100%}
.letter-box .letter-textbox,.letter-box .letter-checkbox{width:48%;height:32px;margin:16px 0;float:left;position:relative}
.letter-box .letter-textbox.left,.letter-box .letter-checkbox.left{margin-right:4%}
.letter-box .letter-textbox.long,.letter-box .letter-checkbox.long{width:950px}
.letter-box .letter-textbox.warning input,.letter-box .letter-checkbox.warning input,.letter-box .letter-textbox.warning .input,.letter-box .letter-checkbox.warning .input{border:1px solid #e64340;background-color:#f7ecf5}
.letter-box .letter-textbox.auto-height,.letter-box .letter-checkbox.auto-height{height:auto;min-height:240px}
.letter-box .letter-textbox .letter-label,.letter-box .letter-checkbox .letter-label{float:left;height:32px;line-height:32px;width:160px;font-size:16px;color:#212121;display:inline-block;white-space:nowrap;}
.letter-box .letter-textbox .letter-label .needed,.letter-box .letter-checkbox .letter-label .needed{color:red}
.letter-box .letter-textbox .limit，.letter-box .letter-checkbox .limit， .poit{position:absolute;height:32px;width:64px;line-height:32px;text-align:center;top:0;right:0;font-size:12px;z-index:101;background-color:#f1f1f1}
.point{width:auto;height:32px;line-height:32px;text-align:center;display:inline-block;font-size:12px;z-index:101}
.letter-box .letter-textbox .input,.letter-box .letter-checkbox .input{width:300px;box-sizing:border-box;padding:0 16px}
.letter-box .letter-textbox .input.long,.letter-box .letter-checkbox .input.long{width:790px}
.letter-box .letter-textbox .career-select,.letter-box .letter-checkbox .career-select,.letter-box .letter-textbox .summary-select,.letter-box .letter-checkbox .summary-select{position:absolute;top:0;left:160px}
.letter-box .letter-textbox .career-select input,.letter-box .letter-checkbox .career-select input,.letter-box .letter-textbox .summary-select input,.letter-box .letter-checkbox .summary-select input,.letter-box .letter-textbox .career-select .input,.letter-box .letter-checkbox .career-select .input,.letter-box .letter-textbox .summary-select .input,.letter-box .letter-checkbox .summary-select .input{left:0;top:0;z-index:1;background:url(../img/icon18.jpg) no-repeat right #f1f1f1;background-size:32px 32px;padding-right:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.letter-box .letter-textbox .career-select .option,.letter-box .letter-checkbox .career-select .option,.letter-box .letter-textbox .summary-select .option,.letter-box .letter-checkbox .summary-select .option{position:absolute;padding:5px 0 5px 16px;margin:0;width:258px;background:#f5f5f5;top:32px;left:0;color:#666;border:1px #e0e0e0 solid;z-index:999;list-style:none;max-height:450px;overflow-y:auto}
.letter-box .letter-textbox .career-select .option > li,.letter-box .letter-checkbox .career-select .option > li,.letter-box .letter-textbox .summary-select .option > li,.letter-box .letter-checkbox .summary-select .option > li{position:relative;line-height:22px;padding-top:5px;padding-bottom:5px}
.letter-box .letter-textbox .career-select .option > li.selected,.letter-box .letter-checkbox .career-select .option > li.selected,.letter-box .letter-textbox .summary-select .option > li.selected,.letter-box .letter-checkbox .summary-select .option > li.selected{color:#1E88E5}
.letter-box .letter-textbox .career-select .option > li a,.letter-box .letter-checkbox .career-select .option > li a,.letter-box .letter-textbox .summary-select .option > li a,.letter-box .letter-checkbox .summary-select .option > li a{word-break:break-all}
.letter-box .letter-textbox .career-select .option > li:hover,.letter-box .letter-checkbox .career-select .option > li:hover,.letter-box .letter-textbox .summary-select .option > li:hover,.letter-box .letter-checkbox .summary-select .option > li:hover{color:#4489ca;cursor:pointer}
.letter-box .letter-textbox .career-select .summary-select .inp,.letter-box .letter-checkbox .career-select .summary-select .inp,.letter-box .letter-textbox .summary-select .summary-select .inp,.letter-box .letter-checkbox .summary-select .summary-select .inp{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:20px}
.letter-box .letter-textbox .career-select .option-summary > li .checkbox,.letter-box .letter-checkbox .career-select .option-summary > li .checkbox,.letter-box .letter-textbox .summary-select .option-summary > li .checkbox,.letter-box .letter-checkbox .summary-select .option-summary > li .checkbox{position:absolute;top:5px;left:-23px;width:15px;height:15px;display:inline-block;border:1px solid #666}
.letter-box .letter-textbox .career-select .option-summary > li.selected,.letter-box .letter-checkbox .career-select .option-summary > li.selected,.letter-box .letter-textbox .summary-select .option-summary > li.selected,.letter-box .letter-checkbox .summary-select .option-summary > li.selected{color:#1E88E5}
.letter-box .letter-textbox .career-select .option-summary > li.selected .checkbox:before,.letter-box .letter-checkbox .career-select .option-summary > li.selected .checkbox:before,.letter-box .letter-textbox .summary-select .option-summary > li.selected .checkbox:before,.letter-box .letter-checkbox .summary-select .option-summary > li.selected .checkbox:before{position:absolute;top:-3px;left:-2px;content:'\e67d';font-family:'cmsicon';color:#666;font-size:20px}
.letter-box .letter-textbox .site-select,.letter-box .letter-checkbox .site-select{position:absolute;top:0;left:161px}
.letter-box .letter-textbox .site-select .no-keyword,.letter-box .letter-checkbox .site-select .no-keyword{line-height:240px;text-align:center;font-size:14px}
.letter-box .letter-textbox .site-select > input,.letter-box .letter-checkbox .site-select > input,.inp{left:0;top:0;z-index:1;background:url(../images/icon18.jpg) no-repeat right #f1f1f1;background-size:32px 32px}
.letter-box .letter-textbox .site-select .option-wrapper,.letter-box .letter-checkbox .site-select .option-wrapper{position:absolute;width:790px;height:320px;top:32px;left:0px;color:#333;border:1px #e0e0e0 solid;z-index:999;list-style:none;background-color:#fff;box-sizing:border-box;padding-top:40px}
.letter-box .letter-textbox .site-select .option-wrapper *,.letter-box .letter-checkbox .site-select .option-wrapper *{box-sizing:border-box}
.letter-box .letter-textbox .site-select .option-wrapper .search-bar,.letter-box .letter-checkbox .site-select .option-wrapper .search-bar{position:absolute;top:10px;left:0;width:100%;height:30px;padding-left:15px;padding-right:15px}
.letter-box .letter-textbox .site-select .option-wrapper .search-bar .search-input,.letter-box .letter-checkbox .site-select .option-wrapper .search-bar .search-input{left:15px;top:0;width:758px;height:30px;font-size:14px;border:1px solid #eee;background-color:#fff;border-radius:20px;padding-left:15px;padding-right:40px}
.letter-box .letter-textbox .site-select .option-wrapper .search-bar .icon-search,.letter-box .letter-checkbox .site-select .option-wrapper .search-bar .icon-search{position:absolute;z-index:1000;right:15px;top:0;font-family:'cmsicon';font-size:14px;color:#616161;width:40px;height:30px;line-height:30px;text-align:center;cursor:pointer}
.letter-box .letter-textbox .site-select .option-wrapper .search-bar .icon-search:before,.letter-box .letter-checkbox .site-select .option-wrapper .search-bar .icon-search:before{content:'';display:none}
.letter-box .letter-textbox .site-select .option-wrapper .scroll-area,.letter-box .letter-checkbox .site-select .option-wrapper .scroll-area{height:280px;overflow:auto;padding:10px 15px}
.letter-box .letter-textbox .site-select .option-wrapper .list-tip,.letter-box .letter-checkbox .site-select .option-wrapper .list-tip{height:40px;line-height:40px;color:#999}
.letter-box .letter-textbox .site-select .option-wrapper .sites-wrapper,.letter-box .letter-checkbox .site-select .option-wrapper .sites-wrapper{font-size:14px}
.letter-box .letter-textbox .site-select .option-wrapper .sites-wrapper ul,.letter-box .letter-checkbox .site-select .option-wrapper .sites-wrapper ul,.letter-box .letter-textbox .site-select .option-wrapper .sites-wrapper li,.letter-box .letter-checkbox .site-select .option-wrapper .sites-wrapper li{list-style-type:none}
.letter-box .letter-textbox .site-select .option-wrapper .sites-wrapper ul,.letter-box .letter-checkbox .site-select .option-wrapper .sites-wrapper ul{font-size:0;padding-left:15px;padding-right:15px;min-height:30px}
.letter-box .letter-textbox .site-select .option-wrapper .sites-wrapper ul li,.letter-box .letter-checkbox .site-select .option-wrapper .sites-wrapper ul li{width:25%;font-size:14px;line-height:24px;display:inline-block;cursor:pointer;padding-right:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.letter-box .letter-textbox .site-select .option-wrapper .sites-wrapper ul li.self,.letter-box .letter-checkbox .site-select .option-wrapper .sites-wrapper ul li.self{margin-right:75%}
.letter-box .letter-textbox .site-select .option-wrapper .sites-wrapper ul li:hover,.letter-box .letter-checkbox .site-select .option-wrapper .sites-wrapper ul li:hover{color:#4489ca}
.letter-box .letter-textbox .title-suggestion,.letter-box .letter-checkbox .title-suggestion{display:none;position:absolute;top:32px;left:158px;z-index:9;width:792px;height:270px;border:1px #e0e0e0 solid;background-color:#f1f1f1;overflow-y:auto;overflow-x:hidden}
.letter-box .letter-textbox .title-suggestion .suggestion-item,.letter-box .letter-checkbox .title-suggestion .suggestion-item{display:block;height:32px;padding:0 8px;line-height:32px;font-size:16px;color:#616161;text-decoration:none}
.letter-box .letter-checkbox{margin:0}
.letter-box .letter-checkbox span{vertical-align:middle;line-height:16px;display:inline-block}
.letter-box .letter-checkbox .ipt-checkbox{vertical-align:middle;width:16px;height:16px}
.letter-box .letter-textbox input[type="text"],.letter-box .letter-textbox .input[type="text"],.letter-textbox select,.letter-box .letter-textbox input[type="date"]{height:32px;line-height:32px;border:none;background-color:#f1f1f1;box-sizing:border-box;padding:0 16px;margin:0;outline:none;color:#616161;font-size:16px;width:60%;z-index:100;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
.letter-box .letter-textbox input.disabled,.letter-box .letter-textbox .input.disabled{cursor:not-allowed}
.letter-box .letter-textbox input.long,.letter-box .letter-textbox .input.long,.long select{width:782px}
.letter-box .letter-textbox input.short,.letter-box .letter-textbox .input.short{width:155px}
.letter-box .vericode-loading{position:absolute;top:0;left:340px;width:120px;height:32px;line-height:32px;text-align:center;font-size:14px;cursor:pointer;color:#fff;background-color:#2a6aa7}
.letter-box .vericode-frame{width:120px;height:32px;line-height:32px;text-align:center;font-size:14px;cursor:pointer;clear:both;display:inline}
.letter-box .vericode-frame img{height:32px;max-width:100%;border:1px solid #ddd;width:100px;vertical-align:middle}
.letter-box .vericode-loading{display:none;z-index:10}
.letter-box .letter-content-container{margin:16px 0;position:relative}
.letter-box .letter-content-container .letter-label{height:32px;line-height:32px;width:160px;float:left;font-size:16px;color:#212121}
.letter-box .letter-content-container .letter-label .needed{color:red}
.letter-box .letter-content-container .letter-content{font-family:'Hiragino Sans GB','Microsoft YaHei','微软雅黑';outline:none;border:none;border-top:none;margin:0 auto;min-height:240px;padding:16px 16px 40px;width:790px;color:#616161;font-size:16px;resize:none;background-color:#f1f1f1;box-sizing:border-box;word-break:break-all;overflow:hidden}
.letter-box .letter-content-container .letter-content img{max-width:100%}
.letter-box .letter-content-container .letter-content ul,.letter-box .letter-content-container .letter-content ol{padding:0 20px}
.letter-box .letter-content-container .letter-content *{max-width:100%}
.letter-box .letter-content-container .letter-content table{width:100%}
.letter-box .letter-content-container .letter-content pre{white-space:pre-wrap}
.letter-box .letter-content-container .content-tip{position:absolute;bottom:5px;right:15px;height:30px;line-height:30px;text-align:right;font-size:14px;color:#999}
.letter-box .letter-content-container .content-tip .count{color:#f03939}
.letter-content-box .letter-textbox{float:none}
.submit-btn{margin-top:50px}
.submit-btn a{margin:30px auto;display:block;margin:0 auto;width:180px;height:40px;line-height:40px;text-align:center;font-size:18px;cursor:pointer;color:#fff;background-color:#2a6aa7}
.letter-textbox select{border-radius:0;}
.submit-btn.loading{cursor:not-allowed}
.btn-blue-s{font-weight:400;height:32px}
.el-upload__input{}
.yhzx-top{display:none}
@media only screen and (max-width:770px ){.head-wrap{background:#fff}
.yhzx-top{display:block;width:100%;background:#2a7ed2}
.top{display:none}
.container{width:100%;margin:0 auto}
.suggestion-page{background:#fff;position:relative;min-height:700px;padding-bottom:40px;margin-top: 0}
.letter-box .letter-textbox{width:100%;float:none}
.suggestion-con{padding:15px 10px}
.letter-box .letter-textbox .letter-label,.letter-box .letter-checkbox .letter-label,.letter-box .letter-content-container .letter-label{width:30%}
.bottom{min-width:auto;width:auto}
.suggestion-page{padding:20px;width:100%;box-sizing: 	border-box}
.letter-box .letter-textbox input.long,.letter-box .letter-textbox .input.long,.long select,.letter-box .letter-content-container .letter-content{width:70%;min-height:auto}
.letter-box .letter-textbox input[type="text"],.letter-box .letter-textbox .input[type="text"],.letter-textbox select,.letter-box .letter-textbox input[type="date"]{width:70%}
.btn-blue-s{width:70%;overflow:hidden;}
.letter-box .letter-content-container .letter-content{height:auto !important;min-height:140px;}
/*body{width:auto;min-width:auto !important}*/
.top{min-width:auto}
.header,.navgation ul{}
.bottom_con{width:auto}
.point{display:none}
.letter-box .letter-textbox input[type="text"],.letter-box .letter-textbox .input[type="text"],.letter-textbox select,.letter-box .letter-textbox input[type="date"]{left:28%}
.suggestion-page .page-logo{background-position:0px center !important;background-size:auto 100% !important;font-size:28px;display:none;}
.page-info{margin-top:0}
.letter-box .letter-textbox input.short,.letter-box .letter-textbox .input.short{width:30%}
.letter-box .vericode-frame{left:60%;width:20%}
.separated{display:none}
.FRnav.open{display:none;}
}
.center-box{width:90%;height:80px;margin:0 auto}
.head-wrap .web-name{display:inline-block;margin-right:20px;margin-top:30px}
.center-box img{width:100%}
.letter-box .letter-textbox,.letter-box .letter-checkbox{margin:16px auto}
.letter-box .letter-textbox.long,.letter-box .letter-checkbox.long{width:100%}
.zg20{width:100%;height:290px;}
.zg20 img{height:290px;width:auto!important;margin:0 auto;max-width:100%;}


.FRnav { position: fixed; top: 50%; right: -110px; width: 90px; margin-top: -330px; padding:10px 6px; background: #447CC7; border-radius: 5px;transition:.3s;box-sizing: border-box;}
.FRnav.open { right: 10px;}
.FRnav ul li { position: relative;}
.FRnav ul li > img { display:none; position: absolute; right: 84px; top: 0;}
.FRnav ul li:hover > img { display:block}
.FRnav ul li a { display: block; height: 72px; margin-bottom: 5px; background: #fff; text-align: center;}
.FRnav ul li a i { display: block; width: 34px; height: 45px; margin: 0 auto; background:url(../images/ico-8-1.png) no-repeat;}
.FRnav ul li a i.i1 { background-position: 2px 13px;}
.FRnav ul li a i.i2 { background-position: 2px -36px;}
.FRnav ul li a i.i3 { height: 34px; background-position: 2px -102px}
.FRnav ul li a i.i4 { background-position: 2px -136px;}
.FRnav ul li a i.i5 { background-position: 1px -185px;}
.FRnav ul li a i.i6 { background-position: 2px -231px;}
.FRnav ul li a i.i7 { background-position: 0px -272px;}
.FRnav ul li a i.i8 { background-position: 2px -321px;}
.FRnav ul li a i.i9 { background-position: 0px -368px;}
.FRnav ul li a i.i10 { background-position: 2px -415px;}
.FRnav ul li a:hover,.FRnav ul li a.on { background: #6996D2; color: #fff;}
.FRnav ul li a:hover i.i1,.FRnav ul li a.on i.i1 { background-position: -49px 13px;}
.FRnav ul li a:hover i.i2 { background-position: -49px -36px;}
.FRnav ul li a:hover i.i3 { background-position: -49px -102px}
.FRnav ul li a:hover i.i4 { background-position: -49px -136px;}
.FRnav ul li a:hover i.i5 { background-position: -50px -185px;}
.FRnav ul li a:hover i.i6 { background-position: -51px -231px;}
.FRnav ul li a:hover i.i7 { background-position: -51px -272px;}
.FRnav ul li a:hover i.i8 { background-position: -51px -321px;}
.FRnav ul li a:hover i.i9 { background-position: -51px -368px;}
.FRnav ul li a:hover i.i10 { background-position: -47px -415px;}
.FRnav .HIDBtn {display: block; height: 30px; background:url(../images/ico-8-2.png) no-repeat center 8px;}
.FRnav .SHOWBtn { position: absolute; top: 50%; right: 110px; display: block; width: 32px; height: 138px; margin-top:-70px;background:url(../images/ico-8-3.png) no-repeat center; }
.FRnav.open .SHOWBtn{ right: -50px;}
@media screen and (max-device-width: 900px){.zg20{height:auto;} .zg20 img{height:auto;}}