/************************************************************************
*************************************************************************
*************************************************************************
=========================================================================
* @ description: 我要留言页面
* @ author: kennen
* @ update: kennen(2017.06.01)
=========================================================================
*************************************************************************
*************************************************************************
*************************************************************************/

/***************************************
* name: mainer
* tips: 主体
****************************************/
.mainer{background:#f2f2f2;}
.screen1210 .messagePage .message-left{width:900px;}
.screen1210 .messagePage .message-right{width:280px;}
.screen1000 .messagePage .message-left{width:690px;}
.screen1000 .messagePage .message-right{width:280px;}

/***************************************
* name: messagePage
* tips: 我要留言
****************************************/
/*.messagePage{padding:120px 0 50px 0;background-repeat:no-repeat;background-position:center top;}*/
.messagePage .wrapper{*zoom:1}
.messagePage .wrapper:after{display:block;height:0;line-height:0;clear:both;visibility:hidden;content:'\0020';}
.messagePage .message-left{width:1130px;background:#fff; margin:0 auto;}
.messagePage .message-right{float:right;width:280px;background:#fff;}

/***************************************
* name: comProblem
* tips: 常见问题
****************************************/
.comProblem{padding:20px;min-height:745px;}
.comProblem .row-head{margin-bottom:30px;}
.comProblem .row-head .title{font-size:18px;color:#333;}
.comProblem .problemItem{margin-bottom:40px;}
.comProblem .problemItem .title{font-size:15px;color:#333;line-height:24px;margin-bottom:5px;}
.comProblem .problemItem .desition{font-size:14px;color:#757575;line-height:24px;}

/***************************************
* name: messageGroups
* tips: 在线留言
****************************************/
.messageGroups .row-head{padding:25px 50px;border-bottom:1px solid #e5e5e5;}
.messageGroups .row-head .title{font-size:18px;color:#333;}
.messageGroups .formGroups{padding:25px 50px;}
.messageGroups .formGroups .inputGroup{border:none;}
.messageGroups .formGroups .inputGroup .inputTxt{height:44px;line-height:44px;width:100%;border:1px solid #e5e5e5;font-size:15px;border-radius:0;}
.messageGroups .formGroups .inputGroup .inputTxt.error{border-color:#ff1800;}
.messageGroups .formGroups .dataItem .label{line-height:45px;font-size:16px;color:#666;}
.messageGroups .formGroups .errorTips{display:none;top:47px;}
.messageGroups .formGroups .errorTips.on{display:block;}
.messageGroups .dataItem-hope{margin-bottom:5px;}
.messageGroups .dataItem-hope .selectHopes{padding-top:15px;}
.messageGroups .dataItem-hope .selectHopes .checkGroup{margin-right:10px;margin-bottom:10px;}
.messageGroups .dataItem-hope .selectHopes .radioItem{margin-right:7px;margin-bottom:10px;}
.messageGroups .dataItem-hope .selectHopes .radioItem .tips{font-size:15px;color:#666;}
.messageGroups .dataItem-message .textareaContaienr{padding:10px;border:1px solid #dedede;}
.messageGroups .dataItem-message .textareaContaienr.error{border-color:#ff1800;}
.messageGroups .dataItem-message .textareaContaienr .textarea{border:none;padding:0;font-size:15px;}
.messageGroups .dataItem-message .textareaContaienr .limitNumber{display:block;text-align:right;color:#bbb;font-size:14px;padding-top:10px;}
.messageGroups .dataItem-message .errorTips{top:150px;}
.messageGroups .dataItem-submit .btn{width:185px;height:45px;line-height:45px;font-size:18px;border-radius:0;}
.messageGroups .dataItem-code{position:relative;z-index:0;}
.messageGroups .dataItem-code .codeImg{position:absolute;left:315px;top:0;}
.messageGroups .dataItem-code .codeImg .img{width:144px;height:44px;}
.messageGroups .dataItem-code .codeBtn{position:absolute;left:470px;top:10px;cursor:pointer;}
.messageGroups .dataItem-code .inputGroup .inputTxt{width:190px;}

/***************************************
* name: alertSubmitSuccess
* tips: 提交成功弹窗
****************************************/
.alertSubmitSuccess{width:450px;padding:20px;background:#fff;text-align:center;}
.alertSubmitSuccess .title{font-size:24px;color:#333;font-weight:bold;padding:20px 0;}
.alertSubmitSuccess .desition{font-size:18px;color:#666;margin-bottom:10px;}
.alertSubmitSuccess .countdownTime{font-size:18px;color:#666;}
.alertSubmitSuccess .countdownTime .unit{color:#11a7c2;}
.alertSubmitSuccess .countdownTime .number{color:#11a7c2;}