html {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight: transparent;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  font-size: 12px; }

/*赛事报名申请*/
.sign-form-list{font: 14px/36px "微软雅黑";border-bottom:1px solid #EEE;}
.sign-form-list li{margin-bottom: 10px;}
.sign-form-list-fl{float: left}
.sign-form-list-fl span{display: inline-block;width: 250px;margin-right: 20px;}
.sign-form-list-fr{margin-left: 270px;}
.sign-ckeckbox span{display: inline-block;vertical-align: middle;}
.sign-ckeckbox a{display: inline-block;height: 15px;width: 15px;margin-right: 12px;}
.set-item,.sign-set-btn,.sign-set{float:left;position: relative;}
.sign-ckeckbox a{background-image:url(../images/icon.png);background-repeat:no-repeat;}
.sign-ckeckbox a{background-position: -274px -393px;}
.sign-ckeckbox .checked{background-position: -299px -392px;}
.checkedLi span{float:none!important}
.checkedLi .sign-form-list-fr{margin-left:110px}

body, h1, h2, h3, h4, h5, h6, p, ul {
  padding: 0;
  margin: 0; }

ul {
  list-style: none; }

img {
  border: none;
  vertical-align: top; }

a, a:link, a:visited, a:active {
  text-decoration: none; }

body, input {
  font-family: "Microsoft Yahei"; }

input, select, textarea {
  background-color: transparent;
  outline: none;
  border: none;
  padding: 0;
  margin: 0; }

input {
  border-radius: 0; }

textarea {
  resize: none; }

.clear {
  clear: both; }

.clearfix:before,
.clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

dl, dd {
  margin: 0; }

.fl {
  float: left; }

.fr {
  float: right; }

em, i {
  font-style: normal; }

.checked, .radio {
  display: inline-block;
  background-image: url(../images/loginicon.png);
  background-repeat: no-repeat;
  vertical-align: middle; }

.radio_round, .checked_round {
  height: 20px;
  width: 20px; }

.radio_round {
  background-position: -200px -84px; }

.radio_square {
  background-position: -369px -73px; }

.radio_square, .checked_square {
  height: 14px;
  width: 14px; }

.checked_round {
  background-position: -229px -84px; }

.checked_square {
  background-position: -369px -92px; }

.submit {
  text-align: center; }

.bornone {
  border: none !important; }

.show {
  display: block !important; }

.hide {
  display: none !important; }

.btn {
  display: inline-block;
  text-align: center;
  color: #FFF;
  vertical-align: middle;
  background-image: url(../images/btn.png);
  background-repeat: no-repeat; }

.btn_max {
  height: 46px;
  width: 226px;
  line-height: 46px; }

.btn_max_blue {
  background-position: 0 -180px; }
  .btn_max_blue:hover {
    background-position: 0 -236px; }

.btn_xxl {
  height: 46px;
  width: 130px;
  font-size: 14px;
  line-height: 46px; }

.btn_xxl_blue {
  background-position: -236px -180px; }
  .btn_xxl_blue:hover {
    background-position: -236px -236px; }

.btn_xxl_yellow {
  background-position: -140px -292px; }
  .btn_xxl_yellow:hover {
    background-position: -140px -348px; }

.btn_xxl_light {
  background-position: 0 -292px; }
  .btn_xxl_light:hover {
    background-position: 0 -348px; }

.btn_xl {
  height: 40px;
  width: 180px;
  font-size: 16px;
  line-height: 40px; }

.btn_xl_red {
  background-position: 0 -80px; }
  .btn_xl_red:hover {
    background-position: 0 -130px; }

.btn_xl_blue {
  background-position: 0 -404px; }
  .btn_xl_blue:hover {
    background-position: -190px -404px; }

.btn_xl_wx {
  background-position: 0 -454px; }
  .btn_xl_wx:hover {
    background-position: 0 -504px; }

.btn_xl_zfb {
  background-position: -190px -454px; }
  .btn_xl_zfb:hover {
    background-position: -190px -504px; }

.btn_l {
  height: 30px;
  width: 130px;
  line-height: 30px; }

.btn_l_red {
  background-position: 0 -554px; }
  .btn_l_red:hover {
    background-position: -140px -554px; }

.btn_l_blue {
  background-position: 0 0; }
  .btn_l_blue:hover {
    background-position: 0 -40px; }

.btn_m {
  height: 30px;
  width: 100px;
  line-height: 30px; }

.btn_m_red {
  background-position: -190px -80px; }
  .btn_m_red:hover {
    background-position: -190px -120px; }

.btn_m_blue {
  background-position: -140px 0; }
  .btn_m_blue:hover {
    background-position: -140px -40px; }

.btn_s {
  height: 26px;
  width: 80px;
  line-height: 26px; }

.btn_s_red {
  background-position: -300px -80px; }
  .btn_s_red:hover {
    background-position: -300px -120px; }

.btn_s_blue {
  background-position: -250px 0; }
  .btn_s_blue:hover {
    background-position: -250px -40px; }

.btn_s_o_red {
  color: #FB6E7F;
  background-position: -280px -292px; }

.btn_s_o_blue {
  color: #42637F;
  background-position: -280px -328px; }

.icon {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  background-image: url(../images/indexicon.png);
  background-repeat: no-repeat; }

.mainicon {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  background-image: url(../images/mainicon.png);
  background-repeat: no-repeat; }

html, body {
  background-color: #F0F4F8; }

.select {
  background-color: #FFF;
  position: relative;
  border: 1px solid #797979; }
  .select a {
    display: block;
    padding: 0 10px;
    color: #797979; }
  .select .selectpop {
    height: 178px;
    background-color: #FFF;
    z-index: 2;
    display: none;
    position: absolute;
    left: -1px;
    border: 1px solid #797979;
    width: 100%; }
    .select .selectpop a:hover {
      background: #F0F4F8;
      color: #42637F; }

.selectscrolbox {
  height: 178px;
  overflow-y: auto;
  position: relative; }
  .selectscrolbox dl {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; }

.select_s {
  height: 30px;
  width: 108px;
  line-height: 30px; }
  .select_s .iconsj {
    position: absolute;
    height: 8px;
    width: 15px;
    background-position: -330px -124px;
    top: 12px;
    right: 6px; }

.select_l {
  height: 30px;
  width: 198px;
  line-height: 30px; }
  .select_l .iconsj {
    position: absolute;
    height: 8px;
    width: 15px;
    background-position: -330px -124px;
    top: 12px;
    right: 6px; }

.select_m {
  height: 44px;
  width: 198px;
  line-height: 44px; }
  .select_m .iconsj {
    position: absolute;
    height: 8px;
    width: 15px;
    background-position: -330px -124px;
    top: 20px;
    right: 20px; }

.textarea {
  background-color: #fff;
  width: 620px;
  height: 70px;
  border: 1px solid #797979;
  font-size: 14px;
  padding: 10px; }
  .textarea textarea {
    display: block;
    width: 100%;
    height: 100%;
    color: #797979; }

.container {
  width: 1200px;
  margin: 0 auto; }

.header .top {
  line-height: 28px;
  color: #FFF;
  background-color: #42637F; }
  .header .top a {
    color: #FFF; }
.header .top_l span {
  height: 12px;
  width: 12px;
  background-position: -163px -553px;
  margin-right: 6px;
  margin-bottom: 4px; }
.header .top_r li {
  float: left;
  margin: 0 5px;
  position: relative; }
.header .top_r .iconsj {
  height: 3px;
  width: 6px;
  background-position: -300px -553px;
  margin-left: 4px; }
.header .top_r .iconsj_b {
  height: 3px;
  width: 6px;
  background-position: -300px -566px;
  margin-left: 4px; }
.header .top_se {
  position: absolute;
  top: 32px;
  left: 50%;
  width: 100px;
  margin-left: -50px;
  text-align: center;
  background-color: #FFF;
  line-height: 26px;
  padding: 10px 0;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  box-shadow: 0 0 4px 0 #42637F;
  -webkit-box-shadow: 0 0 4px 0 #42637F;
  -o-box-shadow: 0 0 4px 0 #42637F;
  -moz-box-shadow: 0 0 4px 0 #42637F;
  -ms-box-shadow: 0 0 4px 0 #42637F; }
  .header .top_se a {
    color: #426583; }
    .header .top_se a:hover {
      text-decoration: underline; }
  .header .top_se span {
    height: 12px;
    width: 12px;
    margin-right: 6px;
    margin-bottom: 4px; }
  .header .top_se .iconzh {
    background-position: -185px -553px; }
  .header .top_se .iconjl {
    background-position: -207px -553px; }
  .header .top_se .iconmm {
    background-position: -228px -553px; }
  .header .top_se .iconsj {
    position: absolute;
    top: -10px;
    left: 50%;
    height: 0;
    width: 0;
    overflow: hidden;
    border-color: transparent transparent #FFF transparent;
    border-style: dashed dashed solid dashed;
    border-width: 6px;
    margin-left: -6px; }

.nav {
  background-color: #FFF; }
  .nav .logo {
    padding: 14px 0; }
  .nav .menu li {
    float: left;
    padding: 30px 16px 29px;
    font-size: 18px;
    margin-left: 40px; }
  .nav .menu a {
    color: #333333; }
  .nav .menu .active {
    border-bottom: 4px solid #42637F;
    color: #42637F; }
    .nav .menu .active a {
      font-size: 18px;
      font-weight: bold; }

.content {
  padding-top: 8px; }
  .content .section {
    padding: 0 20px; }
  .content .section_l {
    width: 800px; }
    .content .section_l .member {
      background-color: #FFF;
      border-radius: 6px;
      -webkit-border-radius: 6px;
      -o-border-radius: 6px;
      -moz-border-radius: 6px;
      -ms-border-radius: 6px;
      padding: 26px 120px;
      height: 248px;
      background: url(../images/memberbg.png) #FFF left center no-repeat; }
    .content .section_l .item {
      width: 200px;
      background-color: #FFF;
      overflow: hidden;
      border-radius: 8px;
      -webkit-border-radius: 8px;
      -o-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      box-shadow: 0 0 4px 0 #42637F;
      -webkit-box-shadow: 0 0 4px 0 #42637F;
      -o-box-shadow: 0 0 4px 0 #42637F;
      -moz-box-shadow: 0 0 4px 0 #42637F;
      -ms-box-shadow: 0 0 4px 0 #42637F; }
    .content .section_l .member_k {
      height: 120px;
      width: 200px;
      position: relative; }
      .content .section_l .member_k span {
        opacity: 0;
        position: absolute;
        top: 12px;
        right: 12px;
        height: 21px;
        width: 20px;
        background-position: 0 -593px;
        transition: 0.45s;
        -webkit-transition: 0.45s;
        -o-transition: 0.45s;
        -moz-transition: 0.45s;
        -ms-transition: 0.45s; }
      .content .section_l .member_k:hover span {
        opacity: 1; }
    .content .section_l .member_info {
      padding: 14px 0 22px;
      line-height: 26px; }
      .content .section_l .member_info ul {
        padding: 0 22px; }
      .content .section_l .member_info em {
        color: #42637F; }
      .content .section_l .member_info span {
        color: #797979; }
      .content .section_l .member_info i {
        height: 15px;
        width: 36px;
        margin-left: 8px; }
      .content .section_l .member_info .iconyx {
        background-position: -71px -553px; }
      .content .section_l .member_info .iconwx {
        background-position: -117px -553px; }
      .content .section_l .member_info p {
        margin-top: 14px;
        text-align: center; }
        .content .section_l .member_info p a {
          margin: 0 6px; }
    .content .section_l .add {
      margin-top: 64px;
      height: 116px;
      width: 196px;
      border: 2px solid #BBBBBB;
      border-radius: 8px;
      -webkit-border-radius: 8px;
      -o-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      overflow: hidden; }
      .content .section_l .add a {
        display: block;
        height: 100%;
        width: 100%;
        position: relative;
        background-color: #FFF; }
      .content .section_l .add span {
        height: 30px;
        width: 30px;
        background-image: url(../images/indexicon.png);
        background-repeat: no-repeat;
        background-position: 0 -553px; }
      .content .section_l .add p {
        width: 60px;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -23px 0 0 -30px;
        color: #42637F;
        line-height: 20px; }
    .content .section_l .list {
      position: relative;
      margin-bottom: 10px;
      height: 196px;
      padding-left: 98px; }
      .content .section_l .list .first {
        position: absolute;
        top: -2px;
        left: -2px;
        width: 100px;
        height: 140px;
        padding-top: 60px;
        background-image: url(../images/indexicon.png);
        background-repeat: no-repeat;
        text-align: center;
        color: #FFF; }
        .content .section_l .list .first .line {
          height: 2px;
          width: 18px;
          background-color: #FFF;
          display: inline-block; }
      .content .section_l .list li {
        float: left;
        width: 128px;
        height: 97px; }
      .content .section_l .list a {
        transition: 0.45s;
        -webkit-transition: 0.45s;
        -o-transition: 0.45s;
        -moz-transition: 0.45s;
        -ms-transition: 0.45s;
        position: relative;
        display: block;
        height: 100%;
        width: 100%;
        background-color: #FFF; }
        .content .section_l .list a:hover {
          transform: scale(1.02);
          -webkit-transform: scale(1.02);
          -o-transform: scale(1.02);
          -moz-transform: scale(1.02);
          -ms-transform: scale(1.02);
          color: #FFF; }
        .content .section_l .list a span {
          position: absolute;
          top: 0;
          left: 0;
          height: 63px;
          width: 61px; }
        .content .section_l .list a .icon1 {
          background-position: 0 -334px; }
        .content .section_l .list a .icon2 {
          background-position: -71px -334px; }
        .content .section_l .list a .icon3 {
          background-position: -142px -334px; }
        .content .section_l .list a .icon4 {
          background-position: -213px -334px; }
        .content .section_l .list a .icon5 {
          background-position: -284px -334px; }
        .content .section_l .list a .icon6 {
          background-position: 0 -407px; }
        .content .section_l .list a .icon7 {
          background-position: -71px -407px; }
        .content .section_l .list a .icon8 {
          background-position: -142px -407px; }
        .content .section_l .list a .icon9 {
          background-position: -213px -407px; }
        .content .section_l .list a .icon10 {
          background-position: 0 -480px; }
        .content .section_l .list a .icon11 {
          background-position: -71px -480px; }
        .content .section_l .list a .icon12 {
          background-position: -142px -480px; }
        .content .section_l .list a .icon13 {
          background-position: -213px -480px; }
        .content .section_l .list a .icon14 {
          background-position: -284px -407px; }
        .content .section_l .list a .icon15 {
          background-position: -284px -480px; }
        .iconuppetsbox{
          display: inline-block;
          vertical-align: middle;
          overflow: hidden;
          background-image: url(../images/uppetsboxIcon.png);
          background-repeat: no-repeat;
        }
        .content .section_l .list a em {
          position: absolute;
          top: 50%;
          width: 100%;
          text-align: center;
          left: 0;
          margin-top: -6px;
          z-index: 2; }
      .content .section_l .list .move {
        color: #BBBBBB; }
        .content .section_l .list .move:hover {
          color: #BBBBBB;
          background: #FFF;
          transform: scale(1);
          -webkit-transform: scale(1);
          -o-transform: scale(1);
          -moz-transform: scale(1);
          -ms-transform: scale(1); }
          .content .section_l .list .move:hover span {
            opacity: 1;
            filter: alpha(opacity=100); }
        .content .section_l .list .move .icon1 {
          background-position: -40px -584px; }
        .content .section_l .list .move .icon2 {
          background-position: -111px -584px; }
        .content .section_l .list .move .icon5 {
          background-position: -253px -584px; }
        .content .section_l .list .move .icon13 {
          background-position: -182px -584px; }
      .content .section_l .list .ullast {
        border: none; }
      .content .section_l .list .row {
        width: 205px; }
      .content .section_l .list .last {
        position: absolute;
        top: 0;
        right: 0;
        height: 196px;
        width: 102px;
        border-left: 1px solid #42637F; }
      .content .section_l .list .row_1 {
        margin-top: -16px; }
      .content .section_l .list .col {
        margin-top: -48px; }
    .content .section_l .breed {
      border: 2px solid #42637F; }
      .content .section_l .breed ul {
        border-bottom: 1px solid #42637F; }
      .content .section_l .breed a {
        color: #42637F; }
        .content .section_l .breed a:hover {
          background-color: #42637F; }
          .content .section_l .breed a:hover span {
            opacity: .3;
            filter: alpha(opacity=30); }
      .content .section_l .breed li {
        border-right: 1px solid #42637F; }
      .content .section_l .breed .first {
        background-position: 0 -124px; }
    .content .section_l .membership {
      width: 338px;
      border: 2px solid #4990E2; }
      .content .section_l .membership ul {
        border-bottom: 1px solid #4990E2; }
      .content .section_l .membership a {
        color: #4990E2; }
        .content .section_l .membership a:hover {
          background-color: #4990E2; }
      .content .section_l .membership li {
        border-right: 1px solid #4990E2; }
      .content .section_l .membership .first {
        background-position: -110px -124px; }
    .content .section_l .show {
      width: 236px;
      border: 2px solid #A97C34; }
      .content .section_l .show ul {
        border-bottom: 1px solid #A97C34; }
      .content .section_l .show a {
        color: #A97C34; }
        .content .section_l .show a:hover {
          background-color: #A97C34; }
      .content .section_l .show li {
        border-right: 1px solid #A97C34;
        width: 236px !important; }
      .content .section_l .show .first {
        background-position: -220px -124px; }
  .content .section_r {
    width: 340px; }
    .content .section_r .user_info {
      padding: 0 28px;
      height: 300px;
      border-radius: 6px;
      -webkit-border-radius: 6px;
      -o-border-radius: 6px;
      -moz-border-radius: 6px;
      -ms-border-radius: 6px;
      background-color: #fff; }
    .content .section_r .item {
      text-align: center;
      padding: 20px 0 22px;
      border-bottom: 1px dashed #BBBBBB; }
      .content .section_r .item .icon {
        height: 17px;
        width: 17px;
        margin-right: 10px; }
      .content .section_r .item .iconbh {
        background-position: -248px -553px; }
      .content .section_r .item .iconye {
        background-position: -273px -553px; }
      .content .section_r .item h3 {
        font-size: 16px;
        line-height: 32px;
        color: #797979; }
      .content .section_r .item .num {
        font-size: 20px;
        font-weight: bold;
        line-height: 36px;
        color: #F5A623; }
      .content .section_r .item a {
        margin: 6px 20px 0; }
    .content .section_r .last {
      border: none; }
    .content .section_r .caac {
      background-color: #FFF; }
      .content .section_r .caac .top {
        height: 114px;
        background-image: url(../images/indexicon.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        position: relative; }
        .content .section_r .caac .top p {
          position: absolute;
          top: 50%;
          left: 0;
          width: 100%;
          text-align: center;
          color: #FFF;
          margin-top: -12px;
          font-size: 24px; }
        .content .section_r .caac .top span {
          height: 21px;
          width: 21px;
          background-position: -40px -553px;
          margin-left: 30px; }
      .content .section_r .caac ul {
        padding: 18px 30px 62px;
        line-height: 20px; }
        .content .section_r .caac ul p, .content .section_r .caac ul a {
          color: #797979; }
        .content .section_r .caac ul span {
          color: #FB6E7F; }
        .content .section_r .caac ul li {
          border-bottom: 1px dashed #A97C34;
          padding-bottom: 11px;
          padding-top: 20px; }
  .content .title {
    padding: 22px 0 12px;
    color: #42637F; }
    .content .title p {
      border-left: 4px solid #42637F;
      padding-left: 10px; }

.pos {
  position: relative;
  background: transparent; }

.banner {
  height: 600px;
  background: url(../images/bannerbg.jpg) left top repeat-x; }
  .banner .gg {
    width: 790px;
    height: 600px; }
    .banner .gg img {
      height: 100%;
      width: 100%; }
  .banner .login {
    margin-top: 68px;
    height: 478px;
    width: 360px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    overflow: hidden;
    background-color: #FFF; }
    .banner .login h3 {
      border-bottom: 1px solid #797979;
      font-weight: bold;
      text-align: center;
      color: #42637F;
      font-size: 20px;
      line-height: 64px; }
    .banner .login ul {
      padding: 32px 30px 0;
      font-size: 14px;
      line-height: 44px; }
    .banner .login li {
      margin-bottom: 16px; }
    .banner .login .input {
      position: relative;
      border: 1px solid #BBBBBB;
      overflow: hidden;
      padding-left: 36px;
      padding-right: 10px;
      border-radius: 4px;
      -webkit-border-radius: 4px;
      -o-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px; }
    .banner .login input {
      width: 100%; }
    .banner .login .icon {
      position: absolute;
      left: 19px;
      top: 14px;
      background-image: url(../images/loginicon.png);
      background-repeat: no-repeat;
      height: 16px;
      width: 14px; }
    .banner .login .phone {
      background-position: -350px 0; }
    .banner .login .word {
      background-position: -350px -26px; }
    .banner .login .code {
      background-position: -352px -52px; }
    .banner .login .last {
      width: 94px; }
    .banner .login img {
      height: 44px;
      margin: 0 12px; }
    .banner .login .break {
      color: #42637F;
      text-decoration: underline; }
    .banner .login p {
      text-align: right; }
      .banner .login p a {
        color: #42637F;
        font-weight: bold; }
    .banner .login .submit a {
      margin: 0 10px; }
    .banner .login .submit .btn_xxl_light {
      color: #42637F; }
    .banner .login .bot {
      padding: 23px 30px;
      background-color: #F9F9F9;
      color: #B9B6B6; }
  .banner .jt {
    position: absolute;
    bottom: -10px;
    right: 0; }
    .banner .jt a {
      display: inline-block;
      height: 28px;
      width: 28px;
      margin-left: 4px;
      background-image: url(../images/loginicon.png);
      background-repeat: no-repeat; }
    .banner .jt .left {
      background-position: -200px -49px; }
      .banner .jt .left:hover {
        background-position: -238px -49px; }
    .banner .jt .right {
      background-position: -276px -49px; }
      .banner .jt .right:hover {
        background-position: -314px -49px; }

.main {
  background: url(../images/caacbg.png) right bottom no-repeat;
  height: 579px;
  position: relative; }
  .main .return {
    position: absolute;
    top: 10px;
    right: 14px;
    height: 44px;
    width: 140px; }
    .main .return a {
      background-image: url(../images/loginicon.png);
      background-repeat: no-repeat;
      display: block;
      height: 100%;
      width: 100%;
      background-position: -200px 0; }

.loginbar {
  border-bottom: 1px solid #BBBBBB;
  padding: 54px 0 48px 258px; }
  .loginbar li {
    position: relative;
    float: left;
    width: 168px;
    text-align: center;
    margin-right: 96px;
    font-size: 16px;
    color: #BBBBBB; }
    .loginbar li .line {
      position: absolute;
      top: 50%;
      right: -98px;
      width: 98px;
      height: 3px;
      background-image: url(../images/loginicon.png);
      background-repeat: no-repeat;
      background-position: -258px -85px; }
    .loginbar li span {
      height: 56px;
      width: 68px;
      background-image: url(../images/loginicon.png);
      background-repeat: no-repeat;
      margin-bottom: 22px; }
    .loginbar li .phone {
      background-position: 0 -100px; }
    .loginbar li .member {
      background-position: -315px -176px; }
    .loginbar li .complete {
      background-position: -159px -176px; }
    .loginbar li .data {
      background-position: -81px -176px; }
    .loginbar li .payment {
      background-position: -237px -176px; }
  .loginbar .active {
    color: #42637F; }
    .loginbar .active .line {
      background-position: -258px -98px; }
    .loginbar .active .member {
      background-position: -313px -110px; }
    .loginbar .active .complete {
      background-position: -156px -110px; }
    .loginbar .active .data {
      background-position: -81px -110px; }
    .loginbar .active .payment {
      background-position: -237px -110px; }

.form {
  margin: 0 auto;
  width: 424px; }
  .form li {
    position: relative;
    margin-bottom: 20px;
    line-height: 44px; }
    .form li span {
      display: inline-block;
      width: 124px;
      float: left;
      color: #42637F; }
  .form em {
    height: 15px;
    width: 15px;
    position: absolute;
    right: -26px;
    top: 50%;
    margin-top: -8px;
    background-image: url(../images/loginicon.png);
    background-repeat: no-repeat; }
  .form i {
    vertical-align: middle;
    margin-left: 18px;
    font-size: 14px; }
    .form i a {
      color: #42637F; }
  .form .yes {
    background-position: -368px 0; }
  .form .no {
    background-position: -368px -25px; }
  .form .input {
    border: 1px solid #BBBBBB;
    margin-left: 124px;
    padding: 0 20px; }
    .form .input input {
      width: 100%; }
  .form .code {
    width: 130px; }
  .form .time, .form .getcode {
    display: inline-block;
    height: 46px;
    width: 100px;
    background-color: #D4E6F5;
    text-align: center;
    color: #42637F;
    font-weight: bold; }
  .form .time {
    background-color: #797979;
    color: #FFF; }
  .form .submit {
    margin-top: 72px; }
  .form .query {
    position: absolute;
    top: 8px;
    right: -108px; }
  .form .bindingcode .no, .form .bindingcode .yes {
    right: -140px; }
  .form .bindingcode .time, .form .bindingcode .getcode {
    position: absolute;
    top: 0;
    right: -108px; }

.msg {
  text-align: center; }
  .msg .register, .msg .set {
    height: 90px;
    width: 90px;
    background-image: url(../images/loginicon.png);
    background-repeat: no-repeat;
    margin-bottom: 18px; }
  .msg .set {
    background-position: 0 0; }
  .msg .register {
    background-position: -100px 0; }
  .msg h3 {
    color: #42637F;
    font-size: 20px;
    line-height: 34px;
    font-weight: bold; }
  .msg p {
    font-size: 14px;
    line-height: 30px; }
    .msg p span {
      color: #42637F; }
  .msg .submit {
    margin-top: 58px; }
    .msg .submit a {
      margin: 0 20px; }

.info {
  padding: 0 40px; }
  .info .tit {
    margin: 20px 0;
    border-left: 4px solid #42637F;
    padding-left: 14px;
    color: #797979; }
  .info .submit {
    margin-top: 66px; }

.memebertype, .memeberinfo, .mailinfo {
  background-color: #F0F4F8; }

.memebertype {
  padding: 32px 268px; }
  .memebertype .memberbox {
    height: 284px;
    width: 214px;
    background-color: #FFF;
    padding: 1px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    box-shadow: 0 0 4px 0 #BBBBBB;
    -webkit-box-shadow: 0 0 4px 0 #BBBBBB;
    -o-box-shadow: 0 0 4px 0 #BBBBBB;
    -moz-box-shadow: 0 0 4px 0 #BBBBBB;
    -ms-box-shadow: 0 0 4px 0 #BBBBBB;
    position: relative;
    cursor: pointer; }
  .memebertype h3 {
    font-size: 14px;
    padding-left: 24px;
    line-height: 40px;
    border-bottom: 1px solid #BBBBBB; }
  .memebertype .memberinfofl h3 {
    color: #42637F; }
  .memebertype .memberinfofr h3 {
    color: #A97C34; }
  .memebertype .img {
    padding-bottom: 12px;
    margin: 12px 14px;
    border-bottom: 1px dashed #BBBBBB; }
    .memebertype .img img {
      height: 120px;
      display: block; }
  .memebertype p {
    text-align: center;
    line-height: 30px; }
    .memebertype p span {
      /* text-decoration: line-through; */
      color: #A97C34;
      font-size: 14px; }
    .memebertype p strong {
      color: #42637F;
      font-size: 24px; }
    .memebertype p i {
      font-size: 14px;
      margin-right: 6px; }
  .memebertype .icon {
    position: absolute;
    top: 10px;
    right: -2px;
    height: 28px;
    width: 71px;
    background-image: url(../images/loginicon.png);
    background-repeat: no-repeat; }
  .memebertype .active {
    padding: 0;
    border: 1px solid #42637F; }
    .memebertype .active .icon {
      top: 9px;
      right: -3px; }
  .memebertype .ordinary {
    background-position: 0 -204px; }
  .memebertype .major {
    background-position: 0 -166px; }

.memeberinfo, .mailinfo {
  padding: 26px 0 6px 185px;
  line-height: 44px; }
  .memeberinfo li, .mailinfo li {
    margin-bottom: 20px; }
  .memeberinfo span, .mailinfo span {
    width: 90px;
    font-size: 14px;
    color: #42637F; }
  .memeberinfo .input, .mailinfo .input {
    height: 44px;
    border: 1px solid #797979;
    float: left;
    line-height: 44px;
    padding: 0 10px;
    width: 178px;
    background-color: #FFF; }
  .memeberinfo .select, .mailinfo .select {
    margin-right: 16px; }
  .memeberinfo .required:before,.mailinfo  .required:before,.catteryApply .required:before{
      color: red;
      content:'*';
  }

.order {
  padding: 48px 20px 0; }
  .order h3 {
    font-size: 16px;
    color: #797979;
    padding-left: 20px;
    line-height: 46px;
    border-bottom: 1px solid #BBBBBB; }

.table {
  padding: 20px; }
  .table .title {
    font-weight: bold;
    border-bottom: 2px solid #42637F;
    padding: 9px 0;
    font-size: 14px;
    padding-left: 22px; }
    .table .title .gray {
      font-size: 12px;
      margin-left: 10px; }
  .table table {
    width: 100%;
    text-align: center;
    border-collapse: collapse; }
    .table table th {
      border-bottom: 1px solid #BBBBBB; }
    .table table .active {
      background-color: #F0F4F8; }
  .table thead {
    color: #BBBBBB;
    line-height: 36px; }
    .table thead th {
      padding-top: 18px; }
  .table tbody td {
    font-weight: bold;
    padding: 16px 0;
    color: #797979;
    font-size: 14px; }
  .table tbody tr {
    border-bottom: 2px solid #BBBBBB; }
  .table .lianbox {
    padding: 0; }
  .table .lian {
    position: relative; }
    .table .lian tr {
      border-bottom: 2px dashed #E7E7E7; }
    .table .lian .suo {
      position: absolute;
      top: 60px;
      left: 40px;
      height: 17px;
      width: 12px;
      background-position: -69px -152px; }
  .table a {
    position: relative; }
  .table .delete {
    color: #797979; }
    .table .delete:hover {
      color: #42637F;
      text-decoration: underline; }
  .table .urgent {
    height: 10px;
    width: 28px;
    background-position: -135px -94px;
    margin-left: 6px; }

.money {
  height: 60px;
  background-color: #F0F4F8;
  text-align: right;
  padding-right: 20px;
  line-height: 60px;
  color: #797979; }
  .money strong {
    margin-left: 24px;
    font-size: 22px;
    color: #FB6E7F; }

.mode {
  padding: 60px 100px;
  text-align: center;
  line-height: 40px;
  color: #42637F; }
  .mode li {
    float: left;
    width: 33.33%; }
    .mode li img {
      vertical-align: middle;
      margin-left: 20px; }

.modetow {
  padding: 60px 240px; }
  .modetow li {
    width: 50%; }

.sideBar {
  background-color: #42637F;
  width: 225px;
  font-size: 14px; }
  .sideBar dt {
    background-color: #2E4E68;
    background: -webkit-linear-gradient(left, #2E4E68 0%, #436480 100%);
    background: -o-linear-gradient(left, #2E4E68 0%, #436480 100%);
    background: -moz-linear-gradient(left, #2E4E68 0%, #436480 100%);
    background: -ms-linear-gradient(left, #2E4E68 0%, #436480 100%);
    background: linear-gradient(left, #2E4E68 0%, #436480 100%);
    padding: 16px 0 16px 28px;
    color: #FFF; }
    .sideBar dt p {
      border-left: 3px solid #00E2FF;
      padding-left: 10px; }
  .sideBar .icon {
    background-image: url(../images/subnavicon.png);
    background-repeat: no-repeat;
    transition: 0.45s;
    -webkit-transition: 0.45s;
    -o-transition: 0.45s;
    -moz-transition: 0.45s;
    -ms-transition: 0.45s;
    height: 20px;
    width: 20px; }
  .sideBar .icon1 {
    background-position: 0 0; }
  .sideBar .icon2 {
    background-position: 0 -25px; }
  .sideBar .icon3 {
    background-position: 0 -50px; }
  .sideBar .icon4 {
    background-position: 0 -75px; }
  .sideBar .icon5 {
    background-position: 0 -100px; }
  .sideBar .icon6 {
    background-position: 0 -125px; }
  .sideBar .icon7 {
    background-position: 0 -150px; }
  .sideBar .icon8 {
    background-position: 0 -175px; }
  .sideBar .icon9 {
    background-position: 0 -200px; }
  .sideBar .icon10 {
    background-position: 0 -225px; }
  .sideBar .icon11 {
    background-position: 0 -250px; }
  .sideBar .icon12 {
    background-position: 0 -275px; }
  .sideBar .icon13 {
    background-position: 0 -300px; }
  .sideBar .icon14 {
    background-position: 0 -325px; }
  .sideBar .icon15 {
    background-position: 0 -350px; }
  .sideBar .icon16 {
    background-position: 0 -375px; }
  .sideBar .icon17 {
    background-position: 0 -400px; }
  .sideBar .icon18 {
    background-position: 0 -425px; }
  .sideBar .icon20 {
    background-position: 0 -450px; }
  .sideBar .icon21 {
    background-position: 0 -475px; }
  .sideBar .icon22 {
    background-position: 0 -500px; }
  .sideBar a {
    color: #849DB4;
    line-height: 40px;
    display: block;
    padding-left: 40px; }
    .sideBar a:hover {
      background-color: #39AFB9;
      color: #FFF;
      border-left: 6px solid #00E2FF;
      padding-left: 34px; }
      .sideBar a:hover .icon1 {
        background-position: -25px 0; }
      .sideBar a:hover .icon2 {
        background-position: -25px -25px; }
      .sideBar a:hover .icon3 {
        background-position: -25px -50px; }
      .sideBar a:hover .icon4 {
        background-position: -25px -75px; }
      .sideBar a:hover .icon5 {
        background-position: -25px -100px; }
      .sideBar a:hover .icon6 {
        background-position: -25px -125px; }
      .sideBar a:hover .icon7 {
        background-position: -25px -150px; }
      .sideBar a:hover .icon8 {
        background-position: -25px -175px; }
      .sideBar a:hover .icon9 {
        background-position: -25px -200px; }
      .sideBar a:hover .icon10 {
        background-position: -25px -225px; }
      .sideBar a:hover .icon11 {
        background-position: -25px -250px; }
      .sideBar a:hover .icon12 {
        background-position: -25px -275px; }
      .sideBar a:hover .icon13 {
        background-position: -25px -300px; }
      .sideBar a:hover .icon14 {
        background-position: -25px -325px; }
      .sideBar a:hover .icon15 {
        background-position: -25px -350px; }
      .sideBar a:hover .icon16 {
        background-position: -25px -375px; }
      .sideBar a:hover .icon17 {
        background-position: -25px -400px; }
      .sideBar a:hover .icon18 {
        background-position: -25px -425px; }
      .sideBar a:hover .icon20 {
        background-position: -25px -450px; }
      .sideBar a:hover .icon21 {
        background-position: -25px -475px; }
      .sideBar a:hover .icon22 {
        background-position: -25px -500px; }
  .sideBar .active a {
    color: #849DB4;
    line-height: 40px;
    display: block;
    padding-left: 40px; }
    .sideBar .active a:hover {
      background-color: #39AFB9;
      color: #FFF;
      border-left: 6px solid #00E2FF;
      padding-left: 34px; }
      .sideBar .active a:hover .icon1 {
        background-position: -25px 0; }
      .sideBar .active a:hover .icon2 {
        background-position: -25px -25px; }
      .sideBar .active a:hover .icon3 {
        background-position: -25px -50px; }
      .sideBar .active a:hover .icon4 {
        background-position: -25px -75px; }
      .sideBar .active a:hover .icon5 {
        background-position: -25px -100px; }
      .sideBar .active a:hover .icon6 {
        background-position: -25px -125px; }
      .sideBar .active a:hover .icon7 {
        background-position: -25px -150px; }
      .sideBar .active a:hover .icon8 {
        background-position: -25px -175px; }
      .sideBar .active a:hover .icon9 {
        background-position: -25px -200px; }
      .sideBar .active a:hover .icon10 {
        background-position: -25px -225px; }
      .sideBar .active a:hover .icon11 {
        background-position: -25px -250px; }
      .sideBar .active a:hover .icon12 {
        background-position: -25px -275px; }
      .sideBar .active a:hover .icon13 {
        background-position: -25px -300px; }
      .sideBar .active a:hover .icon14 {
        background-position: -25px -325px; }
      .sideBar .active a:hover .icon15 {
        background-position: -25px -350px; }
      .sideBar .active a:hover .icon16 {
        background-position: -25px -375px; }
      .sideBar .active a:hover .icon17 {
        background-position: -25px -400px; }
      .sideBar .active a:hover .icon18 {
        background-position: -25px -425px; }
      .sideBar .icon19,.sideBar .active a .icon19 {
        background-position:0px -4px;
        background-image: url(../images/catuppetsboxicon1.png);
      }
      .sideBar a:hover .icon19,.sideBar .active a:hover .icon19 {
        background-position: -25px -4px;
      }
      #catuppetsbox{
        width:80px;
      }
      #catuppetsbox a em{
        margin-top: -16px;
      }
.cont {
  width: 936px;
  float: right; }

.position {
  margin: 20px 0;
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  background-color: #FFF;
  color: #797979; }
  .position em {
    margin: 0 4px;
    vertical-align: middle; }
  .position a {
    color: #797979;
    vertical-align: middle; }
  .position .mainicon {
    height: 14px;
    width: 14px;
    margin-right: 4px;
    background-position: -50px -128px; }
  .position span {
    vertical-align: middle; }

.item {
  background-color: #FFF; }
  .item .itemtitle {
    color: #797979;
    padding-left: 20px;
    font-size: 16px;
    line-height: 59px;
    border-bottom: 1px solid #BBBBBB;
    position: relative; }
  .item .list {
    padding: 30px 100px 30px 150px; }
    .item .list .listfl, .item .list .listfr {
      width: 50%;
      font-size: 12px; }
    .item .list li {
      position: relative;
      color: #797979;
      line-height: 32px; }
      .item .list li .tex {
        margin-left: 90px; }
      .item .list li span {
        float: left;
        width: 90px;
        color: #42637F;
      }
    .item .list .input {
      margin-right: 6px;
      height: 30px;
      width: 120px;
      padding: 0 10px 0 30px;
      border: 1px solid #797979;
      position: relative;
      border-radius: 6px;
      -webkit-border-radius: 6px;
      -o-border-radius: 6px;
      -moz-border-radius: 6px;
      -ms-border-radius: 6px; }
      .item .list .input input {
        display: block;
        line-height: 30px;
        width: 100%; }
      .item .list .input .mainicon {
        float: none;
        position: absolute;
        top: 6px;
        left: 10px;
        height: 16px;
        width: 16px; }
      .item .list .input .iconfd {
        background-position: 0 -153px; }
      .item .list .input .monthicon {
        height: 19px;
        width: 19px;
        background-position: -145px -114px; }
    .item .list .line {
      margin-right: 10px; }
    .item .list .month a {
      color: #797979;
      margin: 0 20px; }
      .item .list .month a:hover {
        text-decoration: underline;
        color: #42637F; }
    .item .list .month .active {
      text-decoration: underline;
      color: #42637F; }
    .item .list .bixuan {
      position: absolute;
      top: 0;
      left: -14px;
      color: #FB6E7F; }
    .item .list .yes, .item .list .no {
      position: absolute;
      right: 36px;
      top: 50%;
      height: 15px;
      width: 15px;
      margin-top: -7px; }
    .item .list .yes {
      background-position: 0 -128px; }
    .item .list .no {
      height: 15px;
      width: 15px;
      background-position: -25px -128px; }
    .item .list .tishi {
      position: absolute;
      top: 32px;
      left: 90px;
      color: #FB6E7F;
      line-height: 22px; }
      .item .list .tishi .no {
        position: static;
        margin-top: 0px;
        height: 15px;
        width: 15px;
        background-position: -25px -128px; }
    .item .list .yaoqiu {
      position: absolute;
      left: 220px;
      top: -10px;
      width: 82px;
      line-height: 18px; }
      .item .list .yaoqiu span {
        color: #797979; }
      .item .list .yaoqiu em {
        color: #FB6E7F; }
    .item .list .right382 {
      right: 382px; }
    .item .list .left390 {
      left: 390px; }
    .item .list .right {
      right: 338px; }
    .item .list .file {
      width: 120px; }
      .item .list .file .img {
        background-color: #FFF;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        width: 100px;
        border: 1px solid #797979;
        height: 130px;
        padding: 9px;
        overflow: hidden;
        position: relative; }
      .item .list .file img {
        width:100%}
    .item .list .cattery span {
      width: 110px; }
  .item .inputw {
    padding: 30px 100px 0px 100px; }
    .item .inputw .input {
      width: 178px;
      padding: 0 10px;
      border-radius: 0;
      -webkit-border-radius: 0;
      -o-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0; }
    .item .inputw li {
      margin-bottom: 22px; }
    .item .inputw .row3 li {
      width: 33.33%;
      margin-bottom: 10px; }
    .item .inputw .btn {
      position: relative;
      overflow: hidden;
      margin-top: 8px; }
      .item .inputw .btn .inputfile {
        opacity: 0;
        filter: alpha(opacity=0);
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%; }
    .item .inputw .width108 {
      width: 88px; }
    .item .inputw .wdith308 {
      width: 234px;
      height: 30px; }
    .item .inputw .width28 {
      width: 28px; }
    .item .inputw .mr10 {
      margin-right: 10px; }
    .item .inputw .time {
      padding: 0 10px 0 30px;
      width: 158px;
      position: relative; }
      .item .inputw .time .timeicon {
        height: 19px;
        width: 18px;
        background-position: -145px -114px; }
  .item .bloodpad {
    padding: 30px 20px 0 20px; }
    .item .bloodpad li span {
      width: 156px;
      text-align: right; }
    .item .bloodpad li .tishi {
      left: 156px; }
    .item .bloodpad li .right {
      right: 338px; }
    .item .bloodpad li .right468 {
      right: 468px; }
    .item .bloodpad li .right522 {
      right: 522px; }
    .item .bloodpad .mr10 {
      margin-right: 10px; }
  .item .cattable {
    padding: 40px 20px;
    border-top: 1px dashed #BBBBBB; }
    .item .cattable table {
      text-align: left;
      border-collapse: collapse; }
      .item .cattable table td {
        padding-left: 14px;
        border: 1px solid #BBBBBB; }
      .item .cattable table h3 {
        color: #42637F;
        font-size: 14px; }
      .item .cattable table p {
        color: #BBBBBB; }
      .item .cattable table .row {
        background-color: #F0F4F8; }

.pagemenu {
  text-align: right;
  margin: 20px 0;
  font-size: 0; }
  .pagemenu .current, .pagemenu a {
    vertical-align: middle;
    display: inline-block;
    height: 36px;
    padding: 0 20px;
    background-color: #F0F4F8;
    line-height: 36px;
    font-size: 14px;
    margin: 0 5px;
    color: #BBBBBB;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px; }
  .pagemenu a:hover {
    color: #fff;
    background-color: #42637F; }
  .pagemenu .current {
    color: #fff;
    background-color: #42637F; }

    .pagenodata{
      text-align: center;
      margin:20px 0;
      font-size: 0;     
  }
  .pagenodata span{
    color: #BBBBBB;
    line-height: 100px;
    font-size: 14px;
}
.recharge {
  padding-left: 328px;
  padding-top: 40px;
  line-height: 44px;
  font-size: 14px; }
  .recharge span {
    color: #42637F;
    width: 80px; }
  .recharge strong {
    color: #FB6E7F;
    font-size: 22px; }
  .recharge .input {
    border: 1px solid #BBBBBB;
    width: 178px;
    padding: 0 10px;
    margin: 24px 0 50px 80px; }
    .recharge .input input {
      display: block;
      line-height: 44px;
      width: 100%; }

.recharges {
  text-align: center; }
  .recharges .icon1 {
    height: 44px;
    width: 44px;
    background-position: 0 -40px;
    margin-right: 22px; }
  .recharges h3 strong {
    font-size: 22px;
    color: #35BB86;
    vertical-align: middle; }
  .recharges p {
    font-size: 14px;
    margin-top: 20px; }
    .recharges p span {
      font-size: 16px;
      color: #42637F;
      margin: 0 4px; }
    .recharges p strong {
      font-size: 20px;
      color: #FB6E7F;
      margin: 0 4px; }

.submitm .btn {
  margin: 0 55px; }

.bol {
  border-left: 1px solid #BBBBBB; }

.bgnormal {
  background: none; }

.height125 {
  height: 125px; }

.height62 {
  height: 62px; }

.height20 {
  height: 20px; }

.paddnormal {
  padding: 0 !important; }

.heightauto {
  height: auto;
  padding-bottom: 48px;
  background-color: #FFF; }

.bgtransparent {
  background: none;
  background-color: transparent; }

.dashedline {
  border: 1px dashed #BBBBBB;
  margin: 14px 0; }

.height480 {
  height: 480px; }

.textfr {
  text-align: right; }

.wen {
  position: absolute;
  top: -14px;
  right: -16px;
  height: 20px;
  width: 23px;
  background-position: -79px -114px; }

.pop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.4); }
  .pop .popmain {
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #FFF;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    overflow: hidden; }
  .pop .memberbox {
    width: 800px;
    height: 700px;
    margin-top: -350px;
    margin-left: -400px; }
  .pop .centerpop {
    height: 300px;
    margin-top: -150px;
    width: 400px;
    margin-left: -200px; }
    .pop .centerpop .notpass {
      height: 120px; }
    .pop .centerpop .submit a {
      margin: 0 15px; }
  .pop .popw {
    width: 660px;
    height: 600px;
    margin-top: -300px;
    margin-left: -330px; }
  .pop .item {
    padding: 0 40px; }
    .pop .item .list {
      padding: 14px 0 14px 40px;
      border-bottom: 1px solid #BBBBBB; }
  .pop .title {
    height: 63px;
    line-height: 63px;
    text-align: center;
    padding-top: 17px;
    color: #FFF;
    background-color: #42637F;
    font-size: 24px;
    position: relative; }
    .pop .title .return {
      height: 24px;
      width: 24px;
      position: absolute;
      top: 18px;
      right: 18px;
      background-image: url(../images/indexicon.png);
      background-repeat: no-repeat;
      background-position: -316px -553px; }
  .pop .radiobox {
    line-height: 48px;
    color: #797979;
    text-align: center; }
    .pop .radiobox span {
      margin-left: 18px;
      margin-right: 60px;
      vertical-align: middle; }
  .pop .memberinfo {
    padding: 0 24px; }
    .pop .memberinfo .memberimg {
      padding: 40px 150px 40px;
      position: relative;
      border-bottom: 1px dashed #BBBBBB; }
      .pop .memberinfo .memberimg p {
        position: absolute;
        bottom: 78px;
        color: #FFF;
        padding-left: 44px;
        font-size: 20px;
        text-shadow: 1px 1px 7px #000; }
      .pop .memberinfo .memberimg span {
        display: inline-block; }
      .pop .memberinfo .memberimg .num {
        width: 96px; }
      .pop .memberinfo .memberimg .name {
        width: 164px; }
    .pop .memberinfo dl {
      padding: 18px 106px;
      line-height: 24px; }
    .pop .memberinfo dt {
      line-height: 26px;
      margin-bottom: 4px; }
      .pop .memberinfo dt span {
        border-left: 4px solid #42637F;
        color: #42637F;
        padding-left: 10px; }
    .pop .memberinfo dd {
      padding-left: 16px;
      position: relative;
      color: #BBBBBB; }
      .pop .memberinfo dd span {
        position: absolute;
        top: 0;
        left: 0;
        color: #42637F; }
  .pop .notpassbox {
    height: 250px;
    width: 400px;
    margin-top: -125px;
    margin-left: -200px; }
    .pop .notpassbox .submit a {
      margin: 0 15px; }
  .pop .notpass {
    text-align: center;
    padding: 20px;
    line-height: 20px;
    height: 80px; }
  .pop .popzs {
    height: 700px;
    width: 800px;
    margin-top: -350px;
    margin-left: -400px; }
    .pop .popzs .popzsbox {
      padding: 70px; }

.poptextarea {
  padding: 10px 64px 0; }
  .poptextarea .textarea {
    width: 100%; }
  .poptextarea .submit {
    margin-top: 20px; }

.paybox {
  text-align: center; }
  .paybox p {
    text-align: left;
    font-size: 14px;
    margin: 22px 0; }
    .paybox p span {
      color: #42637F; }
    .paybox p strong {
      color: #FB6E7F;
      font-size: 22px; }
  .paybox .submit {
    margin-top: 28px; }

.renzheng {
  position: absolute;
  left: -45px;
  top: 50%;
  margin-top: -6px;
  height: 12px;
  width: 35px;
  background-position: -90px -94px; }

.edit {
  font-size: 12px;
  position: absolute;
  top: 0;
  right: 28px; }
.reviewState {
  font-size: 12px;
  position: absolute;
  top: 0;
  right: 168px; }
  .edit a {
    vertical-align: middle; }
  .edit .editicon {
    height: 13px;
    width: 12px;
    background-position: -47px -152px;
    margin-right: 10px; }

.red {
  color: #FB6E7F !important; }

.green {
  color: #35BB86 !important; }

.yellow {
  color: #F5A623 !important; }

.blue {
  color: #42637F !important; }

.gray {
  color: #BBBBBB !important; }

.textoverflow {
  width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 10px; }

.middle {
  vertical-align: middle; }

.zytishi {
  padding-left: 72px;
}
  .zytishi span {
    height: 20px;
    width: 72px; }
  .zytishi .zy {
    background-position: -91px -174px; }
  .zytishi .wenxin {
    background-position: -91px -144px; }
  .zytishi em {
    vertical-align: middle;
    line-height: 20px;
    display: inline-block;
    padding: 0 10px;
    background-color: #FEF0F2;
    color: #797979; }

.margin0 {
  margin: 0 !important; }

.mb10 {
  margin-bottom: 10px; }

.inline {
  display: inline-block; }

.linew {
  width: 800px;
  margin: 0 auto; }

.through {
  text-decoration: line-through; }

.underline:hover {
  text-decoration: underline; }

.speedbar {
  padding: 40px 170px; }
  .speedbar ul {
    margin-right: -120px; }
  .speedbar li {
    float: left;
    position: relative;
    width: 18px;
    height: 18px;
    padding: 0 5px;
    overflow: visible;
    margin-right: 120px;
    padding-top: 23px;
    color: #BBBBBB; }
  .speedbar .mainicon {
    width: 18px;
    height: 18px;
    background-position: -34px -94px; }
  .speedbar .line {
    height: 2px;
    width: 120px;
    background-color: #BBBBBB;
    position: absolute;
    bottom: 8px;
    margin-top: -1px;
    left: 28px;
    overflow: hidden; }
  .speedbar .last {
    padding-top: 0;
    height: 41px;
    width: 42px; }
    .speedbar .last .mainicon {
      height: 41px;
      width: 42px;
      background-position: -54px -40px; }
  .speedbar .time {
    display: none;
    position: absolute;
    top: -9px;
    color: #42637F;
    width: 100px;
    left: 50%;
    margin-left: -50px;
    text-align: center; }
  .speedbar .text {
    position: absolute;
    bottom: -18px;
    left: 50%;
    width: 100px;
    margin-left: -50px;
    text-align: center; }
  .speedbar .active {
    color: #42637F; }
    .speedbar .active .mainicon {
      background-position: -62px -94px; }
    .speedbar .active .time {
      display: block; }
    .speedbar .active .lasticon {
      background-position: -106px -40px; }
    .speedbar .active .line {
      background-color: #42637F; }

.pd160 {
  padding: 40px 60px 20px; }

.detailitem {
  margin-bottom: 20px; }
  .detailitem h3 {
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #FFF;
    background-position: 0 0; }
  .detailitem .infobox {
    padding: 24px 90px;
    background-color: #F0F4F8; }

.alignr {
  text-align: right; }

.catimg li {
  height: 400px;
  width: 300px;
  border: 1px solid #797979; }
.catimg p {
  text-align: center;
  font-size: 16px;
  line-height: 82px; }

.footer {
  background-color: #42637F;
  padding: 36px 0;
  text-align: center;
  font-size: 14px;
  color: #FFF;
  line-height: 26px; }
  .footer a {
    margin: 0 12px;
    color: #FFF; }

.agreement {
  padding: 0 40px; }
  .agreement h3 {
    border-bottom: 2px solid #42637F;
    color: #42637F;
    font-size: 18px;
    line-height: 40px;
    font-weight: bold; }
  .agreement .agcont {
    padding: 20px 40px;
    font-size: 14px;
    line-height: 30px; }
    .agreement .agcont p {
      margin: 15px 0; }
/*引导页*/
.guide{padding: 70px 276px 128px ;background-color:#FFF;font-family: "微软雅黑";margin-bottom:20px;}
.guide h3{font-size:30px;line-height:70px;font-weight:bold; color:#42637F;}
.guide p{font-size:16px;line-height:24px;}
.guidebtn{margin-top:40px;text-align:center;}
.guidebtn a{display:inline-block;height:48px;width: 200px;margin:0 30px;font-size: 18px;line-height:48px;color:#FFF;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;}
.guidebtn .joincku{background-color:#36B07D;}
.guidebtn .joincku:hover{background-color:#31C386;}
.guidebtn .verification{background-color:#42637F;}
.guidebtn .verification:hover{background-color:#527b9e;}
.contnew{
    width:1200px;
    float:right;
    padding-top:20px;
}

/*上架宠集盒*/
  .petsbox .list .js-select2{
  padding-left:10px;
  }
 .petsbox .js-select2 select{width:100%;}
.petsbox .select2-container--default .select2-selection--single{border:0;}
.petsbox  .select2-container--default .select2-selection--single .select2-selection__rendered:focus{outline-width:0; }
.petsbox .select2-container--default .select2-selection--single:focus{outline-width:0; }
.petsbox .list .listfl{
  width: 100%;}
.petsbox #startTime,.petsbox #endTime{
  margin-right: 6px;
  height: 30px;
  width: 120px;
  padding: 0 10px 0 10px;
  border: 1px solid #797979;
  position: relative;
  border-radius: 6px;
  -webkit-border-radius: 6px;
}
.petsbox .listfl .input,.petsbox .listfl .fl{
  margin-right: 30px;
}
#upidentificationFlag{
  border: 1px solid #797979;
  height: 30px;
  border-radius: 4px;
  margin-left: 10px;
  width: 200px;
  padding: 0 10px;
}
.uppetsboxRemarkserror{
  margin-top: 30px;
  margin-bottom: 30px;    text-align: left;
  padding-left: 100px;
}
.uppetsboxRemarkserror p{
  color:#FB6E7F;
}
.uppetsboxRemarkserror p:nth-child(1){
  position: relative;
}
.uppetsboxRemarkserror p:nth-child(1)::before{
  background: url(../images/petsboxnotice.png);
  position: absolute;    width: 20px;
  left: -30px;
  top: 6px;
  height: 20px;
  background-size: 100%;
  background-repeat: no-repeat;
  content: "";
}
.petsbox .redstate{
     color:#FC8A98;
      position:relative;
   }
.petsbox .redstate::after{
  content:url(../images/question.png);
  position: absolute;
  top: -5px;
}

.petsbox  .redstatenotice{
  display: block;
  position: absolute;
  top: -50px;
  left: -60%;
  background: #FB6E7F;
  padding: 10px;
  color: #fff;
  white-space: nowrap;
  border-radius: 4px;
  display: none;
}
.petsbox .redstate:hover  .redstatenotice{
  display: block;
}

#layerBox1{
  padding: 20px;
}
#layerBox1 .layerBox1P{
  font-size: 16px;
    color: #777777;
}
#layerBox1 .select_m {
  height: 30px;
  width: 158px;
  line-height: 30px;
  font-size: 16px;
  margin-right: 20px;
  border-radius: 6px;
  margin-top: 20px;
}
#layerBox1 .select_m .iconsj {
  position: absolute;
  height: 8px;
  width: 15px;
  background-position: -330px -124px;
  top: 11px;
  right: 20px;
}
#layerBox1 .textarea {
  background-color: #fff;
  width: 500px;
  border-radius: 6px;
  margin-top: 20px;
  height: 70px;
  border: 1px solid #797979;
  font-size: 14px;
  padding: 10px;
}
#layerBox1 .layerBox1Ul{
  min-height:220px ;
}

#layerBox2{
  padding: 20px;
}
#layerBox2 p{
  font-size: 14px;
    color: #777777;
    line-height: 24px;
    text-indent: 2em;
}
#layerBox2 p.sp{
  font-size: 14px;
    color: #777777;
    line-height: 24px;
    text-indent: 4em;
}
#layerBox2 h5{
  font-size: 16px;
}


/* a.disabled{
  color: #aaa !important;
} */

#PedigreeType1,#PedigreeType2{
  vertical-align: middle;
}

.catBreedSelect .select2-container--default .select2-selection--single{
  width: 198px;
}
.catBreedSelect  .select2-container--default .select2-selection--single .select2-selection__rendered{
  width: 198px;
}