body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
img {border-style:none;}
ul,li {list-style-type:none;}
form {margin:0;padding:0;}
body {font-size:12px;font-family:"微软雅黑",Arial, Verdana,  Helvetica, sans-serif;color:#fdba78;line-height:18px;background:#333;}
input {font-size:12px;font-family:"微软雅黑", Verdana, Arial, Helvetica, sans-serif;color:#333;line-height: 17px;}
select {border: 1px solid #744219;font-size: 12px;color: #333;}
.clearboth {line-height:0px;height:0px;clear:both;*display:inline; font-size:0px;}
a:visited,a:link {color:#f31c07;text-decoration:none;border-style:none;transition:all .5s ease;}
a:hover {color:#fco;text-decoration:none;border-style:none;}
.fl {float:left;}
.fr {float:right;}
.margin_auto {margin-right:auto;margin-left:auto;}
.mgT20{ margin-top:20px}
.txtL {text-align:left;}
.txtC {text-align:center;}
.txtR {text-align:right;}

.wrapout {min-height:100px; _height:100px;background: url("../image/bgwrap2.jpg"/*tpa=http://43.143.160.73:2400/static/image/bgwrap2.jpg*/) repeat-y center top;}
.wrapinner {width:1050px; min-height:100px; _height:100px; position:relative;background: url("../image/bgwrap2.jpg"/*tpa=http://43.143.160.73:2400/static/image/bgwrap2.jpg*/) repeat-y center top; padding:5px 0;position:relative;}

.nav dd a,.title,.newAreaSpecial dd,.newAreaSpecial dd a,.keyWords dd,.unforgettable dd,.bookScrollCon li dd,.bookScrollNav li a,.bossImg,.signName,.alertBox,.floatBox dd a { background:url("../image/png.png"/*tpa=http://43.143.160.73:2400/static/image/png.png*/) no-repeat}
.btnBase a,.btnBase span { background:url("../image/bgmo.png"/*tpa=http://43.143.160.73:2400/static/image/bgmo.png*/) no-repeat}

.con1 {background: url("../../../www.76hx.com/static/static/images/bgwrap1.jpg"/*tpa=https://www.76hx.com/static/static/images/bgwrap1.jpg*/) no-repeat center top;}
.con1 .wrapinner {background: url("../../../www.76hx.com/static/static/images/bgwrap1.jpg"/*tpa=https://www.76hx.com/static/static/images/bgwrap1.jpg*/) no-repeat center top;height:700px}

.nav,.menu,.logo,.btnXinq,.btnLaoq,.slogan,.slogan p,.conFun { position:absolute}

.nav { top:630px; left:200px}
.nav dd{ width:163px; height:65px; float:left}
.nav dd a { height:65px; display:block; line-height:65px; text-align:center; outline:none; background-position:-920px -2111px; font-size:22px; color:#feedd1; letter-spacing:0}
.nav dd a:hover,.nav dd a.current {background-position:-920px -2176px;letter-spacing:2px}

.login{position:absolute;width:100%;height:20px;left:0;top:20px; z-index:20}
#userInfo,#logincz{display:none;font-size:14px;color:#5f636a;text-align:center;}
#userInfo strong{margin:0 10px 0 3px;}
#userInfo a,#logincz a{color:#f7eec0;}
#userInfo a:hover,#logincz a:hover{color:#f00;}

.menu {height:25px;top:50px; right:25px;color:#f7eec0; background:#3b3f46; border:1px solid #5f636a; padding:3px 10px; line-height:24px; z-index:500}
.menu a {margin:0 5px; font-size:13px; color:#f7eec0;}
.menu a:hover { color:#F00}
.logo { width:150px; height:48px;margin-top:50px; margin-left:20px; background:url("../image/logo.png"/*tpa=http://43.143.160.73:2400/static/image/logo.png*/) no-repeat}
.logo a { height:48px; display:block; text-indent:-9999px; outline:none}
.btnBase a {height:43px; line-height:43px; float:left; text-align:center; display:block; padding:0 27px 0 10px; background-position:right -43px; font-size:20px; color:#bbac77;transition:none}
.btnBase span { width:17px;height:43px; display:block; float:left;background-position:left 0}
.btnBase:hover a {background-position:right -129px;}
.btnBase:hover span {background-position:left -86px;}
.btnBase input { width:98%; height:31px; display:block; margin-top:6px; border:none; background:#f6eed6; color:#d34924; padding:0 1%; font-size:16px;}
.tit{ font-family:"楷体"; font-size:14px; color:#fffce7; font-weight:normal; line-height:35px; width:980px; margin:0 auto}

/*---经典版本---*/
.title { width:980px; height:94px; margin:0 auto 40px; text-indent:-9999px}
.t1 { background-position:0 0;}
.t2 { background-position:0 -95px;}
.t3 { background-position:0 -190px;}
.t4 { background-position:0 -303px;}
.t5 { background-position:0 -415px;}
.t6 { background-position:0 -520px;}

.newAreaSpecial,.keyWords,.unforgettable { padding-bottom:50px}
.newAreaSpecial dd { width:143px; height:433px; float:left; margin-right:8px; background-position:0 -653px; overflow:hidden}
.newAreaSpecial dd.n2,.newAreaSpecial dd.n6 { margin-top:27px}
.newAreaSpecial dd.n3,.newAreaSpecial dd.n5 { margin-top:50px}
.newAreaSpecial dd.n4{ margin-top:67px}
.newAreaSpecial dd.n7 { margin-right:0}
.newAreaSpecial dd a {height:433px; display:block;outline:none; cursor:default}
.newAreaSpecial dd.n1 a { background-position:-143px -653px}
.newAreaSpecial dd.n2 a { background-position:-280px -653px}
.newAreaSpecial dd.n3 a { background-position:-420px -653px}
.newAreaSpecial dd.n4 a { background-position:-560px -653px}
.newAreaSpecial dd.n5 a { background-position:-700px -653px}
.newAreaSpecial dd.n6 a { background-position:-840px -653px}
.newAreaSpecial dd.n7 a { background-position:-980px -653px}
.newAreaSpecial dd span { display:block;font-size:16px; color:#27282a; line-height:30px; padding:100px 20px 0}
.newAreaSpecial dd:hover {-webkit-animation:jumpBall 1s infinite;animation:jumpBall 1s infinite;}


/*----经典关键词----*/
.keyWords dd {height:54px; line-height:54px; padding-left:190px; font-size:16px; color:#343740}
.keyWords dd.n1 { background-position:0 -1094px}
.keyWords dd.n2 { background-position:0 -1148px}
.keyWords dd.n3 { background-position:0 -1202px}
.keyWords dd.n4 { background-position:0 -1256px}
.keyWords dd.n5 { background-position:0 -1310px}
.keyWords dd.n6 { background-position:0 -1364px}
.keyWords dd.n7 { background-position:0 -1418px}
.keyWords dd.n8 { background-position:0 -1472px}
.keyWords dd.n9 { background-position:0 -1526px}

/*----难忘瞬间-----*/
.unforgettable dd { width:204px; height:424px; float:left; margin-right:8px;background-position:-920px -1676px; padding:0 25px; font-size:15px; line-height:24px; color:#f1e4bc; position:relative}
.unforgettable dd.n2,.unforgettable dd.n4 { margin-top:80px}
.unforgettable dd img { position:absolute; left:25px; bottom:20px}
.unforgettable dd i { height:1px; display:block; font-size:0; line-height:0; overflow:hidden; background:#d6c396; margin:5px 0 20px}
.unforgettable dd h3 { text-align:center; height:50px; line-height:50px; font-size:26px; color:#f2e6bf; border-bottom:6px solid #d6c396; padding:25px 0 10px;}
.unforgettable dd:hover {-webkit-animation:jumpBall 1s infinite;animation:jumpBall 1s infinite;}

/*----最熟悉的NPC-----*/
.bookScroll { height:570px}
.bookScrollNav { height:350px; padding-left:160px}
.bookScrollNav li { width:84px;height:266px; float:left; margin-right:42px}
.bookScrollNav li a { height:266px; display:block; outline:none;text-align:center; font-size:34px; color:#f2e6bf;font-family:"楷体";background-position:-1065px -1095px;}
.bookScrollNav li a p {padding:68px 25px 0; line-height:55px;}
.bookScrollNav li.n2 a p,.bookScrollNav li.n3 a p { padding-top:33px; line-height:45px}
.bookScrollNav li.n2,.bookScrollNav li.n4,.bookScrollNav li.n6 { margin-top:40px}
.bookScrollNav li a.active p{ color:#d8862f}

.bookScrollCon {height:165px; padding:20px 0 40px 30px; overflow:hidden}
.bookScrollCon li {position:absolute; top:20px; left:30px;}
.bookScrollCon li dd { float:left;opacity:0;transition:all .6s ease;}
.bookScrollCon li dd.n1 { width:50px; height:164px; background-position:-1067px -1362px; text-align:center; font-size:24px; color:#d8862f;font-family:"楷体";transform:translateX(-200px);}
.bookScrollCon li dd.n1 p { padding:35px 7px 0 6px; line-height:40px}
.bookScrollCon li.spe dd.n1 p { padding-top:20px; line-height:30px;} 
.bookScrollCon li dd.n2 { margin:0 10px;transform:translateY(200px);}
.bookScrollCon li dd.n3 { width:710px; height:162px; background-position:-432px -2384px; font-size:15px; color:#f2e6bf; line-height:30px;transform:translateX(200px);}
.bookScrollCon li dd.n3 p { padding:20px 25px 0}

.bookScrollCon li.active dd.n1{transform:translateX(0px);opacity:1}
.bookScrollCon li.active dd.n2{transform:translateX(0px);opacity:1}
.bookScrollCon li.active dd.n3{transform:translateY(0px);opacity:1}

/*----经典Boss-----*/
.bossShow { padding-top:30px; height:630px; position:relative}
.bossShow dd {position:absolute;transform:scale(1);opacity:1;transition:all 1s ease}
.bossShow dd.current {transform:scale(1);}
.bossShow dd.small {transform:scale(.9);opacity:.7;}
.bossShow dd.n1 { top:30px; left:0}
.bossShow dd.n2 { top:340px; left:0}
.bossShow dd.n3 { top:226px; left:337px}
.bossShow dd.n4 { top:0; left:653px}
.bossShow dd.n5 { top:345px; left:680px}
.bossShow dd .bossName { width:38px; font-size:24px; color:#cd5310;position:absolute; z-index:20}
.bossShow dd .bossName span { display:block; height:38px; text-align:center; line-height:38px; background:#161b26; border-radius:50%; margin-bottom:10px}
.bossShow dd.n1 .bossName { top:100px; left:100px}
.bossShow dd.n2 .bossName { top:70px; left:30px}
.bossShow dd.n3 .bossName { top:-160px; left:165px}
.bossShow dd.n4 .bossName { top:60px; left:370px}
.bossShow dd.n5 .bossName { top:-10px; left:315px}

.bossShow dd .bossImg { text-indent:-9999px;position:absolute;z-index:0}
.bossShow dd.n1 .bossImg { width:508px; height:330px; background-position:0 -1676px}
.bossShow dd.n2 .bossImg { width:355px; height:310px; background-position:-559px -1651px}
.bossShow dd.n3 .bossImg { width:377px; height:394px; background-position:0 -2018px}
.bossShow dd.n4 .bossImg { width:366px; height:298px; background-position:-522px -2064px}
.bossShow dd.n5 .bossImg { width:378px; height:276px; background-position:0 -2448px}

/*----签名墙-----*/
.signName { height:474px; background-position:0 -2781px; font-size:16px; color:#85350a; margin-top:20px;}
.signName dd { width:256px; height:474px; float:left; position:relative}
.signName dd p { padding:300px 17px 0; line-height:30px; text-align:center}
.btnQm { width:140px; height:39px; background:#2e3139; padding:3px; position:absolute; bottom:20px; left:50px;}
.btnQm a { height:36px; display:block; text-align:center; line-height:36px; border:1px solid #a8a290; color:#f2e6bf; font-size:16px; letter-spacing:0px;transition:all ease .5s}
.btnQm:hover { background:#85350a}
.btnQm a:hover { border:1px solid #FC3;letter-spacing:6px;}

.alertBox {width:989px; height:552px;position:fixed;_position:absolute;z-index:1000;display:none;top:50%; left:50%; margin:-276px 0 0 -494px; background-position:0 -3268px}
.ajaxConIn {color:#31343c; padding:35px; font-size:14px;}
.alertBox .btnQm { position:absolute; bottom:20px; left:660px;}
.alertBox .upLoad .btnQm {left:185px;}
#dialog-overlay {width:0;height:0;-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;filter:alpha(opacity=50);position:absolute;background:#000;top:0; left:0;z-index:500;display:none;}
* html,* html body /* 修正IE6振动bug */{background-image:url(about:blank);background-attachment:fixed;}

.infroShow { width:430px; height:300px; overflow:hidden;}
.infroShow dd { border-bottom:1px dashed #a97a65; height:40px; line-height:40px; overflow:hidden}
.infroShow dd span { color:#85350a}
.infroShow dd i { font-style:normal}

.upLoad td { height:35px;}
.upLoad span { color:#F00; font-size:16px;}
.upLoad select { width:278px; height:26px; line-height:22px; padding:1px 2px; border:1px solid #8f5503; margin:0 6px;}
.upLoad input { width:270px; height:20px; padding:3px; border:1px solid #8f5503; margin:0 6px;}
.upLoad input.spe { width:15px; height:20px; border:none; padding:0}
.upLoad textarea {width:420px; height:60px; padding:3px; border:1px solid #8f5503; margin:0 6px;}



@-webkit-keyframes tada {
    0% {-webkit-transform: scale(1);}
    10%, 20% {-webkit-transform: scale(0.95) rotate(-2deg);}
    30%, 50%, 70%, 90% {-webkit-transform: scale(1) rotate(2deg);}
    40%, 60%, 80% {-webkit-transform: scale(1) rotate(-2deg);}
    100% {-webkit-transform: scale(1) rotate(0);}
}
@keyframes tada {
    0% {transform: scale(1);}   
    10%, 20% {transform: scale(0.95) rotate(-2deg);}
    30%, 50%, 70%, 90% {transform: scale(1) rotate(2deg);}
    40%, 60%, 80% {transform: scale(1) rotate(-2deg);}
    100% {transform: scale(1) rotate(0);}
}


@-webkit-keyframes jumpBall {
	0% {transform:translateY(0px);-webkit-animation-timing-function: ease-out;}
	50% {transform:translateY(-20px);-webkit-animation-timing-function: ease-in;}
	100% {transform:translateY(0px);-webkit-animation-timing-function: ease-out;}
}

@keyframes jumpBall {
	0% {transform:translateY(0px);animation-timing-function: ease-out;}
	50% {transform:translateY(-20px);animation-timing-function: ease-in;}
	100% {transform:translateY(0px);animation-timing-function: ease-out;}
}


@-webkit-keyframes shine {
	0%,40% {background-position: -70rem}
	100% {background-position: 70rem}
}
@keyframes shine {
	0%,40% {background-position: -70rem}
	100% {background-position: 70rem}
}



/*=====加载动画====*/
.wrapinner div,.wrapinner dd {transform:translateY(200px);opacity:0;transition:all .5s ease-out}
.current div,.current dd {transform:translateY(0px);opacity:1;}
.newAreaSpecial dd,.myFriends dd{transform:translateY(150px);opacity:0;transition:all .5s ease-out}
.current .newAreaSpecial dd,.current .myFriends dd{transform:translateY(0px);opacity:1;}
.current .newAreaSpecial dd.n1,.current .unforgettable dd.n1 {transition-delay:0s}
.current .newAreaSpecial dd.n2,.current .unforgettable dd.n2 {transition-delay:0.1s}
.current .newAreaSpecial dd.n3,.current .unforgettable dd.n3 {transition-delay:0.2s}
.current .newAreaSpecial dd.n4,.current .unforgettable dd.n4 {transition-delay:0.3s}
.current .newAreaSpecial dd.n5,.current .myFriends dd.n1 {transition-delay:0.4s}
.current .newAreaSpecial dd.n6,.current .myFriends dd.n1 {transition-delay:0.5s}
.current .newAreaSpecial dd.n7,.current .myFriends dd.n1 {transition-delay:0.6s}


.floatBox { width:82px; position:absolute;top:743px; right:50%; margin:0 -630px 0 0; font-family:"楷体"}
.floatBox dd { width:82px; height:82px;}
.floatBox dd.spe { width:2px; height:60px; background:#464a54;margin-left:40px}
.floatBox dd a { height:82px; display:block; text-align:center; line-height:82px;outline:none; color:#f2e6bf; font-size:30px;background-position:-918px -2254px;transition:none}
.floatBox dd.n7 a{ font-size:20px}
.floatBox dd a:hover,.floatBox dd a.current { background-position:-1000px -2254px}

.run { position:fixed; top:0}




.bg-video{

    width:100%;

    height:auto;

    left:0px;

    top:0px;

    z-index: -1;

    vertical-align:bottom;display:block;

    position:absolute;

 }

.v1{

    width: 100%;

    height: auto;

}