﻿/*头部*/
.g-header{background-color: #fff;}
.g-header .m-userInfo{background-color: #f5f5f5; border-bottom:1px solid #eee;}
/* .m-userInfo .m-userContent {width:1196px; margin:0 auto;line-height: 37px; }
.m-userInfo .m-userContent .u-numList {float:right;overflow: hidden;}
.m-userContent .u-numList li {float: left; padding-right: 27px;}
.m-userContent .u-numList li .u-textNum {color: #3499ff;} */
.m-userInfo .m-userContent {width:1196px; margin:0 auto;line-height: 37px; }
.u-numList {float:right;overflow: hidden; padding-top: 51px;}
.u-numList li {float: left; padding-right: 27px;}
.u-numList li .u-textNum {color: #ffb600;}

.m-headerMain {height:86px !important; overflow: hidden; position: relative;}
.m-logo {width:385px; margin:0 auto;}
/*.m-logo .u-logo {padding-top: 6px;}*/
.m-logo .u-tel {margin-right: 15px;}

/*导航*/
.m-nav {/* height:43px; line-height: 43px;*/ background-color: #f77912;}
.m-nav .u-topnav{padding:0 0 0 64px;}
.m-nav .u-topnav li {float: left; font-size: 16px;}
.m-nav .u-topnav li a{color:#fff; display: block; padding:0 25px; transition:background-color 0.2s ease-in-out; -webkit-transition:background-color 0.2s ease-in-out;}
/*.m-nav .u-topnav li a:hover {color:#b54b2e; background-color: #ffca9f;}*/
/*导航*/


/*头部*/


/*主体内容*/
.g-content {/*background-color: #fff;*/min-height: 565px; height:auto !important;}
.m-contTitle { line-height: 50px;/* border-bottom:1px solid #dedede; margin:0 0 20px 0;*/}
.m-contTitle .u-location {color:#676566;}
.m-contTitle .u-location a {color:#676566;}
.m-contTitle .u-location a:hover {color:#ffb600;}

.m-content {border-radius:3px; /*border:1px solid #ddd; */background-color: #fff;/* padding:6px 40px;*/}
.m-content .m-login {width:600px; border-right:1px dashed #ddd;}
.u-loginTab { width:540px; border-bottom:1px solid #ddd;}
.u-loginTab ul {position: relative; top:1px;}
.u-loginTab ul li {float: left; height:32px; line-height: 32px; cursor:pointer; text-align:center; color:#fff; background-color: #b6b1ad; font-size: 17px; padding:0 20px; margin-right: 1px;}
.u-loginTab ul li a{color: #fff;}
.u-loginTab ul li:hover {background-color: #f77912;}
/*头部*/
.g-header{background-color: #fff;}
.g-header .m-userInfo{background-color: #f5f5f5; border-bottom:1px solid #eee;}
/* .m-userInfo .m-userContent {width:1196px; margin:0 auto;line-height: 37px; }
.m-userInfo .m-userContent .u-numList {float:right;overflow: hidden;}
.m-userContent .u-numList li {float: left; padding-right: 27px;}
.m-userContent .u-numList li .u-textNum {color: #3499ff;} */
.m-userInfo .m-userContent {width:1196px; margin:0 auto;line-height: 37px; }
.u-numList {float:right;overflow: hidden; padding-top: 51px;}
.u-numList li {float: left; padding-right: 15px;}
.u-numList li .u-textNum {color: #ffb600;}

.m-headerMain {height:116px; overflow: hidden; position: relative; min-width:1300px;}
.m-logo {width:385px; margin:0 auto;}
/*.m-logo .u-logo {padding-top: 6px;}*/
.m-logo .u-tel {margin-right: 15px;}

/*导航*/
.m-nav {/* height:43px; line-height: 43px;*/ background-color: #f77912;}
.m-nav .u-topnav{padding:0 0 0 64px;}
.m-nav .u-topnav li {float: left; font-size: 16px;}
.m-nav .u-topnav li a{color:#fff; display: block; padding:0 25px; transition:background-color 0.2s ease-in-out; -webkit-transition:background-color 0.2s ease-in-out;}
/*.m-nav .u-topnav li a:hover {color:#b54b2e; background-color: #ffca9f;}*/
/*导航*/


/*头部*/


/*主体内容*/
.container {padding:512px 0 0;}
.g-content {/*background-color: #fff;*/min-height: 565px; height:auto !important;}
.m-contTitle { line-height: 50px;/* border-bottom:1px solid #dedede; margin:0 0 20px 0;*/}
.m-contTitle .u-location {color:#676566;}
.m-contTitle .u-location a {color:#676566;}
.m-contTitle .u-location a:hover {color:#ffb600;}

.m-content {border-radius:3px; /*border:1px solid #ddd; */background-color: #fff;/* padding:6px 40px;*/}
.m-content .m-login {width:600px; border-right:1px dashed #ddd;}
.u-loginTab { width:540px; border-bottom:1px solid #ddd;}
.u-loginTab ul {position: relative; top:1px;}
.u-loginTab ul li {float: left; height:32px; line-height: 32px; cursor:pointer; text-align:center; color:#fff; background-color: #b6b1ad; font-size: 17px; padding:0 20px; margin-right: 1px;}
.u-loginTab ul li a{color: #fff;}
.u-loginTab ul li:hover {background-color: #f77912;}
.u-loginTab ul li.current {background-color: #f77912;}

.m-loginForm {padding:28px 0 0 0;}
.m-loginForm .u-loginItems {margin:0 0 28px 0; color: #212121;}
.m-loginForm .u-loginItems.itemPosRel {position: relative;}
.m-loginForm .u-loginItems .u-loginLabel {display: inline-block; width:100px; padding-right:5px; text-align:right; font-size: 14px;}
.m-loginForm .u-loginItems .u-loginLabel em {font-weight: normal; color: #ff0000; font-size: 14px; position: relative; top:2px;}
.u-loginItems .u-loginInputs {width:290px; height:31px; line-height: 31px; padding:0 9px; border-radius:3px; border:1px solid #b6b1ad; color:#999;}
.u-loginItems .u-loginInputs.focus {border:1px solid #ffb600;  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;}
.u-loginItems .u-loginInputs.focusin {border:1px solid #f77912;  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;}
  .u-loginItems .wrongTips {position: absolute; top:0; left:430px; line-height: 31px; color: #ea6060; background: url(../images/wrong_icon.png) no-repeat left center; padding-left: 20px; display: none;}
.u-loginItems .wrongTips.tips-show{display: block;}
.u-loginItems .u-loginInputs.u-loginYZM {width:100px;}
.u-loginItems .u-lYZM {position: absolute; left:242px; top:0; cursor: pointer;}
.u-loginItems .u-lYZM .u-switchBtn {position: absolute; top:8px; left:100px; width:80px; color: #7d644e;}
.u-loginItems .u-agreed { margin-left: 108px;}
.u-loginItems .u-agreed a { color: #2276b3; }

.u-loginItems.u-loginSubItem { padding-left: 108px; margin-top:-8px;}
.u-loginSubItem .u-loginSubtn { width:215px; height:43px; line-height: 43px; text-align: center; background-color: #f77912; color: #fff; cursor:pointer; border:0; font-size: 18px; border-radius:3px;}

.m-loginInfo {width: 467px; padding:52px 0 0 0;}
.m-loginInfo .u-loginTips li {margin-bottom: 20px; line-height: 31px;}
.m-loginInfo .u-loginTips li .u-goLogin,.m-loginInfo .u-loginTips li .u-goFindPw {display: inline-block; margin:0 0 0 5px; border-radius:3px; width:75px; height:31px; line-height: 31px; text-align: center; background-color: #f77912; color: #fff;}
.m-loginInfo .u-loginTips li .u-goLogin a,.m-loginInfo .u-loginTips li .u-goFindPw a {color: #fff;}
.m-loginInfo .u-loginTips li em {color: #fd0100;}
.m-loginInfo .u-loginTips li .u-telRed{color: #fe0103;}


label.error {display: inline-block; height:36px; line-height: 36px; background:url(../images/wrong_icon.png) no-repeat left center; padding-left: 19px; margin-left: 10px; color: #ea6060;}
label.right {display: inline-block; height:36px; line-height: 36px; background:url(../images/right_icon.png) no-repeat left center; padding-left: 19px; margin-left: 10px; color: #ea6060;} 
label.checked {
  height:25px;
  background:url("../images/write_icon.png") no-repeat left 11px;
}
/*主体内容*/


/*底部*/
.g-footer{height:248px;border-top:1px solid #ccc; position: relative;}
.g-footer .orangeline{ position: absolute; top:7px; left:0; width:100%; height:3px;background:#eb5402;}
.g-footer .m-service {background-color: #fff;}
.g-footer .m-serviceCont{width:1150px;height:145px;margin:0 auto;padding-top:23px;padding-left:50px;}
.g-footer .m-service ul li{float:left;padding-left:30px;}
.g-footer .m-service ul li.u-line {margin-top: -13px;}
.g-footer .m-service ul li p{margin-bottom:8px;}
.g-footer .m-service ul li a{font-size:12px;color:#696767;}
.g-footer .m-service ul li a:hover {color:#f77912;}
.g-footer .m-service .u-zjlink{padding-top:22px;}
.g-footer .m-service .u-call{text-align:center;}
.g-footer .m-service .u-code{float:left;}
.g-footer .m-service .u-aboutus{float:right;margin-left:15px;}
.g-footer .m-service .u-aboutus p {color: #999;}
.g-footer .allright{height:60px;background:#f6f6f6;text-align:center;padding-top:20px;}
.g-footer .allright p{font-size:12px;color:#999;margin-top:7px;}
/*底部*/


#yanzhengma-error {margin-left: 165px;}
.u-agreed {position: relative;}
#agree-error {position: absolute; left:194px; top:-10px;}


.u-location span.u-curA { color: #666;}

.input_opacity {opacity: 0; filter:alpha(opacity=0); z-index: -1; position: absolute; left:-9999em;}
.noDataShow { height:598px; text-align: center; background-image:url(../images/nodata_pic.png); background-repeat: no-repeat; background-position: center center;}

/*悬浮框*/
.suspensionPanel {position: fixed; right:0; bottom:350px; z-index: 999;}
.suspensionPanel ul {position:relative;}
.suspensionPanel ul li.u-susLi {position:relative; width:50px; height:50px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; background-color: #000; opacity: 0.3; background-image: url(../images/suspension_icon.png); background-repeat: no-repeat; background-position: 10px 10px;margin-bottom: 3px; z-index: 9;}
.suspensionPanel ul li.u-susLi.current {background-color: #ffb600;}
/*.suspensionPanel ul li.u-susLi0 { background-position: 10px -319px; background:none; opacity: 1; }*/
.suspensionPanel ul li.u-susLi2 { background-position: 10px -45px; background:none; opacity: 1; }
.suspensionPanel ul li.u-susLi3 {cursor:pointer; background-position: 10px -100px; display: none;position:absolute; /*top:159px;*/ right:0; }
.suspensionPanel ul li.u-susLi4 { background-position: 10px -343px; background:none; opacity: 1;  }

.suspensionPanel ul li.u-susLi0.current,.suspensionPanel ul
li.u-susLi1.current,.suspensionPanel ul li.u-susLi2.current,.suspensionPanel
ul li.u-susLi4.current {opacity:1;background-color:#ffb600;} .suspensionPanel
ul li.u-susLi2.current {border-radius:0;} .suspensionPanel ul
li.u-susLi3.current {opacity:1; background-color: #ffb600; } .u-susLi2.current
a{background-color: #ffb600; opacity:1;border-radius: 0;} .contactUs
{display:block; width:100%; height:100%; position:absolute;background-image:
url(../images/suspension_icon.png); background-repeat: no-repeat;
background-color:#000; background-position: 10px -45px; top:0; left:0;
z-index:8; opacity: 0.3;border-top-left-radius: 3px; border-bottom-left-
radius: 3px; cursor: default;} .contactUs2 {  background-position: 10px
-259px;} /*add 3.1*/ .contactUs.current,.business.current{background-color:
#ffb600; opacity:1;border-radius: 0;}

.u-suspenShow {position: absolute; right:-270px; top:0; width:270px;border-top-left-radius: 3px; border-bottom-left-radius: 3px; overflow: hidden; transition:right 0.2s ease-in-out;}
.u-susLi4 .u-suspenShow {width:130px; }

.suspensionPanel ul li.u-susLi2.current .u-suspenShow2,.suspensionPanel ul li.u-susLi4.current .u-suspenShow {right:100%;transition:right 0.2s ease-in-out;-webkit-transition:right .2s ease-in-out;-moz-transition:right .2s ease-in-out;}

.u-suspenShow .u-suspenShowItem { height:50px; line-height: 50px; background-image: url(../images/suspension_icon.png);background-repeat: no-repeat; background-position: 8px -156px; padding-left: 41px; width:94px; color: #fff;background-color: #ffb600; }

.u-suspenShow .u-suspenShowItem a {color: #fff;}
.u-suspenShow .u-suspenShowItem2 {background-position: 8px -205px;background-color: #ffb600;}
.u-suspenShow .u-suspenShowItem3 {background-position: 12px -303px;background-color: #ffb600;}
.u-suspenShow .u-suspenShowItem4 {background:none;background-color: #ffb600;}
.u-suspenShow .u-suspenShowItem5 {background: #ffb600; padding-left: 32px;}
/* 专属商务*/
.business{
  display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: url(../images/suspension_icon.png);
    background-repeat: no-repeat;
    background-color: #000;
    background-position: 10px -319px;
    top: 0;
    left: 0;
    z-index:8;
    opacity:0.3;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    cursor: default;
}
.u-businessShow {
   position:absolute;
   top:0;
   right:-300px;
   border-top-left-radius: 3px;
   border-bottom-left-radius: 3px;
   overflow: hidden;
   transition:right 0.2s ease-in-out;}
.u-businessShow .u-businessShowItem .business-name{
  display:inline-block;
  float:left;
  margin-left:8px;
  margin-right:16px;
  font-size: 14px;
  font-weight:600;
  height: 50px;
  max-width:56px;
  overflow: hidden;
}
.u-businessShow .u-businessShowItem .business-phone{
  display: inline-block;
  float:right;
  margin-right:12px;
}
.u-businessShow .u-businessShowItem{
    height: 50px;
    line-height: 50px;
    background-image: url(../images/suspension_icon.png);
    background-repeat: no-repeat;
    background-position: 8px -382px;
    padding-left: 41px;
    width:170px;
    color: #fff;
    opacity:1 !important;
    background-color: #ffb600;
}


.clearfix:after {content: ".";height: 0;display: block;visibility: hidden;clear: both;font-size: 0;}
.clearfix {zoom: 1;}
.noMar {margin-right: 0;}
.pl-5 {padding-left: 5px;}
.pl-20 {padding-left: 20px;}
.pl-30 {padding-left: 30px;}

.ball-clip-rotate-pulse {
    position: absolute;
    left:50%;
    top:50%;
    width:36px; height: 36px;
    margin:-18px 0 0 -18px;
    -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
            transform: translateY(-15px); }
    .ball-clip-rotate-pulse > div {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 100%;
     }
    .ball-clip-rotate-pulse > div:first-child {
      background: #ffb600;
      height: 16px;
      width: 16px;
      top: 9px;
      left: 9px;
      -webkit-animation: scale 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
              animation: scale 1s 0s cubic-bezier(.09, .57, .49, .9) infinite; }
    .ball-clip-rotate-pulse > div:last-child {
      position: absolute;
      border: 2px solid #ffb600;
      width: 30px;
      height: 30px;
      background: transparent;
      border: 2px solid;
      border-color: #ffb600 transparent #ffb600 transparent;
      -webkit-animation: rotate 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
              animation: rotate 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
      -webkit-animation-duration: 1s;
              animation-duration: 1s;}

     @-webkit-keyframes rotate {
    0% {
      -webkit-transform: rotate(0deg) scale(1);
              transform: rotate(0deg) scale(1); }

    50% {
      -webkit-transform: rotate(180deg) scale(0.6);
              transform: rotate(180deg) scale(0.6); }

    100% {
      -webkit-transform: rotate(360deg) scale(1);
              transform: rotate(360deg) scale(1); } }
  @keyframes rotate {
    0% {
      -webkit-transform: rotate(0deg) scale(1);
              transform: rotate(0deg) scale(1); }

    50% {
      -webkit-transform: rotate(180deg) scale(0.6);
              transform: rotate(180deg) scale(0.6); }

    100% {
      -webkit-transform: rotate(360deg) scale(1);
              transform: rotate(360deg) scale(1); } }

  @-webkit-keyframes scale {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1);
      opacity: 1; }

    45% {
      -webkit-transform: scale(0.1);
              transform: scale(0.1);
      opacity: 0.7; }

    80% {
      -webkit-transform: scale(1);
              transform: scale(1);
      opacity: 1; } }
  @keyframes scale {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1);
      opacity: 1; }

    45% {
      -webkit-transform: scale(0.1);
              transform: scale(0.1);
      opacity: 0.7; }

    80% {
      -webkit-transform: scale(1);
              transform: scale(1);
      opacity: 1; } }

@-webkit-keyframes fadeIn {
    0% {opacity: 0}

    100% {opacity: 1} 
  }

  @keyframes fadeIn {
    0% {opacity: 0}

    100% {opacity: 1} 
  }

.mhBtn { text-align: center; width:66px; height:36px; line-height: 36px;background-color: #ffb600; color: #fff; font-size: 14px;}


.g-content {padding:27px 0 0 0;}
.u-processBar {margin: 0 auto 20px; background-color: #fafafa;}
.m-content {background-color: #f5f5f5;}
.m-contTitle {display: none;}
.u-creditTips {margin:0 0 -2px 3px;}
