@charset "utf-8";

/*
 *login
 */

.official-url { margin-top: 10px; margin-left: 10px;}
.official-url li { float: left;}
.official-url a { padding: 0 10px; color: #222;}
.official-url a:hover { color: #4cc2ea;}
.login-header { width: 900px; height: 45px; margin: 100px auto 20px;}
.login-box { width: 900px; margin: 0 auto;}
.login-bg {width: 976px; height: 482px; margin-left: -76px; background: url(img/login-bg.png) no-repeat;}
.cot_left { width: 430px;}
.cot_left p { font-size: 16px; line-height: 30px; text-align: left;}
.cot_left a { color: #4cc2ea;}

.cot_right { width: 315px; float: right; margin-right: 30px;}
.cot form { width: 100%;}
.form_box li{ font-size:16px;}
.form_box .error{ background-color:#FFE1C4; border:1px solid #c6c6c6; border-radius:4px; font-size:14px; padding:5px 10px; color:#ae0c03;}
.ipt_box{width: 100%; height:50px; border:1px solid #bbb; line-height:50px; background-color: #fff; margin-top: 20px;}
.ipt_box .t_ipt{ border:none; height:48px; line-height:48px; width:100%; font-size:16px; text-indent: 10px; margin:0; background: none;}
.btn_green{ height:50px; line-height:50px; width:100%; background-color:#1CB2A7; border:none; font-size:20px; color:#fff; cursor:pointer; display:block; text-align:center; margin:0 auto;}
.btn_gray{ background-color:#c6c6c6; color:#333;}
.btn_green:hover,.btn_green:visited{ color:#fff;}

.form-box-apply { margin: 0 auto;}
.btn-green-submit { margin-top: 20px;}
.form_box p { font-size: 14px;}

.btn_08 {
    display: block;
    width: 200px;
    height: 50px;
    margin-top: 1em;
    line-height: 50px;
    font-size: 16px;
    color: #fff;
    background-color: #2c9ed5;
}

.mima,.other {
    padding: 10px 0;
    text-align: left;
}
/*
 *系统公告
 */

.right-title-announcement { width: auto; padding: 0 15px;}

.right-content .right-content-title-xtgg { border-bottom: 2px solid #fff;}

.announcement-list { margin-bottom: 20px;}

.announcement-list p {
  /* Typography */
  text-align: left;
  text-indent: 2em;
  line-height: 3em;

  /* Visual */
  border-bottom: 1px solid #fff;
}

.announcement-list span {
  float: right;
  padding-right: 2em;
}

.right-content ol {
  /* Box-model */
  margin-bottom: 100px;

  /* Typography */
  text-align: left;
  text-indent: 2em;
  line-height: 2em;
  color: #bbb;
}

.personal-service-box {
  position: absolute;
  right: 0;

  width: 30%;
  min-width: 250px;
  /*height: 98%;*/
  margin-top: 10px;

  border: 1px solid #e7e8ed;
}

.personal-service-box a {
    display: block;
    padding: 10px 0;
    margin-bottom: 10px;
    background-color: #1cb2a7;
    text-align: center;
    color: #fff;
}

.personal-info {
  width: 100%;
  height: 110px;

  background-color: #2c9ed5;
}

.personal-info img {
  width: 110px;
  height: 110px;
  float: left;
  margin-right: 20px;
}

.personal-info-name {
  min-width: 60%;
}

.personal-info-name h1 {
  padding-top: 20px;

  font-size: 18px;
  word-wrap: break-word;
  word-break: break-all;
  text-align: left;
  font-weight: normal;
  color: #fff;
}

.personal-info-name a {
  display: block;
  width: 20px;
  /*height: 20px;*/
  float: right;
  margin-right: 10px;

  background: url(img/edit.gif);
}

.search-box {
  width: 90%;
  margin: 20px auto;
}

.search-box input {
 width: 75%;
 height: 30px;
 float: left;

 border: 1px solid #e7e8ed;
}

.search-box button {
  width: 20%;
  height: 30px;
  float: right;

  line-height: 30px;
  color: #fff;
  
  background-color: #2ed789;
  border: 0;
}

.new-feedback-list {
  width: 90%;
  margin: 0 auto;
}

.new-feedback-list img {
  width: 56px;
  height: 56px;
  float: left;
  margin-right: 20px;
}

.new-feedback-list p{
  text-align: left;
}

.new-feedback-list span,
.new-feedback-list a { float: right;}

.new-feedback-list a { color: #363636;}

.new-feedback-info {
  width: 75%;
  float: left;
}

.new-feedback-info p { color: #363636;}

.new-feedback-info .reply-content {
  margin-top: 10px;

  color: #939393;
}

.new-feedback-title {
  display: block;
  margin-bottom: 20px;
  padding-bottom: 10px;

  border-bottom: 1px solid #e7e8ed;
}

.dialog-ico {
  display: block;
  width: 32px;
  height: 28px;
  float: left;
  margin-right: 10px;

  background: url(img/feedback.gif);
}

/*
 *消息推送
 *
 *发送信息
 */

.function-content-box h4 { color: #363636;}

.function-content-box p { text-align: left;}

.function-content-box .statement { line-height: 3em;}

.message-box {
  /* Box-model */
  width: 100%;

  /* Typography */
  color: #363636;

  /* Visual */
  border: 1px solid #bbb;
}

.message-box ul {
  /* Box-model */
  height: 30px;

  /* Visual */
  border-bottom: 1px solid #bbb;         
  background-color: #efefef;
}

.message-box li { float: left;}

.message-box li a {
  /* Box-model */
  padding-left: 10px;
  padding-right: 20px;

  /* Typography */
  line-height: 30px;
  color: #363636;
}

.message-box p {
  /* Box-model */
  padding-right: 10px;

  /* Typography */
  text-align: right;
  line-height: 2em;
}

.message-text-box {
  min-height: 135px;
  max-height: 300px;
  overflow-y: scroll;
}

/*
 *已发送
 */

.function-content-box h4 a {
  /* Box-model */
  float: right;

  /* Typography */
  font-weight: normal;
}

.message-sent-box {
  /* Box-model */
  padding: 10px 0;

  /* Typography */
  text-align: left;
}

.message-sent-box img {
  width: 115px;
  height: 55px;
}

.message-sent-target { padding-top: 10px;}

.message-sent-target a {
  /* Box-model */
  float: right;

  /* Typography */
  color: #363636;
}

.file-box {
  /* Box-model */
  width: 180px;
  height: 45px;

  /* Visual */
  background-color: #efefef;
}

.right-title-messagesent { width: 118px;}

/*
 *素材管理
 */

.material {
  width: 278px;
  margin: 0 auto;
}

.material-left-box {
  width: 25%;
  float: left;
  margin-right: 10px;
}


.material-right-box {
  float: right;
  margin-left: 10px;
}

.add-material-box {
  /* Positioning */
  position: relative;

  /* Box-model */
  width: 100%;
  height: 143px;
  margin-bottom: 10px;

  /* Visual */
  background: url(img/create-material.png) no-repeat 50% 45px;
  background-color: #efefef;
  border: 1px solid #bbb;
}

.add-material-link {
  /* Positioning */
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;

  /* Box-model */
  display: none;
  width: 278px;
  width: 100%;
  height: 143px;

  /* Visual */
  background-color: #bbb;
}

.single-and-more {
  width: 198px;
  margin: 0 auto;
  margin-top: 27px;
}

.add-single-box,
.add-more-box {
  width: 70px;
  float: left;
}

.add-single-box { margin-right: 58px;}

.add-single {
  /* Box-model */
  display: block;
  width: 47px;
  height: 68px;
  margin: 0 auto;

  /* Visual */
  background: url(img/single-material.png) no-repeat 6px 5px; 
}

.add-more {
  /* Box-model */
  display: block;
  width: 47px;
  height: 68px;
  margin: 0 auto;

  /* Visual */
  background: url(img/more-material.png) no-repeat;
}

.material-box {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;

  border: 1px solid #bbb;
}

.material-box p { text-indent: 10px;}

.material-box-info { padding: 10px;}

.material-cover {
  /* Posioning */
  position: relative;

  /* Box-model */
  width: 100%;
}

.material-cover img { width: 100%;}

.material-cover h4 {
  /* Posioning */
  position: absolute;
  left: 0;
  bottom: 0;

  /* Box-model */
  display: block;
  width: 100%;
  height: 30px;
  
  /* Typography */
  text-indent: 10px;
  line-height: 30px;
  font-weight: normal;
  color: #fff;

  /* Visual */
  background-color: #000;

  /* Misc */
  filter: alpha(Opacity=60);
  -moz-opacity: 0.6; 
  opacity:0.6;
}

.material-box-info li { margin-top: 10px;}

.material-box-info li img {
  /* Box-model */
  width: 58px;
  height: 58px;
  float: left;
  margin-right: 10px;

  /* Visual */
  border: 1px solid #bbb;
}

.material-box-info li h5 {
  /* Box-model */
  padding-top: 10px;

  /* Typography */
  font-weight: normal;
}

.material-box-operate .edit {
  display: block;
  width: 33%;
  height: 30px;
  float: left;

  text-align: center;
  line-height: 30px;
  color: #fff;

  /*background: url(img/edit.png) no-repeat 59px 6px;*/
  background-color: #4a688a;
  border-right: 1px solid #efefef;
}

.material-box-operate .delete {
  display: block;
  width: 33%;
  height: 30px;
  float: left;

  text-align: center;
  line-height: 30px;
  color: #fff;

  /*background: url(img/delete.png) no-repeat 59px 6px;*/
  background-color: #4a688a;
}

.message-send-box {
  position: absolute;
  top: 10px;

  display: none;
  width: 100%;

  color: #fff;

  background-color: #000;

  filter: alpha(Opacity=90);
  -moz-opacity: 0.9; 
  opacity:0.9;
}

.message-send-box .add-account { width: auto;}

.message-send-box li { margin-bottom: 10px;}

.message-send-box select {
  width: 100%;
  height: 30px;

  line-height: 30px;
}

.send-button { margin-bottom: 20px;}

.send-button a {
  width: 50%;
  margin: 15px auto;
}

/*
 *素材管理
 *
 *图文消息
 */

.material-edit-box {
  width: 70%;
  float: left;
  margin-top: 10px;
}

.material-edit-form {
  /* Box-model */
  margin-left: 8px;
  padding: 10px;

  /* Visual */
  border: 1px solid #bbb;
}

.material-edit-form li {
  color: #363636;
}

.material-edit-form span { color: #bbb;}

.material-edit-form a { color: #bb2a23;}

.material-edit-form textarea {
  width: 100%;
  margin-bottom: 7px;
}

.material-edit-form input {
  /* Box-model */
  width: 100%;
  height: 33px;
  margin-bottom: 7px;

  /* Typography */
  line-height: 33px;

  /* Visual */
  border: 1px solid #bbb;
}

.material-edit-form .main-text { margin-top: 7px;}

.material-box-content .add-more-imagetext {
  display: block;
  width: 100%;
  height: 80px;

  text-align: center;
  line-height: 80px;

  background-color: #efefef;
}

#add-summary,
#add-material-link-box { display: none;}

/*
 *素材管理
 *
 *语音
 */

.function-content-box .info-component-voice { padding: 0;}

.voice-table td { border-top: 1px solid #bbb;}

.voice-mid-td { text-align: center;}

.voice-right-td { text-align: right;}

.voice-table img {
  width: 56px;
  height: 56px;
  float: left;
  margin-top: 10px;
  margin-right: 10px;
}

.voice-table h5 {
  /* Box-model */
  float: left;

  /* Typography */
  line-height: 76px;
}

/*
 *用户反馈
 */

.right-content .feedback-content-title {
  /* Box-model */
  padding: 5px;

  /* Visual */
  background-color: #efefef;
  border: 0;
}

.feedback-list { margin-top: 10px;}

.feedback-list li { padding-bottom: 10px;}

.feedback-list .portrait-detail {
  float: left;
  margin-right: 20px;
}

.feedback-list .portrait-detail ul {
  float: none;
  margin: 0;
}

.feedback-list .portrait-detail li {
  /* Box-model */
  float: none;
  margin: 0;

  /* Typography */
  text-align: left;
}

.feedback-list .portrait-detail img {
  width: 56px;
  height: 56px;
}

.feedback-list ul {
  float: right;
  margin-top: 20px;
}

.feedback-list ul li {
  /* Box-model */
  float: left;
  margin-left: 20px;
  padding-bottom: 0;

  /* Typography */
  text-align: right;
}

.feedback-list-info {
  /* Box-model */
  float: left;

  /* Typography */
  text-align: left;
  color: #363636;
}

.feedback-list-info span {
  /* Box-model */
  padding-left: 20px;

  /* Typography */
  color: #bbb;
}

.right-title-feedback { width: 110px;}

.feedback-reply {
  /* Box-model */
  display: none;
  width: 580px;
  margin: 0 auto;
  margin-bottom: 10px;

  /* Visual */
  border: 1px solid #bbb;
}

.feedback-reply-textarea {
  height: 100px;
  overflow-y: scroll;
}

.reply-operate {
  /* Box-model */
  padding: 5px;

  /* Visual */
  background-color: #efefef;
  border-top: 1px solid #bbb;
}

.reply-operate label {
  /* Box-model */
  display: block;
  width: 29px;
  height: 29px;
  float: left;
  margin-top: 3px;

  /* Visual */
  background: url(img/expression.gif);
}

/*
 *粉丝团
 */

.sub-right-content .user-tab {
  width: 80%;
  float: left;
  margin-right: 20px;
}

.sub-right-content .user-tab select {
  width: 130px;
  height: 30px;
}

.sub-right-content .user-tab label {
  display: block;
  width: 130px;
  height: 30px;

  background: url(img/edit-bzm.png) no-repeat 0 5px;
}

.edit-bzm-box { text-align: left;}

.edit-bzm-box input {
  display: none;
  width: 125px;
  height: 30px;
  padding-left: 5px;
  
  border: 1px solid #bbb;
}

.user-tab .select-all td {
  padding: 0;
  padding-top:1em;
  border: 0;
}

.select-all-title {
  text-align: left;
  color: #bb2a23;
}

.user_manage{ 
  width:17%;
  float: right;

  border:1px solid #bbb; 
  text-align: left;
}

.user_manage dt{ 
  height:35px; 
  line-height:35px; 
  border-bottom:1px solid #bbb; 
  background-color:#efefef; 
  text-align:center;
}

.user_manage dt span{ color:#363636;}

.user_manage dd{ 
  border-bottom:1px solid #bbb;
  line-height: 35px;
  padding:0 20px;}

.user_manage dd .link{ color:#717171;}

.user_manage dd .edit_case{ padding:5px 0;}

.edit_case .ipt_create{ 
  margin-left:0; 
  width:60%;
}

.user_manage dd .operate a{ margin-left:6px;}


.ipt_create{ 
  width:110px; 
  height:23px; 
  padding:3px 5px; 
}

.user_manage .group-create-box{ 
  height: 35px;
  margin-top:30px; 
  background-color:#efefef; 
  border-top: 1px solid #bbb;
}

.ico_add{
  display: block;
  background: url(img/group-creat.png); 
  width:15px; 
  height:15px;
  margin-right:5px;
  margin-top: 2px;
  float: left;
}

.create-link {
  display: block;
  width: 60px;
  height: 20px;
  float: left;

  line-height: 20px;
  text-align: center;
  color: #fff;

  background-color: #4a688a;
}

.create-link:hover { text-decoration: none;}

.create {
  
  margin: 7px auto 0;
}

/*
 *客户
 */

.right-title-client {  width: 30px;}

.right-title-specify { width: 165px;}

.edit-bzm { margin: 0 auto;}

.edit-bzm span {
  line-height: 56px;
}

.edit-bzm label {
  /* Box-model */
  display: block;
  width: 28px;
  height: 24px;
  float: right;
  margin-top: 14px;
  margin-left: 10px;

  /* Visual */
  background: url(img/edit-bzm.png) no-repeat;
}

.management-table td { text-align: center;}

.management-table .technician-detail { display: none;}

.management-table .technician-detail td { text-align: left;}

.management-table .technician-detil td { color: #717171;}

/*
 *提醒管理
 */

.sub-right-content .remind-search { margin: 10px 0;}

.remind-operate select {
  width: 130px;
  height: 30px;
  float: left;
}

.remind-operate input { margin-left: 10px;}

.time-selected {
  float: left;
}

.time-selected div{
  display: inline-block;
  border: 1px solid #bbb;
  height: 28px;
  line-height: 28px;
}

.time-selected input {
  /* Box-model */
  width: 100px;
  height: 28px;
  margin-left: 0;

  /* Typography */
  text-align: center;
  border: 0px;
}

.right-operate .short-button {
  float: left;
  margin-left: 10px;
}

/*
 *设备管理
 */

.right-title-technician { width: auto;}

.maintenance-info-box h3 { margin-bottom: 10px;}

.technician-detail-box { margin-left: 30px;}

.technician-detail-box ul { margin-bottom: 10px;}
.attestation{
  color: #888888;
  line-height: 35px;
}
.technician-detail-box li {
  float: left;
  margin-right: 10px;
}

.technician-detail-box li img { margin-right: 0;}

.diagnosis-record-box { padding: 10px 0;}

.diagnosis-record-box h3 {
  /* Box-model */
  display: block;
  height: 30px;
  padding-left: 10px;

  /* Typography */
  line-height: 30px;
  text-align: left;
  font-weight: normal;

  /* Visual */
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
  border-top: 1px solid #bbb;
  background: #efefef;
}

.diagnosis-record-tab {
  /* Box-model */
  width: 100%;
  margin-bottom: 10px;

  /* Visual */
  border-left: 1px solid #bbb;
  border-top: 1px solid #bbb;
}

.diagnosis-record-tab th,
.diagnosis-record-tab td {
  /* Box-model */
  height: 30px;

  /* Typography */
  line-height: 30px;

  /* Visual */
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
}

.diagnosis-record-tab th { font-weight: normal;}

.diagnosis-record-tab .star { margin-left: 37px;}

/*
 *维修保养圈
 */

.right-title-maintenance { width: 70px;}

.maintenance-title-operate { float: right;}
.maintenance-content-box {
    margin-bottom: 50px;
}
.maintenance-info-box {
  /* Box-model */
  padding: 10px 0;

  /* Typography */
  text-align: left;
  color: #363636;
}

.maintenance-info-box img {
  width: 56px;
  height: 56px;
  margin-right: 10px;
}

.maintenance-info-box p {
  line-height: 2em;
}

.maintenance-basic-info .maintenance-info-operate { float: right;}

.maintenance-info-operate a {
  /* Positioning */
  position: relative;

  /* Box-model */
  display: block;
  width: 128px;
  height: 30px;
  float: left;

  /* Typography */
  line-height: 30px;
  text-align: center;
}

.maintenance-quoted {
  /* Positioning */
  position: absolute;
  top: 40px;
  right: 0;
  z-index: 9;
  /* Box-model */
  display: none;
  width: 148px;
  height: 160px;
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
  border: 1px solid #aaaaaa;
  background-color: #fff;
  /* Typography */
  color: #363636;

  /* Visual */
  /*background: url(img/quoted-bg.png) no-repeat;*/
}

.maintenance-basic-info li { float: left;}

.maintenance-basic-info input {
  float: left;
  margin-left: 10px;
}

.maintenance-basic-info a { margin-left: 10px;}

.maintenance-basic-info span {
  /* Box-model */
  float: left;

  /* Typography */
  line-height: 22px;
}

.maintenance-basic-info .star {
  float: left;
  margin-left: 10px;
}

.maintenance-info { margin-top: 10px;}

.maintenance-info img { float: left;}

.maintenance-info-text {
  width: 92%;
  float: left;
}

.maintenance-info-images { margin: 10px 0;}

.maintenance-reply-list {
  /* Box-model */
  margin-top: 10px;
  padding: 0 10px;

  /* Visual */
  border: 1px solid #bbb;
}

.maintenance-reply-list p { line-height: 3em;}

.evaluate-reply { color: #717171;}

.evaluate-reply span { float: right;}

/*
 *远程诊断请求
 */

.right-title-diagnosis { width: auto; padding: 0 15px;}

/*
 *维修预约
 */

.maintenance-book-info { margin-top: 10px;}

.maintenance-book-info li,
.maintenance-book-info span { float: none;}

.maintenance-info-operate label { float: none;}

.maintenance-basic-info .book-operate-btn { float: right;}

.book-time { margin-top: 60px;}

.book-time input {
  width: 200px;
  height: 30px;
  float: none;
  line-height: 30px;
  border: 1px solid #bbb;
}

/*
 *高级定制
 */

.advanced-settings-list { margin-bottom: 230px;}

.custom-add {
  float: right;
  cursor: pointer;

  color: #617b99;
}

.custom-add label {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  margin-bottom: -2px;

  background: url(img/group-creat.png) no-repeat;
}

.custom-list { display: none;}

.account-set-list .custom-list li {
  width: auto;
  float: none;
  margin-right: 0;
  margin-left: 20px;
}

.function-content-box .custom-list-operate {
  /* Box-model */
  display: block;
  width: 100px;
  float: right;

  /* Typography */
  text-align: right;
}

.custom-list-edit {
  /* Box-model */
  height: 300px;
  overflow-y: scroll;

  /* Visual */
  border: 1px solid #bbb;
}

.advanced-sub-option { margin-left: 20px;}

/*
 *广告管理
 */

.advertise-btn { text-align: center;}

.advertise-img {
  width: 180px;
  height: 100px;
  float: left;
  margin-right: 10px;
}

.advertise-detail-link {
  display: block;
  width: 180px;
  height: 100px;
  float: left;
  margin-right: 10px;
}

.advertise-info span {
  /* Box-model */
  padding-left: 0;

  /* Typography */
  line-height: 2em;
}

.advertise-history {
  text-align: left;
  line-height: 2em;
  font-size: 100%;
  font-weight: normal;
}

.feedback-list { margin-bottom: 20px;}

.feedback-list .advertise-list-operate { margin-top: 0;}

.advertise-title-edit {
  /* Box-model */
  width: 100%;
  height: 30px;
  margin: 10px 0;
  
  /* Visual */
  border: 1px solid #bbb;
}

.advertise-edit-textarea {
  width: 100%;
  height: 200px;
  overflow-y: scroll;
}

.advertise-text-edit { border: 1px solid #bbb;}

.advertise-text-edit .reply-operate {
  border: 0;
  border-bottom: 1px solid #bbb;
}

.advertise-text-edit p { text-align: right;}

/*
 *public platform information
 *
 *公众号资料
 */

.info-right-button { float: right;}

.info-component {
  /* Box-model */
  color:#1CB2A7;
  display: block;
  height: 30px;
  padding: 10px 0;
  /* Typography */
  text-align: left;
  /*text-indent: 1.8em;*/
  line-height: 30px;
}

.info-component span {
    color: #bbb;
    font-size: .8em;
}

.user-portrait img {
  width: 100px;
  height: 100px;
  float: left;
  margin-top: 10px;
}

.information-detail-box { margin-left: 50px;}

.information-detail-box ul { float: left;}

.information-detail-second li { margin-bottom: 10px;}

.information-detail-box textarea {
  /* Box-model */
  width: 320px;
  margin-bottom: 10px;

  /* Typography */
  vertical-align: text-top; 
  color: #717171;
}

.information-detail-box .textarea-info { border: 0;}

.information-finished {
  /* Positioning */
  position: relative;
  
  /* Box-model */
  width: 73px;
  float: right;
  margin-top: -15px;

  /* Typography */
  text-align: center;
}

.information-finished-percent {
  width: 73px;
  height: 74px;
}

#percent {
  /* Positioning */
  position: absolute;
  left: 0;
  top: 0;
}

#percent-port {
  /* Positioning */
  position: absolute;
  left: 0;
  top: 37px;
}

.percent-number {
  /* Positioning */
  position: absolute;
  left: 0;
  top: 0;

  /* Box-model */
  display: block;
  width: 73px;
  height: 74px;

  /* Typography */
  line-height: 74px;
  font-size: 20px;
  font-weight: bold;
  color: #c62816;
}

.information-photo-modify {
  /* Box-model */
  float: right;
  margin-top: -15px;

  /* Typography */
  text-align: center;
}

.information-photo-modify .photo-bg {
  margin: 0 auto;
  margin-bottom: 10px;
}

.license {
  width: 100px;
  height: 100px;
  float: left;
}

.license-modify {
  float: left;
  margin-left: 10px;
}

/*.company-photo { margin-top: 10px;}*/

.company-photo li {
  float: left;
  margin-right: 10px;
}

.company-photo,
.company-photo-title { float: left;}

.photo-bg {
  /* Box-model */
  width: 115px;
  height: 65px;
  float: left;
}

.portrait-bg {
  /* Box-model */
  width: 67px;
  height: 65px;
  float: left;

  /* Visual */
  background: url(img/photo.jpg);
}

.portrait-button {
  margin-left: 10px;
  float: left;
}

.creat-photo {
  /* Box-model */
  width: 65px;
  height: 63px;
  
  /* Visual */
  background: url(img/creat.png) no-repeat 10px 8px;
  background-color: #efefef;
  border: 1px solid #bbb;
}

/*
 *账号权限管理
 */

.account-operate {
  /* Box-model */
  margin-top: 150px;
  text-align: left;
  color: #c62816;
}

.account-operate a {
  /* Box-model */
  margin-left: 20px;

  /* Typography */
  color: #c62816;
}

.account-operate input { margin-right: 10px;}

.account-set-list li { margin-bottom: 7px;}

.account-set-list ul li {
  /* Box-model */
  width: 100%;
  float: left;
  margin-top: 7px;
  margin-right: 20px;

  /* Typography */
  color: #363636;
}

.account-set-list ul input { margin-right: 10px;}

/*密码*/
.mima { background:none; font-size: 16px; color: #8a8a8a; padding: 10px 0;}
.mima .chk { width: 20px; height: 20px; margin-right:8px;}


/*系统公告*/
.main_bd .list li{ border-bottom:1px solid #d3d3d3; padding:15px 25px;}
.notice .detail{ color:#606060; line-height:24px; padding:20px;}

.news_box { border:1px solid #d3d3d3; min-height: 650px; border-radius: 3px; -mox-border-radius: 3px; -webkit-border-radius: 3px; margin: 2.5em auto 3.5em;}
.news_box .news_cont { padding: 40px 80px;}
.news_box .news_cont h3 { padding-bottom: 1em; text-align: center; font-size: 22px;}
.news_box .news_cont p { padding-bottom: 1em;}
.news_box .news_cont .news_sign { padding-top: 4em; text-align: right;}

.news_box .news_foot { margin: 40px 80px 0; padding: 25px 0 50px 0; border-top: 1px solid #e6e6e6; text-align: center;}
/*公众号*/
.account_edit .form_list{ padding:20px; color:#606060;}
.form_list li .tit{ display:inline-block; width:180px; text-align:right;}
.form_list li .t_ipt{ width:250px;}
.form_list li.line{ border-bottom:1px solid #dcdcdc; height:1px; overflow:hidden; margin-bottom:10px;}
.form_list li textarea{ width:500px; height:120px;}
.form_list li .textarea_sf { width: 500px; height: 50px;}
.account_edit .form_list .img{ display:inline-block; vertical-align:top;}
.account_edit .form_list .img img{ width:120px; height:90px; border:1px solid #dcdcdc;}
.account_edit .form_list .img1 { display:inline-block; vertical-align:top; width: 76px;}
.img_preview_wrap { display: block; margin-bottom: 5px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale); }
.account_edit .form_list .img1 .touxiang { width: 74px; height: 74px; border: 0; margin-bottom: 10px;}
.account_edit .form_list .img2 { display: inline-block; vertical-align: top; width: 120px;}
.account_edit .form_list .img2 div { display: block; width: 120px; height: 74px; background-color: #e2e2e2; color: #fff; font-size: 18px; text-align: center;}
.add_sub_comp .add{ padding-left:30px;}
.add_sub_comp .sub_comp{ padding:10px 70px;}
.data_tab th,.data_tab td{ border:1px solid #dcdcdc; padding:10px 5px; text-align:center;}
.form_list .form_save{ padding:10px 0 30px; text-align: center;}
.form_list .form_save .save_btn { margin-left: 290px;}
.form_save a{ background-color:#17a54d; color:#fff; text-align: center; float: left; margin-left: 20px;}


/*申请公众号*/
.apply_cot { width: 819px; margin: 0 auto;}
.form_list{ color:#606060;}
.form_list li .tit{ display:inline-block; width:180px; margin-right: 12px; text-align:right;}
.form_list li .t_ipt{ width:250px; height:21px; line-height:21px; padding:3px 0; text-indent:5px; margin-right:5px; border:1px solid #bdbdbd; vertical-align:middle;}
.form_list li.line{ border-bottom:1px solid #dcdcdc; height:1px; overflow:hidden; margin-bottom:10px;}
.form_list li textarea{ width:500px; height:120px;}
.form_list li .textarea_sf { width: 500px; height: 50px;}
.form_list .img{ display:inline-block; vertical-align:top;}
.form_list .img img{ width:120px; height:90px; border:1px solid #dcdcdc;}
.form_list .img1 { display:inline-block; vertical-align:top; width: 76px;}
.form_list .img1 .touxiang { width: 74px; height: 74px; border: 0; margin-bottom: 10px; position: relative;}
.form_list .img2 { display: inline-block; vertical-align: top; width: 120px;}
.form_list .img2 div { display: block; width: 120px; height: 74px;}
.form_list .img2 div img { width: 120px; height: 74px;}
.add_sub_comp .add{ padding-left:30px;}
.add_sub_comp .sub_comp{ padding:10px 70px;}
.data_tab th,.data_tab td{ border:1px solid #dcdcdc; padding:10px 5px; text-align:center;}
.form_list .form_save{ padding:10px 0 30px; text-align: center;}
.form_list .form_save .save_btn { margin-left: 290px;}
.form_save a{ background-color:#17a54d; color:#fff; text-align: center; float: left; margin-left: 20px;}
.save_btn {width: 120px}
.input_msg {display: inline; color: red;}

#map_selector_form {height: 36px;}
#map_selector_form p {padding: 5px 10px;}
#map_selector_form input { width:250px; height:17px; line-height:17px; padding:3px 0; text-indent:5px; margin-right:5px; border:1px solid #bdbdbd; vertical-align:middle;}

.intro{ overflow:hidden; display:inline-block; width:700px; vertical-align:top;}
.desc {vertical-align: bottom; margin-left: 12px; color: #aaaaaa;}
.news_box .news_foot { margin: 40px 80px 0; padding: 25px 0 50px 0; border-top: 1px solid #e6e6e6; text-align: center;}

#toast
{   
  position: fixed;
  top: 5%;
  left: 37.5%;
  z-index: 999;

  width: 25%;
  margin: 0 auto;
  padding: 10px 0;

  color: #fff;
  background-color: #000;

  text-align:center; 

  opacity: 0.6;   
  
  -webkit-transition: opacity 1.0s ease-out ;
  -moz-transition: opacity 1.0s ease-out; 
  -ms-transition: opacity 1.0s ease-out;  
  -o-transition: opacity 1.0s ease-out; 
  transition: opacity 1.0s ease-out;   

  /*The good stuff */  
  -webkit-transition: opacity 1.0s ease-out; /* Saf3.2+, Chrome */  
  -moz-transition: opacity 1.0s ease-out; /* FF4+ */  
  -ms-transition: opacity 1.0s ease-out; /* IE10? */  
  -o-transition: opacity 1.0s ease-out; /* Opera 10.5+ */  
  transition: opacity 1.0s ease-out;

}


/*百度地图API*/
html,body{margin:0;padding:0;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.baidu_map { width:339px;height:199px;border:#ccc solid 1px; top: 370px; left: 58%; position: absolute;}
.baidu_map1 { width:898px;height:600px;}


.baidu-map-register {
    width:400px;
    height:250px;
}
/*
 *personal information
 */

.self-info {
  margin-top: 20px;
  text-align: left;
}

.self-info li { padding-top: 10px;}

.self-info li p { padding: 10px 0;}

.self-info li p { padding: 10px 0;}

/*
 *style-en
 */

#dialogue-bg {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    text-align: left;
}

.support-seller-dialogue,.validate-dialogue {
    position: absolute;
    left: 50%;
    top: 25%;
    z-index: 1;
    width: 500px;
    margin-left: -250px;
    background-color: #fff;
}

.support-seller-dialogue h2,.validate-dialogue h2 {
    padding: 6px 15px;
    background-color: #1cb2a7;
    color: #fff;
}

.support-seller-dialogue h2 a,.validate-dialogue h2 a {
    float: right;
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url(img/ico-close.png) center center no-repeat;
}

.dialogue-search,.validate-input {padding: 10px 18px;}
.validate-input {padding-left: 20%;}

.dialogue-search input,.validate-input input {
    height: 16px;
    line-height: 16px;
    padding: 5px;
    margin-right: 15px;
}

.dialogue-search a,.validate-input a {
    display: inline-block;
    padding: 5px 10px;
    background-color: #1cb2a7;
    color: #fff;
}

.dialogue-list {
    float: left;
    margin-left: 18px;
    width: 200px;
    padding: 10px;
    border: 1px solid #c6c6c6;
}

.dialogue-list ul {
    height: 240px;
    overflow: auto;
}

.dialogue-list ul input {
    vertical-align: middle;
    margin-right: 3px;
}

.dialogue-list a {
    position: relative;
    left: 120px;
    top: 0;
}

.support-seller-dialogue .btn,.validate-dialogue .btn {
    display: inline-block;
    padding: 5px 15px;
    margin: 15px;
    background-color: #1cb2a7;
    color: #fff;
}

.dialogue-confirm-btn { margin-left: 35.3%!important;}
.dialogue-cancel-btn { background-color: #999!important;}

/**服务验证弹窗（附加）**/
.validate-dialogue p {padding: 0 20px 6px 50px;}

.validate-dialogue p span {
    display: inline-block;
    width: 120px;
    text-align: right;
}

.validate-dialogue p span.service-remainder {
    width: 250px;
    height: 96px;
    text-align: left;
    overflow: auto;
    vertical-align: top;
}

#form4 ul {padding: 10px;}

#form4 ul li {
    width: 290px;
    padding-bottom: 10px;
}

#form4 ul li label {
    display: inline-block;
    width: 80px;
    margin-right: 5px;
    text-align: right;
}

#form4 ul li select {
    display: inline-block;
    width: 200px;
}

#form4 ul li input {
    width: auto;
    height: auto;
    margin-right: 5px;
    margin-bottom: 0;
    margin-left: 10px;
    vertical-align: middle;
}