@charset "utf-8";
.login_yzm{width: 460px;height: 375px;background: #fff;position: fixed;top: 50%;left: 0;margin-top: -182px;z-index: 40000;display: none;}
.resign_box{width: 460px;height: 450px;background: #fff;position: fixed;top:0;z-index: 40000;display: none; border-radius: 5px;}
.resign_box_con{padding: 15px 80px;}
.resign_box_con input{width: 298px;padding-left: 45px;height: 45px;border: 1px solid #ccc;margin-top: 12px;border-radius: 10px;}
.resign_box_con input:focus{border: 1px solid #faca01;}
.resign_box_con input.resign_name{background: url("../images/peo.png") no-repeat left 15px center;}
.resign_box_con input.resign_tel{background: url("../images/tel.png") no-repeat left 15px center;}
.resign_box_con input.resign_psd1{background: url("../images/mima.png") no-repeat left 15px center;}
.resign_box_con input.resign_psd2{background: url("../images/mima.png") no-repeat left 15px center;}
.resign_box_con input.resign_yzma{background: url("../images/yzm.png") no-repeat left 15px center;width: 166px;}
.resign_box_con em{padding: 12px 20px;background: #cccccc;font-size: 14px;color: #fff;margin-left: 20px;border-radius: 5px;cursor: pointer;}
.resign_box_con button{width: 100%;height: 40px;background: #fbcc00;font-size: 16px;color: #fff;border: none;border-radius: 5px;margin-top: 15px;cursor: pointer;}
#cover1{background: rgba(0,0,0,.6);width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 30000;display: none;}
.login-div{width: 1200px;margin: 30px auto;background: #fff;}
.login-div .login-cont{width: 580px;margin: 0 auto;padding-bottom: 130px;}
.login-div .login-cont .logo-div{width: 580px; border-bottom: 1px #ddd solid;padding-top: 98px;padding-bottom: 25px;text-align: center;}
.login-div .login-cont .logo-div img{display: block; height: 70px; margin: 0 auto; }
.login-div .login-cont .edit-p{text-align: center;font-size: 18px;color: #6c6c6c;padding-top: 45px;padding-bottom: 42px;margin-right: -14px;}
.login-div .login-cont .input-list{margin: 0px 70px;}
.login-div .login-cont .input-list .name-list{width: 66px;height: 36px;}
.login-div .login-cont .input-list .name-list .list-l{text-align: right;color: #6c6c6c;line-height: 36px;margin-right: 20px; font-size: 14px;}
.login-div .login-cont .input-cont-list{width: 330px;position: relative;}
.login-div .login-cont .input-cont-list .ipt-txt{width: 323px; line-height:40px;border: 1px #d8dce0 solid;border-radius: 2px;padding: 0px 10px; font-size: 14px;}
.icon-warning{display: inline-block;width: 17px;height: 17px;background: url(../images/icon-warning.png) no-repeat center;vertical-align: middle;}
.warning{position: absolute;top: 10px;left: 338px;width: 100px;}
.warning em{font-style: normal;color: #fd976a;position: absolute;width: 260px;margin-left: 10px;}
.small-txt{width: 150px;height: 36px;line-height: 36px;border: 1px #d8dce0 solid;border-radius: 2px;padding: 0px 10px; font-size: 14px;}
.login-div .login-cont .input-cont-list .btn-post,.login-div .login-cont .input-cont-list .re-post,.login-div .login-cont .input-cont-list .re-btn-post{display: inline-block;width: 158px;height:36px;line-height: 36px;text-align: center;color: #6c6c6c;transition: all .2s;background: url(../images/button-bg.jpg) repeat-x;
    border:1px solid #d8dce0; cursor: pointer;}
.login-div .login-cont .input-cont-list .re-btn-post{color: #6c6c6c!important;}
.input-cont-list input{height: 36px!important;}
.input-cont-list input:focus{border: 1px solid #fbcc00!important;box-shadow: 0 0 8px #fbcc00;}
.input-cont-list i{position: absolute;right: 20px;top: 5px;cursor: pointer;font-size: 25px;color: #888;}
.input-cont-list i.icon-yanjing{display: none;}

.login-div .login-cont .input-cont-list .btn-post:hover{opacity: .8;}
.p-btn{display: inline-block;margin-left: 12px;}
.login-div .login-cont label{display: inline-block;margin-bottom: 12px;}
.login-div .login-cont .ipt-btn{width: 323px;line-height: 40px; color: #fff;background: #fbcc00;text-align: center;outline: none;border: none;border-radius: 2px;margin: 0px 135px;cursor: pointer;transition: all .2s;}
.login-div .login-cont .ipt-btn:hover{opacity: 0.8;}
.login-div .login-cont .input-cont-list span{font-size: 14px;color: #6c6c6c;text-align: left;line-height: 36px;}
.click-border{background: #fbfeff; border: 1px #3ba8df solid!important; color: #269edc!important; } 
.no-click {background:#ddd!important;cursor:default;}
.loginmain{  height:641px; padding-top:82px;position: relative;}
.logintile{ margin:0 auto; width:1200px; line-height:25px; font-size:22px; color:#fff;}
.logintile span{ font-size:16px; margin-left:10px;}
.logintile span a{ font-weight:bold; color:#fff; font-size: 14px;}
.logincont{ width:1200px; margin:0 auto;  height:440px; background:#f8f8f8; margin-top:20px;}
.logincont2{ width:1200px; margin:0 auto;  height:520px; background:#f8f8f8; margin-top:20px;}
.logincontr{ float:right; margin-right:107px; margin-top:60px;}
.logincontl{ float:left; margin-left:123px; margin-top:40px;}
.logincontl2{ float:left; margin-left:123px; margin-top:60px;}
.loginlist{ position:relative;margin-bottom:30px;}
.loginlist .form-text{ border:1px solid #dadada; height:48px; line-height:48px; width:345px; border-radius:3px; padding-left:48px; font-size:16px; color:#bcbcbc; }
.loginlist #txtUserName{ background: url(../images/pp.png) 8px center no-repeat;}
.loginlist #txtPassword{ background: url(../images/mm.png) 12px center no-repeat;}
.loginlist .form-mobilecode-text{ border:1px solid #dadada; height:48px; line-height:48px; width:297px; border-radius:3px; padding-left:48px; font-size:16px; color:#bcbcbc;}
.loginlist .testgetcode{ height:50px; line-height:50px; width:130px; border-radius:3px; right:0px; background:#6ec400;top:0px; position: absolute; font-size:16px; color:#fff;}
.loginlist #SMSCode{ background: url(../images/login_13.jpg) 12px center no-repeat;}
.form-item1{ margin-left:162px;}
.form-item1 span{ float:left; margin-top:5px;}
.form-item1 input {border:1px solid #dadada;}
.form-item1  a{ font-size:14px;  color:#fbcc00;}
.logintj input{ background:#fbcc00;height:48px; line-height:42px; width:345px; border-radius:3px; text-align:center; border:none; font-size:16px; color:#fff; margin-top:10px; cursor: pointer;}
.logintj input:hover{opacity: 0.8;}
.huakuai{ position:absolute; right:-100px;top:-80px; width:325px; height:64px;display:none;}
.huakuai1{ position:relative; border:1px solid #6ec400; background:#fff;border-radius:3px; height:64px; }
.huakuai1:after, .huakuai1:before {border: solid transparent; content: ' '; height: 0; top: 64px; position: absolute; width: 0; }
.logincontzh .loginlist{ margin-bottom:25px;}
.logincontzh .logintj button{ margin-top:0px;}
.loginlist #Password1 {background: rgba(0, 0, 0, 0) url("../images/srmm.jpg") no-repeat scroll 12px center; } 
.loginmain1 .logincontl{ border-right:1px solid #eaeaea; width:470px;}
.loginmain1 .loginlist .testgetcode{right:123px;}
.loginmain2 .logincontl{ float:right; margin-right:122px; width:auto; border:none; margin-left:0px;}
.loginmain2 .logincontr{ float:left; border-right:1px solid #eaeaea; width:593px; margin-right:0px;}
.loginmain2 .logincontr .ewm{ width: 150px; display:block; margin:12px auto 0; }
.loginmain2 .logincontr .sw{ width: 90px; display:block; margin: 10px auto 0; }
.loginmain2 .logincontr p{text-align: center; font-size:18px; line-height: 40px; color: #fbcc00; }
.php {font-size:20px; font-weight: bold; background: url("../images/php.png") no-repeat left center; padding-left: 32px;line-height: 28px; color: #888f9f;margin-left: 220px;}

.loginmain2 .loginlist .form-text{ border:none;border-bottom: 1px solid #dadada;}
.loginmain2 #Password1{ background: url(../images/hh.jpg) 12px center no-repeat;}
.loginlog{ text-align:center; padding-bottom:10px;}
.loginlog img{ border-radius: 50%; width: 90px; }
.logintjmm{ text-align:right; color:#bcbcbc; font-size:14px; padding-top:5px;}
.logintjmm a{ color:#fbcc00;}

.agrrement_box{ margin:40px 0; }
.registeragreement{ width:1200px; margin:0 auto; overflow:hidden; border:1px solid #cccccc;  }
.registeragreement_c{ width:1100px; margin:0 auto; overflow:hidden;  padding:20px; color:#666; line-height:30px; }
.fanh a{ line-height:26px; }
.fanh a:hover{ color:#fbcc00;  }
.RegisterAgreement_tit{ background:#f5f5f5; border-bottom:1px solid #e4e4e4; line-height:40px; height:40px; text-align:center; color:#666; font-size:14px; font-weight:bold;}
.registeragreement_back{ text-align:right;}
.registeragreement_back a{ color:#cc1100;}
.loginmain1{ background:#fbcc00 /*url(../images/l_bg.jpg) center no-repeat*/;}
.logincontzh .loginlist{ margin-bottom:25px;}
.logincontzh .logintj button{ margin-top:0px;}

.loginmain .flchara1{display: inline-block;color: #FFFFFF;opacity: 0.3;font-size: 18px;}
.loginmain .flchara2{display: inline-block;color: #FFFFFF;opacity: 0.3;font-size: 16px;}
.loginmain .flchara3{display: inline-block;color: #FFFFFF;opacity: 0.3;font-size: 14px;}

.loginmain .p1{
	position: absolute;
	top: 23.2%;
	right:8.7% ;
	-webkit-transform-origin: right 93px;
   -moz-transform-origin: right 93px;
    -ms-transform-origin: right 93px;
    transform-origin: right 93px;
}

.loginmain .p2{
	position: absolute;
	top: 38.2%;
	left:8.7% ;
	-webkit-transform-origin: right 58px;
   -moz-transform-origin: right 58px;
    -ms-transform-origin: right 58px;
    transform-origin: right 58px;
}

.loginmain .p3{
	position: absolute;
	top: 30.2%;
	left:8.7% ;
	-webkit-transform-origin: right -110px;
   -moz-transform-origin: right -110px;
    -ms-transform-origin: right -110px;
    transform-origin: right -110px;
}

.loginmain .p4{
	position: absolute;
	top: 80.2%;
	left:10% ;
	-webkit-transform-origin: right -17px;
   -moz-transform-origin: right -17px;
    -ms-transform-origin: right -17px;
    transform-origin: right -17px;
}

.loginmain .p5{
	position: absolute;
	top: 84.2%;
	left:12% ;
	-webkit-transform-origin: right 107px;
   -moz-transform-origin: right 107px;
    -ms-transform-origin: right 107px;
    transform-origin: right 107px;
}

.loginmain .p6{
	position: absolute;
	top: 90.2%;
	left:19% ;
	-webkit-transform-origin: right 27px;
   -moz-transform-origin: right 27px;
    -ms-transform-origin: right 27px;
    transform-origin: right 27px;
}

.loginmain .p7{
	position: absolute;
	top: 10.2%;
	right:13% ;
	-webkit-transform-origin: right 27px;
   -moz-transform-origin: right 27px;
    -ms-transform-origin: right 27px;
    transform-origin: right 27px;
}

.loginmain .p8{
	position: absolute;
	top: 15.2%;
	right:13% ;
	-webkit-transform-origin: right -120px;
   -moz-transform-origin: right -120px;
    -ms-transform-origin: right -120px;
    transform-origin: right -120px;
}

.loginmain .p9{
	position: absolute;
	top: 62.2%;
	right:14% ;
	-webkit-transform-origin: right -120px;
   -moz-transform-origin: right -120px;
    -ms-transform-origin: right -120px;
    transform-origin: right -120px;
}

.loginmain .p10{
	position: absolute;
	top: 82.2%;
	right:12% ;
	-webkit-transform-origin: right 120px;
   -moz-transform-origin: right 120px;
    -ms-transform-origin: right 120px;
    transform-origin: right 120px;
}

.loginmain .p11{
	position: absolute;
	top: 5.2%;
	right:22% ;
	-webkit-transform-origin: right -120px;
   -moz-transform-origin: right -120px;
    -ms-transform-origin: right -120px;
    transform-origin: right -120px;
}

.loginmain .p12{
	position: absolute;
	top: 89.2%;
	right:8% ;
	-webkit-transform-origin: right -100px;
   -moz-transform-origin: right -100px;
    -ms-transform-origin: right -100px;
    transform-origin: right -100px;
}

/** 动画效果 **/
.a-swing1{-webkit-animation: swing1 3500ms linear infinite alternate;-moz-animation: swing1 3500ms linear infinite alternate;animation: swing1 3500ms linear infinite alternate;}
.a-swing3{-webkit-animation: swing3 1500ms linear infinite alternate;-moz-animation: swing3 1500ms linear infinite alternate;animation: swing3 1500ms linear infinite alternate;}
.a-bounce{-webkit-animation: bounce 500ms linear infinite alternate;-moz-animation: bounce 500ms linear infinite alternate;animation: bounce 500ms linear infinite alternate;}
.a-bounce{-webkit-animation: shake 5000ms infinite both;-moz-animation: shake 5000ms infinite both;animation: shake 5000ms infinite both;}

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }
}

@-moz-keyframes bounce {
  0% {
    -moz-transform: translate3d(0, -5px, 0);
         transform: translate3d(0, -5px, 0);
  }
  100% {
    -moz-transform: translate3d(0, 5px, 0);
         transform: translate3d(0, 5px, 0);
  }
}

@keyframes bounce {
  0% {
    -webkit-transform: translate3d(0, -5px, 0);
       -moz-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 5px, 0);
       -moz-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }
}

@-webkit-keyframes swing1 {
  0% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  100% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
}

@-moz-keyframes swing1 {
  0% {
    -moz-transform: rotate(-10deg);
         transform: rotate(-10deg);
  }
  100% {
    -moz-transform: rotate(10deg);
         transform: rotate(10deg);
  }
}

@keyframes swing1 {
  0% {
    -webkit-transform: rotate(-10deg);
       -moz-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  100% {
    -webkit-transform: rotate(10deg);
       -moz-transform: rotate(10deg);
            transform: rotate(10deg);
  }
}

@-webkit-keyframes swing3 {
  0% {
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg);
  }
  100% {
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
  }
}

@-moz-keyframes swing3 {
  0% {
    -moz-transform: rotate(-30deg);
         transform: rotate(-30deg);
  }
  100% {
    -moz-transform: rotate(30deg);
         transform: rotate(30deg);
  }
}

@keyframes swing3 {
  0% {
    -webkit-transform: rotate(-30deg);
       -moz-transform: rotate(-30deg);
            transform: rotate(-30deg);
  }
  100% {
    -webkit-transform: rotate(30deg);
       -moz-transform: rotate(30deg);
            transform: rotate(30deg);
  }
}

@-webkit-keyframes shake {
  from, 11%, to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  1%, 3%, 5%, 7%, 9% {
    -webkit-transform: translate3d(-3px, 0, 0);
            transform: translate3d(-3px, 0, 0);
  }
  2%, 4%, 6%, 8%, 10% {
    -webkit-transform: translate3d(3px, 0, 0);
            transform: translate3d(3px, 0, 0);
  }
}

@-moz-keyframes shake {
  from, 11%, to {
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
  }

  1%, 3%, 5%, 7%, 9% {
    -moz-transform: translate3d(-3px, 0, 0);
         transform: translate3d(-3px, 0, 0);
  }
  2%, 4%, 6%, 8%, 10% {
    -moz-transform: translate3d(3px, 0, 0);
         transform: translate3d(3px, 0, 0);
  }
}

@keyframes shake {
  from, 11%, to {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  1%, 3%, 5%, 7%, 9% {
    -webkit-transform: translate3d(-3px, 0, 0);
       -moz-transform: translate3d(-3px, 0, 0);
            transform: translate3d(-3px, 0, 0);
  }
  2%, 4%, 6%, 8%, 10% {
    -webkit-transform: translate3d(3px, 0, 0);
       -moz-transform: translate3d(3px, 0, 0);
            transform: translate3d(3px, 0, 0);
  }
}

@-webkit-keyframes pulse {
  from, to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  25% {
    -webkit-transform: scale3d(1.02, 1.02, 1.02);
            transform: scale3d(1.02, 1.02, 1.02);
  }
  50% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  75% {
    -webkit-transform: scale3d(0.98, 0.98, 0.98);
            transform: scale3d(0.98, 0.98, 0.98);
  }
}

@-moz-keyframes pulse {
  from, to {
    -moz-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
  }
  25% {
    -moz-transform: scale3d(1.02, 1.02, 1.02);
         transform: scale3d(1.02, 1.02, 1.02);
  }
  50% {
    -moz-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
  }
  75% {
    -moz-transform: scale3d(0.98, 0.98, 0.98);
         transform: scale3d(0.98, 0.98, 0.98);
  }
}

@keyframes pulse {
  from, to {
    -webkit-transform: scale3d(1, 1, 1);
       -moz-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  25% {
    -webkit-transform: scale3d(1.02, 1.02, 1.02);
       -moz-transform: scale3d(1.02, 1.02, 1.02);
            transform: scale3d(1.02, 1.02, 1.02);
  }
  50% {
    -webkit-transform: scale3d(1, 1, 1);
       -moz-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  75% {
    -webkit-transform: scale3d(0.98, 0.98, 0.98);
       -moz-transform: scale3d(0.98, 0.98, 0.98);
            transform: scale3d(0.98, 0.98, 0.98);
  }
}