/*
@author:njf
*/
body{font:14px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1,\9ED1\4F53","Heiti SC",tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;margin:0 auto;color:#333;min-width:1200px;background:#fff;}
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;vertical-align:top;}
ul,li,ol{list-style-type:none;}
i,em,address, caption, cite, code, dfn, th, var {font-style: normal;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
input,textarea,a,a:hover{outline:none;}
textarea{resize:none;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
.fl{float:left; _display:inline;}
.fr{float:right; _display:inline;}
.pr{position:relative;}
.abs{position:absolute;}
.hide{ display: none;}

.header-wrap{ background: #fff;}
.layout{ width: 1200px; margin: 0 auto;}
.title{ text-align: center; padding: 36px 0;}
.title h3{ text-align: center; background: url("/images/zhuanti/2021xuexihuigu/title.png") no-repeat 0 0;}
.title p{ color: #113273; font-size: 20px; margin-top: 20px;}
.icon{ background: url("/images/zhuanti/2021xuexihuigu/icon.png") no-repeat;}


.headerTop{height:682px;background: url("/images/zhuanti/2021xuexihuigu/topHeader.jpg") no-repeat center top;}
.theAgeInnocence{background: url("/images/zhuanti/2021xuexihuigu/theAgeInnocence.jpg") no-repeat center top; height: 780px;}
.theAgeInnocence .title h3{ background-position: 0 0; height: 30px; width: 210px; margin: 0 auto;}
.theAgeInnocence .title span{ background:url("/images/zhuanti/2021xuexihuigu/tag.png") no-repeat center top; width: 178px; height: 178px; display: block; right:60px; top:-20px;}
.theAgeInnocence .theAgeContent .oldVedio{ width:795px; float: left; margin-right:29px; height: 600px;}
.theAgeInnocence .theAgeContent .scrollList{ width: 376px; float: left;}
.theAgeInnocence .theAgeContent .oldVedio .tvImg{ left:-80px;top: 0;}
.theAgeInnocence .theAgeContent .oldVedio .oldVedioBox a{ display: block; background-position: 0 0; width: 85px; height: 85px; left: 50%; top: 50%; margin-left:-30px; margin-top: -45px;animation: shake 2s infinite;}
.theAgeInnocence .theAgeContent .oldVedio .oldVedioBox{ width:582px; height: 454px; left:14px; top:20px; display: block;}
.theAgeInnocence .theAgeContent .scrollList .scrollTop{background:url("/images/zhuanti/2021xuexihuigu/scrollTop.png") no-repeat center top; height: 24px;}
.theAgeInnocence .theAgeContent .scrollList .scrollCenter{background:url("/images/zhuanti/2021xuexihuigu/scrollCenter.png") repeat-y; font-size: 16px; line-height: 24px; height:490px;overflow: hidden; padding: 0 20px; width:336px;}
.theAgeInnocence .theAgeContent .scrollList .scrollBottom{background:url("/images/zhuanti/2021xuexihuigu/scrollBottom.png") no-repeat center top; height: 17px;}
.theAgeInnocence .theAgeContent .scrollList .scrollCenter p{ text-align: right; font-size: 18px; right: 0; bottom:15px;}
.theAgeInnocence .theAgeContent .scrollList .scrollCenter ul li{ margin-bottom:15px;border-bottom: 1px solid #a5a3a0;padding:0px 0 15px; height: 94px;}


.spiritualInheritance{ height: 1490px;background:url("/images/zhuanti/2021xuexihuigu/spiritualInheritance.jpg") no-repeat center top; }
.spiritualInheritance .title h3{ background-position: 0 -45px; height: 30px; width: 190px; margin: 0 auto;}
.spiritualInheritance .title{ padding: 55px 0 36px;}
.spiritualInheritance .essayPrize{background:url("/images/zhuanti/2021xuexihuigu/prizeBg.jpg") no-repeat; height: 686px; box-shadow:5px 18px 20px rgb(0,0,0,0.2); width: 1197px; margin-bottom: 40px;}
.spiritualInheritance .essayPrize .title h3.subtitle01{ background-position: 0 -92px; width: 496px; height: 25px; margin: 0 auto;}
.spiritualInheritance .essayPrize .title .rulePop,.spiritualInheritance .shiningStar .title .moreLink{ font-size: 18px; color: #113273; font-style: italic; font-weight: bold; margin: 0 50px 0 0;}
.spiritualInheritance .essayPrize .picture{ float: left; margin:-16px 20px 5px 10px; }
.spiritualInheritance .essayPrize dl{float:left; width: 710px;}
.spiritualInheritance .essayPrize dl dt{ border: 2px solid #efe1c9; border-radius: 15px; padding: 25px; color: #114073; font-size: 18px; line-height: 36px; margin-bottom: 20px;width:640px; }
.spiritualInheritance .essayPrize dl dd{ float: left; width: 230px; margin:0 18px 0 -7px;}
.spiritualInheritance .essayPrize dl dd.last{ margin-right: 0;}
.spiritualInheritance .essayPrize dl dd h5{ font-size: 18px; color: #114073; bottom:25px;left:25px;}
.spiritualInheritance .shiningStar{background:url("/images/zhuanti/2021xuexihuigu/objectDisplay.jpg") no-repeat; height:572px; width: 1197px;box-shadow:5px 17px 10px rgb(0,0,0,0.06); }
.spiritualInheritance .shiningStar .title{ margin:0px 0 15px;}
.spiritualInheritance .shiningStar .title h3.subtitle01{ background-position: 0 -137px; width: 525px; height: 25px; margin: 0 auto;}
.spiritualInheritance .shiningStar ul{margin-left:45px; }
.spiritualInheritance .shiningStar ul li{width: 186px; float: left; margin-right: 42px;font-size: 16px; color: #454545;}
.spiritualInheritance .shiningStar dl dt{ border-top: 1px solid #454545;border-bottom: 1px solid #454545; height: 35px;line-height: 35px; text-align: center; margin-top: 13px; margin-bottom: 5px; width: 186px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.spiritualInheritance .shiningStar dl dd{ height: 30px; line-height: 40px;}
.spiritualInheritance .shiningStar dl dd.icon01{ background-position: 2px -90px; padding-left: 28px; margin-bottom: 5px;}
.spiritualInheritance .shiningStar dl dd.icon02{ background-position: 4px -126px; padding-left: 28px;}
.spiritualInheritance .shiningStar dl dd i.star,.spiritualInheritance .shiningStar dl dd i.starHalf{background-position:0px -155px; display: inline-block; *display: inline; zoom: 1; width: 22px; height: 22px; margin-right:9px;}
.spiritualInheritance .shiningStar dl dd i.starHalf{background-position:0px -187px;}

.nowJoin,.releaseBtn{ display: block; width: 190px; height: 46px; line-height: 46px; text-align: center; border-radius: 23px; background: #114e73; color: #fff; font-size: 18px; margin:25px auto 0;animation: shake 2s infinite;}
.nowJoin:hover,.releaseBtn:hover{ background: #2a809a; text-decoration: none;}

.picturesPast{background:url("/images/zhuanti/2021xuexihuigu/picturesPast.jpg") no-repeat center top; height: 985px;}
.picturesPast .title{ padding-top:193px;}
.picturesPast .title h3{ background-position: 0 -177px; width: 420px; height: 37px; margin: 0 auto;}
.picturesPast .thingDisplay .picThing01{left: 0; top: 41px;}
.picturesPast .thingDisplay .picThing02{left:246px; top: 26px;}
.picturesPast .thingDisplay .picThing03{left:378px; top: 107px;}
.picturesPast .thingDisplay .picThing04{left: 621px; top:21px;}
.picturesPast .thingDisplay .picThing05{right:-16px; top:41px;}
.picturesPast .thingDisplay .picThing06{right:44px; top:193px;}
.picturesPast .thingDisplay .picThing07{left: 65px; top:257px;}
.picturesPast .thingDisplay .picThing08{left:86px; top:380px;}
.picturesPast .thingDisplay .picThing09{left:296px; top:308px;}
.picturesPast .thingDisplay .picThing10{left: 10px; top:527px;}
.picturesPast .thingDisplay .picThing11{left:535px; top:256px;}
.picturesPast .thingDisplay .picThing12{right: 238px; top:285px;}
.picturesPast .thingDisplay .picThing13{right:120px; top:374px;}
.picturesPast .thingDisplay .picThing14{right:346px; top:460px;}
.picturesPast .thingDisplay img:hover{transform:translateY(-6px); -webkit-transform:translateY(-6px);transform: scale(1.2); }
.picturesPast .thingDisplay span i{display: inline-block;*display:inline;zoom: 1;}
.picturesPast .thingDisplay span { right: 0;top: 360px; font-size: 32px; color: #114073; line-height:36px;}


.wishLightUp{ background:url("/images/zhuanti/2021xuexihuigu/heartWish.jpg") no-repeat center bottom; height: 800px;  }
.wishLightUp .title h3{ background-position:0 -228px; width: 532px; height: 32px; margin: 0 auto;}
.wishLightUp .title p span{ color: #eb5846; font-weight: bold;}
.wishLightUp .title{ padding-top: 60px;}
.wishLightUp .newYearSign a{ display: block; width: 135px; height: 143px;}
.wishLightUp .newYearSign a img{display: none;}
/*.wishLightUp .newYearSign a.on{pointer-events: none;}*/
.wishLightUp .newYearSign a.on img{display: block;}
.wishLightUp .newYearSign .icon01{ left:402px; top:60px;}
.wishLightUp .newYearSign .icon02{ left:200px; top:125px;}
.wishLightUp .newYearSign .icon03{ left:96px; top:210px; width: 104px;}
.wishLightUp .newYearSign .icon04{ left:253px; top:381px;}
.wishLightUp .newYearSign .icon05{ left:488px; top:234px;}
.wishLightUp .newYearSign .icon06{ right:488px; top:332px;}
.wishLightUp .newYearSign .icon07{ right:278px; top:223px;}
.wishLightUp .newYearSign .icon08{ right:81px; top:215px;}
.wishLightUp .newYearSign .icon09{ right:263px; top:96px;}
.wishLightUp .newYearSign .icon10{ right:393px; top:134px;}



.mask{display:none; width:100%;z-index:100;height:100%;background:#000;opacity:.6;filter:alpha(opacity=60);position:fixed;top:0;left:0;}
.maskImg{display:none; width:100%;z-index:101;height:100%;background:#000;opacity:.6;filter:alpha(opacity=60);position:fixed;top:0;left:0;}
.gifImg{ display: none; width: 199px; height: 342px; top: 50%; left: 50%; margin-left: -100px; position: fixed; margin-top: -130px;-webkit-animation:hatch 2s 0s infinite both;-moz-animation:hatch 2s 0s infinite both;-o-animation:hatch 2s 0s infinite both;animation:hatch 2s 0s infinite both;}
.gifImgBox{animation: bounceIn 1s ease 1; -webkit-animation: bounceIn 1s ease 1;}
.commonPop{display:none;position:fixed; left:50%;top:50%; z-index:100;}
.signStyle{background:url("/images/zhuanti/2021xuexihuigu/commonBox.png") no-repeat; width: 450px; height: 542px; margin-left: -230px; margin-top: -450px; }
.signStyle span{ display: block; text-align: center; padding-top: 145px; line-height:36px;}
.signStyle span i{display: inline-block;*display:inline;zoom: 1; vertical-align: top; color: #ec3522; font-size: 32px; margin:0 10px;}
.commonPop .pickIn{display: block;color: #fff; text-align:center;font-size: 26px; bottom:25px; position: absolute; left:135px; width: 200px; height: 50px;}
.commonPop .pickIn:hover{ text-decoration: none;}

@-webkit-keyframes hatch{
    0%{-webkit-transform:rotate(0deg)}
    5%{-webkit-transform:rotate(-30deg)}
    9%{-webkit-transform:rotate(30deg)}
    13%{-webkit-transform:rotate(-30deg)}
    16%{-webkit-transform:rotate(15deg)}
    20%{-webkit-transform:rotate(-15deg)}
    25%{-webkit-transform:rotate(0deg)}
}
@-moz-keyframes hatch{
    0%{-moz-transform:rotate(0deg)}
    5%{-moz-transform:rotate(-30deg)}
    9%{-moz-transform:rotate(30deg)}
    13%{-moz-transform:rotate(-30deg)}
    16%{-moz-transform:rotate(15deg)}
    20%{-moz-transform:rotate(-15deg)}
    25%{-moz-transform:rotate(0deg)}
}
@-o-keyframes hatch{
    0%{-o-transform:rotate(0deg)}
    5%{-o-transform:rotate(-30deg)}
    9%{-o-transform:rotate(30deg)}
    13%{-o-transform:rotate(-30deg)}
    16%{-o-transform:rotate(15deg)}
    20%{-o-transform:rotate(-15deg)}
    25%{-o-transform:rotate(0deg)}
}
@keyframes hatch{
    0%{transform:rotate(0deg)}
    5%{transform:rotate(-30deg)}
    9%{transform:rotate(30deg)}
    13%{transform:rotate(-30deg)}
    16%{transform:rotate(15deg)}
    20%{transform:rotate(-15deg)}
    25%{transform:rotate(0deg)}
}

@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

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


.footReservation{ background: url("/images/zhuanti/2021xuexihuigu/footReservation.jpg") no-repeat center top; height:665px; }
.footReservation i{height: 50px; line-height: 50px; text-align: center; font-size: 34px; font-style:italic; color: #fff; font-weight: bold; top:265px; left: 0;}
.footReservation i.noStart{background:url("/images/zhuanti/2021xuexihuigu/title.png") 0 -270px; width: 318px; }
.footReservation i.start{background:url("/images/zhuanti/2021xuexihuigu/title.png") 0 -330px; width: 478px; display: none;}
.footReservation p.bigEwm{ display: none; top:340px; left: 0; box-shadow: 0 5px 26px #a1d7e3;}
.footReservation .markNow,.footReservation .markNowSuccess{ display: block; width: 232px; height: 62px; background: url("/images/zhuanti/2021xuexihuigu/markNow-v1.png") no-repeat; left: 0; top:350px;animation:shake 2s infinite;}
.footReservation .markNowSuccess{background: url("/images/zhuanti/2021xuexihuigu/markNowOn.png") no-repeat;animation:none;cursor:default;}
.footReservation p.markSign{ top:428px; left:40px; text-align: center; color: #fff;display: none;}
.footReservation p.markSign img{ box-shadow: 0 5px 26px #a1d7e3; margin-bottom: 10px; border-radius: 6px;}
.footReservation span{ display: block;background: url("/images/zhuanti/2021xuexihuigu/countDown.png") no-repeat; width: 296px; height: 44px; right: 0; top:135px; line-height: 44px;}
.footReservation span em{ color: #eb5846; font-size: 53px; font-style: italic; font-weight: bold; padding: 0 0 0 164px;}



.fixLeft{ position: fixed; width:134px; right: 0;top: 50%;  z-index: 90; height: 303px; background: url("/images/zhuanti/2021xuexihuigu/leftFixBj.png") no-repeat;}
.fixLeft dl{ padding-top:58px;}
.fixLeft dl dd{ background-position: 0 -220px; width: 85px; height: 32px; text-align: center; line-height: 32px; color: #114073; margin: 0 auto 6px;}
.fixLeft dl dd a{ color: #114073;}
.fixLeft dl dd a:hover{ text-decoration: none; font-weight: bold;}
.fixLeft .gotoTop{display: block;background-position: 0 -258px; width:70px; height: 28px; line-height: 28px; text-align: center; font-size: 14px; color: #fff; margin: 0 auto;}
.fixLeft .gotoTop:hover{ text-decoration: none;}
.fixLeft dl dt p.msyy a{display: block; width: 110px; height: 112px;}
.fixLeft dl dt p.msyy a,.fixLeft dl dt p.yySuccess a{ background: url("/images/zhuanti/2021xuexihuigu/msyy.png") no-repeat;animation:shake 2s infinite;width: 110px; height: 112px; position: absolute; top:-62px; left:10px;}
.fixLeft dl dt p.yySuccess a{animation:none;}
.fixLeft dl dt p.yySuccess a{background: url("/images/zhuanti/2021xuexihuigu/ndbg.png") no-repeat;}
.fixLeft dl dt .ljck{ display: none;animation:none;display: none;width: 110px; height: 112px; position: absolute; top:-62px; left:10px; cursor: pointer;}
.fixLeft dl dt p.viewEwm{ background: url("/images/zhuanti/2021xuexihuigu/ewmBg.png") no-repeat; width:94px; height:95px; left:-105px; top:-45px; position: absolute; padding:8px 0 0 9px; display: none;}
.fixLeft dl dd a:hover{ text-decoration: none;}
.arrowBtn{ display: block; background: url("/images/zhuanti/2021xuexihuigu/arrowBtn.png") no-repeat 0 -40px; width: 33px; height: 30px; position: absolute; right: 119px; top: 50%;}


@-webkit-keyframes shake {
    0%{
        transform: scale(1);
    }
    25%{
        transform: scale(1.1);
    }
    50%{
        transform: scale(1);
    }
    75%{
        transform: scale(1.1);
    }

}
@keyframes shake {
    0%{
        transform: scale(1);
    }
    25%{
        transform: scale(1.1);
    }
    50%{
        transform: scale(1);
    }
    75%{
        transform: scale(1.1);
    }

}


.ruleBox{ width: 669px; background: url("/images/zhuanti/2021xuexihuigu/boxCenter.jpg") repeat-y; margin-left: -385px;}
.ruleBox .boxTop{background: url("/images/zhuanti/2021xuexihuigu/boxTop.jpg") no-repeat; height:43px;}
.ruleBox .boxBottom{background: url("/images/zhuanti/2021xuexihuigu/boxBottom.jpg") no-repeat; height:51px;}
.ruleBox .close{ background-position: 0 -287px; width: 24px; height: 23px; display: block; position: absolute; right: 25px; top:25px;}
.ruleBox h3{ font-size: 20px; color: #114073; text-align: center;}

.ruleContent p{ background-position: 0 -316px; margin:15px 35px 0; padding-left: 15px; color: #113273;}
.contentForm { padding: 0 35px;}
.contentForm h5{ font-size: 16px; color: #113273; font-weight: bold; height: 55px; line-height: 55px;}
.contentForm h5 span{ color: #f80048; margin-right:3px;}
.contentForm h5 em{ font-weight: normal;}
.contentForm .texTitle{ width:555px; height:40px; border: 1px solid #d5dae1; padding:10px 20px; border-radius:4px;}
.contentForm .texTitle input{ border: 0; width:500px; font-size: 14px; color: #454545; height: 40px; outline: none;}
.contentForm .texTitle .nums{ right:16px; bottom:8px; color: #c8c8c8;}
.contentForm .questionCon .ipt1{ width:555px; height:160px; border:1px solid #eaeaea; font-size:14px; padding:10px 20px; resize:none; outline:none; border-radius:4px; font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53,arial,Helvetica,Tahoma,sans-serif;}
.contentForm .questionCon .nums{ right:16px; bottom:8px; color: #c8c8c8; background: #fff;}
.contentForm .questionCon .nums #result{ color:#c8c8c8;}
.contentForm .photo-con .list{ float: left;}
.contentForm .photo-con .list li{ float:left; width:105px; height:105px; position:relative; margin-right:20px;border:1px solid #eaeaea;border-radius:4px; margin-bottom: 10px; }
.contentForm .photo-con .list li img{ border-radius:6px; cursor:pointer; max-width:105px; max-height:105px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.contentForm .photo-con .list li .Loading{width:105px;height:105px;background:url(//www.chinaacc.com/images/loadNew.gif) no-repeat center #fff; position:absolute; left:0; top:0; z-index:900;}
.contentForm .photo-con .list .close-btn{ display:block; width:15px; height:15px; position:absolute; right:-9px; top:-9px; background-position:-72px -200px;}
.contentForm .photo-con .file-box{ width:105px; height:105px;background:#fff; border-radius:4px; border:1px solid #d5dae1; float: left;}
.contentForm .photo-con .file-box .file{ width:105px; height:105px; position:absolute; top:0; left:0; border:0; cursor:pointer; filter:alpha(opacity:0);opacity: 0; z-index:2;}
.contentForm .photo-con .file-box i{ display:block; width:39px; height:39px; left:50%; top:50%; margin:-20px 0 0 -20px; background-position:-50px -158px;}


.photo-pop{ display:none; background:#fff; position:fixed; left:50%; margin-left:-287px; top:50%; z-index:101; border-radius:10px;}
.photo-pop .close-btn{ display:block; width:32px; height:32px; position:absolute; right:-30px; top:-40px; background-position:-55px -284px; z-index: 101;}

/**/
.appointment-pop{ width:429px; height:419px; margin-left:-219px; background:url(/images/zhuanti/2021xuexihuigu/appointment-pop.png) no-repeat;}
.appointment-pop p{ font-size:26px; color:#454545; text-align:center; line-height:34px; padding-top:314px;}
.appointment-pop .close-btn{ display:block; width:47px; height:47px; line-height:0; font-size:0; position:absolute; right:12px; top:14px;}