.header{
    max-width: 500px;
    margin:0 auto;
    background-color: #1fcc9e;
    height:58px;
  }
  .wrapper {
    max-width: 500px;
    margin: 0  auto;
  }
  
  ul, li {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  
  .tab_wrapper {
    width: 350px;
    position: relative;
    margin:0 auto;
    display: block;
    
  }
  .tab_wrapper > ul {
    clear: both;
    display: block;
    width: 350px;
    margin:0 auto;
    
    
    /*border-bottom: 1px solid #49a4d9;*/
  }
  .tab_wrapper > ul li {
    width: 80%;
    float: left;
    cursor: pointer;
    font-weight: bold;
    padding: 10px 10%;
    text-align: center;
    text-transform: uppercase;
    /*border: 1px solid #ccc;*/
    font-size: 18px;
    border-top: 0;
    position: relative;
    border-bottom: 3px solid #fff;
    color: #5b5b5b;
    margin: 0 5px 0 0;
  }
  .tab_wrapper > ul li.register{
    float:right;
  }
  .mask{
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 999;
      background: rgba(0,0,0,.5)
  }
  /* .tab_wrapper > ul li.active {
    border-color: #1fcc9e;
    color: #1fcc9e;
  } */
  .tab_wrapper > ul li.active:after {
    content: "";
    position: absolute;
    bottom: -1px;
    height: 1px;
    left: 0;
    background: #fff;
    width: 100%;
  }
  /*小图标*/
  .content_wrapper .name_parent{
    position:relative;
  }
  .content_wrapper .name{
    position:absolute;
    left:20px;
    top:13px;
  }
  .content_wrapper .name1{
    position:absolute;
    left:20px;
    top:22px;
  }
  
  .tab_wrapper .content_wrapper {
    float: left;
    width: 100%;
    border: none;
    border-top: 0;
    box-sizing: border-box;
  }
  .tab_wrapper .content_wrapper .tab_content {
    display: none;
    /*padding: 15px 20px;*/
  }
  .tab_wrapper .content_wrapper .tab_content.active {
     display: block;
     margin-top: 20px;
  }
  
  .tab_wrapper .content_wrapper .tab_content div{
    padding:0;
  
  }
  .tab_wrapper .content_wrapper .tab_content .error {
    color: red;
  }
  .tab_wrapper .content_wrapper .accordian_header {
    display: none;
    padding: 10px 20px;
    text-transform: uppercase;
    font-weight: bold;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #fff;
    position: relative;
    cursor: pointer;
  }
  .tab_wrapper .content_wrapper .accordian_header.active {
    color: #49a4d9;
    border-bottom: 1px solid #ccc;
  }
  .tab_wrapper .content_wrapper .accordian_header.active:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 5px;
    height: 100%;
    background: #49a4d9;
  }
  .tab_wrapper .content_wrapper .accordian_header .arrow {
    float: right;
    display: inline-block;
    width: 12px;
    height: 12px;
    position: relative;
    border-radius: 2px;
    transform: rotate(-135deg);
    background: #fff;
    border-top: 3px solid #ccc;
    border-left: 3px solid #ccc;
    /* &:after{
        position: absolute;
        top: 0;
        content: "";
        left: 0;
        width: 10px;
        height: 10px;
        background: $white;
        border-top: 3px solid $border_color;
        border-left: 3px solid $border_color;
    } */
  }
  .tab_wrapper .content_wrapper .accordian_header.active .arrow {
    transform: rotate(45deg);
    margin-top: 5px;
    border-top: 3px solid #49a4d9;
    border-left: 3px solid #49a4d9;
  }
  .tab_wrapper.left_side > ul {
    width: 25%;
    float: left;
    border-bottom: 1px solid #ccc;
  }
  .tab_wrapper.left_side > ul li {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 12px 18px;
    border-width: 1px;
    border-right: 0;
    border-left: 0;
  }
  .tab_wrapper.left_side > ul li:after {
    left: 0;
    top: 0;
    content: "";
    position: absolute;
    width: 5px;
    height: 100%;
    background: #ccc;
  }
  .tab_wrapper.left_side > ul li.active {
    border-color: #ccc;
  }
  .tab_wrapper.left_side > ul li.active:after {
    left: 0;
    top: 0;
    width: 5px;
    height: 100%;
    background: #49a4d9;
  }
  .tab_wrapper.left_side > ul li.active:before {
    right: -1px;
    position: absolute;
    top: 0;
    content: "";
    width: 2px;
    height: 100%;
    background: #fff;
  }
  .tab_wrapper.left_side .content_wrapper {
    width: 75%;
    border: 1px solid #ccc;
    float: left;
  }
  .tab_wrapper.left_side .controller {
    top: -50px;
  }
  .tab_wrapper.right_side > ul {
    width: 25%;
    float: right;
    border-bottom: 1px solid #ccc;
  }
  .tab_wrapper.right_side > ul li {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 12px 18px;
    border-width: 1px;
    border-right: 0;
    border-left: 0;
    text-align: right;
  }
  .tab_wrapper.right_side > ul li:after {
    right: 0;
    left: inherit;
    top: 0;
    content: "";
    position: absolute;
    width: 5px;
    height: 100%;
    background: #ccc;
  }
  .tab_wrapper.right_side > ul li.active {
    border-color: #ccc;
  }
  .tab_wrapper.right_side > ul li.active:after {
    right: 0;
    left: inherit;
    top: 0;
    width: 5px;
    height: 100%;
    content: "";
    background: #49a4d9;
  }
  .tab_wrapper.right_side > ul li.active:before {
    left: -2px;
    right: inherit;
    position: absolute;
    top: 0;
    content: "";
    width: 2px;
    height: 100%;
    background: #fff;
  }
  .tab_wrapper.right_side .content_wrapper {
    width: 75%;
    float: left;
    border: 1px solid #ccc;
  }
  .tab_wrapper.right_side .controller {
    top: -50px;
  }
  .tab_wrapper.accordion .content_wrapper {
    border-color: #ccc;
  }
  .tab_wrapper.accordion .content_wrapper .accordian_header {
    display: block;
  }
  .tab_wrapper.accordion > ul {
    display: none;
  }
  
  @media only screen and (max-width: 736px) {
    .tab_wrapper > ul {
      display: none;
    }
    .tab_wrapper .content_wrapper {
      border: 0;
    }
    .tab_wrapper .content_wrapper .accordian_header {
      display: block;
    }
    .tab_wrapper.left_side .content_wrapper, .tab_wrapper.right_side .content_wrapper {
      width: 100%;
      border-top: 0;
    }
    .tab_wrapper .controller {
      display: none;
    }
  }
  .tigsdiv08{
      width:500px;
      height: 545px;
      background-color:#FFF;
      border:6px solid #919090;
      border-radius:8px;
      position:fixed; 
      z-index:9999;
      margin-top:30px;
      }
      
  .bg {
     background: #000;
     filter: alpha(opacity=20);
     opacity: 0.6;
     -moz-opacity: 0.2;
     width: 100%;
     height: 100%;
     position: fixed;
     left: 0;
     top: 0;
     z-index: 9999;
  }
  
  .loginButton {
      margin-top:20px;
      width:350px;;
      height: 45px;
      background-color: #f39800;
      border-radius:5px;
      border:0;
      font-size: 22px;
      font-family:Microsoft YaHei;
      color:white;
      cursor: pointer;
  }
  .loginButton:hover {
      margin-top:20px;
      width:350px;;
      height: 45px;
      background-color: #f37e00;
      border-radius:5px;
      border:0;
      font-size: 22px;
      font-family:Microsoft YaHei;
      color:white;
      cursor: pointer;
  }
  
  .registerButton{
      margin:0px ;
      width:100%;
      height: 50px;
      background-color: #f39800;
      border-radius:5px;
      border:0;
      font-size: 20px;
      font-family:Microsoft YaHei;
      color:white;
      cursor: pointer;
  }
  .registerButton:hover{
      margin:0px ;
      width:100%;
      height: 50px;
      background-color: #f37e00;
      border-radius:5px;
      border:0;
      font-size: 20px;
      font-family:Microsoft YaHei;
      color:white;
      cursor: pointer;
  }
  
  .login_input{
      height:50px;
      padding-left:61px;
      width:350px;
      box-sizing: border-box;
      border:1px solid #e2e2e2;
      color:#5b5b5b;
      font-size: 16px
  }
  
  .registerInput{
      height:50px;
      padding-left:61px;
      margin-top:10px;
      width:100%;
      box-sizing: border-box;
      border:1px solid #e2e2e2;
      color:#5b5b5b;
      font-size: 16px;
      font-family:  Microsoft YaHei
  }
  
  .verifycode_input {
      height:50px;
      padding-left:61px;
      width:55%;
      box-sizing: border-box;
      color:#5b5b5b;
      border:1px solid #e2e2e2;
      font-size: 16px;
      font-family:  Microsoft YaHei;
  }
  
  .get_verifycode {
      width:45%;
      height:50px;
      background-color:#f39800;
      border:none;
      font-size: 17px;
      margin-left:-5px;
      float: right;
      font-family:  Microsoft YaHei;
      text-align: center;
      color:white;
      cursor: pointer;
  }
  .nologin_button {
      font-size: 18px;
      font-family:Microsoft YaHei;
      border-radius: 5px;
      height:45px;
      width:100%;
      border:1px solid #e2e2e2;
      background-color: white;
      cursor: pointer;
  }
  
  .nologin_button:hover {
      color: #1fcc9e;
  }
  
  .tigsdiv08{width:400px;border:none;margin-top:0;height: auto;height:380px;position:fixed;left:50%;top:50%;margin-left:-200px;margin-top:-190px;}
  .login_close{z-index:999; cursor: pointer;position: absolute;top: 10px;right: 10px;width:18px;height:18px;background:url(/public/images/login/close.png) no-repeat center;}
  .login_close:hover{background:url(/public/images/login/close_hover.png) no-repeat center;}
  .header{max-width:400px;background-color:#fff;height: 20px;border-radius:5px 5px 0 0;}
  .tab_wrapper > ul li{color:#333;font-weight:500;}
  .login_input{height:40px;line-height:40px;padding-left:50px;width:320px;font-size:13px;color:#666;}
  .registerInput{height:40px;line-height:40px;padding-left:50px;width:320px;margin-top:0px;font-size:13px;color:#666;}
  .content_wrapper .name{top:9px;left:12px;}
  .content_wrapper .name1{top:9px;left:12px;}
  .loginButton{background-color:#1fcc9e;width:320px;height:40px;margin-top:10px;font-size:13px;}
  .loginButton:hover{background-color:#20b18b;width:320px;height:40px;margin-top:10px;font-size:13px;}
  .registerButton{background-color:#1fcc9e;width:320px;height:40px;margin-top:10px;font-size:13px;}
  .registerButton:hover{background-color:#20b18b;width:320px;height:40px;margin-top:10px;font-size:13px;}
  .wrapper{max-width:400px;}
  .tab_wrapper{width:320px;}
  .tab_wrapper > ul{width:320px;}
  div.error_text{width:355px;}
  .nologin_button{margin-bottom:20px;height:40px;line-height:40px;text-align:center;display:inline-block;color:#333;}
  .nologin_button span{font-size:11px;color:#666;}
  .nologin_button:hover span{color:#1fcc9e;}
  .verifycode_input{width:174px;height:40px;line-height:40px;padding-left:50px;font-size:13px;color:#666;}
  .get_verifycode{width:146px;height:40px;font-size:13px;}
  .nologin_button{font-size:14px;}
  /*# sourceMappingURL=style.css.map */