div#grpLocationArea.newHD{
  width: 100%;/*写给不支持calc()的浏览器*/
  width: calc(100% - 30px);
  width:-moz-calc(100% - 30px);
  width:-webkit-calc(100% - 30px); 
  font-size: 12px;
  margin: 0 auto;
  margin-top: 8px;
}
.newHD .cuebread{
  float: left;
  line-height: 20px;
}
.newHD .language{
  float: right;
}
.newHD .language{
  font-size: 12px;
  vertical-align: middle;
}
.newHD .language a{
  color: #999999;
}
.newHD .language a.active{
  color: #333333;
}
.border-radius{
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.content-wraper{
  max-width: 1200px;
  margin: 0 auto;
  color: #333333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 16px;
}
h1.title{
  font-size: 24px;
  line-height: 30px;
  font-weight: bold;
  margin: 24px 0;
}
.notice{
  width: 100%;
  margin: 0 auto;
}
.notice h2.title{
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
}
.notice{
  line-height: 20px;
}
.notice .notice-list{
  margin-top: 20px;
}
.notice ul li{
  font-size: 20px;
  color: #1D54A7;
}
.notice ul li a{
  font-size: 14px;
}
.search-btn{
  width: 90px;
  height: 44px;
  line-height: 44px;
  background-color: #54822B;
  color: #ffffff;
  outline: none;
  border: none;
  cursor: pointer;
  font-weight: bold;
}
.search-btn:hover{
  background-color: #255500;
}
.search-wraper{
  width: 100%;
  margin-top: 60px;
}
.search-wraper h2.title{
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  padding-bottom: 8px;
}
.search-wraper .search-item{
  width: 100%;
  background-color: #eaeaea;
  padding: 24px;
  border-top: 2px solid #54822B;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.search-wraper .form-group{
  position: relative;
  top: 0;
  left: 0;
  width: 90%;
  margin-right: 16px;
  border: 1px solid #cccccc;
}
.clear-both:after{
  content: "";
  display: block;
  clear: both;
}
.search-wraper .search-control{
  float: left;
  width: 78%;
  height: 44px;
  line-height: 44px;
  -webkit-border-radius: 3px 0px 0px 3px;
  -moz-border-radius: 3px 0px 0px 3px;
  border-radius: 3px 0px 0px 3px;
  border: none;
  outline: none;
  padding-left: 44px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0.8em;
}
input.placeholder:focus::-webkit-input-placeholder {
  color: transparent;
} 
/* Mozilla Firefox 4 to 18 */
input.placeholder:focus:-moz-placeholder {
  color: transparent;
} 
/* Mozilla Firefox 19+ */ 
input.placeholder:focus::-moz-placeholder {
  color: transparent;
}
/* Internet Explorer 10+ */ 
input.placeholder:focus:-ms-input-placeholder {
  color: transparent;
}
.search-icon{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 44px;
  height: 44px;
  background-image: url(../images/search.svg);
  background-position: center center;
  -webkit-background-size: 60% auto;
     -moz-background-size: 60% auto;
       -o-background-size: 60% auto;
          background-size: 60% auto;
  background-repeat: no-repeat;
  opacity: .5;
}
.search-wraper .select-control{
  float: right;
  width: 22%;
  height: 44px;
  line-height: 44px;
  padding: 0 8px;
  border: none;
  outline:none;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  border-left: 1px solid #cccccc;
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  background-image: url(../images/dropdown-arrow-black.svg);
  background-position: 96% center;
  -webkit-background-size: 24px auto;
     -moz-background-size: 24px auto;
       -o-background-size: 24px auto;
          background-size: 24px auto;
  background-repeat: no-repeat;
}
.search-wraper .select-control option{
  height: 28px;
  line-height: 28px;
}
.flex-value{
  -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;         /* OLD - Firefox 19- */
  -webkit-flex: 1;          /* Chrome */
  -ms-flex: 1;              /* IE 10 */
  flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.reference{
  width: 96%;
  min-height: 365px;
  margin: 0 auto;
  margin-top: 24px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 20px;
}
.reference .inner-wraper{
  border: 1px solid #cccccc;
}
.reference .description{
  margin-top: 8px;
  font-size: 12px;
}
.reference .level{
  padding: 16px;
}
.reference .level .level-item{
  position: relative;
  top: 0;
  left: 0;
  line-height: 24px;
  padding: 2px 30px 2px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}
.reference .levelA{
  float: left;
  width: 232px;
  min-height: 365px;
  background-color: #f3f3f3;
}
.reference .levelA .level-item{
  width: 100%;
}
.reference .levelB{
  float: left;
  width: 280px;
}
.reference .levelC{
  position: relative;
  overflow: hidden;
  padding-bottom: 60px;
  border-left: 1px solid #cccccc;
}
.reference .levelC .level-item{
  line-height: 20px;
  padding: 10px 24px;
  border-bottom: 1px dashed #cccccc;
}
.reference .levelC .total{
  position: absolute;
  bottom: 16px;
  left: 48px;
  right: 24px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.reference .levelC .total .desc{
  float: left;
}
.reference .levelC .total .more{
  display: block;
  float: right;
  font-weight: bold;
  font-size: 16px;
}
.right-arrow{
  display: none;
  position: absolute;
  right: 0;
  top: 0;
}
.reference .level .level-item.active{
  font-weight: bold;
}
.reference .level.levelA .level-item.title{
  padding: 0 0 10px;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 8px;
  font-weight: normal;
}
.reference .level.levelA .level-item.title.active{
  font-weight: bold;
}
.reference .level .level-item.active .right-arrow{
  display: inline-block;
}
.reference .level .level-item.title.active .right-arrow{
  margin-top:-4px ;
}
.boxflex{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.flex-wrap{
　-webkit-flex-wrap:wrap;
  -webkit-box-lines:multiple;
  -moz-flex-wrap:wrap;
  flex-wrap:wrap;
}
.justify-between{
  -webkit-justify-content:space-between;
  justify-content:space-between;
  -moz-box-pack:justify;
  -webkit-moz-box-pack: justify;
  -ms-flex-pack: justify;
  box-pack:justify;
}
.justify-content {
	-webkit-justify-content:center;
  justify-content:center;
  -moz-box-pack:center;
  -webkit--moz-box-pack:center;
  -ms-flex-pack: center;
  box-pack:center;
}
.boxAlignCenter{
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.spread-content{
  display: none;
  padding: 16px;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.right-icon{
  display: none;
  width: 30px;
  height: 30px;
  background-image: url(../images/right-arrow.svg);
  background-position: right center;
  -webkit-background-size: 50% auto;
     -moz-background-size: 50% auto;
       -o-background-size: 50% auto;
          background-size: 50% auto;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.var-settings{
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 60px;
  height: 276px;
}
h2.title{
  padding-bottom: 8px;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  border-bottom: 2px solid #54822B;
}
.var-settings .setting-list{
  padding: 8px;
}
.var-settings .setting-item{
  width: 33.33333%;
  height: 114px;
  outline: 1px dashed transparent;
  border-bottom: 2px dashed transparent;
  cursor: pointer;
}
.var-settings .setting-item:hover{
  background-color: #f3f3f3;
}
.var-settings .setting-item .item-link{
  display: block;
  padding: 16px 6px;
  color: #333333 !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.var-settings .setting-item .item-link:hover,.var-settings .setting-item .item-link:link,.var-settings .setting-item .item-link:visited,.var-settings .setting-item .item-link:visited:active{
  text-decoration: none !important;
}
.var-settings .item-icon{
  float: left;
  width: 30px;
  height: 30px;
  background-position: center top;
  -webkit-background-size: 100% auto;
     -moz-background-size: 100% auto;
       -o-background-size: 100% auto;
          background-size: 100% auto;
  background-repeat: no-repeat;
  margin-right: 16px;
}
.icon-common{
  display: inline-block;
  width: 30px;
  height: 30px;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: 70% auto;
     -moz-background-size: 70% auto;
       -o-background-size: 70% auto;
          background-size: 70% auto;
  vertical-align: middle;
}
.person-icon{
  background-image: url(../images/user.svg);
}
.myPage-icon{
  background-image: url(../images/myPage.svg);
}
.point-icon{
  background-image: url(../images/point.svg);
}
.mail-icon{
  background-image: url(../images/mail.svg);
}
.coupon-icon{
  background-image: url(../images/coupon.svg);
}
.comment-icon{
  background-image: url(../images/comment.svg);
}
.phone-icon{
  background-image: url(../images/phone.svg);
}
.grey-chat-icon{
  background-image: url(../images/grey-chat.svg);
}
.help-icon{
  width: 20px;
  height: 20px;
  background-image: url(../images/help.svg);
}
.var-settings .person-details{
  overflow: hidden;
  line-height: 20px;
  font-size: 14px;
}
.var-settings .setting-list .title{
  font-size: 16px;
  font-weight: bold;
  color: #1D54A7;
}
.consult{
  width: 100%;
  padding: 60px 0;
  font-size: 14px;
  line-height: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #cccccc;
}
.column-list{
  width: 100%;
  margin-top: 20px;
}
.consult .column-item{
  width: 60%;
  margin: 0 auto;
}
.consult .column-item h2.title{
  border-bottom: 1px solid #a6a6a6;
  text-align: center;
}
.consult .column-item .top-desc{
  margin: 16px 0;
}
.text-danger{
  color: #D7402E;
}
.consult .column-item .desc-notice{
  text-align: center;
  padding-bottom: 8px;
}
.consult .main{
  width: 100%;
  background-color: #f3f3f3;
  padding: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.consult .main h3.title{
  text-align: center;
  font-weight: bold;
  margin: 8px;
}
.consult .main .button{
  width: 100%;
  padding: 16px;
  background-color: #ffffff;
  margin-bottom: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.consult .main .button .icon-common{
  -webkit-background-size: 90% auto;
     -moz-background-size: 90% auto;
       -o-background-size: 90% auto;
          background-size: 90% auto;
}
.consult .main .button .center-text{
  padding: 0 8px;
}
.consult .main .button .mark-text{
  display: inline-block;
  width: 100px;
  font-weight: 700;
  font-size: 18px;
  padding-right: 4px;
  text-align: right;
  float: right;
}
.consult .btns{
  width: 100%;
  margin: 24px 0;
}
.consult .green-btn{
  display: block;
  width: 70%;
  margin: 4px auto;
  padding: 12px 0;
  background-color: #54822B;
  color: #ffffff !important;
  text-align: center;
  outline: none;
  border: none;
}
.consult a.green-btn:hover,.consult a.green-btn:active,.consult a.green-btn:link,.consult a.green-btn:visited{
  color: #ffffff !important;
  text-decoration: none !important;
}
.consult .green-btn:hover{
  background-color: #255500;
}
.consult .descrition{
  width: 100%;
  text-align: justify;
}
.consult .spread{
  width: 100%;
  margin-top: 24px;
  cursor: pointer;
}
.spread-icon{
  -webkit-background-size: 16px auto;
     -moz-background-size: 16px auto;
       -o-background-size: 16px auto;
          background-size: 16px auto;
  background-image: url(../images/dropdown-collapse.svg);
  cursor: pointer;
}
.chat-floating{
  position: fixed;
  top: 70%;
  right: 0;
  padding: 16px;
  color: #54822B;
  border: 1px solid #54822B;
  border-right: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,.2);
     -moz-box-shadow: 0 0 4px rgba(0,0,0,.2);
          box-shadow: 0 0 4px rgba(0,0,0,.2);
}

.collapse-icon{
  transform: translateX(-50%);
  -ms-transform: scaleY(-1);
  -moz-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  -o-transform: scaleY(-1);
}
.icon-chat{
  width: 45px;
  height: 45px;
  -webkit-background-size: 100% auto;
     -moz-background-size: 100% auto;
       -o-background-size: 100% auto;
          background-size: 100% auto;
  background-image: url(../images/chat.svg);
  margin-right:16px;
}
.chat-floating .chat-text{
  width: 100px;
  text-align: justify;
}
.chat-floating .chat{
  color: #54822B !important;
  font-weight: bold;
}
.chat-floating a.chat:link,.chat-floating a.chat:visited,.chat-floating a.chat:active,.chat-floating a.chat:hover{
  color: #54822B !important;
  text-decoration: none;
}
.content-wraper.search-area h1.title{
  margin: 32px 0;
}
.content-wraper.search-area .search-wraper{
  margin-top: 0;
}
.search-area .result-wraper{
  width: 100%;
  margin: 0 auto;
  margin-top: 32px;
  font-size: 14px;
  line-height: 20px;
  padding: 0 16px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.search-area .result-wraper h3.title{
  height: 44px;
  line-height: 44px;
  border-top: 2px solid #54822B;
  background-color: #F3F3F3;
  font-weight: normal;
  font-size: 14px;
}
.search-area .result-wraper .search-result{
  width: 100%;
}
.search-area .result-wraper .search-result-list{
  width: 100%;
}
.search-area .result-wraper .search-result-item{
  width: 100%;
  padding: 12px 0;
  border-bottom: 1px solid #cccccc;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  text-align: justify;
}
.search-area .result-wraper .search-result-item a{
  width: 872px;
  display: inline-block;
}
.icon-prev{
  width: 35px;
  height: 35px;
  background-image: url(../images/right-arrow-green.svg);
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  border: 1px solid #54822B;
  -webkit-transform: scaleX(-1);
     -moz-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
       -o-transform: scaleX(-1);
          transform: scaleX(-1);
  cursor: pointer;
}
.icon-next{
  width: 35px;
  height: 35px;
  background-image: url(../images/right-arrow-green.svg);
  border: 1px solid #54822B;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  cursor: pointer;
}
.search-area .pagenation {
  margin: 16px 0;
}
.search-area .pagenation ul{
  margin: 0 4px;
}
.search-area .pagenation li{
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border: 1px solid #54822B;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  color: #54822B;
  margin: 0 4px;
  cursor: pointer;
}
.search-area .pagenation li.active{
  background-color: #54822B;
  color: #ffffff;
}
.search-area .summarize{
  text-align: center;
}
.search-area .thoer-read-wraper{
  padding: 0;
  margin-bottom: 60px;
}
.search-area .result-wraper.thoer-read-wraper .search-result{
  padding: 16px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.btn-common{
  width: 280px;
  height: 44px;
  line-height: 42px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  border: 1px solid #54822B;
  color: #54822B;
  background-color: #ffffff;
  font-weight: bold;
  outline: none;
  cursor: pointer;
}
.btn-common:hover{
  background-color: #255500;
  border-color: transparent;
  color: #ffffff;
}
.btn-back{
  float: right;
  margin-right: 16px;
}
.content-wraper.qa-area h1.title{
  margin: 32px 0;
}
.qa-area .qa-wraper{
  width: 100%;
  border-top: 2px solid #54822B;
}
.qa-area .qa-group{
  width: 100%;
  font-size: 14px;
  line-height: 20px;
}
.qa-area .qa-group .question{
  width: 100%;
  height: 60px;
  padding: 8px 0;
  padding-left: 16px;
  background-color: #f3f3f3;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 16px;
  font-weight: bold;
}
.qa-area .qa-group .title{
  display: inline-block;
  width: 60px;
  height: 44px;
  line-height: 44px;
  border-right: 1px solid #cccccc;
  text-align: center;
}
.qa-area .qa-group .answer{
  width: 100%;
  padding: 8px 0;
  padding-left: 16px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.qa-area .qa-group .answer .title{
  float: left;
  border-right: none;
  font-weight: bold;
  font-size: 16px;
}
.qa-area .qa-group .answer .answer-text{
  min-height: 180px;
  padding: 16px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  border-left: 1px solid #cccccc;
}
.qa-area .resolve-report-wraper{
  width: 100%;
}
.qa-area .resolve-report{
  width: 100%;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  background-color: #F3F3F3;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding-bottom: 70px;
}
.qa-area .resolve-report h3.title{
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  padding: 38px 0;
}
.qa-area .resolve-report .btn-selectors{
  width: 780px;
  margin: 0 auto;
}
.qa-area .resolve-report .btn-selectors.resolve-no{
  display: none;
}
.qa-area .resolve-report .btn-selectors .explanation{
  text-align: center;
  font-size: 14px;
  line-height: 20px;
}
.qa-area .resolve-report .btn-selectors a{
  display: block;
}
.qa-area .resolve-report .btn-selectors .btn-resolve{
  position: relative;
  top: 0;
  left: 0;
  z-index: 9;
  width: 379px;
  height: 70px;
  padding-left: 45px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  text-align: left;
  -webkit-box-shadow: 3px 3px 4px #cccccc;
     -moz-box-shadow: 3px 3px 4px #cccccc;
          box-shadow: 3px 3px 4px #cccccc;
  font-size: 16px;
  line-height: 20px;
  outline: none;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.qa-area .resolve-report .btn-selectors .btn-resolve .icon-common{
  position: absolute;
  top: 0;
  left: 8px;
  height: 68px;
}
.btn-correct{
  color: #333333;
  border-color: #D7402E;
  background-color: #ffffff;
}
.btn-error{
  color: #333333;
  border-color: #1D54A7;
  background-color: #ffffff;
}
.btn-correct:hover{
  background-color: #D7402E;
  border-color: transparent;
  color: #ffffff;
}
.btn-error:hover{
  background-color: #1D54A7;
  color: #ffffff;
  border-color: transparent;
}
.qa-area .resolve-report-wraper .report-btn{
  float: right;
  width: 198px;
  margin: 24px;
}
.marg-l-8{
  margin-left: 8px;
}
.marg-l-16{
  margin-left: 16px;
}
.marg-l-24{
  margin-left: 24px;
}
.marg-l-4{
  margin-left: 4px;
}
.marg-r-4{
  margin-right: 4px;
}
.marg-r-8{
  margin-right: 8px;
}
.marg-r-16{
  margin-right: 16px;
}
.marg-r-24{
  margin-right: 24px;
}
.marg-t-4{
  margin-top: 4px;
}
.marg-t-8{
  margin-top: 8px;
}
.marg-t-16{
  margin-top: 16px;
}
.marg-t-24{
  margin-top: 24px;
}
.marg-b-4{
  margin-bottom: 4px;
}
.marg-b-8{
  margin-bottom: 8px;
}
.marg-b-16{
  margin-bottom: 16px;
}
.marg-b-24{
  margin-bottom: 24px;
}
.pad-l-4{
  padding-left: 4px;
}
.pad-l-8{
  padding-left: 8px;
}
.pad-l-16{
  padding-left: 16px
}
.pad-l-24{
  padding-left: 24px;
}
.pad-r-4{
  padding-right: 4px;
}
.pad-r-8{
  padding-right: 8px;
}
.pad-r-16{
  padding-right: 16px;
}
.pad-r-24{
  padding-right: 24px;
}
.order-area .question-wraper{
  width: 100%;
}
.order-area .question-wraper .question-item{
  width: 100%;
  font-size: 14px;
  line-height: 20px;
}
.order-area .question-wraper .question-item .question-type li{
  height: 32px;
  line-height: 32px;
}
.right{
  float: right;
}
.left{
  float: left;
}
.order-area .question-wraper .question-item h3.title{
  font-size: 18px;
  line-height: 22px;
}
.order-area .question-wraper .question-item .question-type{
  padding: 16px;
  background-color: #f3f3f3;
}
.order-area .question-wraper .question-item .question-type .link-to{
  height: 30px;
  line-height: 30px;
}
.order-area .question-wraper .form-group label{
  display: block;
  font-weight: bold;
}
.order-area .question-wraper .form-control{
  height: 44px;
  line-height: 44px;
  outline: none;
  border: 1px solid #cccccc;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  background-color: #ffffff;
  padding: 0 8px;
}
.order-area .question-wraper .question-item .question-type .form-group .relative input:focus ~ .that-tips{
  display: block;
}
.that-tips{
  display: none;
  position: absolute;
  bottom: 0;
  left: 610px;
  width: 210px;           
  padding: 8px;
  font-size: 12px;
  line-height: 18px;
  background-color: #ffffcf;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}
.relative{
  position: relative;
  top: 0;
  left: 0;
}
.order-area .question-wraper .form-control.area-control{
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  height: 138px;
  resize:none;
}
.wid-300{
  width: 300px;
}
.wid-608{
  width: 608px;
}
.wid-610{
  width: 610px;
}
.send-messages{
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 16px;
  margin-bottom: 60px;
}
.send-messages .btn-active{
  background-color: #54822B;
  color: #ffffff;
  font-weight: bold;
  border-color: transparent;
}
.send-messages .btn-active:hover{
  border: 1px solid #54822B;
  background-color: #255500;
  color: #ffffff;
}
.thank-area .thank-desc{
  font-size: 14px;
  line-height: 20px;
}
.thank-area .thank-desc span{
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  margin: 56px 0 16px;
  display: block;
}
.thank-area .thank-btn{
  display: inline-block;
  margin-top: 200px;
  margin-bottom: 100px;
}
.select-free{
  padding: 0 8px;
  border: none;
  outline: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-image: url(../images/dropdown-arrow-black.svg);
  background-position: 96% center;
  -webkit-background-size: 24px auto;
  -moz-background-size: 24px auto;
  -o-background-size: 24px auto;
  background-size: 24px auto;
  background-repeat: no-repeat;
}
.icon-correct{
  background-image: url(../images/ellipse.svg);
}
.icon-error{
  background-image: url(../images/error.svg);
}
.marg-r-80{
  margin-right: 80px;
}
.surveyBox {background-color: #ffffff; padding: 16px 8px;}
#survey { width: 100%; height: 230px;}

.conTable { width: 100%; box-sizing: border-box; margin: 16px 0; font-size: 13px;}
.conTable tr { border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
.conTable tr td { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; text-align: center; padding: 4px 0}
.conTable .con2tlt { font-weight: bold; font-size: 14px; background-color: rgba(217,217,217,1)}
.mask

{ display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, .8); z-index: 999; }
.p-co-box

{ position: absolute; top: 50%; left: 50%; width: 520px; background-color: #ffffff; transform: translate(-50%, -50%); z-index: 999; box-sizing: border-box; }
.p-co-title span

{ display: inline-block; vertical-align: middle; }
.p-co-title

{ width: 100%; height: 56px; line-height: 56px; color: #ffffff; font-size: 20px; background-color: #767676; box-sizing: border-box; }
.icon-close

{ width: 24px; height: 24px; margin: 0 16px; background-image: url(../images/close.svg); background-size: 100% auto; }
.p-co .icon-close

{ cursor: pointer; }
.p-co

{ width: 100%; padding: 16px 24px; box-sizing: border-box; font-size: 14px; line-height: 20px; }
.consult .main .button div

{ width: 100%; }
.consult .main .button .btns

{ width: 100%; margin: 0; }
.consult .main .button .btns .green-btn

{ width: 100%; line-height: normal; }

.rn_AnswerFeedback{ text-align:center; line-height:20px;}