.abs { position: absolute; }
.rel { position: relative; }
.clear { clear: both; overflow: hidden; height: 1px; }
.clearfix:after { clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; }
.l { float: left; }
.r { float: right; }
.t-r { text-align: right; }
.t-l { text-align: left; }
.overall { margin: 0 auto; width: 1000px; }
/* 公用样式 */
.header { height: 90px; line-height: 90px; }
.logo img { padding: 10px 0 0 10px; }
.logo a, .logo span { display: block; float: left; padding: 0 5px; font-size: 12px; font-family: "宋体"; color:#666; }
.nav { padding-right: 10px; }
.nav li { float: left; margin: 0 10px; -webkit-transition: .3s ease all; -moz-transition: .3s ease all; transition: .3s ease all;}
.nav li:hover{ margin:5px 10px;}
.nav li a { color: #666; font-size: 14px; }
.nav li a:hover { text-shadow: 2px 2px 4px #ccc; }
/* E header */
.about-description { background: url(../images/about.jpg) no-repeat center center #23a780; height: 377px; }
.description-icon { top: 90px; left: 0; background: url(../images/about-1.png) no-repeat center center; width: 315px; height: 132px; opacity: 0; background-size: 100%; }
.description-icon:hover { background-size: 90%; -webkit-transition: .3s ease all; -moz-transition: .3s ease all; transition: .3s ease all; }
.description-tit { top: 90px; left: 790px; width: 408px; height: 60px; font-size: 60px; color: #fff; opacity: 0; -webkit-transform: perspective(400px) rotateY(0deg); -moz-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); -webkit-transition: .3s ease all; -moz-transition: .3s ease all; transition: .3s ease all; }
.description-tit:hover { -webkit-transform: perspective(400px) rotateY(-20deg); -moz-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); }
/* background: url(../images/about-2.png) no-repeat; */
.description-info { top: 380px; left: 390px; width: 600px; height: 82px; font-size: 18px; color: #fff; line-height: 28px; opacity: 0; }
/* background: url(../images/about-3.png) no-repeat; */
.description-btn{ top:290px; left:390px;}
.description-btn a{ display:inline-block; padding:15px 100px; border-radius:5px; margin-right:20px; color:#fff; font-size:18px;-webkit-transition: .3s ease all; -moz-transition: .3s ease all; transition: .3s ease all;}
.description-btn .reg-btn{ background:#f80;}
.description-btn .reg-btn:hover{ background:#f60;}
.description-btn .login-btn{ background:#117f5e;}
.description-btn .login-btn:hover{ background:#0a6349;}
/* E 简介 */
.about-position { background: #c96161; height: 410px; }
.position-icon-tao { width: 73px; height: 56px; background: url(../images/position-tao.png) no-repeat; left: 300px; top: 150px; -webkit-transition: .5s ease all; -moz-transition: .5s ease all; transition: .5s ease all; }
.position-icon-tao:hover { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
.position-icon-1 { width: 216px; height: 91px; background: url(../images/position-icon-1.png) no-repeat; left: 130px; top: 55px;opacity: 0; }
.position-icon-2 { width: 165px; height: 103px; background: url(../images/position-icon-2.png) no-repeat; left: 340px; top: 55px; opacity: 0;}
.position-icon-3 { width: 238px; height: 61px; background: url(../images/position-icon-3.png) no-repeat; left: 60px; top: 150px; opacity: 0;}
.position-icon-4 { width: 235px; height: 113px; background: url(../images/position-icon-4.png) no-repeat; left: 85px; top: 210px; opacity: 0;}
.position-icon-5 { width: 127px; height: 103px; background: url(../images/position-icon-5.png) no-repeat; left: 340px; top: 210px;opacity: 0; }
.position-tit { width: 290px; height: 47px; left: 620px; top: 0; font-size: 60px; color: #fff; opacity: 0;-webkit-transform: perspective(400px) rotateY(0deg); -moz-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); -webkit-transition: .3s ease all; -moz-transition: .3s ease all; transition: .3s ease all;  }
.position-tit:hover { -webkit-transform: perspective(400px) rotateY(20deg); -moz-transform: perspective(400px) rotateY(20deg); transform: perspective(400px) rotateY(20deg); }
/* background: url(../images/position-tit.png) no-repeat; */
.position-info { width: 342px; height: 41px; left: 620px; top: 310px; font-size: 18px; color: #fff; line-height: 28px; opacity: 0; }
/* background: url(../images/position-info.png) no-repeat; */
.about-pattern { background: url(../images/pattern.jpg) no-repeat center center #ac805a;; height: 769px; }
.pattern-tit { font-size: 60px; color: #fff; top: 50px; left: 40px; -webkit-transform: perspective(400px) rotateY(0deg); -moz-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); -webkit-transition: .3s ease all; -moz-transition: .3s ease all; transition: .3s ease all; }
.pattern-tit:hover { -webkit-transform: perspective(400px) rotateY(-20deg); -moz-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); }
.pattern-info { font-size: 14px; color: #fff; top: 55px; left: 240px; line-height: 22px; }
.about-pattern p { color: #fff; font-size: 18px; text-align: center; }
.about-event{z-index:2;}
.about-pattern .hide { opacity: 0; z-index:3; }
.about-pattern .hide i{ font-size:30px; bottom:-16px; left:90px;}
.about-pattern .hide p { font-size: 14px; padding: 15px; line-height: 22px; text-align: left; }
.pattern-icon-tag { background: url(../images/tag-icon.png) no-repeat center center; width: 100%; height: 100px; }
.pattern-box-tag { top: 200px; left: 85px; width: 160px; height: 160px; background: #76af36; border-radius: 80px; }
.pattern-tag-prompt { background: #76af36; border-radius: 3px; width: 260px; top: 110px; left: 35px; }
.about-pattern .pattern-tag-prompt i{ color:#76af36; left:120px;}

.pattern-icon-clock { background: url(../images/clock-icon.png) no-repeat center center; width: 100%; height: 90px; }
.pattern-box-clock { top: 300px; left: 355px; width: 140px; height: 140px; background: #b84f4f; border-radius: 70px; }
.pattern-clock-prompt { background: #b84f4f; border-radius: 3px; width: 200px; top: 210px; left: 320px; }
.pattern-clock-prompt i{ color:#b84f4f;}

.pattern-icon-download { background: url(../images/download-icon.png) no-repeat center center; width: 100%; height: 100px; }
.pattern-box-download { top: 230px; left: 580px; width: 160px; height: 160px; background: #bf7824; border-radius: 80px; }
.pattern-download-prompt { background: #bf7824; border-radius: 3px; width: 200px; top: 140px; left: 560px; }
.pattern-download-prompt i{ color:#bf7824;}

.pattern-icon-sale { background: url(../images/sale-icon.png) no-repeat center center; width: 100%; height: 100px; }
.pattern-box-sale { top: 250px; left: 810px; width: 160px; height: 160px; background: #ac5486; border-radius: 80px; }
.pattern-sale-prompt { background: #ac5486; border-radius: 3px; width: 240px; top: 160px; left: 770px; }
.about-pattern .pattern-sale-prompt i{ color:#ac5486; left:110px;}

.pattern-icon-love { background: url(../images/love-icon.png) no-repeat center center; width: 100%; height: 100px; }
.pattern-box-love { top: 450px; left: 170px; width: 160px; height: 160px; background: #3682af; border-radius: 80px; }
.pattern-love-prompt { background: #3682af; border-radius: 3px; width: 280px; top: 360px; left: 100px; }
.about-pattern .pattern-love-prompt i{ color:#3682af; left:140px;}

.pattern-icon-calendar { background: url(../images/calendar-icon.png) no-repeat center center; width: 100%; height: 100px; }
.pattern-box-calendar { top: 490px; left: 440px; width: 140px; height: 140px; background: #af364d; border-radius: 70px; }
.pattern-calendar-prompt { background: #af364d; border-radius: 3px; width: 340px; top: 400px; left: 350px; }
.about-pattern .pattern-calendar-prompt i{ color:#af364d; left:155px;}

.pattern-icon-weixin { background: url(../images/weixin-icon.png) no-repeat center center; width: 100%; height: 100px; }
.pattern-box-weixin { top: 460px; left: 700px; width: 160px; height: 160px; background: #65861e; border-radius: 80px; }
.pattern-weixin-prompt { background: #65861e; border-radius: 3px; width: 200px; top: 370px; left: 680px; }
.pattern-weixin-prompt i{ color:#65861e;}

/* E 多形式 */
.superiority { background: #a76f6f; height: 800px; }
.superiority-tit { font-size: 60px; color: #fff; left: 30px; top: 60px; }
.superiority-media { width: 0px; height: 0px; border-radius: 220px; background: #f1b241; top: 170px; left: 60px; opacity: 0; }
.superiority-media p { font-size: 50px; color: #fff; text-align: center; }
.superiority-media .name { margin-top: 120px; }
.superiority-media .number { margin-top: 50px; font-size: 70px; }
.superiority-member { background: #73b27f; width: 540px; height: 540px; border-radius: 270px; top: 90px; left: 420px; opacity: 0; }
.superiority-member p { font-size: 50px; color: #fff; text-align: right; margin-top: 10px; }
.superiority-member .m-t { margin-top: 80px; text-align:right; }
.superiority-member .name { background: #329430; padding: 5px; width: 220px; margin-left: 150px; }
.superiority-member .number { font-size: 80px; padding-bottom:20px; margin-right: 150px;}
.superiority-info { color: #fff; text-align: center; top: 650px; left: 150px; font-size: 35px; }
/* E 优质渠道 */
.reg { background: #63a9a1; height: 1000px; }
.reg-tit { font-size: 60px; color: #fff; width: 250px; float: left; margin: 40px 20px; }
.reg-info { font-size: 14px; line-height: 22px; color: #fff; margin: 40px 0; float: left; width: 700px; }
.reg-con table { background: #d0e0c9; color: #666; border-top: 1px solid #e8f0e4; border-left: 1px solid #e8f0e4; }
.reg-con th, .reg-con td { border-bottom: 1px solid #e8f0e4; border-right: #e8f0e4 1px solid; text-align: center; padding: 10px 5px; font-size: 14px; }
.reg-con th { background: #424443; color: #eae5c7; font-size: 18px; font-weight: normal; }
.reg-con b { color: #333; font-size: 18px; font-weight: normal; }
.tips { color: #fcff00; font-size: 14px; margin: 20px 0; }
/* E 报名  */
.flow { background: #9d6d47; height: 1000px; }
.flow-tit { font-size: 60px; color: #fff; padding: 40px 0 20px 20px; }
.flow-con p { padding: 0 20px; color: #fff; line-height: 22px; font-size: 14px; }
.flow-con h2 { color: #fff; font-size: 18px; background: url(../images/flow-bg.png) no-repeat; width: 237px; height: 41px; line-height: 41px; text-align: center; font-weight: normal; margin: 20px; }
.flow-path { width: 716px; height: 46px; background: url(../images/flow-icon.png) no-repeat left center; margin: 20px; }
.flow .tips { margin-left: 20px; }
/* E 流程 */
.explain { background: #576878; height: 1000px; }
.explain-tit { font-size: 60px; color: #fff; padding: 40px 0 20px 20px; }
.explain-left { width:360px; margin-left: 20px; opacity: 0;  height:0;}
.wrap { padding: 15px 20px 30px 20px; }
.wrap p, .wrap h2 { padding-left: 40px; font-weight: normal; font-size:24px; line-height:30px; }
.wrap p { font-size: 14px; line-height: 22px; padding-bottom: 5px; }
.wrap a { border-radius: 3px; padding: 7px 10px; font-size: 14px; }
.wrap-1 { background: #bdc5c6; color: #333; }
.wrap-1 h2 { background: url(../images/01.png) no-repeat left center; }
.wrap-5 { background: #a1926e; color: #fff; margin-top: 20px; }
.wrap-5 h2 { background: url(../images/05.png) no-repeat left center; }
.wrap-5 ul { margin: 20px 0 20px 40px; }
.wrap-5 li { background: url(../images/05-li.png) no-repeat; height: 97px; width: 31px; vertical-align: middle; float: left; padding-left: 10px; }
.explain-right { width: 580px; margin-right: 20px;opacity: 0;  height:0; }
.wrap-2 { background: #5a8e8d; color: #fff; padding: 15px 20px 10px 20px; }
.wrap-2 h2 { background: url(../images/02.png) no-repeat left center; }
.wrap-2 .tips { margin: 5px 0; }
.wrap-3 { background: #8b9c40; color: #fff; padding: 15px 20px 10px 20px; margin-top: 20px; }
.wrap-3 h2 { background: url(../images/03.png) no-repeat left center; }
.wrap-3 a { color: #333; background: #bfdf34; }
.wrap-3 a:hover { background: #95b314; }
.wrap-4 { background: #c2a953; color: #fff; padding: 15px 20px 10px 20px; margin-top: 20px; }
.wrap-4 h2 { background: url(../images/04.png) no-repeat left center; }
.wrap-4 a { color: #fff; background: #a58000; }
.wrap-4 a:hover { background: #896b05; }
.explain-bottom { clear: both; margin-left: 20px; padding-top: 20px; width:0; opacity: 0; height:68px; overflow:hidden; }
.wrap-6 { background: #4ca1b2; color: #fff; padding: 20px 10px; width: 380px; float: left; }
.wrap-6 h2 { background: url(../images/06.png) no-repeat left center; }
.wrap-7 { background: #c79682; color: #fff; padding: 20px 10px; width: 220px; float: left; margin-left: 20px; }
.wrap-7 h2 { background: url(../images/07.png) no-repeat left center; }
.wrap-7 a { color: #fff; background: #b0603f; margin-left: 5px; }
.wrap-7 a:hover { background: #975135; }
.wrap-8 { background: #6b8cba; color: #fff; padding: 20px 10px; width: 260px; float: left; margin-left: 20px; }
.wrap-8 h2 { background: url(../images/08.png) no-repeat left center; }
.wrap-8 a { color: #fff; background: #3462a2; margin-left: 5px; }
.wrap-8 a:hover { background: #1f4376; }
/* E 说明 */
.footer { background: #d7d7d7; height: 160px; }
.footer p { text-align: center; color: #333; font-size: 14px; padding-top: 35px; }
/* E footer */
.floatmeu { position: fixed; top: 200px; left: 30px; z-index: 7; _position: absolute; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||200)-(parseInt(this.currentStyle.marginBottom,10)||200))); }
.floatmeu li { height: 30px; line-height: 30px; color: #fff; cursor: pointer;  -webkit-transition: .3s ease all; -moz-transition: .3s ease all; transition: .3s ease all;  }
.floatmeu li:hover{ padding-left:20px;}
.floatmeu i { width: 14px; height: 14px; border-radius: 7px; display: inline-block; background: #fff; margin-right: 5px; }
.floatmeu .curr i { background: #333; }
/* float menu */
.qq { 
    position: fixed; 
    bottom: 400px; 
    right: 0; 
    z-index: 3; 
    display:block; 
    _position: absolute;
    _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||200)-(parseInt(this.currentStyle.marginBottom,10)||200)));
}
.qq_box { 
    border: 5px solid #ff6d02; 
    border-radius: 3px 0 0 3px; 
    float:left; 
    display:block;
}
.qq_box dl { 
    padding: 7px; 
    background: #fff; 
    border-radius: 4px; 
}
.qq_box dl img {
padding-left: 10px;
}
.qq_box dt { 
    color: #ff6d00; 
    font-weight: bold; 
    text-align: center; 
    background: url(../images/qq_tit.png) no-repeat 0 5px; 
    border-bottom: 1px solid #e6e5e4; 
    height: 25px; 
    line-height: 25px; 
    width: 90px; 
    padding-left: 10px; 
}
.qq_box dd { 
    text-align: center; 
    height: 25px; 
    line-height: 25px; 
    margin-top: 5px; 
}
/* E qq */
.gotop {
    position: fixed; 
    bottom: 20px; 
    right: 10px; 
    z-index: 3; 
    display:none; 
    _position: absolute;
    cursor: pointer;
    _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||200)-(parseInt(this.currentStyle.marginBottom,10)||200)));
}