@charset "utf-8";
/* CSS Document */
html{ height:100% !important;}
body{ height:100% !important}
*{ margin:0; padding:0; font-size:100%; font-family:"微软雅黑";}
ul li{ list-style:none}
a{ text-decoration:none;}
a:hover{ text-decoration:none !important}
img{ display:block; border:none;}
.wrap-header{ width:100%; height:84px; background:#fff; border-bottom:2px solid #cfcfcf; box-shadow:0 2px 5px rgba(207,207,207,0.5); overflow:hidden; clear:both; position:fixed; top:0; left:0; z-index:3300}
.wrap-main{ padding:134px 0 55px 0;}
.clear{both}
.hzhuce{ background:#38AACF !important}
input{ border:none;}
.logo{ width:246px; height:48px; float:left; margin-top:17px; margin-left:176px;}
.header-right{ float:right; margin-right:176px;}
.right-in{ overflow:hidden; clear:both;}
.nav{ float:left;}
.login{ float:right; height:84px; line-height:84px; margin-left:14px;}
.login input{ width:82px; height:28px; border-radius:3px; border:none; background:#0c80ff; color:#fff; text-align:center; cursor:pointer; line-height:28px; box-shadow:0 0 0 rgba(9,127,255,0)}
.login input:hover{animation: myfirst1 2s linear infinite alternate;-webkit-animation: myfirst1 2s linear infinite alternate;}

.nav ul { overflow:hidden; clear:both;}
.nav ul li{ float:left;height:84px; line-height:84px;}
.nav ul li:hover{ box-shadow:0 -2px 0 #007aff inset; }
.nav ul li:hover a{ color:#1283ff; text-decoration:none}
.nav ul li a{ color:#333; padding:0 18px; height:84px; display:block;}
.banner{ width:100%;position:relative;/*<!--background-size:100% auto;-->*/ overflow:hidden}
.banner img{ margin:0 auto}
.zhuceinput{ width:550px; margin:0 auto; position:absolute; top:472px; left:556px;}
.zhuceinputin{ border-radius:8px;box-shadow:-1px 1px 1px #3d6a88}
.zhucetext{ width:390px; height:49px; line-height:49px; text-indent:10px; color:#b8b7b7; border:none; border-radius:8px 0 0 8px; vertical-align: middle;}
.zhucebtn{ background:#007aff; width:160px; height:49px; border-radius:0 8px 8px 0; vertical-align:middle; color:#fff; }
.banner-img{ width:100%; height:auto;}
.main-inner{ width:1172px; margin:0 auto;}
/****gai***/
.gonggao{ overflow:hidden; clear:both; width:390px; margin:0 auto; padding-top:59px;}
.gonggao-icon{ font-size:40px; display:block; height:40px; width:40px; float:left;color:#007aff; line-height:40px; margin-right:16px}
.gonggao-text{ float:left; font-size:20px; height:40px; line-height:40px;}
.container-list{ margin-top:50px; overflow:hidden; clear:both; position:relative; height:210px;}
.list-box{ float:left; padding-top:38px;}

.container-list ul {
    height: 100%;
}

.container-list .list-box-left {
    border-right: 1px solid #007aff;
    float: left;
    height: 100%;
    padding-top: 14px;
    text-align: center;
    width: 122px;
}


.container-list .list-box-right {
    color: #464646;
    float: right;
    font-size: 16px;
    height: 100%;
    padding-left: 10px;
    width: 244px;
}

.container-list .list-box-left i.ico {
    margin: 0 0 22px 38px;
}
i.ico-ease {
    background: url(/images/icos1.png) no-repeat 0 -48px;
    display: block;
    height: 50px;
    width: 50px;
}
i.ico-safety {
    background: url(/images/icos1.png) no-repeat 0 -100px;
    display: block;
    height: 50px;
    width: 50px;
}
i.ico-fashion {
    background: url(/images/icos1.png) no-repeat 0 -150px ;
    display: block;
    height: 50px;
    width: 50px;
}
.container-list .list-box-left span {
    color: #000;
    font-size: 20px;
    font-weight: 600;
}


.container-list .list-box {
    border: 1px solid #007aff;
    border-radius: 5px;
    float: left;
    height: 126px;
    margin-left: 4px;
    padding: 38px 0;
    width: 378px;
	position:absolute;
	 background:#fff;
}
.news{ width:100%;}
.newsh{ text-align:center; font-size:20px; color:#5f5e5e; padding-top:50px; font-weight:100;}
.newsh1{ transform:translate(0,40px); opacity:0;}
.newsh2{transform:translate(0,40px); opacity:0;}
.newsh span{ font-size:38px;}
.news-main{ overflow:hidden; clear:both; padding-top:58px;transform:translate(0,-50px); opacity:0;}
.news-mainbox{ float:left; width:553px; height:128px; padding:8px; border:1px solid #d9d8d9; box-shadow:1px 1px 2px rgba(217,216,217,0.5); overflow:hidden; margin-bottom:20px;}
.news-mainbox:nth-child(2n-1){ margin-right:28px;}
.newbox-left{ float:left;}
.newbox-right{ float:left; padding-left:35px; width:316px; color:#727272;}

.newstext{ font-size:18px;}
.newstime{ font-size:16px;}
.brands{ transform:translate(0,-50px); opacity:0;}
.brands ul {
    padding-top: 20px;
}
.brands ul li{ float:left; margin-right:30px;}
.brands ul li:nth-child(8n){ margin-right:0;}
.zhuceinput2{ top:238px; left:312px; width:552px; z-index:222; transform: scale(0.1,0.1); opacity:0;}
.zhuceinput2 .zhuceinputin{border:1px solid rgba(111,138,161,0.6); box-shadow:-1px 1px 2px #658197;}
.zhuceinput2 .zhuceinputin:hover{animation: myfirst2 3s linear infinite alternate;-webkit-animation: myfirst2 3s linear infinite alternate;}
.banner2{ margin-top:100px;}

.wrap-footer {
    background: none repeat scroll 0 0 #fff;
    border-top: 2px solid #ccc;
    color: #666;
    height: 270px;
    min-width: 1170px;
    overflow: hidden;
}
.foot-content{ width:1172px; margin:0 auto;padding:30px 0 10px;}
/****改动s***/
.foot-logo{ float:left; margin:0 0 0 130px; width:213px;}
.foot-logo img{ width:100%; height:auto}
/****改动e***/
.foot-info{ float:left;}
.foot-info dl{ float:left; margin-right:60px;}

.foot-info dt {
    color: #000;
    font-size: 16px;
    margin-bottom: 5px; font-weight:normal;
}

.foot-info dd {
    font-size: 14px;
    line-height: 30px;
}
.wrap-footer{
	
	}
.wrap-footer a {
    color: #666;
}
.copyright{ text-align:center;}
.wrap-footer .copyright {
    color: #8b8b8b;
    text-align: center; line-height:20px;
}
.wrap-footer p {
    margin: 15px 0;
}

.fixed-icons {
    bottom: 50px;
    color: #fff;
    font-size: 18px;
    height: 365px;
    position: fixed;
    right: 5px;
    z-index: 10;
}

.fixed-icons .consulting {
    background: url(/images/fixed.png) no-repeat 0 0;
    color: #fff;
    cursor: pointer;
    display: block;
    height: 146px;
    width: 80px;
}

.fixed-icons .consulting span {
    display: block;
    line-height: 22px;
    padding: 13px 0 0 19px;
    width: 40px;
}

.fixed-icons ul {
    padding-left: 30px;
}

.fixed-icons ul .icon2 {
    background-color: #007aff;
    background-position: -48px -156px;
    text-indent: -9999px;
}
.fixed-icons ul li {
    background-color: #e8e8e8;
    background-image: url(/images/fixed.png);
    border-radius: 20px;
    cursor: pointer;
    height: 40px;
    margin-top: 12px;
    position: relative;
    width: 40px;
}

.fixed-icons ul .icon3 {
    background-position: 4px -198px;
    text-indent: -9999px;
}

.fixed-icons ul .icon4 {
    background-position: 4px -250px;
}
/****改s*****/
.fixed-icons ul .icon4 img{ width:120px; height:120px;}
/****改e***/
element.style {
    display: list-item;
}
.consulting:hover{ background-position:-89px 0; text-decoration:none;}


.fixed-icons ul .icon2 p {
    font-size: 18px;
    left: -150px;
    top: 0;
}
.fixed-icons ul li p {
    background-color: #007aff;
    border-radius: 5px;
    display: none;
    height: 38px;
    line-height: 36px;
    margin: 0;
    padding: 0 10px;
    position: absolute;
}

.fixed-icons ul li p i {
    background: url(/images/fixed.png) no-repeat -1px -368px ;
    height: 8px;
    position: absolute;
    right: -4px;
    top: 14px;
    width: 4px;
}

.fixed-icons ul .icon5 {
    background-position: 4px -302px;
}


.fixed-icons ul .icon4 img {
    display: none;
    left: -128px;
    position: absolute;
    top: -40px;
}
.fiexd-form{ width:100%; height:100% !important; position:fixed; background:rgba(0,0,0,0.5); top:0; left:0; z-index:9100; display:none;}
.fiexd-formin{ width:544px; margin:0 auto; background:#fff; border-radius:15px;  padding:18px; position:fixed; left:0; right:0; top:150px;display:none; z-index:9999}
.fiexd-header{ margin-top:15px; color:#007aff; }
.fided-hf{ font-size:14px; color:#464646;}
.fankui{ border-radius:15px; background:#fff; box-shadow:-1px 1px 2px rgba(0,0,0,0.3); margin-top:42px; }
.fiexd-email{ margin-top:19px;}
.fankuihead{ background:#007aff; color:#fff; text-align:center; line-height:30px; font-size:16px; margin-bottom:0; border-radius:15px 15px 0 0;}
.fankui-text{ width:100%; border:none; border-radius:0 0 15px 15px; resize:none;text-indent:20px;}
.fiexd-emailtext{ height:30px; line-height:30px; font-size:18px;}
.yanzheng{ overflow:hidden; clear:both; margin-top:20px;}
.yanzhengname{ width:146px; height:50px; line-height:50px; display:block; float:left; vertical-align:middle; text-align:center; font-size:18px; color:#fff; background:#9c9d9d; border-radius:15px 0 0 15px; border:1px solid #9f9d9d;}
.yanzhengtext{ width:304px; height:50px; line-height:50px; z-index:5px; vertical-align:middle; float:left; border:1px solid #c4c3c3; border-left:none; border-radius:0 15px 15px 0; text-indent:10px;}
.yanzhutu{ display:block; float:left; width:78px; height:44px; margin-bottom:0; margin-top:2px; margin-left:10px;}
.yanzhutu img{ width:100%; height:100%;}
.fiexd-tijiao{ width:150px; margin:0 auto; display:block; height:38px; border-radius:10px; background:#0d81fe; border:none; color:#fff; text-align:center; font-size:20px; margin-top:30px;}
.hide{ display:none;}
/**********帮助style*********/
.bz-main{ padding-top:84px;}
.bz-banner{ width:100%; min-width:1170px;}

.help-font {
    border-bottom: 1px solid #81a1c3;
    color: #007aff;
    font-size: 35px;
    height: 79px;
    margin: 60px auto auto;
    text-align: center;
    width: 350px;
}

.help-info {
    margin-bottom: 60px;
    margin-top: 13px;
    overflow: hidden;
}

.help-info ul.info-list {
    margin: 0 auto;
    width: 1100px;
}

.help-info ul.info-list li {
    float: left;
    margin: 45px 52px 0 0;
    text-align: center;
}

.help-info ul.info-list li .taskMg-ico {
    background-position: -660px 0;
}
.help-info ul.info-list li .recruit-ico {
    background-position: -110px 0;
}

.help-info ul.info-list li .agendaMg-ico {
    background-position: -550px 0;
}

.help-info ul.info-list li .research-ico {
    background-position: -1320px 0;
}

.help-info ul.info-list li .address-ico {
    background-position: -440px 0;
}

.help-info ul.info-list li .vote-ico {
    background-position: -330px 0;
}

.help-info ul.info-list li .leave-ico {
    background-position: -770px 0;
}

.help-info ul.info-list li .email-ico {
    background-position: -220px 0;
}

.help-info ul.info-list li .reserve-ico {
    background-position: -1210px 0;
}

.help-info ul.info-list li .check-ico {
    background-position: -1100px 0;
}

.help-info ul.info-list li .flow-ico {
    background-position: -990px 0;
}

.help-info ul.info-list li .card-ico {
    background-position: -880px 0;
}

.help-info ul.info-list li .apply-ico {
    background-position: 0 0;
}
.help-info ul.info-list li a {
    background-image:url(../../images/help-icon.png);
    display: block;
    height: 105px;
    margin-bottom: 15px;
    width: 105px;
}

.help-info ul.info-list li span {
    color: #323232;
    font-size: 20px;
}

.help-common-box .question-box {
    margin-top: 40px;
}
.w1170{ width:1170px; margin:0 auto}
.help-common-box .question-box li.question-item {
    border-bottom: 1px dashed #dcdcdc;
    color: #010101;
    float: left;
    font-size: 18px;
    margin-left: 90px;
    padding: 10px;
    width: 40%;
}


.help-common-box .question-box p {
    color: #010101;
    font-size: 18px;
    padding: 48px 0;
    text-align: center;
}
.bz-zhucein{ width:100%; padding:55px 0; background:#8998b5;}
.bz-zhucein .zhuceinputin{ width:550px; margin:0 auto; border:1px solid #087cfb}

/********登陆*******/
.login-form{ width:414px; border-radius:30px; background:#fff; margin:0 auto;}
.login-formin{ width:100%; border-radius:30px; box-shadow:1px 2px 5px rgba(0,0,0,0,0.5) }
.loginmain{padding-top:127px; padding-bottom:230px; background:url(/images/login-mainimg.jpg) no-repeat top center}
.login-formh{ height:101px; background:url(/images/logo.png) no-repeat center center; background-color:#e6e5e5; border-radius:30px 30px 0 0; margin-bottom:28px;}
.logininput{ width:350px; margin:0 auto; border-bottom:2px solid #cecece; overflow:hidden; clear:both; padding:40px 0 16px;}
.logininput i{ font-size:24px; color:#adadad; float:left; display:block; text-align:center; width:30px }
.logininput input{ height:24px; color:#adadad; line-height:24px; font-size:16px; width:200px; text-indent:10px; float:left;outline:none;}
.logininput label{ margin-bottom:0; padding-left:5px; color:#757575; line-height:24px; font-size:16px; font-style:normal; float:left;}
.login-bj-l{ float:left; width:150px; padding-left:35px;}
.login-formbj{ overflow:hidden; clear:both; padding-top:16px;}
.login-bj-l input{ margin-right:3px !important; margin-top:0 !important;}
.login-bj-l label{ margin-bottom:0;}
.login-bj-r{ float:right; padding-right:38px;}
.padl{ padding-left:14px;}
.login-formbtn{ text-align:center; padding:46px 0 70px 0;}
.login-formbtn .zhucebtn{ margin:0 auto; border-radius:12px; width:90%; font-size:20px;}

.login-formbtn .zhucebtn:hover{animation: myfirst1 2s linear infinite alternate;-webkit-animation: myfirst1 2s linear infinite alternate;}
/******关于******/
.abouts-biggest {
    background: none repeat scroll 0 0 #f7f7f7;

    width: 100%;
}

.abouts-biggest .about-box {
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0 0 5px #ccc;
}

.abouts-biggest .about-box .aboutsUs-banner {
    background: none repeat scroll 0 0 #fff;
    height: 440px;
    overflow: hidden;
    position: relative;
    text-align: left;
    width: 1170px;
}

.abouts-biggest .about-box .aboutsUs-banner .num {
    left: 0;
    position: absolute;
    top: 0;
    width: 1175px;
    z-index: 3;

}

.abouts-biggest .about-box .aboutsUs-banner .num a.on {
    background: none repeat scroll 0 0 #007aff;
    color: #fff;
}

.abouts-biggest .about-box .aboutsUs-banner .num a.on i.brief-ico {
    background: url(../../images/aboutUs-icos.png) no-repeat -26px 0;
}
.abouts-biggest .about-box .aboutsUs-banner .num a.first {
    padding: 29px 65px;
    width: 161px;
}

.abouts-biggest .about-box .aboutsUs-banner .num a.on span.about-san {
    display: block;
}
.abouts-biggest .about-box .aboutsUs-banner .num span.about-san {
    background: url(../../images/aboutUs-icos.png) no-repeat 0 -92px;
    bottom: -6px;
    display: none;
    height: 8px;
    left: 50%;
    margin-left: -7px;
    position: absolute;
    width: 15px;
}

.abouts-biggest .about-box .aboutsUs-banner .num a {
    border-right: 1px solid #c7c7c7;
    color: #787878;
    cursor: pointer;
    float: left;
    font-size: 20px;
    padding: 29px 80px;
    position: relative;
    text-align: center;
    width: 131px;
}

.abouts-biggest .about-box .aboutsUs-banner .num i.honor-ico {
    background: url(../../images/aboutUs-icos.png) no-repeat 0 -18px ;
    height: 24px;
    width: 27px;
}

.abouts-biggest .about-box .aboutsUs-banner .num i.company-ico {
    background: url(../../images/aboutUs-icos.png) no-repeat 0 -44px ;
    height: 24px;
    width: 27px;
}

.abouts-biggest .about-box .aboutsUs-banner .num a.last {
    border: 0 none;
    padding: 29px 82px;
}

.abouts-biggest .about-box .aboutsUs-banner .num i.join-ico {
    background: url(../../images/aboutUs-icos.png) no-repeat 0 -69px ;
    height: 24px;
    width: 25px;
}

.abouts-biggest .about-box .aboutsUs-banner .pic {
    background: none repeat scroll 0 0 #fff;
    height: 350px;
    margin-top: 88px;
    overflow: hidden;
}

.abouts-biggest .about-box .aboutsUs-banner .pic img {
    display: block;
    height: 350px;
    width: 1170px;
}

.abouts-biggest .about-box .aboutUs-info {
    margin: 50px 0;
    overflow: hidden;
}
.abouts-biggest .about-box .aboutUs-info .abouts-info-left span.about-ico {
    background-image: url(../../images/aboutUs-icos.png);
    display: block;
    margin: 0 auto 16px;
}

.abouts-biggest .about-box .aboutUs-info .abouts-info-left {
    float: left;
    padding: 40px 40px 0;
    width: 130px;
}

.abouts-biggest .about-box .aboutUs-info .abouts-info-left span.icon1 {
    background-position: -54px 0;
    height: 56px;
    width: 56px;
}

.abouts-biggest .about-box .aboutUs-info .abouts-info-left h2 {
    text-align: center;
}
.abouts-biggest .about-box .aboutUs-info h2 {
    font-size: 20px;
}

.abouts-biggest .about-box .aboutUs-info .abouts-info-right {
    border-left: 1px solid #007aff;
    float: left;
    padding: 0 40px;
    width: 879px;
}

.abouts-biggest .about-box .aboutUs-info .abouts-info-right p {
    color: #464646;
    font-size: 16px;
    line-height: 30px;
    margin: 0;
    text-align: left;
}
.abouts-biggest .about-box .about-bg {
    box-shadow: 0 4px 7px #e8e8e8;
    padding-bottom: 52px;
}

.abouts-biggest .about-box .about-bg li {
    display: inline;
    float: left;
    margin-left: 48px;
}

.abouts-biggest .about-box .about-bg li .img1-1 {
    background: url(../../images/aboutUs_01.jpg) no-repeat 0 0;
}
.abouts-biggest .about-box .about-bg li .img1-2 {
    background: url(../../images/63ipby2t.jpg) no-repeat 0 0 ;
}
.abouts-biggest .about-box .about-bg li .img1-3 {
    background: url(../../images/aboutUs_01.jpg) no-repeat 0 0 ;
}
.abouts-biggest .about-box .about-bg li .about-bg-list {
    border-radius: 8px;
    height: 325px;
    overflow: hidden;
    position: relative;
    width: 325px;
}

.abouts-biggest .about-box .about-bg li .about-bg-list p {
    background: none repeat scroll 0 0 #007aff;
    bottom: 0;
    color: #fff;
    font-size: 16px;
    height: 41px;
    left: 0;
    line-height: 41px;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.abouts-biggest .about-box .aboutUs-info .abouts-info-left span.icon2 {
    background-position: -130px 0;
    height: 61px;
    width: 50px;
}

.abouts-biggest .about-box .aboutUs-img {
    padding-bottom: 50px;
    text-align: center;
}

.abouts-biggest .about-box .aboutUs-info .abouts-info-left span.icon3 {
    background-position: -205px 0;
    height: 64px;
    width: 71px;
}

.aboutUs-mian {
    background: none repeat scroll 0 0 #fff;
    margin-top: 68px;
    overflow: hidden;
    padding: 0 70px;
}
#accordion1, #accordion {
    float: left;
}
.panel-group {
    margin-bottom: 20px;
    width: 485px;
}

.panel-group .panel {
    border-radius: 4px;
    margin-bottom: 0;
    overflow: hidden;
}
.panel-default {
    border-color: #ddd;
}

.panel-default > .panel-heading {
    background-color: #f5f5f5;
    border-color: #ddd;
    color: #333;
}

.panel-default .panel-heading h4.panel-title {
    position: relative;
}

.panel-title a {
    color: #000;
    display: block;
    font-size: 18px;
    padding: 22px;
}

.panel-heading h4.panel-title .collapsed i.aboutUs-5 {
    background: url(../../images/aboutUs-5.png) no-repeat 0 0 ;
    display: block;
    height: 5px;
    position: absolute;
    right: 18px;
    top: 35px;
    width: 9px;
}
.panel-heading h4.panel-title i.aboutUs-5 {
    background: url(../../images/aboutUs-5.png) no-repeat 0 -7px;
    display: block;
    height: 5px;
    position: absolute;
    right: 18px;
    top: 35px;
    width: 9px;
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #ddd;
}
.panel-group .panel-heading + .panel-collapse .panel-body {
    border-top: 1px solid #ddd;
}
.panel-body {
    padding: 15px;
}


.panel-body ol li {
    color: #686868;
    font-size: 14px;
    font-weight: normal;
    list-style: inside none decimal;
    margin-top: 0;
}

.panel-body ul li {
    font-size: 14px;
    line-height: 1.8;
}
.panel-body ol li {
    color: #686868;
    font-size: 14px;
    font-weight: normal;
    list-style: inside none decimal;
    margin-top: 0;
}

.abouts-biggest .about-box .aboutsUs-banner .num a.on i.join-ico {
    background: url(../../images/aboutUs-icos.png) no-repeat -26px -69px ;
    height: 24px;
    width: 25px;
}

.abouts-biggest .about-box .aboutsUs-banner .num i.about-ico {
    background: url(../../images/aboutUs-icos.png) no-repeat 0 0 ;
    display: inline-block;
    height: 18px;
    margin-right: 7px;
    vertical-align: middle;
    width: 17px;
}

.abouts-biggest .about-box .aboutsUs-banner .num a.on i.company-ico {
    background: url(../../images/aboutUs-icos.png) no-repeat -26px -44px ;
    height: 24px;
    width: 27px;
}

.abouts-biggest .about-box .aboutsUs-banner .num a.on i.honor-ico {
    background: url(../../images./aboutUs-icos.png) no-repeat -26px -18px ;
    height: 24px;
    width: 27px;
}

.abouts-biggest .about-box .aboutsUs-banner .num i.honor-ico {
    background: url(../../images/aboutUs-icos.png) no-repeat 0 -18px ;
    height: 24px;
    width: 27px;
}
/******注册*****/
.registermain{ padding-top:84px;}
.bodyer-p {
    font-family: "微软雅黑";
}
.bodyer-p {
    position: relative;
}

.bg_grey {
    background: url(../../images/bg.jpg) repeat 0 0;
    min-height: 530px;
    overflow: hidden;
    padding-bottom: 50px;
    width: 100%;
}

.bg_grey .main {
    margin: 0 auto;
    width: 760px;
}

.bg_grey .main .center {
    text-align: center;
}

.bg_grey .main .center h1 {
    font-size: 28px;
    font-weight: normal;
    line-height: 2;
    padding-top: 28px;
}

.bg_grey .main .center p {
    font-size: 18px;
    margin-bottom: 30px;
}

.bg_grey .main .center p span {
    color: #007aff;
}

.bg_grey .main .forms {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 3px #ccc;
    color: #666;
    font-size: 16px;
    overflow: hidden;
}

.bg_grey .main .forms .form1 {
    padding: 35px 39px 53px 37px;
}

table {
    border-collapse: collapse;
}
.bg_grey .main .forms {
    color: #666;
    font-size: 16px;
}

.bg_grey .main .forms .form1 td {
    position: relative;
}

.bg_grey .main .forms .form1 .labels {
    display: inline-block;
    line-height: 47px;
    padding-left: 38px;
    text-align: right;
    width: 80px;
}
.mb25 {
    margin-bottom: 25px;
}

.bg_grey .main .forms .form1 .labels {
    display: inline-block;
    line-height: 47px;
    padding-left: 38px;
    text-align: right;
    width: 80px;
}

.bg_grey .main .forms .form1 #city_a {
    margin-top: -20px;
}

.bg_grey .main .forms .form1 #city_a select {
    border: 1px solid #ccc;
    height: 45px;
    outline: medium none;
    width: 150px;
	display:inline
}

.bg_grey .main .forms .form1 select.inputs {
    height: 45px;
    width: 458px;
}

input, button, textarea, select, optgroup, option {
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

.bg_grey .main .center {
    text-align: center;
}

.register-hint {
    height: 30px;
    margin-top: 10px;
    width: 100%;
}

.register-hint .register-info {
    background: url("../../images/reject.png") no-repeat 0 2px ;
    color: #f00;
    display: none;
    font-size: 16px;
    margin-left: 140px;
    padding-left: 30px;
    text-align: left;
}

.bg_grey .main .center .p1 {
    font-size: 16px;
    margin-bottom: 20px;
    padding: 0 0 20px;
}

.sub {
    background: none repeat scroll 0 0 #1283ff;
    border: 0 none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    height: 50px;
    width: 403px;
}

.bg_grey .main .forms .form1 .inputs {
    border: 1px solid #ccc;
    height: 25px;
    line-height: 25px;
    outline: medium none;
    padding: 10px 20px 10px 10px;
    width: 426px;
}

.bg_grey .main .forms .form1 .code .inputs {
    float: left;
    width: 198px;
}
.sub:hover{animation: myfirst1 2s linear infinite alternate;-webkit-animation: myfirst1 2s linear infinite alternate;}
/********套餐******/
.wrap-main2{ padding-top:100px;}
.combo-warp .combo-table-box {
    background: none repeat scroll 0 0 #fff;
    margin: auto;
    padding: 30px 7px 0;
    width: 1170px;
}

.combo-warp .combo-table-box .combo-table {
    color: #323232;
    font-family: "宋体";
    font-size: 16px;
    text-align: center;
    width: 1155px;
}

.combo-warp .combo-table-box .combo-table thead td {
    background: #1283ff;
    border-right: 1px solid #fff;
    color: #fff;
    padding: 24px 0;
}

.combo-warp .combo-table-box .combo-table thead td.last {
    border-right: 1px solid #1283ff;
}

.combo-warp .combo-table-box .combo-table .row-title {
    color: #000;
}

.combo-warp .combo-table-box .combo-table .combo-right {
    background: url("../../images/combo-icos.png") no-repeat -62px -8px;
    display: block;
    height: 8px;
    margin: auto;
    width: 13px;
}

.combo-warp .combo-table-box .combo-table tr.even {
    background: #f7f7f7;
}

.combo-warp .combo-table-box .combo-table .row-title {
    color: #000;
}

.combo-warp .combo-table-box .combo-table .icon06 {
    background-position: -136px 0;
}
.combo-warp .combo-table-box .combo-table .combo-icon {
    background-image: url("../../images/combo-icon.png");
    display: block;
    height: 62px;
    margin: auto auto 15px;
    width: 63px;
}
.combo-warp .combo-table-box .combo-table tbody td {
    border: 1px solid #c8c8c8;
    padding: 24px 0;
}
.combo-warp .combo-table-box .combo-table .icon07 {
    background-position: -272px 0;
}

.combo-warp .combo-table-box .combo-table .icon08 {
    background-position: -340px 0;
}

.combo-warp .combo-table-box .combo-table .icon09 {
    background-position: -544px 0;
}

.combo-warp .combo-table-box .combo-table .icon10 {
    background-position: -680px 0;
}

.combo-warp .combo-table-box .combo-table .icon11 {
    background-position: 0 0;
}

.combo-warp .combo-table-box .combo-table .icon12 {
    background-position: -204px 0;
}

.combo-warp .combo-table-box .combo-table .icon13 {
    background-position: -476px 0;
}

.combo-warp .combo-table-box .combo-table .icon14 {
    background-position: -408px 0;
}

.combo-warp .combo-table-box .combo-table .icon15 {
    background-position: -68px 0;
}

.combo-warp .combo-table-box .combo-table .icon16 {
    background-position: -612px 0;
}

.combo-warp .combo-table-box .combo-table .icon17 {
    background-position: -748px 0;
}

.combo-warp .combo-table-box .combo-table .icon18 {
    background-position: -816px 0;
}

.combo-warp .combo-table-box .combo-table .combo-error {
    background: url("../../images/combo-icos.png") no-repeat -62px 0 ;
    display: block;
    height: 8px;
    margin: auto;
    width: 9px;
}

.use-register {
    overflow: hidden;
    padding: 66px 0 70px;
}

.use-register p {
    color: #323232;
    font-family: "宋体";
    font-size: 30px;
    text-align: center;
}

.use-register .nav-search {
    margin: 26px 0 0 200px;
    position: static;
}
.nav-search {
    border: 1px solid #007aff;
    border-radius: 5px;
    float: left;
    height: 66px;
    overflow: hidden;
    position: absolute;
    width: 760px;
}

.nav-search .searchForm-box {
    position: relative;
}

.nav-search input.search-inp {
    border: 0 none;
    color: #999;
    float: left;
    font-size: 18px;
    height: 54px;
    line-height: 54px;
    outline: medium none;
    padding: 6px 10px;
    width: 540px;
}

.nav-search button.btn {
    background:#007aff;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-size: 20px;
    height: 70px;
    width: 200px;
}
/******代理******/

.agent-banner {
    position: relative;
}

.agent-banner img.agent-img {
   
    min-width: 1170px;
    width: 100%;
}

.agent-cooperation-box {
    overflow: hidden;
}

.title-box {
    border-bottom: 1px solid #81a1c3;
    color: #007aff;
    font-size: 35px;
    height: 80px;
    margin: auto auto 50px;
    padding-top: 48px;
    text-align: center;
    width: 350px;
}
.cooperation-info-box{ overflow:hidden; clear:both;}

.agent-cooperation-box .cooperation-info-box .cooperation-list-box {
    border: 1px solid #007aff;
    border-radius: 4px;
    display: inline;
    float: left;
    height: 308px;
    margin-right: 17px;
    padding: 20px;
    width: 236px;
}

.agent-cooperation-box .cooperation-info-box .cooperation-list-box .ico1 {
    background: url("../../images/agent-icos.png") no-repeat 0 0;
}
.agent-cooperation-box .cooperation-info-box .cooperation-list-box .list-ico {
    background: url("../../images/agent-icos.png") no-repeat 0 0 ;
    display: block;
    height: 60px;
    margin: auto;
    width: 76px;
}

.agent-cooperation-box .cooperation-info-box .cooperation-list-box p {
    border-top: 1px solid #007aff;
    color: #464646;
    font-size: 16px;
    line-height: 24px;
    margin-top: 35px;
    padding-top: 34px;
}

.agent-cooperation-box .cooperation-info-box .cooperation-list-box p span {
    color: #000;
    display: block;
    margin-bottom: 20px;
    text-align: center;
}

.agent-cooperation-box .cooperation-info-box .cooperation-list-box p span {
    color: #000;
    display: block;
    margin-bottom: 20px;
    text-align: center;
}

.agent-cooperation-box .cooperation-info-box .cooperation-list-box .ico2 {
    background: url("../../images/agent-icos.png") no-repeat -73px 0;
}

.agent-cooperation-box .cooperation-info-box .cooperation-list-box .ico3 {
    background: url("../../images/agent-icos.png") no-repeat -145px 0 ;
    width: 68px;
}

.agent-cooperation-box .cooperation-info-box .cooperation-list-box .ico4 {
    background: url("../../images/agent-icos.png") no-repeat -210px 0 ;
}

.angent-warp-box {
    background:#f7f7f7;
    margin-top: 68px;
    overflow: hidden;
    padding-bottom: 50px;
    width: 100%;
}

.angent-warp-box .support-list {
    margin-left: 62px;
}

.angent-warp-box .support-list li.items {
    color: #444;
    font-size: 16px;
    margin-bottom: 10px;
}

.anget-table-box {
    border: 1px solid #c8c8c8;
    border-radius: 5px;
}

.anget-table-box table.agent-table {
    margin: auto;
    text-align: center;
    width: 1170px;
}

.anget-table-box table.agent-table tr.even {
    background:#f7f7f7;
}

.anget-table-box table.agent-table thead td {
    color: #007aff;
    font-size: 20px;
}

.anget-table-box table.agent-table .table-ico {
    background: url("../../images/agent-icos.png") no-repeat 0 -65px;
    display: inline-block;
    height: 28px;
    margin-right: 8px;
    margin-top: -5px;
    vertical-align: middle;
    width: 28px;
}

.anget-table-box table.agent-table .ico2 {
    background: url("../../images/agent-icos.png") no-repeat -25px -65px;
    width: 22px;
}

.anget-table-box table.agent-table .ico6 {
    background: url("../../images/agent-icos.png") no-repeat -139px -65px ;
    width: 26px;
}

.anget-table-box table.agent-table .ico4 {
    background: url("../../images/agent-icos.png") no-repeat -78px -65px ;
}

.anget-table-box table.agent-table .ico5 {
    background: url("../../images/agent-icos.png") no-repeat -107px -65px ;
}

.anget-table-box table.agent-table td {
    border: 1px solid #c8c8c8;
    font-family: "宋体";
    font-size: 16px;
    padding: 20px 0;
}

.anget-table-box table.agent-table tr.even {
    background: none repeat scroll 0 0 #f7f7f7;
}
.cooperation-last-box{ margin-right:0 !important;}
.wrapmain2{ padding-top:84px;}
/********注册提示页*****/

.bg_grey .result {
    color: #666;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 1170px;
}

.bg_grey .result .reg_success {
    padding: 62px 0 50px 70px;
}

.bg_grey .result .reg_success h1 {
    background: url("../../images/register-icon.png") no-repeat 0 -111px ;
    color: #4ab293;
    font-size: 32px;
    height: 62px;
    line-height: 57px;
    padding-left: 82px;
    position: relative;
}

.bg_grey .result .reg_success h1 span {
    color: #000;
    font-size: 30px;
    left: 240px;
    position: absolute;
    top: -1px;
}

.bg_grey .result h2 {
    font-size: 18px;
}
.mt20 {
    margin-top: 20px;
}

.bg_grey .result a {
    color: #1283ff;
    text-decoration: underline;
}

.bg_grey .result .no_email {
    border-top: 1px dashed #cdcdce;
    padding: 42px 78px 30px 70px;
}

.bg_grey .result h2 {
    font-size: 18px;
}
.mb15 {
    margin-bottom: 15px;
}

.bg_grey .result .no_email p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 10px;
}
/******帮助main****/

.bodyer-p .bodyer-asideLeft {
    float: left;
    height: 1000px;
    margin-top: 20px;
    overflow: hidden;
    position: relative;
    width: 280px;
	transform:translate(0,0);
	animation: myfirst4 0.5s ease-out forwards;-webkit-animation: myfirst4 0.5s ease-out forwards;
}

.bodyer-p .bodyer-asideLeft .sidebar-link-list {
    position: relative;
    width: 280px;

  
}

.bodyer-p .bodyer-asideLeft .sidebar-link-list li {
    background-color: #fff;
    border-bottom: 1px solid #e5e5e5;
}

.bodyer-p .bodyer-asideLeft .sidebar-link-list li .link-con {
    color: #666;
    cursor: pointer;
    display: block;
    font-size: 16px;
    line-height: 25px;
    padding: 12px 8px;
}

.bodyer-p .bodyer-asideLeft .sidebar-link-list li .link-con i.ico-chevron-right {
    background: url(../../images/i-union.gif) no-repeat 0 0 ;
    display: block;
    float: right;
    font-style: inherit;
    height: 11px;
    margin-top: 10px;
    width: 6px;
}

.bodyer-p .bodyer-asideLeft .sb-link-list-2 {
    display: none;
    left: 100%;
    position: absolute;
    top: 0;
    width: 280px;
}

.bodyer-p .bodyer-asideLeft .sidebar-link-list li {
    background-color: #fff;
    border-bottom: 1px solid #e5e5e5;
}

.bodyer-p .bodyer-asideLeft .sb-link-list-2 .ico-back {
    background: url(../../images/i-union.gif) no-repeat 0 -40px;
    display: inline-block;
    height: 12px;
    margin-right: 4px;
    vertical-align: middle;
    width: 16px;
}

.bodyer-p .bodyer-asideLeft .sidebar-link-list li .link-con-active {
    color: #f24d36;
    font-weight: bold;
}

.bodyer-p .bodyer-mainRight {
    float: right;
    margin-bottom: 20px;
    margin-top: 20px;
    overflow: hidden;
    width: 800px;
}

.bodyer-p .bodyer-mainRight .details-tit1 h3 {
    color: #333;
    font-size: 18px;
    margin: 12px 0 20px;
}

.bodyer-p .bodyer-mainRight .box-article-main {
    border-top: 1px dashed #e5e5e5;
}

.bodyer-p .bodyer-mainRight .box-article-main .box-ele {
    border-bottom: 1px dashed #e5e5e5;
    padding: 12px 10px;
}

.bodyer-p .bodyer-mainRight .box-article-main .box-ele-open .box-ele-tit {
    color: #f24d36;
    font-weight: bold;
}
.bodyer-p .bodyer-mainRight .box-article-main .box-ele .box-ele-tit {
    color: #06c;
    cursor: pointer;
    font-size: 16px;
    line-height: 22px;
}

.bodyer-p .bodyer-mainRight .box-article-main .box-ele-open .box-ele-tit .ico-arrow {
    background-position: 0 -30px;
    height: 5px;
}
.bodyer-p .bodyer-mainRight .box-article-main .box-ele .box-ele-tit .ico-arrow {
    background-position: 0 -20px;
    height: 8px;
    margin-right: 4px;
    width: 10px;
}
.bodyer-p .bodyer-mainRight .box-article-main .box-ele .box-ele-tit .ico {
    background: url(../../images/i-union.gif) no-repeat 0 0 ;
    display: inline-block;
    height: 16px;
    overflow: hidden;
    vertical-align: middle;
    width: 16px;
}

.bodyer-p .bodyer-mainRight .box-article-main .box-ele-open .box-ele-con {
    display: block;
    margin-top: 8px;
}
.bodyer-p .bodyer-mainRight .box-article-main .box-ele .box-ele-con {
    display: none;
    text-align: center;
}

.bodyer-p .bodyer-mainRight .box-article-main .box-ele .box-ele-con .tind2 {
    text-indent: 2em;
}
.bodyer-p .bodyer-mainRight .box-article-main .box-ele .box-ele-con p {
    color: #333;
    font-family: "微软雅黑";
    font-size: 14px;
    margin-bottom: 5px;
    text-align: left;
}

.bodyer-p .bodyer-mainRight .box-article-main .box-ele .box-ele-con img.imgs {
    width: 780px;
}

.bodyer-p .bodyer-mainRight .box-article-main .box-ele .box-ele-tit .ico-arrow {
    background-position: 0 -20px;
    height: 8px;
    margin-right: 4px;
    width: 10px;
}
.bzwrap-main{ margin-top:85px; overflow:hidden ; clear:both;}
.youyidonghua{	animation: myfirst5 0.3s ease-out forwards;-webkit-animation: myfirst5 0.3s ease-out forwards;}
.fanhuidonghua{	animation: myfirst6 0.3s ease-out forwards;-webkit-animation: myfirst6 0.3s ease-out forwards;}

.bodyer-p .bodyer-asideLeft .open-sidebar .sb-link-show {
    display: block;
}
.open-sidebar{}

.bodyer-p .bodyer-asideLeft .open-sidebar {
    left: -280px;
}

.bodyer-p .box-article-empty p.tind1 {
    font-size: 20px;
    margin-top: 20px;
}
.navmouse{animation: myfirst7 0.5s ease forwards;-webkit-animation: myfirst7 0.5s ease forwards;}
.fiexdfani{animation: myfirst8 0.5s ease forwards;-webkit-animation: myfirst8 0.5s ease forwards;}
.yidongzuo{ top:0; left:390px; z-index:2000; opacity:0;}
.yidongzhong{top:0; left:390px; z-index:2010;}
.yidongyou{top:0; left:390px; z-index:2000; opacity:0;}
.yidongzuo1{animation: myfirst9 0.8s ease-out forwards;-webkit-animation: myfirst9 0.8s ease-out forwards;}
.yidongzhong1{animation: myfirst10 0.8s ease-out forwards;-webkit-animation: myfirst10 0.8s ease-out forwards;}
.yidongyou1{animation: myfirst11 0.8s ease-out forwards;-webkit-animation: myfirst11 0.8s ease-out forwards;}
.helpiconani{animation:myfirst12 1s ease-out forwards;-webkit-animation: myfirst12 1s ease-out forwards;}
.newshani{animation:myfirst13 0.5s ease-out 0.3s forwards;-webkit-animation: myfirst13 0.3s ease-out 0.3s forwards;}
.news-mainani{animation:myfirst14 0.5s ease-out 0.5s forwards;-webkit-animation: myfirst14 0.5s ease-out 0.5s forwards;}
.bannerimg2{ transform: scale(0, 0); opacity:0;}
.bannerimgani{animation:myfirst15 1s ease-out 1s forwards;-webkit-animation: myfirst15 1s ease-out 0.5s forwards;}
.dingwei1{ display:block; position:absolute; width:10px; height:10px; border-radius:50%; background:rgba(227,87,24,0); left:945px; top:175px; z-index:410;}
.dingwei2{ display:block; position:absolute; width:30px; height:30px; border-radius:50%; background:rgba(227,87,24,0); left:935px; top:165px; z-index:400; transform: scale(0,0);}
.dingweid1{animation:myfirst16 0.8s ease-out 2.5s forwards;-webkit-animation: myfirst16 0.8s ease-out 2.5s forwards;}
.dingweid2{animation:myfirst17 2s ease-out 2.5s forwards infinite;-webkit-animation: myfirst17 2s ease-out 2.5s forwards infinite;}
.dingweid3{animation:myfirst18 1s ease-out 2.8s forwards ;-webkit-animation: myfirst18 1s ease-out 2.8s forwards;}
.headerd1{animation:myfirst19 0.5s ease-out 0.5s forwards ;-webkit-animation: myfirst19 0.5s ease-out 0.5s forwards;}
.headerd2{animation:myfirst20 0.5s ease-out 0.5s backwards ;-webkit-animation: myfirst20 0.5s ease-out 0.5s backwards;}
.zhaohuimain{ width:100%; background: url(../../images/bg.jpg) repeat; padding:200px 0;}
.sendinput{ width:600px; padding:3px; margin:0 auto; background:#1a88c2; border-radius:10px;}
.zhwrap-main{ padding:0}
.sinputtext{ height:50px; line-height:50px; text-indent:20px; width:448px; border-right:0; background:#fff; border-radius:5px 0 0 5px; font-size:18px; vertical-align:middle}
.sinputbtn{ width:150px; background:#1a88c2; height:50px; color:#fff; font-size:16px; border-radius:0px 5px 5px 0px; transition:background 0.5s linear; vertical-align:middle} 
.yanzhengh{ font-size:24px; font-weight:bold; width:600px; margin:0 auto; padding:15px 0}
.yanzhengh i{ color:#1a88c2; padding-left:10px}
.sinputbtn:hover{ background:#166792}
.sendinput .czinput{ display:block; overflow:hidden; margin:0 100px; padding:10px 0; background:#fefefe; border-radius:5px; margin-bottom:10px}
.sendinput p:last-child{ border:none}
.sendinput .czinput label{ display:block; float:left; width:80px; font-size:14px; text-align:right; line-height:40px;}
.sendinput .czinput label i{ color:#4ebec4; padding-left:5px}
.sendinput .czinput p{ margin-bottom:0;}
.chongzhimain{ padding:100px 0}
.sendinput .czinput input{ width:280px; margin:0 20px; background:#DFDFDF; text-indent:20px; height:40px; vertical-align:middle; box-shadow:0 0 5px rgba(0,0,0,0.2) inset; border-radius:5px;}
.sendinput .czbtn{margin-bottom:0;}
.sendinput .czbtn input{ width:150px; height:44px; display:block; margin:0 auto; background:#0d80ff; border-radius:10px; font-size:16px; color:#fff; }
.zhtishi{ font-size:16px; color:#666; text-align:center; width:700px; margin:0 auto; line-height:40px;}
.zhjc{ border-top:1px dashed #999; width:70%; margin:0 auto; padding:40px 15%}
.czsendinput{ padding:20px; background:#fff;}
.czwtishi{ margin-bottom:0; text-align: left; padding-left:100px}
/****footer更改***/
.about-us{ width:72px}
.cooperation{ width:274px}
.contact-us{ width:190px;}

@keyframes myfirst1
{
from { background:#097fff; box-shadow:0 0 20px rgba(9,127,255,1)}
to { background:#0963c5;box-shadow:0 0 0px rgba(9,127,255,0.5)}
}
@-webkit-keyframes myfirst1
{
from { background:#097fff; box-shadow:0 0 20px rgba(9,127,255,1)}
to { background:#0963c5;box-shadow:0 0 0px rgba(9,127,255,0.5)}
}
@keyframes myfirst1
{
from {background:#097fff; box-shadow:0 0 10px rgba(9,127,255,0.5)}
to { background:#0963c5;box-shadow:0 0 0px rgba(9,127,255,0.5)}
}
@keyframes myfirst2
{
from {box-shadow:0 0 10px rgba(9,127,255,0.5)}
to {box-shadow:0 0 0px rgba(9,127,255,0.5)}
}
@-webkit-keyframes myfirst2
{
from { box-shadow:0 0 10px rgba(101,129,101,0.5)}
to {box-shadow:0 0 0px rgba(101,129,101,0.5)}
}

@keyframes myfirst4
{
from { transform:translate(30px,0); opacity:0;}
to {transform:translate(0px,0); opacity:1;}
}
@-webkit-keyframes myfirst4
{
from { transform:translate(30px,0); opacity:0;}
to {transform:translate(0px,0); opacity:1;}
}
@keyframes myfirst5
{
from {left:0px;}
to {left:-280px;}
}
@-webkit-keyframes myfirst5
{

from{left:0px;}
to {left:-280px;}

}
@keyframes myfirst6
{
from {left:-280px;}
to {left:0px;}
}
@-webkit-keyframes myfirst6
{

from {left:-280px;}
to {left:0px;}

}
@keyframes myfirst7
{
0% {box-shadow:0 0 0 #0963c5 inset;}
25% {box-shadow:0 -20px 0 #0963c5 inset;}
50% {box-shadow:0 -40px 0 #0963c5 inset;}
75% {box-shadow:0 -20px 0 #1283ff inset;}
100% {box-shadow:0 -6px 0 #1283ff inset;}
}
@-webkit-keyframes myfirst7
{
0% {box-shadow:0 0 0 #0963c5 inset;}
25% {box-shadow:0 -20px 0 #0963c5 inset;}
50% {box-shadow:0 -40px 0 #0963c5 inset;}
75% {box-shadow:0 -20px 0 #1283ff inset;}
100% {box-shadow:0 -6px 0 #1283ff inset;}

}
@keyframes myfirst8
{
from {top:50px;}
to {top:150px;}
}
@-webkit-keyframes myfirst8
{

from {top:50px;}
to {top:150px;}

}
@keyframes myfirst9
{
from { left:390px; opacity:0}
to {left:0; opacity:1}
}
@-webkit-keyframes myfirst9
{
from { left:390px; opacity:0}
to {left:0; opacity:1}

}
@keyframes myfirst10
{
from { opacity:0}
to { opacity:1}
}
@-webkit-keyframes myfirst10
{
from {  opacity:0}
to { opacity:1}

}
@keyframes myfirst11
{
from { left:390px; opacity:0}
to {left:780px; opacity:1}
}
@-webkit-keyframes myfirst11
{
from { left:390px; opacity:0}
to {left:780px; opacity:1}

}
@keyframes myfirst12
{
    0% { transform: rotate(0); }
    5% { transform: rotate(10deg); }
    10% { transform: rotate(-9deg); }
    15% { transform: rotate(8deg); }
    20% { transform: rotate(-7deg); }
    25% { transform: rotate(6deg); }
    30% { transform: rotate(-5deg); }
    35% { transform: rotate(4deg); }
    40% { transform: rotate(-3deg); }
    45% { transform: rotate(2deg); }
    50% { transform: rotate(0); } /* Come to rest at 50%. The rest is just stillness */
    100% { transform: rotate(0); }


}
@-moz-keyframes myfirst12
{
    0% { -moz-transform: rotate(0); }
    5% { -moz-transform: rotate(10deg); }
    10% { -moz-transform: rotate(-9deg); }
    15% { -moz-transform: rotate(8deg); }
    20% { -moz-transform: rotate(-7deg); }
    25% { -moz-transform: rotate(6deg); }
    30% { -moz-transform: rotate(-5deg); }
    35% { -moz-transform: rotate(4deg); }
    40% { -moz-transform: rotate(-3deg); }
    45% { -moz-transform: rotate(2deg); }
    50% { -moz-transform: rotate(0); } /* Come to rest at 50%. The rest is just stillness */
    100% { -moz-transform: rotate(0); }


}
@-webkit-keyframes myfirst12
{
    0% { -webkit-transform: rotate(0); }
    5% {-webkit-transform: rotate(10deg); }
    10% { -webkit-transform: rotate(-9deg); }
    15% { -webkit-transform: rotate(8deg); }
    20% { -webkit-transform: rotate(-7deg); }
    25% { -webkit-transform: rotate(6deg); }
    30% { -webkit-transform: rotate(-5deg); }
    35% { -webkit-transform: rotate(4deg); }
    40% { -webkit-transform: rotate(-3deg); }
    45% { -webkit-transform: rotate(2deg); }
    50% { -webkit-transform: rotate(0); } 
    100% {-webkit-transform: rotate(0); }

}

@keyframes myfirst13
{
from { transform: translate(0,40px); opacity:0}
to {transform: translate(0,0); opacity:1}
}
@-webkit-keyframes myfirst13
{
from { -webkit-transform: translate(0,40px); opacity:0}
to {-webkit-transform: translate(0,0); opacity:1}

}
@keyframes myfirst14
{
from { transform: translate(0,-50px); opacity:0}
to {transform: translate(0,0); opacity:1}
}
@-webkit-keyframes myfirst14
{
from { -webkit-transform: translate(0,-50px); opacity:0}
to {-webkit-transform: translate(0,0); opacity:1}

}

@keyframes myfirst15
{
0%{ transform:scale(0,0); opacity:0;}


70%{ transform:scale(1,1); opacity:1;}
85%{ transform:scale(0.8,0.8); opacity:1;}
100%{transform:scale(1,1); opacity:1;}

}
@-webkit-keyframes myfirst15
{
0%{ -webkit-transform:scale(0,0); opacity:0;}


70%{ -webkit-transform:scale(1,1); opacity:1;}
85%{ -webkit-transform:scale(0.8,0.8); opacity:1;}
100%{-webkit-transform:scale(1,1); opacity:1;}

}
@keyframes myfirst16
{
from { background:rgba(227,87,24,0)}
to { background:rgba(227,87,24,1)}
}
@-webkit-keyframes myfirst16
{
from {   background:rgba(227,87,24,0)}
to { background:rgba(227,87,24,1)}

}
@keyframes myfirst17
{
from { transform: scale(0,0); background:rgba(227,87,24,0.8)}
to {transform:scale(2,2);  background:rgba(227,87,24,0)}
}
@-webkit-keyframes myfirst17
{
from { transform: scale(0,0);  background:rgba(227,87,24,0.8)}
to {transform: scale(2,2);  background:rgba(227,87,24,0)}

}
@keyframes myfirst18
{
0%{ transform:scale(0,0); opacity:0; left:645px; top:155px;}


70%{ transform:scale(1,1); opacity:1; left:312px;top:238px;}
85%{ transform:scale(1.1,1.1); opacity:1;left:312px;top:238px;}
100%{transform:scale(1,1); opacity:1;left:312px;top:238px;}
}
@-webkit-keyframes myfirst18
{
0%{ -webkit-transform:scale(0,0); opacity:0; left:645px; top:155px;}


70%{ -webkit-transform:scale(1,1); opacity:1; left:312px;top:238px;}
85%{ -webkit-transform:scale(1.1,1.1); opacity:1;left:312px;top:238px;}
100%{-webkit-transform:scale(1,1); opacity:1;left:312px;top:238px;}

}
@keyframes myfirst19
{
from { top:0;}
to {top:-84px}
}
@-webkit-keyframes myfirst19
{
from { top:0;}
to {top:-84px}

}
@keyframes myfirst20
{
from { top:-84px;}
to {top:0px}
}
@-webkit-keyframes myfirst20
{
from { top:-84px;}
to {top:0px}

}
/*@keyframes myfirst3
{
	0%{ background:url(../../images/login-mainimg.jpg) left top, url(../../images/login-mainimg.jpg) 100% top; background-size:100% auto;}
		10%{ background:url(../../images/login-mainimg.jpg) left top, url(../../images/login-mainimg.jpg) 0% top; background-size:100% auto;}
			90%{ background:url(../../images/login-mainimg.jpg) left top, url(../../images/login-mainimg.jpg) 100% top; background-size:100% auto;}
				100%{ background:url(../../images/login-mainimg.jpg) left top, url(../../images/login-mainimg.jpg) 100% top; background-size:100% auto;}
}

@-webkit-keyframes myfirst3
{

}*/
