@charset "gb2312";
/* CSS Document */
body{font:12px/1.5 "\5b8b\4f53",arial,Helvetica,Tahoma,sans-serif; margin:0 auto; color:#333; min-width: 1200px; background-color: #3aa760;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;}
img{border:0 none;}
ul,li,ol{list-style-type:none;}
i,em,address, caption, cite, code, dfn, th, var {font-style: normal;font-weight: normal}
.msf{font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
a,a:hover{outline:none;blur:expression(this.onFocus=this.blur());}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}

/*框架*/
.layout{ clear:both;width:1200px;text-align:left;margin:0 auto;color:#333;}
.fl{ float:left;_display: inline}
.fr{ float:right;_display: inline}
.pr{ position:relative}
.abs{position:absolute;}
.hfoot{ color: #fff !important;}
.hfoot a{ color: #fff !important;}

/*页头*/
.headerbg{ background:url(/images/zhuanti/54youth/qn_01.png) no-repeat center top;}
.header{ height: 461px; margin-bottom: 30px;}
.header .logo{ display: block; width: 174px; height: 42px; top: 45px; left: 73px;}
.header .nr1{ top: 79px; left: 50%; margin-left: -112px; -webkit-animation:zoomInLeft 1s 0s 1 both; animation:zoomInLeft 1s 0s 1 both;}
.header .nr2{ top: 199px; left: 50%; margin-left: -287px; -webkit-animation:zoomInRight 1s 0.8s 1 both; animation:zoomInRight 1s 0.8s 1 both;}
.header .nr3{ top: 260px; left: 50%; margin-left: -233px; -webkit-animation:rollIn 1s 1.6s 1 both; animation:rollIn 1s 1.6s 1 both;}

/*寄语*/
.jy{ margin-bottom: 40px;}
.jy p{ padding: 0 40px; line-height: 34px; font-size: 16px; color: #fff;}

/*名师*/
.ms .nr{ width: 384px; height: 258px; margin:0 24px 28px 0;}
.ms .nr .txtr{ width: 174px; padding:46px 0 0 184px;}
.ms .nr .txtl{ width: 174px; padding:46px 0 0 50px;}
.ms .nr .t{ line-height: 54px; font-size: 22px;}
.ms .nr .c{ line-height: 20px; font-size: 16px; margin-bottom: 15px;}
.ms .nr .b{ line-height: 20px; font-size: 14px;}
.ms .nr .f14{ font-size: 14px; margin-bottom: 5px}
.ms .mr0{ margin-right: 0;}
.ms .nr1{ background:url(/images/zhuanti/54youth/qn_05.png) no-repeat}
.ms .nr2{ background:url(/images/zhuanti/54youth/qn_06.png) no-repeat}
.ms .nr3{ background:url(/images/zhuanti/54youth/qn_07.png) no-repeat}
.ms .nr4{ background:url(/images/zhuanti/54youth/qn_08.png) no-repeat}
.ms .nr5{ background:url(/images/zhuanti/54youth/qn_09.png) no-repeat}
.ms .nr6{ background:url(/images/zhuanti/54youth/qn_10.png) no-repeat}
.ms .nr7{ background:url(/images/zhuanti/54youth/qn_11.png) no-repeat}
.ms .nr8{ background:url(/images/zhuanti/54youth/qn_12.png) no-repeat}
.ms .nr9{ background:url(/images/zhuanti/54youth/qn_13.png) no-repeat}
.ms .nr10{ background:url(/images/zhuanti/54youth/qn_14.png) no-repeat}
.ms .nr11{ background:url(/images/zhuanti/54youth/qn_15.png) no-repeat}
.ms .nr12{ background:url(/images/zhuanti/54youth/qn_16.png) no-repeat}
.ms .nr13{ background:url(/images/zhuanti/54youth/qn_17.png) no-repeat}
.ms .nr14{ background:url(/images/zhuanti/54youth/qn_18.png) no-repeat}
.ms .nr15{ background:url(/images/zhuanti/54youth/qn_19.png) no-repeat}

/*登录*/
.dl{ height: 217px; background:url(/images/zhuanti/54youth/qn_20.png) no-repeat; padding-top: 75px;}
.dl .tit{ width: 998px; height: 51px; margin: 0 auto 56px;}
.dl .login{ height: 81px; text-align: center;}
.dl .login .han{ display: inline-block; width: 190px; height: 48px; margin: 0 90px; text-align: left; line-height: 24px; font-size: 24px; color: #fff; padding: 33px 0 0 76px; background:url(/images/zhuanti/54youth/qn_27.png) no-repeat;}
.dl .loginh{ height: 81px; line-height: 81px; text-align: center; font-size: 26px; color: #fff; display: none;}

/*留言区*/
.luq{ margin-bottom: 50px;}
.luq .tit{ height: 44px;}
.luq .lytxt{ width: 1168px; height: 138px; overflow: auto; border: 1px solid #68c389; background: #2c9b53; padding: 10px 15px; line-height: 30px; font-size: 14px; color: #fff; margin-bottom: 16px; border-radius: 5px;}
.luq .cen{ overflow: hidden;}
.luq .cen .fb{ display:block; width: 99px; height: 48px; padding-left: 40px; margin-bottom: 26px; line-height: 48px; font-size: 16px; color: #fff; background:url(/images/zhuanti/54youth/qn_22.png) no-repeat; cursor: pointer;}
.luq .bot{ padding: 20px 30px; background: #4ab36f; border-radius: 5px;}
.luq .bot .gdScroll{ height: 290px; overflow: hidden;}
.luq .bot .gdScroll li{ overflow:hidden; margin-bottom: 14px; color: #fff; font-size: 16px;}
.luq .bot .gdScroll li .t{ line-height: 36px; padding-left: 26px; background:url(/images/zhuanti/54youth/qn_23.png) no-repeat left center;}
.luq .bot .gdScroll li .b{ line-height: 24px;}

/*注意事项*/
.zysxbg{ background:url(/images/zhuanti/54youth/qn_28.png) no-repeat center bottom;}
.zysx{ height: 866px;}
.zysx .tit{ text-align: center; margin-bottom: 56px;}
.zysx .left .t{ line-height: 22px; font-size: 16px; color: #fcff00; margin-bottom: 20px;}
.zysx .left .b{ line-height: 28px; font-size: 16px; color: #fff;}
.zysx .right{ width: 139px; padding: 10px 50px 0; text-align: center; font-size: 14px; color: #fff; line-height: 36px;}









































@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}