@charset "UTF-8";
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-family: Arial, "微软雅黑";
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.layui-tab {
  margin: 0;
}

.layui-tab-content {
  padding: 0;
}

.layui-form-select dl dd.layui-this {
  background-color: #2e96e6;
}

.layui-form-checked span,
.layui-form-checked:hover span {
  background-color: #2e96e6;
}

.layui-laydate .layui-this {
  background-color: #2e96e6 !important;
  color: #fff !important;
}

.layui-form-radio > i:hover,
.layui-form-radioed > i {
  color: #2e96e6;
}

.layui-form-checked i {
  color: #2e96e6;
}

.z-color-red {
  color: #ff4c4c;
}

.f-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.f-left {
  text-align: left;
}

.f-center {
  text-align: center;
}

.f-right {
  text-align: right;
}

.f-clearFloat {
  overflow: hidden;
}

.f-noBorder-bottom {
  border-bottom: none !important;
}

.f-noPadding {
  padding: 0;
}

.f-bold {
  font-weight: bold;
}

.f-bg-white {
  background-color: #fff;
}

.f-show {
  display: block !important;
}

.f-hidden {
  display: none !important;
}

/* 清浮动 */
.f-clearFix:after {
  content: "020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.f-clearFix {
  /* 触发 hasLayout */
  zoom: 1;
}

#username ::-webkit-input-placeholder,
#login_showPwd ::-webkit-input-placeholder,
#login_password ::-webkit-input-placeholder,
#verifycode ::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #666;
  font-size: 14px;
}

#username :-moz-placeholder,
#login_showPwd :-moz-placeholder,
#login_password :-moz-placeholder,
#verifycode :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #666;
  font-size: 14px;
}

#username ::-moz-placeholder,
#login_showPwd ::-moz-placeholder,
#login_password ::-moz-placeholder,
#verifycode ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #666;
  font-size: 14px;
}

#username :-ms-input-placeholder,
#login_showPwd :-ms-input-placeholder,
#login_password :-ms-input-placeholder,
#verifycode :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #666;
  font-size: 14px;
}

.u-consult {
  margin-left: 15px;
}

.u-comment {
  width: 63px;
  height: 28px;
  color: #4169bc;
  background-color: #fff;
  border: 1px solid #4169bc;
}

.txt-left {
  text-align: left;
}

.txt-right {
  text-align: right;
}

.txt-center {
  text-align: center;
}

.star {
  color: #e4393c;
}

.m-head {
  text-align: center;
  overflow: hidden;
  height: 120px;
}
.m-head.index-head {
  padding-left: 200px;
  text-align: left;
}
.m-head .wrap {
  display: inline-block;
}
.m-head .wrap .left,
.m-head .wrap .right {
  float: left;
}
.m-head .wrap .right {
  margin-left: 10px;
  color: #fff;
}
.m-head .wrap .right .ch {
  margin-top: 28px;
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 3px;
}
.m-head .wrap .right .ch .subtitle {
  font-size: 24px;
  font-weight: normal;
}
.m-head .wrap .right .en {
  margin-top: 1px;
  font-size: 12px;
}

.m-footer {
  width: 1200px;
  margin: 0 auto;
}
.m-footer .textList {
  float: left;
  width: 885px;
  margin-top: 56px;
}
.m-footer .textList li {
  line-height: 30px;
}
.m-footer .textList li a {
  font-size: 14px;
  color: #666;
}
.m-footer .right {
  float: left;
  width: 315px;
}
.m-footer .right .jiguan,
.m-footer .right .error {
  float: right;
  margin-top: 65px;
}
.m-footer .error {
  margin-left: 35px;
}

.m-login .m-title {
  margin-top: 155px;
}
.m-login .m-title .wrap {
  display: inline-block;
}
.m-login .m-title .wrap .left,
.m-login .m-title .wrap .right {
  float: left;
}
.m-login .m-title .wrap .left .img {
  margin-top: 25px;
}
.m-login .m-title .wrap .right {
  margin-left: 10px;
  color: #fff;
}
.m-login .m-title .wrap .right .ch {
  margin-top: 28px;
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 3px;
}
.m-login .m-title .wrap .right .ch .subtitle {
  font-size: 24px;
  font-weight: normal;
}
.m-login .m-title .wrap .right .en {
  margin-top: 1px;
  font-size: 12px;
}

.commonTit {
  margin-bottom: 36px;
}
.commonTit .leftLine,
.commonTit .rightLine {
  float: left;
  width: 442px;
  height: 42px;
  border-bottom: 1px solid #e5e5e5;
}
.commonTit .rightLine {
  float: right;
}
.commonTit .wrapperTit {
  float: left;
  width: 310px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  margin-bottom: 15px;
}
.commonTit .wrapperTit img {
  float: left;
  margin: 27px 0;
}
.commonTit .wrapperTit .titBox {
  float: left;
  width: 245px;
  height: 44px;
  background-color: #fff;
  border: 1px solid #dedede;
  border-radius: 5px;
  font-size: 20px;
  color: #333;
  font-weight: bold;
  margin-top: 20px;
}

.wrapperIndex .m-main {
  width: 100%;
  background-color: #f7f7f7;
  padding-top: 25px;
}
.wrapperIndex .m-main .wrapper {
  width: 1200px;
  margin: 0 auto;
}
.wrapperIndex .m-main .wrapper .notice {
  height: 52px;
  line-height: 52px;
  padding: 0 10px;
  background-color: #fff;
  margin-bottom: 23px;
}
.wrapperIndex .m-main .wrapper .notice .tit {
  float: left;
  font-size: 18px;
  color: #333;
}
.wrapperIndex .m-main .wrapper .notice .tit .square {
  display: inline-block;
  width: 4px;
  height: 18px;
  background-color: #086fd5;
  margin-right: 15px;
  vertical-align: middle;
}
.wrapperIndex .m-main .wrapper .notice .news li {
  margin-left: 30px;
  float: left;
  width: 440px;
}
.wrapperIndex .m-main .wrapper .notice .news li a {
  color: #666;
  font-size: 15px;
}
.wrapperIndex .m-main .wrapper .notice .news li a .dot {
  display: inline-block;
  width: 3px;
  height: 3px;
  background-color: #f0ab17;
  vertical-align: middle;
  margin-right: 5px;
}
.wrapperIndex .m-main .wrapper .notice .news li a .newsBrief {
  display: inline-block;
  width: 250px;
  vertical-align: middle;
}
.wrapperIndex .m-main .wrapper .notice .news li a .date {
  display: inline-block;
  color: #999;
  padding-left: 30px;
  vertical-align: middle;
}
.wrapperIndex .m-main .wrapper .notice .slider {
  float: right;
  width: 60px;
  height: 25px;
  line-height: 25px;
  border-radius: 20px;
  background-color: #bdbdbd;
  padding: 0 10px;
  margin-top: 13px;
}
.wrapperIndex .m-main .wrapper .notice .slider .prev {
  padding-right: 15px;
}
.wrapperIndex .m-main .wrapper .m-news {
  width: 1200px;
  height: 444px;
  padding: 20px 15px;
  background-color: #fff;
}
.wrapperIndex .m-main .wrapper .m-news .slider {
  float: left;
  width: 570px;
  height: 400px;
  border: 1px solid #ddd;
  margin-right: 20px;
}
.wrapperIndex .m-main .wrapper .m-news .policePublic {
  float: left;
  width: 570px;
  height: 400px;
}
.wrapperIndex .m-main .wrapper .m-news .policePublic .header {
  width: 530px;
  height: 44px;
  border-bottom: 1px solid #ddd;
  text-align: center;
}
.wrapperIndex .m-main .wrapper .m-news .policePublic .header .tit {
  float: left;
  width: 136px;
  height: 44px;
  line-height: 41px;
  font-size: 18px;
  color: #333;
  font-weight: bold;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-top: 3px solid #086fd5;
}

.wrapperIndex .m-main .wrapper .m-news .policePublic .header .tit2 {
  float: left;
  width: 136px;
  height: 44px;
  line-height: 41px;
  font-size: 18px;
  color: #333;
  font-weight: bold;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.wrapperIndex .m-main .wrapper .m-news .policePublic .more {
  float: right;
  height: 44px;
  line-height: 44px;
  font-size: 14px;
  color: #999;
  cursor: pointer;
  border-bottom: 1px solid #ddd;
}
.wrapperIndex .m-main .wrapper .m-news .policePublic .newsList {
  padding-top: 24px;
}
.wrapperIndex .m-main .wrapper .m-news .policePublic .newsList li {
  height: 38px;
  line-height: 38px;
  padding-left: 16px;
  background: url("../img/index/label.jpg") no-repeat 0 center;
}
.wrapperIndex .m-main .wrapper .m-news .policePublic .newsList li a {
  color: #333;
  font-size: 16px;
}
.wrapperIndex .m-main .wrapper .m-news .policePublic .newsList li .date {
  float: right;
  font-size: 12px;
  color: #999;
}
.wrapperIndex .m-main .wrapper .m-policeService2 {
  width: 1200px;
  background-color: #f7f7f7;
  margin: 25px auto 0;
}
.wrapperIndex .m-main .wrapper .m-policeService2 .categoryList {
  height: 280px;
  margin-right: -24px;
  margin-bottom: 24px;
}
.wrapperIndex .m-main .wrapper .m-policeService2 .categoryList .item {
  float: left;
  width: 180px;
  height: 128px;
  background-color: #fff;
  margin-right: 24px;
  margin-bottom: 24px;
  text-align: center;
  border-radius: 5px;
  position: relative;
  z-index: 200;
  behavior: url(../PIE.htc);
}
.wrapperIndex .m-main .wrapper .m-policeService2 .categoryList .item div {
  width: 60px;
  height: 60px;
  margin: 24px auto 12px;
}
.wrapperIndex .m-main .wrapper .m-policeService2 .categoryList .item div img {
  display: block;
  width: 100%;
  height: 100%;
}
.wrapperIndex .m-main .wrapper .m-policeService2 .categoryList .item div p {
  font-size: 18px;
  color: #fff;
  text-align: center;
}
.wrapperIndex .m-main .wrapper .m-policeService2 .categoryList .item:hover {
  background-color: #086fd5;
}
.wrapperIndex .m-main .wrapper .m-policeService2 .categoryList .item:hover p {
  color: #fff;
}
.wrapperIndex .m-main .wrapper .service-center {
  float: left;
  width: 860px;
}
.wrapperIndex .m-main .wrapper .service-center .linkTit .leftLine,
.wrapperIndex .m-main .wrapper .service-center .linkTit .rightLine {
  width: 350px;
  line-height: 42px;
  color: #999;
  text-align: right;
}
.wrapperIndex .m-main .wrapper .service-center .serviceList {
  margin-top: 14px;
}
.wrapperIndex .m-main .wrapper .service-center .serviceList .listItem {
  color: #666;
  font-size: 16px;
  height: 36px;
  line-height: 36px;
}
.wrapperIndex .m-main .wrapper .service-center .serviceList .listItem b {
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: #207d5e;
  vertical-align: middle;
}
.wrapperIndex .m-main .wrapper .service-center .serviceList .listItem button {
  float: right;
  width: 93px;
  height: 29px;
  line-height: 29px;
  border: none;
  border-radius: 20px;
  color: #666;
}
.wrapperIndex
  .m-main
  .wrapper
  .service-center
  .serviceList
  .listItem
  .orderHandle {
  background-color: #29a67c;
  font-size: 14px;
  color: #fff;
  margin-right: 10px;
}
.wrapperIndex
  .m-main
  .wrapper
  .service-center
  .serviceList
  .listItem
  .onlineHandle {
  background-color: #fff;
  border: 1px solid #29a67c;
}
.wrapperIndex .m-link {
  background-color: #fff;
}
.wrapperIndex .m-link .m-link-wrap {
  width: 1200px;
  margin: 25px auto 0;
}
.wrapperIndex .m-link .m-link-wrap .linkTit .leftLine,
.wrapperIndex .m-link .m-link-wrap .linkTit .rightLine {
  float: left;
  width: 520px;
  height: 42px;
  border-bottom: 1px solid #e5e5e5;
}
.wrapperIndex .m-link .m-link-wrap .linkTit .link {
  float: left;
  width: 160px;
  height: 64px;
}
.wrapperIndex .m-link .m-link-wrap .linkTit .link div {
  width: 85px;
  margin: 0 auto;
}
.wrapperIndex .m-link .m-link-wrap .linkTit .link div img {
  margin: 5px 13px;
}
.wrapperIndex .m-link .m-link-wrap .linkTit .link p {
  text-align: center;
  font-size: 20px;
  color: #333;
  font-weight: bold;
}
.wrapperIndex .m-link .m-link-wrap .linkList {
  height: 182px;
  margin-top: 25px;
  margin-right: -20px;
}
.wrapperIndex .m-link .m-link-wrap .linkList li {
  float: left;
  width: 224px;
  height: 66px;
  line-height: 66px;
  background-color: #f5f6f8;
  margin-right: 20px;
  margin-bottom: 20px;
  text-align: center;
}
.wrapperIndex .m-link .m-link-wrap .linkList li a {
  color: #333;
  font-size: 16px;
}

.breadcrumb {
  width: 1200px;
  margin: 0 auto;
  padding: 20px 0 10px;
  overflow: hidden;
}
.breadcrumb li {
  float: left;
  margin-right: 5px;
}
.breadcrumb li .icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 5px;
  background: url(../img/index/home.png) 0 0 no-repeat;
  vertical-align: middle;
}
.breadcrumb li a {
  color: #999;
  font-size: 14px;
}
.breadcrumb .active {
  color: #279773;
}

.container {
  width: 100%;
  height: 1458px;
  background-color: #f1f1f1;
}

.m-banner {
  position: relative;
  min-width: 1200px;
  height: 448px;
  background: url("../img/index/banner.jpg") no-repeat;
}
.m-banner .m-cont {
  width: 1200px;
  height: 120px;
  margin: 0 auto;
  padding-top: 30px;
}
.m-banner .m-cont .top {
  height: 120px;
}
.m-banner .m-cont .top .m-tit {
  float: left;
}
.m-banner .m-cont .top .m-tit .logoWrapper {
  float: left;
  width: 120px;
  height: 120px;
}
.m-banner .m-cont .top .m-tit .logoWrapper img {
  display: block;
  width: 100%;
  height: 100%;
}
.m-banner .m-cont .top .m-tit .language {
  float: left;
  padding: 20px;
  margin: 10px 0;
}
.m-banner .m-cont .top .m-tit .language .mainTit {
  height: 36px;
  font-size: 36px;
  color: #fff;
  font-weight: bold;
}
.m-banner .m-cont .top .m-tit .language .subTit {
  font-size: 23px;
  color: #fff;
  margin-top: 10px;
}
.m-banner .m-cont .top .m-tit .title {
  float: left;
  padding: 10px 20px;
}
.m-banner .m-cont .top .m-tit .title .tit {
  font-size: 30px;
  color: #fff;
}
.m-banner .m-cont .top .m-info {
  float: right;
  margin: 30px 0;
}
.m-banner .m-cont .top .m-info p {
  float: left;
  font-size: 14px;
  color: #fff;
  text-align: right;
  margin-right: 18px;
}
.m-banner .m-cont .top .m-info p img {
  margin: 0 10px 0 5px;
}
.m-banner .m-cont .top .m-info p .date {
  padding-bottom: 5px;
}
.m-banner .m-cont .top .m-info .operateBox {
  float: left;
  width: 128px;
  height: 40px;
  line-height: 40px;
  background-color: #086fd5;
  border-radius: 20px;
  padding: 0 20px;
  behavior: url("../PIE.htc");
  position: relative;
  z-index: 200;
}
.m-banner .m-cont .top .m-info .operateBox a {
  font-size: 14px;
  color: #fff;
}
.m-banner .m-cont .top .m-info .operateBox .login {
  padding-right: 12px;
  border-right: 1px solid #fff;
}
.m-banner .m-cont .top .m-info .operateBox .register {
  padding-left: 12px;
}
.m-banner .m-cont .m-searchbox {
  width: 585px;
  height: 53px;
  margin: 65px auto 0;
  border-radius: 10px;
}
.m-banner .m-cont .m-searchbox .searchTxt {
  float: left;
  width: 470px;
  height: 53px;
  border: none;
  line-height: 53px;
  vertical-align: middle;
  padding-left: 5px;
}
.m-banner .m-cont .m-searchbox .searchBtn {
  float: left;
  width: 115px;
  height: 53px;
  line-height: 53px;
  border: none;
  background-color: #f0ab17;
  background-image: url("../img/index/search.png");
  background-size: 24px 25px;
  background-position: center center;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.m-banner .m-cont .m-searchbox p {
  float: left;
  margin-top: 15px;
  color: #fff;
}
.m-banner .m-cont .nav {
  position: absolute;
  bottom: 0;
  margin: 0 auto;
}
.m-banner .m-cont .nav li {
  float: left;
  width: 150px;
  /*width: 149px;*/
  height: 80px;
  line-height: 80px;
  background-color: #fff;
  text-align: center;
}
.m-banner .m-cont .nav li a {
  color: #333333;
  font-size: 18px;
}
.m-banner .m-cont .nav .selected {
  background-color: #086fd5;
}
.m-banner .m-cont .nav .selected a {
  color: #fff;
}

.m-queryCenter {
  width: 1200px;
  height: 835px;
  padding-top: 50px;
  margin: 0 auto;
}
.m-queryCenter .cardList {
  height: 276px;
  margin-right: -24px;
  margin-bottom: -22px;
}
.m-queryCenter .cardList li {
  float: left;
  width: 180px;
  height: 127px;
  background-color: #fff;
  border-radius: 5px;
  margin-right: 24px;
  margin-bottom: 22px;
  padding-top: 20px;
  position: relative;
  z-index: 200;
  behavior: url(../PIE.htc);
}
.m-queryCenter .cardList li .wrapperImg {
  width: 68px;
  height: 68px;
  margin: 0 auto;
}
.m-queryCenter .cardList li p {
  color: #000;
  font-size: 15px;
  text-align: center;
}
.m-queryCenter .cardList .active {
  background-color: #086fd5;
}
.m-queryCenter .cardList .active p {
  color: #fff;
}

.m-consultCenter {
  width: 1200px;
  height: 795px;
  margin: 0 auto;
}
.m-consultCenter .commonTit {
  margin-top: 10px;
  margin-bottom: 0;
}
.m-consultCenter .commonTit .wrapperTit {
  float: none;
  margin: 0 auto;
}
.m-consultCenter .consultContent {
  height: 655px;
  background-color: #fff;
}
.m-consultCenter .consultContent .consultService {
  float: left;
  width: 885px;
}
.m-consultCenter .consultContent .consultService .customerservice {
  height: 465px;
  overflow: auto;
  padding: 30px;
}
.m-consultCenter .consultContent .consultService .customerservice .tit {
  line-height: 34px;
  font-size: 22px;
  color: #000;
  padding-left: 45px;
  background: url("../img/queryCenter/tel.png") no-repeat;
}
.m-consultCenter
  .consultContent
  .consultService
  .customerservice
  .customerContent {
  float: left;
}
.m-consultCenter
  .consultContent
  .consultService
  .customerservice
  .customerContent
  .customer {
  background-image: url("../img/queryCenter/service.png");
  background-size: 40px 40px;
  background-repeat: no-repeat;
  padding-left: 45px;
  margin-top: 35px;
}
.m-consultCenter
  .consultContent
  .consultService
  .customerservice
  .customerContent
  .customer
  .avatar {
  line-height: 45px;
  color: #666;
  font-size: 16px;
}
.m-consultCenter
  .consultContent
  .consultService
  .customerservice
  .customerContent
  .customer
  .avatar
  .time {
  padding-left: 5px;
}
.m-consultCenter
  .consultContent
  .consultService
  .customerservice
  .customerContent
  .first {
  max-width: 765px;
  border: 1px solid #ddd;
  font-size: 16px;
  color: #666;
  padding: 10px;
  border-radius: 5px;
  margin-left: 45px;
  word-wrap: break-word;
  word-break: break-all;
}
.m-consultCenter .consultContent .consultService .customerservice .userContent {
  width: 885px;
  float: right;
}
.m-consultCenter
  .consultContent
  .consultService
  .customerservice
  .userContent
  .customer {
  background-image: url("../img/queryCenter/user.png");
  background-size: 40px 40px;
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 45px;
  margin-top: 35px;
  text-align: right;
}
.m-consultCenter
  .consultContent
  .consultService
  .customerservice
  .userContent
  .customer
  .avatar {
  line-height: 45px;
  color: #666;
  font-size: 16px;
}
.m-consultCenter
  .consultContent
  .consultService
  .customerservice
  .userContent
  .customer
  .avatar
  .time {
  padding-left: 5px;
}
.m-consultCenter
  .consultContent
  .consultService
  .customerservice
  .userContent
  .ask {
  float: right;
  max-width: 765px;
  border: 1px solid #ddd;
  font-size: 16px;
  color: #666;
  padding: 10px;
  border-radius: 5px;
  margin-right: 45px;
  word-wrap: break-word;
  word-break: break-all;
}
.m-consultCenter .consultContent .consultService .wrapperInput {
  position: relative;
  height: 189px;
  border-top: 1px solid #ddd;
}
.m-consultCenter .consultContent .consultService .wrapperInput .layui-textarea {
  height: 189px;
  border: none;
  padding-top: 10px;
  padding-left: 20px;
}
.m-consultCenter .consultContent .consultService .wrapperInput .send {
  width: 134px;
  height: 45px;
  color: #fff;
  background-color: #086fd5;
  border: none;
  position: absolute;
  right: 35px;
  bottom: 35px;
  border-radius: 5px;
  font-size: 16px;
  behavior: url(../PIE.htc);
}
.m-consultCenter .consultContent .consultSide {
  float: right;
  width: 315px;
  padding: 30px;
}
.m-consultCenter .consultContent .consultSide .column li {
  width: 255px;
  height: 45px;
  line-height: 45px;
  border: 1px solid #ddd;
  padding: 0 15px;
  margin-bottom: 10px;
}
.m-consultCenter .consultContent .consultSide .column li .tit {
  font-size: 16px;
  color: #666;
}
.m-consultCenter .consultContent .consultSide .column li .arrow {
  float: right;
}
.m-consultCenter .consultContent .consultSide .column .selected {
  border-left: 5px solid #086fd5;
}
.m-consultCenter .consultContent .consultSide .hotTopic {
  margin-top: 10px;
}
.m-consultCenter .consultContent .consultSide .hotTopic .bigTit {
  font-size: 18px;
  color: #333;
  font-weight: bold;
}
.m-consultCenter .consultContent .consultSide .hotTopic li {
  line-height: 35px;
}
.m-consultCenter .consultContent .consultSide .hotTopic li a {
  font-size: 16px;
  color: #666;
}

.m-interactiveCenter {
  width: 1200px;
  margin: 0 auto 20px;
}
.m-interactiveCenter .commonTit {
  margin-bottom: 0;
}
.m-interactiveCenter .commonTit .wrapperTit {
  float: none;
  margin: 0 auto;
}
.m-interactiveCenter .interactiveContent {
  width: 1200px;
  height: 669px;
  background-color: #fff;
  padding: 28px 25px 30px 28px;
}
.m-interactiveCenter .interactiveContent .tab {
  float: left;
  width: 555px;
  height: 334px;
}
.m-interactiveCenter .interactiveContent .tab .tab-tit {
  height: 54px;
  line-height: 52px;
  border-bottom: 1px solid #ddd;
}
.m-interactiveCenter .interactiveContent .tab .tab-tit .activeTit {
  float: left;
  width: 145px;
  height: 54px;
  color: #086fd5;
  font-size: 18px;
  text-align: center;
  border: 1px solid #ddd;
  border-top: 3px solid #086fd5;
  border-bottom: 0;
}
.m-interactiveCenter .interactiveContent .tab .tab-tit .more {
  float: right;
  color: #999;
  font-size: 15px;
  cursor: pointer;
}
.m-interactiveCenter .interactiveContent .tab .tab-content {
  padding-top: 20px;
}
.m-interactiveCenter .interactiveContent .tab .btn {
  width: 118px;
  height: 40px;
  background-color: #fff;
  border: 1px solid #ddd;
  color: #666;
  font-size: 14px;
  margin-right: 13px;
  border-radius: 3px;
}
.m-interactiveCenter .interactiveContent .interview {
  margin-right: 28px;
}
.m-interactiveCenter .interactiveContent .interview .tab-tit .notice,
.m-interactiveCenter .interactiveContent .interview .tab-tit .review {
  float: right;
  color: #ff8400;
  font-size: 15px;
  padding-right: 20px;
}
.m-interactiveCenter .interactiveContent .interview .tab-tit .notice {
  padding-left: 30px;
  background: url("../img/interactive/volume.png") no-repeat 0 center;
}
.m-interactiveCenter .interactiveContent .interview .tab-content {
  padding-top: 20px;
}
.m-interactiveCenter .interactiveContent .interview .tab-content .content {
  height: 133px;
  margin-bottom: 10px;
}
.m-interactiveCenter
  .interactiveContent
  .interview
  .tab-content
  .content
  .wrapperImg {
  float: left;
  width: 206px;
  height: 133px;
  margin-right: 20px;
}
.m-interactiveCenter
  .interactiveContent
  .interview
  .tab-content
  .content
  .detail {
  float: left;
  width: 320px;
}
.m-interactiveCenter
  .interactiveContent
  .interview
  .tab-content
  .content
  .detail
  li {
  line-height: 30px;
  font-size: 14px;
  color: #666;
}
.m-interactiveCenter
  .interactiveContent
  .interview
  .tab-content
  .content
  .detail
  li
  .theme {
  font-size: 16px;
  color: #333;
  font-weight: bold;
}
.m-interactiveCenter
  .interactiveContent
  .interview
  .tab-content
  .interviewContent {
  line-height: 32px;
  font-size: 14px;
  color: #666;
}
.m-interactiveCenter .interactiveContent .interview,
.m-interactiveCenter .interactiveContent .advise {
  margin-right: 28px;
}
.m-interactiveCenter .interactiveContent .communite .tab-content,
.m-interactiveCenter .interactiveContent .advise .tab-content {
  padding-left: 8px;
}
.m-interactiveCenter
  .interactiveContent
  .communite
  .tab-content
  .communicateList,
.m-interactiveCenter .interactiveContent .advise .tab-content .communicateList {
  margin-bottom: 18px;
  font-size: 14px;
}
.m-interactiveCenter
  .interactiveContent
  .communite
  .tab-content
  .communicateList
  a,
.m-interactiveCenter
  .interactiveContent
  .advise
  .tab-content
  .communicateList
  a {
  line-height: 30px;
}
.m-interactiveCenter
  .interactiveContent
  .communite
  .tab-content
  .communicateList
  a
  .square,
.m-interactiveCenter
  .interactiveContent
  .advise
  .tab-content
  .communicateList
  a
  .square {
  display: inline-block;
  vertical-align: middle;
  width: 3px;
  height: 3px;
  background-color: #086fd5;
}
.m-interactiveCenter
  .interactiveContent
  .communite
  .tab-content
  .communicateList
  a
  .city,
.m-interactiveCenter
  .interactiveContent
  .advise
  .tab-content
  .communicateList
  a
  .city {
  color: #5b5b5b;
  padding-left: 8px;
  padding-right: 18px;
}
.m-interactiveCenter
  .interactiveContent
  .communite
  .tab-content
  .communicateList
  a
  .cont,
.m-interactiveCenter
  .interactiveContent
  .advise
  .tab-content
  .communicateList
  a
  .cont {
  display: inline-block;
  vertical-align: middle;
  width: 265px;
  height: 30px;
  line-height: 30px;
  color: #5b5b5b;
  margin-right: 28px;
}
.m-interactiveCenter
  .interactiveContent
  .communite
  .tab-content
  .communicateList
  a
  .date,
.m-interactiveCenter
  .interactiveContent
  .advise
  .tab-content
  .communicateList
  a
  .date {
  font-size: 14px;
  color: #999;
  padding-right: 75px;
}
.m-interactiveCenter
  .interactiveContent
  .communite
  .tab-content
  .communicateList
  a
  .status,
.m-interactiveCenter
  .interactiveContent
  .advise
  .tab-content
  .communicateList
  a
  .status {
  font-size: 14px;
  color: #999;
}
.m-interactiveCenter .interactiveContent .communite .tab-content .btn-green,
.m-interactiveCenter .interactiveContent .advise .tab-content .btn-green {
  color: #fff;
  background-color: #0ec39f;
}
.m-interactiveCenter
  .interactiveContent
  .advise
  .tab-content
  .communicateList
  a
  .cont {
  width: 456px;
  padding-left: 10px;
}
.m-interactiveCenter
  .interactiveContent
  .advise
  .tab-content
  .communicateList
  a
  .date {
  padding-right: 10px;
}
.m-interactiveCenter .interactiveContent .investigate .tab-content {
  padding-left: 10px;
}
.m-interactiveCenter .interactiveContent .investigate p {
  font-size: 16px;
  color: #000;
  font-weight: bold;
}
.m-interactiveCenter .interactiveContent .investigate ul {
  margin: 20px 0;
}
.m-interactiveCenter .interactiveContent .investigate ul li {
  margin-top: 5px;
}
.m-interactiveCenter .interactiveContent .investigate ul li label {
  font-size: 14px;
  color: #666;
  padding-left: 8px;
}
.m-interactiveCenter .interactiveContent .investigate .btn-orange {
  color: #fff;
  background-color: #f0ab17;
}

.m-work {
  background-color: #fff;
  padding-top: 0;
  overflow: hidden;
  min-height: 600px;
}
.m-work .m-category {
  margin-bottom: 10px;
  padding: 22px 10px 5px 25px;
  border: 1px solid #e8ebed;
  background: #ffffff;
}
.m-work .m-category .m-tit {
  display: inline-block;
  width: 90px;
  color: #333333;
  font-size: 14px;
  font-weight: bold;
  padding-right: 15px;
  vertical-align: top;
  line-height: 31px;
}
.m-work .m-category .m-searchbox {
  display: inline-block;
}
.m-work .m-category .m-searchbox .searchTxt {
  width: 265px;
  height: 34px;
  margin-bottom: 10px;
  border-radius: 0;
  padding: 4px 5px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  border: 1px solid #d4d4df;
}
.m-work .m-category .m-searchbox .searchBtn {
  display: inline-block;
  width: 80px;
  height: 34px;
  line-height: 34px;
  margin-bottom: 10px;
  background-color: #279773;
  vertical-align: middle;
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  border: none;
  outline: none;
  cursor: pointer;
}
.m-work .m-category .btn {
  padding: 6px 20px;
  color: #333;
  font-size: 14px;
  background-color: #fff;
  border: 1px solid #d4d4df;
  cursor: pointer;
  margin-right: 10px;
  margin-bottom: 10px;
}
.m-work .m-category .activeBtn {
  border: 1px solid #279773;
  color: #279773;
}
.m-work .main {
  margin-bottom: 20px;
  overflow: hidden;
}
.m-work .main .outer {
  width: 100%;
  border-left: 1px solid #e8ebed;
}
.m-work .main .outer th {
  background-color: #279773;
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  line-height: 40px;
  border-right: 1px solid #1fafa5;
}
.m-work .main .outer .inner {
  width: 100%;
}
.m-work .main .outer .inner td {
  line-height: 25px;
  padding-top: 12px;
  padding-bottom: 12px;
  border-right: 1px dashed #dddddd;
  border-bottom: 1px dashed #dddddd;
  text-align: center;
  color: #333;
  font-size: 14px;
}
.m-work .main .outer .inner .num-2 {
  padding-left: 30px;
  padding-right: 30px;
}
.m-work .main .outer .inner .stretch {
  display: inline-block;
  width: 34px;
  height: 27px;
  border: 1px solid #279773;
  background: url(../img/index/bmfw_r1_index.png) bottom no-repeat;
  transition: all 0.2s ease-out 0s;
  cursor: pointer;
}
.m-work .main .outer .inner .z-stretch {
  background-position: top;
}
.m-work .main .outer .inner .guide {
  color: #28afee;
  margin: 0 5px;
}
.m-work .main .outer .inner .handle {
  color: #207d5e;
  margin: 0 5px;
}
.m-work .main .outer .inner-second {
  display: none;
  background-color: #f0f0f0;
}
.m-work .main .layui-laypage {
  float: right;
}

.m-content .m-titBox {
  width: 100%;
  margin: 0;
  border: none;
  height: 75px;
  border-bottom: 1px solid #ddd;
  background: #ffffff;
  position: fixed;
  top: 0;
  z-index: 2000;
  display: block;
}
.m-content .m-titBox .m-title {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.m-content .m-titBox .tit-item {
  float: left;
  width: 150px;
  height: 100%;
  padding: 0 20px;
  line-height: 75px;
  text-align: center;
  color: #333;
  cursor: pointer;
  box-sizing: border-box;
}
.m-content .m-titBox .tit-item-active {
  color: #fff;
  background-color: #279773;
}
.m-content .caseName {
  width: 1200px;
  height: 40px;
  line-height: 40px;
  margin: 15px auto;
  color: #666;
  font-size: 20px;
}
.m-content .card {
  margin-top: 0;
}
.m-content .card .card-tit {
  position: relative;
  width: 1200px;
  height: 48px;
  line-height: 48px;
  background-color: #fafafa;
  border-left: 2px solid #279773;
  color: #279773;
  font-size: 18px;
  margin: 0 auto;
  padding-left: 18px;
}
.m-content .card .card-tit .triangle {
  position: absolute;
  left: 0;
  top: 20px;
  width: 0;
  height: 0;
  border: 5px solid;
  border-color: transparent transparent transparent #279773;
}
.m-content .card .card-content {
  width: 1200px;
  line-height: 24px;
  margin: 0 auto;
  padding: 20px;
}
.m-content .card .case-guide-table {
  margin: 30px auto;
  width: 1200px;
  overflow: hidden;
  border: 1px #d4d4d4 solid;
}
.m-content .card .case-guide-table .case-guide-table-line {
  width: 1200px;
  overflow: hidden;
  border-bottom: 1px #d4d4d4 solid;
}
.m-content
  .card
  .case-guide-table
  .case-guide-table-line
  .case-guide-table-label {
  width: 180px;
  border-right: 1px #d4d4d4 solid;
  background: #f2f2f2;
  font-size: 14px;
  padding: 0 20px;
  line-height: 30px;
  color: #333;
  box-sizing: border-box;
  float: left;
}
.m-content
  .card
  .case-guide-table
  .case-guide-table-line
  .case-guide-table-input {
  width: 420px;
  border-right: 1px #d4d4d4 solid;
  color: #333;
  box-sizing: border-box;
  float: left;
  word-break: break-all;
}
.m-content
  .card
  .case-guide-table
  .case-guide-table-line
  .case-guide-table-input
  .i-inner {
  font-size: 14px;
  line-height: 24px;
  padding: 18px 20px;
  display: inline-block;
  vertical-align: middle;
}

.wrapperLogin {
  height: 900px;
  margin: 0 auto;
  padding-top: 120px;
}
.wrapperLogin .title {
  width: 706px;
  height: 82px;
  margin: 0 auto;
  font-size: 50px;
  color: #fff;
  font-weight: bold;
  padding-left: 105px;
  background-image: url("../img/login/logo.png");
  background-repeat: no-repeat;
  background-size: 85px 85px;
}
.wrapperLogin .m-loginBox {
  width: 932px;
  height: 462px;
  margin: 38px auto 0;
  background-color: #fff;
}
.wrapperLogin .m-loginBox .side {
  float: left;
  width: 450px;
  padding-left: 36px;
  padding-top: 110px;
}
.wrapperLogin .m-loginBox .main {
  float: left;
  width: 482px;
  padding-top: 25px;
}
.wrapperLogin .m-loginBox .main .loginWay {
  width: 430px;
  height: 50px;
  border-bottom: 1px solid #ddd;
}
.wrapperLogin .m-loginBox .main .loginWay li {
  float: left;
  height: 50px;
  line-height: 50px;
  margin-right: 48px;
  padding: 0 5px;
}
.wrapperLogin .m-loginBox .main .loginWay li a {
  color: #333;
  font-size: 24px;
  font-weight: bold;
}
.wrapperLogin .m-loginBox .main .loginWay .selected {
  border-bottom: 2px solid #0f9beb;
}
.wrapperLogin .m-loginBox .main .loginWay .selected a {
  color: #0f9beb;
}
.wrapperLogin .m-loginBox .main .loginForm input {
  width: 430px;
  height: 68px;
  line-height: 68px;
  border: none;
  border-bottom: 1px solid #ddd;
  padding-left: 65px;
}
.wrapperLogin .m-loginBox .main .loginForm #username {
  background: url("../img/login/user.png") no-repeat 10px center;
}
.wrapperLogin .m-loginBox .main .loginForm #password,
.wrapperLogin .m-loginBox .main .loginForm #showPwd {
  background: url("../img/login/lock.png") no-repeat 10px center;
}
.wrapperLogin .m-loginBox .main .loginForm .verifyCodeWrapper {
  position: relative;
  width: 430px;
  height: 68px;
}
.wrapperLogin .m-loginBox .main .loginForm .verifyCodeWrapper #verifyCode {
  background: url("../img/login/verify.png") no-repeat 10px center;
}
.wrapperLogin .m-loginBox .main .loginForm .verifyCodeWrapper .verifyCodeBox {
  position: absolute;
  right: 0;
  top: 12px;
  width: 155px;
  height: 43px;
  line-height: 43px;
  text-align: center;
  background-color: #eee;
  color: #0099cc;
  font-size: 22px;
}
.wrapperLogin .m-loginBox .main .loginForm .loginBtn {
  width: 430px;
  height: 66px;
  line-height: 66px;
  background-color: #1b76c6;
  border: none;
  text-align: center;
  margin-top: 32px;
  margin-bottom: 20px;
}
.wrapperLogin .m-loginBox .main .loginForm .loginBtn a {
  color: #fff;
  font-size: 24px;
}
.wrapperLogin .m-loginBox .main .loginForm .aboutAccount {
  width: 430px;
  text-align: right;
  font-size: 14px;
  color: #666;
}
.wrapperLogin .m-loginBox .main .loginForm .aboutAccount .forgetPwd {
  float: left;
}
.wrapperLogin .m-loginBox .main .loginForm .aboutAccount .noAccount {
  float: right;
}
.wrapperLogin
  .m-loginBox
  .main
  .loginForm
  .aboutAccount
  .noAccount
  .registerNow {
  color: #1b76c6;
}
.wrapperLogin .m-loginBox .main .loginForm .qrcode {
  padding: 60px 0 0 140px;
}
.wrapperLogin .m-loginBox .main .loginForm .qrcode p {
  width: 150px;
  text-align: center;
}

.wrapperRegister {
  padding-top: 10px;
}
.wrapperRegister .title {
  width: 706px;
  height: 80px;
  line-height: 80px;
  margin: 42px auto 32px;
  font-size: 50px;
  color: #fff;
  font-weight: bold;
  padding-left: 105px;
  background-image: url("../img/login/logo.png");
  background-repeat: no-repeat;
  background-size: 85px 85px;
}
.wrapperRegister .m-registerBox {
  width: 1200px;
  height: 676px;
  border: 1px solid #ddd;
  margin: 0 auto;
  padding: 30px 30px 0 35px;
  background-color: #fff;
}
.wrapperRegister .m-registerBox .m-header {
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #ddd;
}
.wrapperRegister .m-registerBox .m-header .header {
  float: left;
  color: #0f9beb;
  font-size: 24px;
  font-weight: bold;
  border-bottom: 3px solid #0f9beb;
  margin-bottom: 2px;
}
.wrapperRegister .m-registerBox .m-header .oper {
  float: right;
  font-size: 14px;
  color: #666;
}
.wrapperRegister .m-registerBox .m-header .oper .loginNow {
  color: #1b76c6;
}
.wrapperRegister .m-registerBox .m-formCont {
  padding-top: 33px;
}
.wrapperRegister .m-registerBox .m-formCont .form {
  float: left;
}
.wrapperRegister .m-registerBox .m-formCont .form .layui-form .layui-form-item {
  margin-bottom: 18px;
}
.wrapperRegister
  .m-registerBox
  .m-formCont
  .form
  .layui-form
  .layui-form-item.close-distance {
  margin-bottom: 8px;
}
.wrapperRegister
  .m-registerBox
  .m-formCont
  .form
  .layui-form
  .layui-form-item
  .layui-form-label {
  padding: 0 11px;
  width: 130px;
  height: 32px;
  line-height: 32px;
  color: #333;
  font-size: 14px;
}
.wrapperRegister
  .m-registerBox
  .m-formCont
  .form
  .layui-form
  .layui-form-item
  .layui-input-block,
.wrapperRegister
  .m-registerBox
  .m-formCont
  .form
  .layui-form
  .layui-form-item
  .layui-input-inline {
  float: left;
  margin-left: 0;
  width: 415px;
}
.wrapperRegister
  .m-registerBox
  .m-formCont
  .form
  .layui-form
  .layui-form-item
  .layui-input-block
  .inputArea-small,
.wrapperRegister
  .m-registerBox
  .m-formCont
  .form
  .layui-form
  .layui-form-item
  .layui-input-inline
  .inputArea-small {
  float: left;
  width: 260px;
}
.wrapperRegister
  .m-registerBox
  .m-formCont
  .form
  .layui-form
  .layui-form-item
  .layui-input-block.input-small,
.wrapperRegister
  .m-registerBox
  .m-formCont
  .form
  .layui-form
  .layui-form-item
  .layui-input-inline.input-small {
  width: 120px;
}
.wrapperRegister
  .m-registerBox
  .m-formCont
  .form
  .layui-form
  .layui-form-item
  .layui-input-block
  .item,
.wrapperRegister
  .m-registerBox
  .m-formCont
  .form
  .layui-form
  .layui-form-item
  .layui-input-inline
  .item {
  float: left;
  margin-right: 10px;
  width: 70px;
}
.wrapperRegister
  .m-registerBox
  .m-formCont
  .form
  .layui-form
  .layui-form-item
  .layui-input-block
  .item.last-item,
.wrapperRegister
  .m-registerBox
  .m-formCont
  .form
  .layui-form
  .layui-form-item
  .layui-input-inline
  .item.last-item {
  margin-right: 0;
}
.wrapperRegister
  .m-registerBox
  .m-formCont
  .form
  .layui-form
  .layui-form-item
  .layui-input-block
  .psd-strength
  li,
.wrapperRegister
  .m-registerBox
  .m-formCont
  .form
  .layui-form
  .layui-form-item
  .layui-input-inline
  .psd-strength
  li {
  float: left;
  width: 70px;
  height: 20px;
  line-height: 20px;
  background-color: #ccc;
  color: #fff;
  text-align: center;
  margin-right: 10px;
}
.wrapperRegister
  .m-registerBox
  .m-formCont
  .form
  .layui-form
  .layui-form-item
  .layui-input-block
  .psd-strength
  .active,
.wrapperRegister
  .m-registerBox
  .m-formCont
  .form
  .layui-form
  .layui-form-item
  .layui-input-inline
  .psd-strength
  .active {
  background-color: #8bc34a;
}
.wrapperRegister
  .m-registerBox
  .m-formCont
  .form
  .layui-form
  .layui-form-item
  .verification {
  float: left;
  margin-left: 10px;
  width: 140px;
  height: 45px;
  cursor: pointer;
}
.wrapperRegister
  .m-registerBox
  .m-formCont
  .form
  .layui-form
  .layui-form-item
  .verification
  .ver-img {
  width: 100%;
  height: 100%;
}
.wrapperRegister
  .m-registerBox
  .m-formCont
  .form
  .layui-form
  .layui-form-item
  .verification
  .ver-btn {
  width: 140px;
  height: 45px;
  line-height: 45px;
  background-color: #8bc34a;
  color: #fff;
  border: none;
}
.wrapperRegister
  .m-registerBox
  .m-formCont
  .form
  .layui-form
  .layui-form-item
  .layui-input {
  height: 45px;
  line-height: 45px;
  border-color: #ccc;
  background-color: transparent;
  color: #333;
  font-size: 14px;
}
.wrapperRegister
  .m-registerBox
  .m-formCont
  .form
  .layui-form
  .layui-form-item
  .layui-input:hover {
  border-color: #ccc !important;
}
.wrapperRegister
  .m-registerBox
  .m-formCont
  .form
  .layui-form
  .layui-form-item
  .layui-input:focus {
  border-color: #ccc !important;
}
.wrapperRegister
  .m-registerBox
  .m-formCont
  .form
  .layui-form
  .layui-form-item
  .confirmBtn {
  width: 415px;
  height: 66px;
  line-height: 66px;
  outline: none;
  border: none;
  background-color: #2e96e6;
  font-size: 24px;
  color: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
}
.wrapperRegister .m-registerBox .m-formCont .form .layui-form .passwordItem {
  margin-bottom: 10px;
}
.wrapperRegister
  .m-registerBox
  .m-formCont
  .form
  .layui-form
  .psd-strengthItem
  .layui-form-label {
  height: 20px;
}
.wrapperRegister .m-registerBox .m-formCont .agreeTxt {
  width: 226px;
  height: 463px;
  float: left;
  margin-left: 60px;
}
.wrapperRegister .m-registerBox .m-formCont .agreeTxt .tit {
  color: #333;
  font-size: 16px;
}
.wrapperRegister .m-registerBox .m-formCont .agreeTxt .section {
  line-height: 30px;
  font-size: 14px;
  color: #666;
}

.wrapperInfo {
  background-color: #fff;
}
.wrapperInfo .m-header {
  width: 1200px;
  height: 110px;
  line-height: 110px;
  margin: 0 auto;
}
.wrapperInfo .m-header .m-title {
  float: left;
  padding-left: 80px;
  background-image: url("../img/login/logo.png");
  background-size: 67px 66px;
  background-repeat: no-repeat;
  background-position: 0 center;
}
.wrapperInfo .m-header .m-title .title {
  font-size: 32px;
  color: #333;
  font-weight: bold;
}
.wrapperInfo .m-header p {
  float: right;
  font-size: 14px;
  color: #666;
}
.wrapperInfo .m-header p .center {
  padding-right: 15px;
  border-right: 1px solid #ddd;
}
.wrapperInfo .m-header p .exit {
  padding-left: 15px;
}
.wrapperInfo .m-content {
  background-color: #f7f7f7;
  padding-bottom: 38px;
}
.wrapperInfo .m-content .breadcream {
  width: 1200px;
  margin: 0 auto;
  height: 65px;
  line-height: 65px;
  margin-top: 5px;
  text-align: right;
  font-size: 14px;
  color: #666;
}
.wrapperInfo .m-content .content {
  width: 1200px;
  margin: 0 auto;
}
.wrapperInfo .m-content .content .side {
  float: left;
  width: 260px;
  height: 753px;
  background-color: #fff;
  border: 1px solid #ececec;
  padding: 40px 31px;
}
.wrapperInfo .m-content .content .side .avatar {
  height: 100px;
  border-bottom: 1px solid #ddd;
  text-align: center;
}
.wrapperInfo .m-content .content .side .avatar .tit {
  font-weight: bold;
  font-size: 18px;
  color: #333;
  margin-bottom: 10px;
}
.wrapperInfo .m-content .content .side .avatar .desc {
  width: 110px;
  margin: 0 auto;
  color: #999;
  background: url("../img/info/verifySuccess.png") no-repeat 0 center;
  padding-left: 10px;
}
.wrapperInfo .m-content .content .side .menuList {
  margin-top: 28px;
}
.wrapperInfo .m-content .content .side .menuList .menuItem {
  width: 197px;
  height: 34px;
  line-height: 34px;
  background-color: #fff;
  padding: 0 15px;
  margin-bottom: 10px;
}
.wrapperInfo .m-content .content .side .menuList .menuItem a {
  font-size: 16px;
  color: #333;
}
.wrapperInfo .m-content .content .side .menuList .menuItem a .arrow {
  float: right;
}
.wrapperInfo .m-content .content .side .menuList .selected {
  background-color: #e6ecf6;
}
.wrapperInfo .m-content .content .main {
  float: left;
  width: 920px;
  margin-left: 20px;
}
.wrapperInfo .m-content .accountVerify {
  width: 1200px;
  height: 1083px;
  background-color: #fff;
  margin: 0 auto;
}
.wrapperInfo .m-content .accountVerify .header {
  height: 58px;
  padding-left: 20px;
  line-height: 58px;
  border-bottom: 1px solid #ddd;
}
.wrapperInfo .m-content .accountVerify .header span {
  font-size: 20px;
  color: #333;
  font-weight: bold;
  padding-left: 14px;
  border-left: 5px solid #1794e2;
}
.wrapperInfo .m-content .accountVerify .verifyList {
  padding: 0 20px;
}
.wrapperInfo .m-content .accountVerify .verifyList .verifyBtnDiv {
  width: 1160px;
  height: 108px;
  background-color: #fff;
}
.wrapperInfo .m-content .accountVerify .verifyList .verifyBtnDiv button {
  width: 171px;
  height: 49px;
  color: #1794e2;
  background-color: #fff;
  border: 1px solid #1794e2;
  border-radius: 25px;
  margin-top: 29px;
  margin-left: 10px;
  font-size: 18px;
}
.wrapperInfo .m-content .accountVerify .verifyList .verifyCard {
  height: 146px;
  background-color: #fbfbfb;
  border: 1px solid #e8e8e8;
  padding-top: 23px;
  padding-left: 25px;
  padding-right: 40px;
  margin-bottom: 25px;
}
.wrapperInfo .m-content .accountVerify .verifyList .verifyCard .wrapperImg {
  float: left;
  width: 99px;
  height: 99px;
  margin-right: 30px;
}
.wrapperInfo .m-content .accountVerify .verifyList .verifyCard .identityVerify {
  float: left;
  margin-top: 35px;
  margin-right: 275px;
}
.wrapperInfo .m-content .accountVerify .verifyList .verifyCard .text {
  float: left;
  width: 450px;
  margin: 10px 0;
}
.wrapperInfo .m-content .accountVerify .verifyList .verifyCard .text .tit {
  font-size: 20px;
  color: #000;
  padding-bottom: 10px;
}
.wrapperInfo .m-content .accountVerify .verifyList .verifyCard .text .desc {
  font-size: 16px;
  color: #666;
}
.wrapperInfo .m-content .accountVerify .verifyList .verifyCard .info {
  float: left;
  font-size: 16px;
  color: #666;
  margin-top: 35px;
}
.wrapperInfo .m-content .accountVerify .verifyList .verifyCard .verifyBtn {
  float: right;
  width: 152px;
  height: 49px;
  line-height: 49px;
  border: none;
  background-color: #1794e2;
  text-align: center;
  margin-top: 20px;
  cursor: pointer;
}
.wrapperInfo .m-content .accountVerify .verifyList .verifyCard .verifyBtn a {
  font-size: 16px;
  color: #fff;
}
.wrapperInfo .m-content .accountVerify .verifyList .verifyCard .disabled {
  background-color: #e5e5e5;
  cursor: none;
}
.wrapperInfo .m-content .accountVerify .verifyList .verifyCard .disabled a {
  color: #666;
}
.wrapperInfo .m-content .addrManage {
  color: #333;
  font-size: 16px;
  height: 750px;
  line-height: 104px;
}
.wrapperInfo .m-content .addrManage .verifyList {
  padding-top: 5px;
}
.wrapperInfo .m-content .addrManage .verifyList .verifyCard {
  margin-top: 30px;
}
.wrapperInfo .m-content .addrManage .verifyList .verifyCard .tit {
  float: left;
  margin-right: 110px;
}
.wrapperInfo .m-content .addrManage .verifyList .verifyCard .addr {
  float: left;
}
.wrapperInfo .m-content .addrManage .verifyList .verifyCard .fix,
.wrapperInfo .m-content .addrManage .verifyList .verifyCard .create {
  float: right;
}
.wrapperInfo .m-content .addrManage .verifyList .verifyCard .fix a,
.wrapperInfo .m-content .addrManage .verifyList .verifyCard .create a {
  color: #1b92fd;
  cursor: pointer;
}
.wrapperInfo .m-content .changePwd,
.wrapperInfo .m-content .findPwd {
  height: 750px;
  margin-bottom: 35px;
}
.wrapperInfo .m-content .changePwd .change,
.wrapperInfo .m-content .findPwd .change {
  width: 699px;
  height: 385px;
  margin: 105px auto 0;
}
.wrapperInfo .m-content .changePwd .change .change-progress,
.wrapperInfo .m-content .findPwd .change .change-progress {
  width: 418px;
  height: 102px;
  margin: 0 auto;
}
.wrapperInfo .m-content .changePwd .change .change-progress li,
.wrapperInfo .m-content .findPwd .change .change-progress li {
  float: left;
}
.wrapperInfo .m-content .changePwd .change .change-progress li .line,
.wrapperInfo .m-content .findPwd .change .change-progress li .line {
  width: 95px;
  height: 34px;
  border-bottom: 1px solid #ddd;
}
.wrapperInfo .m-content .changePwd .change .change-progress .progress,
.wrapperInfo .m-content .findPwd .change .change-progress .progress {
  width: 76px;
  height: 100px;
}
.wrapperInfo .m-content .changePwd .change .change-progress .progress img,
.wrapperInfo .m-content .findPwd .change .change-progress .progress img {
  width: 70px;
  height: 70px;
  margin: 0 auto;
}
.wrapperInfo .m-content .changePwd .change .change-progress .progress p,
.wrapperInfo .m-content .findPwd .change .change-progress .progress p {
  margin-top: 12px;
  font-size: 14px;
  color: #333;
  text-align: center;
}
.wrapperInfo .m-content .changePwd .change .form,
.wrapperInfo .m-content .findPwd .change .form {
  margin: 85px auto 0;
}
.wrapperInfo .m-content .changePwd .change .form .star,
.wrapperInfo .m-content .findPwd .change .form .star {
  color: #db0000;
}
.wrapperInfo .m-content .changePwd .change .form .label,
.wrapperInfo .m-content .changePwd .change .form .phoneNumber,
.wrapperInfo .m-content .findPwd .change .form .label,
.wrapperInfo .m-content .findPwd .change .form .phoneNumber {
  font-size: 16px;
  color: #666;
}
.wrapperInfo .m-content .changePwd .change .form .verifyPhone,
.wrapperInfo .m-content .findPwd .change .form .verifyPhone {
  height: 21px;
  line-height: 21px;
}
.wrapperInfo .m-content .changePwd .change .form .verifyPhone .label,
.wrapperInfo .m-content .findPwd .change .form .verifyPhone .label {
  padding-left: 10px;
}
.wrapperInfo .m-content .changePwd .change .form .verifyPhone .phoneNumber,
.wrapperInfo .m-content .findPwd .change .form .verifyPhone .phoneNumber {
  display: inline-block;
  background-image: url("../img/changePwd/phone.png");
  background-size: 15px 21px;
  background-position: 10px center;
  background-repeat: no-repeat;
  padding-left: 42px;
}
.wrapperInfo .m-content .changePwd .change .form .msgCode,
.wrapperInfo .m-content .findPwd .change .form .msgCode {
  display: inline-block;
  margin-top: 15px;
}
.wrapperInfo .m-content .changePwd .change .form .msgCode .layui-form-label,
.wrapperInfo .m-content .findPwd .change .form .msgCode .layui-form-label {
  width: 111px;
  padding: 12px 5px 9px 0;
  font-size: 16px;
  color: #666;
}
.wrapperInfo .m-content .changePwd .change .form .msgCode input,
.wrapperInfo .m-content .findPwd .change .form .msgCode input {
  width: 416px;
  height: 50px;
  border: 1px solid #ddd;
  background: url("../img/changePwd/pwd.png") no-repeat 10px center;
  padding-left: 42px;
  margin-right: 20px;
}
.wrapperInfo .m-content .changePwd .change .form .msgCode .layui-input,
.wrapperInfo .m-content .findPwd .change .form .msgCode .layui-input {
  display: inline-block;
}
.wrapperInfo .m-content .changePwd .change .form .getVerifyCode,
.wrapperInfo .m-content .findPwd .change .form .getVerifyCode {
  display: inline-block;
  width: 148px;
  height: 52px;
  line-height: 52px;
  color: #7b7b7b;
  font-size: 16px;
  background-color: #fff7e0;
  border: 1px solid #ffe8ac;
  text-align: center;
}
.wrapperInfo .m-content .changePwd .change .operBtns,
.wrapperInfo .m-content .findPwd .change .operBtns {
  margin-top: 48px;
  margin-left: 110px;
}
.wrapperInfo .m-content .changePwd .change .operBtns button,
.wrapperInfo .m-content .findPwd .change .operBtns button {
  width: 222px;
  height: 53px;
  font-size: 16px;
  color: #fff;
  border-radius: 5px;
  border: none;
  margin-right: 20px;
}
.wrapperInfo .m-content .changePwd .change .operBtns button a,
.wrapperInfo .m-content .findPwd .change .operBtns button a {
  color: #fff;
}
.wrapperInfo .m-content .changePwd .change .operBtns .returnBtn,
.wrapperInfo .m-content .findPwd .change .operBtns .returnBtn {
  background-color: #28cda2;
}
.wrapperInfo .m-content .changePwd .change .operBtns .blue,
.wrapperInfo .m-content .findPwd .change .operBtns .blue {
  background-color: #1794e2;
}
.wrapperInfo .m-content .changePwd .change .form2,
.wrapperInfo .m-content .findPwd .change .form2 {
  width: 870px;
}
.wrapperInfo .m-content .changePwd .change .form2 .layui-form-label,
.wrapperInfo .m-content .findPwd .change .form2 .layui-form-label {
  width: 121px;
  padding: 9px 15px 9px 0;
  color: #666;
}
.wrapperInfo .m-content .changePwd .change .form2 .layui-input-inline,
.wrapperInfo .m-content .findPwd .change .form2 .layui-input-inline {
  width: 416px;
  height: 50px;
}
.wrapperInfo .m-content .changePwd .change .success-cont,
.wrapperInfo .m-content .findPwd .change .success-cont {
  width: 222px;
  margin: 65px auto 0;
}
.wrapperInfo .m-content .changePwd .change .success-cont .imgWrapper,
.wrapperInfo .m-content .findPwd .change .success-cont .imgWrapper {
  width: 136px;
  height: 136px;
  margin: 0 auto;
}
.wrapperInfo .m-content .changePwd .change .success-cont .success-txt,
.wrapperInfo .m-content .findPwd .change .success-cont .success-txt {
  text-align: center;
  color: #333;
  font-size: 19px;
  margin-top: 20px;
}
.wrapperInfo .m-content .changePwd .change .success-cont .userCenter,
.wrapperInfo .m-content .findPwd .change .success-cont .userCenter {
  margin: 55px auto 0;
}
.wrapperInfo .m-content .findPwd .step1 .layui-form-label {
  width: 111px;
  padding: 12px 5px 9px 0;
  font-size: 16px;
  color: #666;
}
.wrapperInfo .m-content .findPwd .step1 .phone {
  padding-left: 42px;
  background: url("../img/changePwd/phone.png") no-repeat 10px center;
}
.wrapperInfo .m-content .findPwd .layui-input {
  width: 416px;
  height: 50px;
  border: 1px solid #ddd;
}
.wrapperInfo .m-footer {
  width: 100%;
  height: 110px;
  background-color: #7b7b7b;
  border-top: 2px solid #0f9beb;
}
.wrapperInfo .m-footer .wrapper {
  width: 1200px;
  height: 68px;
  margin: 26px auto;
}
.wrapperInfo .m-footer .wrapper .intro {
  float: left;
}
.wrapperInfo .m-footer .wrapper .intro .text {
  padding-top: 5px;
}
.wrapperInfo .m-footer .wrapper .intro .text span {
  font-size: 14px;
  color: #fff;
}
.wrapperInfo .m-footer .wrapper .img {
  float: right;
}

.wrapperPart .m-content .content .main {
  height: 750px;
  background-color: #fff;
}

.myEvaluate .title {
  width: 64px;
  padding: 10px 0;
  font-size: 16px;
  color: #333;
  border-bottom: 2px solid #1780e2;
}
.myEvaluate .evaluateCard {
  width: 865px;
  height: 128px;
  border: 1px solid #ddd;
  background-color: #fff;
  padding: 15px 20px 15px 15px;
  margin-top: 15px;
}
.myEvaluate .evaluateCard .evaluate-cont {
  float: left;
}
.myEvaluate .evaluateCard .evaluate-cont .yw .ywNo,
.myEvaluate .evaluateCard .evaluate-cont .yw .ywName {
  font-size: 16px;
  color: #333;
}
.myEvaluate .evaluateCard .evaluate-cont .yw .ywName {
  padding-left: 20px;
}
.myEvaluate .evaluateCard .evaluate-cont .evaluate-time {
  font-size: 14px;
  color: #999;
  padding: 10px 0;
}
.myEvaluate .evaluateCard .evaluate-cont .evaluate-time span {
  padding-left: 5px;
}
.myEvaluate .evaluateCard .evaluate-cont .satisfy {
  width: 136px;
  height: 35px;
  line-height: 35px;
  border: 1px solid #ffebb7;
  background-color: #fff4d8;
  font-size: 14px;
  color: #666;
}
.myEvaluate .evaluateCard .evaluate-cont .satisfy-smile {
  background: url("../img/part/smile.png") no-repeat 10px center;
  padding-left: 43px;
}
.myEvaluate .evaluateCard .detail-btn {
  float: right;
  width: 134px;
  height: 41px;
  background-color: #1780e2;
  border: none;
  margin-top: 32px;
}
.myEvaluate .evaluateCard .detail-btn a {
  color: #fff;
}

.navWrapper {
  width: 100%;
  height: 58px;
  background-color: #1794e2;
}
.navWrapper .m-nav {
  width: 1200px;
  height: 58px;
  margin: 0 auto;
}
.navWrapper .m-nav .navItem {
  float: left;
  width: 200px;
  height: 58px;
  line-height: 58px;
  text-align: center;
}
.navWrapper .m-nav .navItem a {
  color: #fff;
  font-size: 18px;
}
.navWrapper .m-nav .selected {
  background-color: #e8a900;
}
.navWrapper .m-nav .selected a {
  color: #fff;
}

.m-change-head {
  height: 60px;
  line-height: 60px;
  color: #fff;
  font-size: 24px;
}

#g-mapcontainer {
  position: relative;
  min-width: 1200px;
  min-height: 768px;
  height: 1080px;
}
#g-mapcontainer .map-header {
  width: 100%;
  height: 80px;
  background-color: #41779c;
  opacity: 0.9;
  filter: alpha(opacity=90);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 202020;
  text-align: center;
  padding-top: 22px;
}
#g-mapcontainer .map-header .map-title {
  color: #fff;
  font-size: 36px;
  font-weight: bold;
  line-height: 36px;
}
#g-mapcontainer .windows {
  position: absolute;
  left: 20px;
  top: 100px;
  z-index: 202020;
}
#g-mapcontainer .windows .infoWindow {
  overflow: hidden;
  margin-bottom: 20px;
}
#g-mapcontainer .windows .infoWindow .left {
  float: left;
  width: 480px;
  margin-right: 10px;
}
#g-mapcontainer .windows .infoWindow .left .searchbox {
  position: relative;
  height: 64px;
  overflow: hidden;
}
#g-mapcontainer .windows .infoWindow .left .searchbox .toggleBtn {
  position: absolute;
  right: 65px;
  top: 11px;
  width: 60px;
  height: 42px;
  border-left: 1px solid #e5e5e5;
}
#g-mapcontainer .windows .infoWindow .left .searchbox .clearBtn {
  background: url("../img/map/clear.png") no-repeat center center;
}
#g-mapcontainer .windows .infoWindow .left .searchbox .routeBtn {
  background: url("../img/map/route.png") no-repeat center center;
}
#g-mapcontainer .windows .infoWindow .left .searchbox .searchtxt {
  float: left;
  width: 414px;
  height: 64px;
  padding-left: 10px;
  border: none;
  border-bottom: 1px solid #e5e5e5;
}
#g-mapcontainer .windows .infoWindow .left .searchbox .searchbtn {
  float: left;
  width: 64px;
  height: 64px;
  border: none;
  background-color: #3385ff;
  background-image: url("../img/map/search.png");
  background-repeat: no-repeat;
  background-position: center center;
}
#g-mapcontainer .windows .infoWindow .left .dest {
  width: 415px;
  height: 115px;
  overflow: hidden;
  background-color: #fff;
}
#g-mapcontainer .windows .infoWindow .left .dest .toggle {
  float: left;
  width: 64px;
  height: 115px;
  background: url("../img/map/arrow.png") no-repeat center center;
}
#g-mapcontainer .windows .infoWindow .left .dest .origin {
  float: left;
  padding: 10px 10px 10px 0;
}
#g-mapcontainer .windows .infoWindow .left .dest .origin .startInput {
  width: 315px;
  height: 48px;
  line-height: 48px;
  padding-left: 35px;
  background: url("../img/map/start.png") no-repeat 8px center;
  border: none;
  border-bottom: 1px solid #e5e5e5;
}
#g-mapcontainer .windows .infoWindow .left .dest .origin .endInput {
  width: 315px;
  height: 48px;
  line-height: 48px;
  padding-left: 35px;
  background: url("../img/map/end.png") no-repeat 8px center;
  border: none;
}
#g-mapcontainer .windows .infoWindow .right {
  float: left;
  width: 300px;
  height: 62px;
}
#g-mapcontainer .windows .infoWindow .right li {
  float: left;
  width: 148px;
  height: 62px;
  line-height: 64px;
  text-align: center;
  background-color: #fff;
}
#g-mapcontainer .windows .infoWindow .right li span {
  color: #000;
  font-size: 18px;
}
#g-mapcontainer .windows .infoWindow .right .drive {
  padding-left: 38px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-right: 0;
}
#g-mapcontainer .windows .infoWindow .right .drive span {
  display: block;
  background: url("../img/map/drive-themed.png") no-repeat 0 center;
  background-size: 30px 27px;
}
#g-mapcontainer .windows .infoWindow .right .bus {
  padding-left: 38px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
#g-mapcontainer .windows .infoWindow .right .bus span {
  display: block;
  background: url("../img/map/bus-themed.png") no-repeat 0 center;
  background-size: 26px 32px;
}
#g-mapcontainer .windows .infoWindow .right .selected {
  background-color: #3385ff;
}
#g-mapcontainer .windows .infoWindow .right .selected span {
  color: #fff;
}
#g-mapcontainer .windows .infoWindow .right .drive-selected span {
  background: url("../img/map/drive.png") no-repeat 0 center;
}
#g-mapcontainer .windows .infoWindow .right .bus-selected span {
  background: url("../img/map/bus.png") no-repeat 0 center;
}
#g-mapcontainer .windows .list {
  padding: 20px;
  border: 1px solid #e9e9e9;
  background-color: #fff;
}
#g-mapcontainer .windows .list li {
  line-height: 40px;
}
#g-mapcontainer .windows .list li label {
  font-size: 16px;
  color: #000;
}
#g-mapcontainer .windows .list li .layui-form-checkbox {
  width: 16px;
  height: 16px;
  line-height: 16px;
}
#g-mapcontainer .windows .list li .layui-form-checkbox i {
  width: 16px;
  height: 16px;
  border-left: 1px solid #d2d2d2;
  color: #fff;
}
#g-mapcontainer .windows .list li .layui-form-checked i {
  color: #fff;
  border: none;
  background-color: #3385ff;
}
#g-mapcontainer .windows .list .active label {
  color: #3385ff;
}
#g-mapcontainer .windows .infoWindow2 {
  float: left;
  width: 240px;
  height: 480px;
  z-index: 202020;
}
#g-mapcontainer .windows .infoWindow2 .header {
  width: 240px;
  height: 60px;
  background-color: #3385ff;
  padding-left: 30px;
  padding-right: 10px;
  line-height: 60px;
}
#g-mapcontainer .windows .infoWindow2 .header .iconWrap {
  float: left;
  width: 110px;
  height: 60px;
  background: url("../img/map/icon.png") no-repeat 0 center;
  background-size: 24px 28px;
  padding-left: 35px;
}
#g-mapcontainer .windows .infoWindow2 .header .iconWrap .tit {
  font-size: 16px;
  color: #fff;
}
#g-mapcontainer .windows .infoWindow2 .header .arrow {
  float: right;
  width: 26px;
  height: 40px;
}
#g-mapcontainer .windows .infoWindow3 {
  float: left;
  width: 240px;
  height: 480px;
  z-index: 202020;
  margin-left: 10px;
}
#g-mapcontainer .windows .infoWindow3 .header {
  width: 240px;
  height: 60px;
  background-color: #f5f7fb;
  padding-left: 30px;
  padding-right: 10px;
  line-height: 60px;
}
#g-mapcontainer .windows .infoWindow3 .header .iconWrap {
  float: left;
  width: 110px;
  height: 60px;
  background: url("../img/map/home.png") no-repeat 0 center;
  background-size: 28px 26px;
  padding-left: 35px;
}
#g-mapcontainer .windows .infoWindow3 .header .iconWrap .tit {
  font-size: 16px;
  color: #000;
}
#g-mapcontainer .windows .infoWindow3 .townList {
  height: 442px;
  overflow: auto;
  padding: 20px 10px;
}
#g-mapcontainer .windows .infoWindow3 .townList .layui-form-item {
  margin-bottom: 0;
}
#g-mapcontainer
  .windows
  .infoWindow3
  .townList
  .layui-form-item
  .layui-form-item
  .layui-form-checkbox {
  margin-top: 0px;
}

.m-wrap {
  position: relative;
  margin: 0 auto;
  width: 1200px;
  height: 100%;
}
.m-wrap .breadcream {
  text-align: right;
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  color: #fff;
}
.m-wrap .breadcream .home {
  padding-left: 24px;
  color: #fff;
  background: url("../img/event/home.png") no-repeat 0 center;
  padding-right: 13px;
}
.m-wrap .breadcream .twoLevel {
  padding: 0 13px;
}
.m-wrap .breadcream .threeLevel {
  padding-left: 13px;
}

.m-event-cont {
  width: 1200px;
  height: 100%;
  background: url("../img/event/event-cont-bg.png") 100% 100% no-repeat;
  overflow: hidden;
}
.m-event-cont .m-personal-tab {
  height: 60px;
}
.m-event-cont .m-personal-tab .layui-tab .layui-tab-title {
  position: relative;
  height: 60px;
  border-bottom: 1px solid #e5e5e5;
}
.m-event-cont .m-personal-tab .layui-tab .layui-tab-title li {
  padding: 0 23px;
  line-height: 60px;
  color: #333;
  font-size: 24px;
}
.m-event-cont .m-personal-tab .layui-tab .layui-tab-title li.layui-this {
  color: #0082e5;
}
.m-event-cont .m-personal-tab .layui-tab .layui-tab-title li.layui-this:after {
  height: 60px;
  border-bottom: 2px solid #0082e5;
}
.m-event-cont .m-personal-tab .layui-tab .layui-tab-title .exit {
  position: absolute;
  top: 20px;
  right: 19px;
  color: #666;
  font-size: 18px;
}
.m-event-cont .m-personal-tab .layui-tab .layui-tab-title .to-personalinfo {
  float: right;
  color: #0082e5;
  font-size: 18px;
}
.m-event-cont .m-personal-tab .layui-tab .layui-tab-title .to-index {
  float: right;
  color: #0082e5;
  font-size: 18px;
  margin-right: 19px;
}
.m-event-cont .m-personal-tab .layui-tab .layui-tab-title .link {
  line-height: 60px;
  margin-left: 20px;
}
.m-event-cont .m-eventsels {
  margin: 20px;
}
.m-event-cont .m-eventsels li {
  float: left;
  margin-right: 10px;
  line-height: 40px;
}
.m-event-cont .m-eventsels li strong {
  line-height: 40px;
  font-size: 16px;
  color: #333;
}
.m-event-cont .m-eventsels li select {
  width: 130px;
  height: 40px;
  line-height: 24px;
  font-size: 16px;
  padding: 8px 0;
}
.m-event-cont .m-eventsels li .m-searchbox input {
  width: 160px;
  height: 40px;
  line-height: 40px;
  padding-left: 10px;
}
.m-event-cont .m-eventsels li .m-searchbox button {
  width: 80px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #fff;
  background-color: #2862c6;
  border: none;
}
.m-event-cont .m-tab {
  margin: 0 20px;
}
.m-event-cont .m-tab .m-tabtit {
  width: 1160px;
  height: 50px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 20px;
}
.m-event-cont .m-tab .m-tabtit .tabtit {
  float: left;
  width: 138px;
  height: 50px;
  line-height: 50px;
  color: #666;
  font-size: 16px;
  text-align: center;
  border-top: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}
.m-event-cont .m-tab .m-tabtit .tabtit-selected {
  border-top: 2px solid #2862c6;
  border-bottom: 0;
}
.m-event-cont .m-tab .m-tabtit .tabtit-selected span {
  color: #000;
}

.m-table {
  margin: 0 20px;
  min-height: 698px;
  font-size: 14px;
  text-align: center;
  color: #333;
}
.m-table li {
  float: left;
}
.m-table .title {
  padding: 12px 0;
  color: #fff;
  background: #6f95d6;
}
.m-table .cont {
  padding: 8px 0;
  border-bottom: 1px dashed #ccc;
}
.m-table .side {
  width: 72px;
  border-right: 1px dashed #ccc;
  text-align: center;
}
.m-table .mid {
  width: 828px;
  text-align: left;
  padding-left: 25px;
  border-right: 1px dashed #ccc;
}
.m-table .oper {
  width: 195px;
  text-align: center;
}
.m-table .blueColor {
  color: #2d95e5;
  cursor: pointer;
}
.m-table .handleColor {
  color: #fff;
  background-color: #4e7dcc;
  cursor: pointer;
  padding: 4px 12px;
  font-size: 14px;
}
.m-table .consultColor {
  color: #24a4b2;
  cursor: pointer;
}

.m-pagination {
  padding-right: 5px;
}
.m-pagination .layui-laypage {
  margin: 24px 0 35px;
}
.m-pagination .layui-laypage a,
.m-pagination .layui-laypage span {
  margin-left: 8px;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  background-color: transparent;
  border: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #000;
  font-size: 16px;
  overflow: hidden;
}
.m-pagination .layui-laypage .layui-laypage-curr .layui-laypage-em {
  background-color: #0082e6;
}
.m-pagination .layui-laypage .layui-input:focus {
  border-color: #0082e6 !important;
}

.m-personal {
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.m-personal .content {
  padding-top: 10px;
}
.m-personal .content .list .item .head {
  padding: 0 20px;
  height: 48px;
  background-color: #ebeff2;
}
.m-personal .content .list .item .head .left,
.m-personal .content .list .item .head .right {
  height: 48px;
  line-height: 48px;
  font-size: 18px;
}
.m-personal .content .list .item .head .left {
  color: #333;
  text-align: left;
}
.m-personal .content .list .item .head .right {
  color: #666;
  text-align: right;
}
.m-personal .content .list .item .cont {
  overflow: hidden;
}
.m-personal .content .list .item .cont.parts {
  padding: 15px 40px 8px;
}
.m-personal .content .list .item .cont.evaluate {
  padding: 34px;
}
.m-personal .content .list .item .cont.form {
  padding: 42px;
}
.m-personal .content .list .item .cont .parts-leftText {
  margin-bottom: 7px;
  color: #333;
  font-size: 16px;
}
.m-personal .content .list .item .cont .parts-state {
  display: inline-block;
  width: 85px;
  font-size: 18px;
}
.m-personal .content .list .item .cont .parts-state.parts-state-success {
  background: url("../img/personal/checkcircle.png") right center no-repeat;
  color: #52c41a;
}
.m-personal .content .list .item .cont .parts-state.parts-state-doing {
  color: #e5ac00;
}
.m-personal .content .list .item .cont .parts-detail {
  display: inline-block;
  margin-top: 11px;
  color: #1890ff;
  font-size: 18px;
  cursor: pointer;
}
.m-personal .content .list .item .cont .evaluate-left {
  height: 40px;
}
.m-personal .content .list .item .cont .evaluate-left .left-box {
  display: inline-block;
  width: 140px;
  height: 40px;
  line-height: 40px;
  color: #333;
  font-size: 18px;
  text-align: center;
}
.m-personal
  .content
  .list
  .item
  .cont
  .evaluate-left
  .left-box.left-box-already {
  background: url("../img/personal/evaluate-leftBox.png") 100% 100% no-repeat;
}
.m-personal .content .list .item .cont .evaluate-left .left-box.left-box-no {
  background: url("../img/personal/evaluate-leftBox-no.png") 100% 100% no-repeat;
}
.m-personal .content .list .item .cont .evaluate-right {
  height: 40px;
}
.m-personal .content .list .item .cont .evaluate-right .right-text {
  line-height: 40px;
  color: #333;
  font-size: 16px;
}
.m-personal .content .list .item .cont .evaluate-right .right-box {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  width: 120px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #0082e5;
  border-radius: 2px;
  color: #0082e5;
  font-size: 18px;
  text-align: left;
}
.m-personal .content .list .item .cont .evaluate-right .right-box img {
  position: absolute;
  top: 12px;
  right: 20px;
}
.m-personal .content .list .item .cont .form-left .left-text {
  color: #333;
  font-size: 18px;
}
.m-personal .content .list .item .cont .form-center .center-btn {
  color: #0082e6;
  font-size: 18px;
}
.m-personal .content .list .item .cont .form-right .right-text {
  color: #666;
  font-size: 18px;
}
.m-personal .wrapper {
  padding: 20px;
}
.m-personal .wrapper .m-detaillist {
  width: 840px;
}
.m-personal .wrapper .m-detaillist .detailItem {
  width: 840px;
  height: 48px;
  line-height: 48px;
  margin-bottom: 10px;
  border: 1px solid #e6e6e6;
}
.m-personal .wrapper .m-detaillist .detailItem .label {
  float: left;
  width: 120px;
  text-align: center;
}
.m-personal .wrapper .m-detaillist .detailItem .label strong {
  font-size: 18px;
  color: #333;
}
.m-personal .wrapper .m-detaillist .detailItem .text {
  float: left;
  width: 700px;
  padding-left: 18px;
  border-left: 1px solid #e6e6e6;
}
.m-personal .wrapper .m-detaillist .detailItem .text span {
  font-size: 18px;
  color: #333;
}
.m-personal .wrapper .m-detaillist .detailItemres {
  height: 118px;
}
.m-personal .wrapper .m-detaillist .detailItemres .text {
  height: 118px;
}

.m-personal-left {
  width: 100%;
  height: 100%;
  background: url("../img/personal/personal-left-bg.png") 100% 100% no-repeat;
}
.m-personal-left .info {
  padding: 30px 0 50px;
}
.m-personal-left .info .headImg {
  width: 120px;
  height: 120px;
}
.m-personal-left .info .name {
  margin-top: 12px;
  color: #333;
  font-size: 18px;
}
.m-personal-left .info .verify {
  margin-top: 12px;
}
.m-personal-left .info .verify .img {
  width: 18px;
  height: 20px;
}
.m-personal-left .info .verify .text {
  color: #666;
  font-size: 16px;
}
.m-personal-left .menu .list .item {
  width: 200px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  margin: 0 auto;
}
.m-personal-left .menu .list .item a {
  display: block;
  padding-left: 20px;
  background: url("../img/personal/rightarrow.png") 27px center no-repeat;
  color: #333;
  font-size: 16px;
}
.m-personal-left .menu .list .active {
  background-color: #e2f0f9;
}

.m-personal-tab {
  height: 44px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.m-personal-tab .m-eventsels {
  width: 100%;
  padding: 0 25px;
  margin: 40px 30px 30px;
}
.m-personal-tab .m-eventsels li {
  float: left;
  margin-right: 45px;
  line-height: 40px;
}
.m-personal-tab .m-eventsels li strong {
  line-height: 40px;
  font-size: 16px;
  color: #333;
}
.m-personal-tab .m-eventsels li select {
  width: 80px;
  height: 40px;
  line-height: 24px;
  font-size: 16px;
  padding: 8px 0;
}
.m-personal-tab .m-eventsels li .m-searchbox input {
  width: 160px;
  height: 40px;
  line-height: 40px;
  padding-left: 10px;
}
.m-personal-tab .m-eventsels li .m-searchbox button {
  width: 80px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #fff;
  background-color: #0082e6;
  border: none;
}
.m-personal-tab .layui-tab .layui-tab-title {
  position: relative;
  height: 44px;
  border: 1px solid #e5e5e5;
  margin-bottom: 10px;
}
.m-personal-tab .layui-tab .layui-tab-title li {
  padding: 0 23px;
  line-height: 44px;
  color: #333;
  font-size: 16px;
}
.m-personal-tab .layui-tab .layui-tab-title li.layui-this {
  color: #1794e2;
}
.m-personal-tab .layui-tab .layui-tab-title li.layui-this:after {
  height: 44px;
  border-bottom: 2px solid #1794e2;
}
.m-personal-tab .layui-tab .layui-tab-title .exit {
  position: absolute;
  top: 20px;
  right: 19px;
  color: #666;
  font-size: 18px;
}
.m-personal-tab .layui-tab .layui-tab-title .to-personalinfo {
  float: right;
  color: #0082e5;
  font-size: 18px;
}
.m-personal-tab .layui-tab .layui-tab-title .to-index {
  float: right;
  color: #0082e5;
  font-size: 18px;
  margin-right: 19px;
}
.m-personal-tab .layui-tab .layui-tab-title .link {
  line-height: 60px;
  margin-left: 20px;
}

.m-personal-info .top {
  height: 368px;
  background-color: #fff;
  border: 1px solid #ececec;
}
.m-personal-info .bottom {
  margin-top: 20px;
  height: 364px;
  background-color: #fff;
  border: 1px solid #ececec;
}
.m-personal-info .layui-this:after {
  border: none;
}

.m-infoBox-head {
  background-color: #fff;
}
.m-infoBox-head .layui-tab .layui-tab-title {
  height: 60px;
  border-bottom: 0;
}
.m-infoBox-head .layui-tab .layui-tab-title li {
  padding: 0 23px;
  line-height: 60px;
  color: #333;
  font-size: 20px;
}
.m-infoBox-head .layui-tab .layui-tab-title li.layui-this {
  color: #1794e2;
  font-weight: bold;
}
.m-infoBox-head .layui-tab .layui-tab-title li.layui-this:after {
  height: 60px;
}
.m-infoBox-head .layui-tab .layui-tab-title li.layui-this:after {
  border-right: 0;
}

.m-infoBox-cont .list .item {
  height: 58px;
  line-height: 58px;
}
.m-infoBox-cont .list .item.big {
  height: 90px;
  margin-bottom: 20px;
}
.m-infoBox-cont .list .item .title {
  display: inline-block;
  width: 225px;
  padding-left: 40px;
  margin-left: 25px;
  color: #666;
  font-size: 16px;
}
.m-infoBox-cont .list .item .username {
  background: url("../img/info/username.png") no-repeat 0 center;
}
.m-infoBox-cont .list .item .accountpwd {
  background: url("../img/info/accountpwd.png") no-repeat 0 center;
}
.m-infoBox-cont .list .item .phone {
  background: url("../img/info/phone.png") no-repeat 0 center;
}
.m-infoBox-cont .list .item .realname {
  background: url("../img/info/realname.png") no-repeat 0 center;
}
.m-infoBox-cont .list .item .email {
  background: url("../img/info/username.png") no-repeat 0 center;
}
.m-infoBox-cont .list .item .address {
  background: url("../img/info/address.png") no-repeat 0 center;
}
.m-infoBox-cont .list .item .cont {
  display: inline-block;
  margin-left: 10px;
  width: 370px;
  color: #000;
  font-size: 16px;
}
.m-infoBox-cont .list .item .cont img {
  width: 90px;
  height: 90px;
  vertical-align: middle;
}
.m-infoBox-cont .list .item .btn {
  display: inline-block;
  margin-left: 10px;
  width: 200px;
  color: #4169bc;
  font-size: 16px;
  cursor: pointer;
}

.m-personal {
  width: 100%;
  height: 100%;
  background: #fff;
  padding: 10px 20px;
}
.m-personal .myparts {
  font-size: 20px;
  color: #1794e2;
  font-weight: bold;
}
.m-personal .cont {
  padding-top: 10px;
}
.m-personal .cont .list .item .head {
  padding: 0 20px;
  height: 35px;
  line-height: 35px;
  background-color: #ebeff2;
  border-left: 3px solid #1794e2;
}
.m-personal .cont .list .item .head .left,
.m-personal .cont .list .item .head .right {
  height: 35px;
  line-height: 35px;
  font-size: 16px;
}
.m-personal .cont .list .item .head .left {
  color: #333;
  text-align: left;
}
.m-personal .cont .list .item .head .right {
  color: #999;
  text-align: right;
}
.m-personal .cont .list .item .cont {
  overflow: hidden;
}
.m-personal .cont .list .item .cont.parts {
  padding: 15px 40px 8px;
}
.m-personal .cont .list .item .cont.evaluate {
  padding: 34px;
}
.m-personal .cont .list .item .cont.form {
  padding: 42px;
}
.m-personal .cont .list .item .cont .parts-leftText {
  margin-bottom: 7px;
  color: #666;
  font-size: 14px;
}
.m-personal .cont .list .item .cont .btnWrapper {
  margin: 0 auto;
}
.m-personal .cont .list .item .cont .parts-state {
  display: inline-block;
  width: 85px;
  font-size: 14px;
}
.m-personal .cont .list .item .cont .parts-state.parts-state-success {
  color: #999;
}
.m-personal .cont .list .item .cont .parts-state.parts-state-doing {
  color: #e5ac00;
}
.m-personal .cont .list .item .cont .parts-detail {
  display: inline-block;
  margin-top: 11px;
  color: #333;
  font-size: 14px;
  cursor: pointer;
}
.m-personal .cont .list .item .cont .evaluate-left {
  height: 40px;
}
.m-personal .cont .list .item .cont .evaluate-left .left-box {
  display: inline-block;
  width: 140px;
  height: 40px;
  line-height: 40px;
  color: #333;
  font-size: 18px;
  text-align: center;
}
.m-personal .cont .list .item .cont .evaluate-left .left-box.left-box-already {
  background: url("../img/personal/evaluate-leftBox.png") 100% 100% no-repeat;
}
.m-personal .cont .list .item .cont .evaluate-left .left-box.left-box-no {
  background: url("../img/personal/evaluate-leftBox-no.png") 100% 100% no-repeat;
}
.m-personal .cont .list .item .cont .evaluate-right {
  height: 40px;
}
.m-personal .cont .list .item .cont .evaluate-right .right-text {
  line-height: 40px;
  color: #333;
  font-size: 16px;
}
.m-personal .cont .list .item .cont .evaluate-right .right-box {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  width: 120px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #0082e5;
  border-radius: 2px;
  color: #0082e5;
  font-size: 18px;
  text-align: left;
}
.m-personal .cont .list .item .cont .evaluate-right .right-box img {
  position: absolute;
  top: 12px;
  right: 20px;
}
.m-personal .cont .list .item .cont .form-left .left-text {
  color: #333;
  font-size: 18px;
}
.m-personal .cont .list .item .cont .form-center .center-btn {
  color: #0082e6;
  font-size: 18px;
}
.m-personal .cont .list .item .cont .form-right .right-text {
  color: #666;
  font-size: 18px;
}
.m-personal .wrapper {
  padding: 20px;
}
.m-personal .wrapper .m-detaillist {
  width: 840px;
}
.m-personal .wrapper .m-detaillist .detailItem {
  width: 840px;
  height: 48px;
  line-height: 48px;
  margin-bottom: 10px;
  border: 1px solid #e6e6e6;
}
.m-personal .wrapper .m-detaillist .detailItem .label {
  float: left;
  width: 120px;
  text-align: center;
}
.m-personal .wrapper .m-detaillist .detailItem .label strong {
  font-size: 18px;
  color: #333;
}
.m-personal .wrapper .m-detaillist .detailItem .text {
  float: left;
  width: 700px;
  padding-left: 18px;
  border-left: 1px solid #e6e6e6;
}
.m-personal .wrapper .m-detaillist .detailItem .text span {
  font-size: 18px;
  color: #333;
}
.m-personal .wrapper .m-detaillist .detailItemres {
  height: 118px;
}
.m-personal .wrapper .m-detaillist .detailItemres .text {
  height: 118px;
}

.m-change {
  margin: 0 auto;
  margin-top: 190px;
}
.m-change .topView {
  position: relative;
  overflow: hidden;
}
.m-change .topView .line-1,
.m-change .topView .line-2 {
  position: absolute;
  top: 30px;
  width: 340px;
  height: 2px;
  background-color: #e6e6e6;
}
.m-change .topView .line-1.selected,
.m-change .topView .line-2.selected {
  background-color: #0082e5;
}
.m-change .topView .line-1 {
  left: 205px;
}
.m-change .topView .line-2 {
  left: 655px;
}
.m-change .topView .changePhone-0 {
  margin: 0 auto;
  width: 65px;
  height: 64px;
}
.m-change .topView .changePhone-0.selected {
  background: url("../img/personal/changePhone-0-sel.png") 100% 100% no-repeat;
}
.m-change .topView .changePhone-1 {
  margin: 0 auto;
  width: 64px;
  height: 64px;
  background: url("../img/personal/changePhone-1.png") 100% 100% no-repeat;
}
.m-change .topView .changePhone-1.selected {
  background: url("../img/personal/changePhone-1-sel.png") 100% 100% no-repeat;
}
.m-change .topView .changePhone-2 {
  margin: 0 auto;
  width: 64px;
  height: 64px;
  background: url("../img/personal/changePhone-2.png") 100% 100% no-repeat;
}
.m-change .topView .changePhone-2.selected {
  background: url("../img/personal/changePhone-2-sel.png") 100% 100% no-repeat;
}
.m-change .topView .changePwd-0 {
  margin: 0 auto;
  width: 65px;
  height: 64px;
}
.m-change .topView .changePwd-0.selected {
  background: url("../img/personal/changePwd-0-sel.png") 100% 100% no-repeat;
}
.m-change .topView .changePwd-1 {
  margin: 0 auto;
  width: 64px;
  height: 64px;
  background: url("../img/personal/changePwd-1.png") 100% 100% no-repeat;
}
.m-change .topView .changePwd-1.selected {
  background: url("../img/personal/changePwd-1-sel.png") 100% 100% no-repeat;
}
.m-change .topView .changePwd-2 {
  margin: 0 auto;
  width: 64px;
  height: 64px;
  background: url("../img/personal/changePwd-2.png") 100% 100% no-repeat;
}
.m-change .topView .changePwd-2.selected {
  background: url("../img/personal/changePwd-2-sel.png") 100% 100% no-repeat;
}
.m-change .topView .tab-text {
  margin-top: 12px;
  color: #999;
  font-size: 18px;
  font-weight: bold;
}
.m-change .topView .tab-text.selected {
  color: #666;
}
.m-change .botView {
  margin: 60px auto 0;
  width: 400px;
}
.m-change .botView .input-area {
  position: relative;
  margin-bottom: 30px;
  height: 54px;
  background-color: #fff;
}
.m-change .botView .input-area .phone-input {
  margin-left: 134px;
  padding-right: 10px;
  width: 338px;
  height: 54px;
  line-height: 54px;
  border: none;
  border-radius: unset;
  color: #999;
  font-size: 14px;
}
.m-change .botView .input-label {
  margin-bottom: 15px;
  font-size: 18px;
  color: #333;
}
.m-change .botView .verify {
  margin-bottom: 15px;
  text-align: left;
}
.m-change .botView .verify .verifyBtn {
  display: inline-block;
  width: 120px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #0082e5;
  border-radius: 2px;
  color: #0082e5;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
}
.m-change .botView .verify .z-verifyBtn-notAllow {
  border-color: #999;
  color: #999;
  pointer-events: none;
  cursor: not-allowed;
}
.m-change .botView .verify .z-verifyBtn-allow {
  border-color: #0082e5;
  color: #0082e5;
}
.m-change .botView .layui-form-item .layui-input-block {
  margin-left: 0;
}
.m-change .botView .layui-form-item .layui-input-block .change-input {
  margin-bottom: 15px;
  width: 300px;
  height: 48px;
  line-height: 48px;
  border: 1px solid #d7d7d7;
  border-radius: 2px;
  background-color: transparent;
  color: #666;
  font-size: 18px;
}
.m-change .botView .layui-form-item .layui-input-block .u-changeBtn {
  width: 120px;
  height: 48px;
  line-height: 48px;
  border: none;
  outline: none;
  border-radius: 2px;
  background-color: #0082e5;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
}
.m-change .botView .layui-form-item .layui-input-block .u-backBtn {
  display: inline-block;
  margin-right: 10px;
  width: 120px;
  height: 48px;
  line-height: 48px;
  border: none;
  outline: none;
  border-radius: 2px;
  background-color: #369eb3;
  color: #fff;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
}
.m-change .botView .tab-done {
  text-align: center;
}
.m-change .botView .tab-done .done-img {
  margin-top: 34px;
}
.m-change .botView .tab-done .done-text {
  margin-top: 25px;
  font-size: 32px;
  color: #0082e6;
}
.m-change .layui-tab {
  margin: 0;
}
.m-change .layui-tab-content {
  padding: 0;
}
.m-change ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #666;
  font-size: 18px;
}
.m-change ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #666;
  font-size: 18px;
}
.m-change :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #666;
  font-size: 18px;
}

#createModal,
#editModal {
  padding: 20px;
}
#createModal .layui-form,
#editModal .layui-form {
  z-index: -10;
}
#createModal .layui-form #addrWrapper,
#editModal .layui-form #addrWrapper {
  position: relative;
}
#createModal .layui-form #addrWrapper .addrDropdown,
#editModal .layui-form #addrWrapper .addrDropdown {
  z-index: 202000;
  position: absolute;
  left: 0;
  top: 38px;
  width: 510px;
  height: 400px;
  background-color: #f8f8f8;
  border: 1px solid #ddd;
}
#createModal .layui-form #addrWrapper .addrDropdown .tabTit li,
#editModal .layui-form #addrWrapper .addrDropdown .tabTit li {
  float: left;
  width: 80px;
  height: 50px;
  line-height: 50px;
  text-align: center;
}
#createModal .layui-form #addrWrapper .addrDropdown .tabTit .tabTit-selected,
#editModal .layui-form #addrWrapper .addrDropdown .tabTit .tabTit-selected {
  border-bottom: 2px solid #0f9beb;
}
#createModal .layui-form #addrWrapper .addrDropdown .tabTit .close,
#editModal .layui-form #addrWrapper .addrDropdown .tabTit .close {
  float: right;
  border-bottom: none;
}
#createModal .layui-form #addrWrapper .addrDropdown .list,
#editModal .layui-form #addrWrapper .addrDropdown .list {
  padding-top: 5px;
}
#createModal .layui-form #addrWrapper .addrDropdown .list li,
#editModal .layui-form #addrWrapper .addrDropdown .list li {
  float: left;
  width: 100px;
  height: 45px;
  line-height: 45px;
  text-align: center;
}
#createModal .layui-form #addrWrapper .addrDropdown .list li a,
#editModal .layui-form #addrWrapper .addrDropdown .list li a {
  color: #666;
}
#createModal .layui-form #addrWrapper .addrDropdown .list .addr-selected,
#editModal .layui-form #addrWrapper .addrDropdown .list .addr-selected {
  background-color: #0f9beb;
}
#createModal .layui-form #addrWrapper .addrDropdown .list .addr-selected a,
#editModal .layui-form #addrWrapper .addrDropdown .list .addr-selected a {
  color: #fff;
}
#createModal .layui-form .layui-form-label,
#editModal .layui-form .layui-form-label {
  width: 120px;
}
#createModal .layui-form .layui-input-block,
#editModal .layui-form .layui-input-block {
  margin-left: 120px;
}

.g-col-1 {
  float: left;
  width: 8.3%;
}

.g-col-2 {
  float: left;
  width: 16.6%;
}

.g-col-3 {
  float: left;
  width: 25%;
}

.g-col-4 {
  float: left;
  width: 33.3%;
}

.g-col-5 {
  float: left;
  width: 41.6%;
}

.g-col-6 {
  float: left;
  width: 50%;
}

.g-col-7 {
  float: left;
  width: 58.3%;
}

.g-col-8 {
  float: left;
  width: 66%;
}

.g-col-9 {
  float: left;
  width: 75%;
}

.g-col-10 {
  float: left;
  width: 83.3%;
}

.g-col-11 {
  float: left;
  width: 91.6%;
}

.g-col-12 {
  float: left;
  width: 100%;
}

.g-footer-jianrong {
  background-color: #000;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.g-login {
  position: relative;
  background: url("../img/login/commonBg.png") center center no-repeat;
}

.g-register {
  position: relative;
  background: url("../img/login/commonBg.png") center center no-repeat;
}

.g-index {
  position: relative;
  height: 1925px;
  background-color: #f7f7f7;
}

.g-bd {
  width: 1200px;
  margin: 5px auto;
}

.g-footer {
  width: 100%;
  height: 194px;
  border-top: 3px solid #086fd5;
  background-color: #fff;
}

/*# sourceMappingURL=style.css.map */