@charset "utf-8";
/* CSS Document */
#header{margin-bottom:0;}
.m-wapper{width:980px;margin:0 auto;}
.c-o{color:#ef8123;}
.c-r{color:#d44422;}
.f-l{float: left;}
.f-r{float: right;}

.container{background-color: #f6de43; color:#fff; font-family: SimHei,"Microsoft Yahei";}
/* th */
.back{padding:12px 0; height: 23px;line-height: 23px;}
.back i{width: 25px;height: 23px;background:url(/images/z/jixiangwu/spirit-1.png) no-repeat -105px 0;display: inline-block;margin-right: 10px; vertical-align: top;}
.back a{color:#2e2e2e; font-size:14px; text-decoration: underline;}
.th-t{text-align: center;margin-top:30px;}
.th-t h2{font-size: 24px; font-weight:normal;height: 45px;line-height: 45px;}
.th-t p{font-size: 14px; line-height: 18px;color:#2e2e2e;}
.th-c{width: 900px;height:275px;background-color:#ebc516;border-radius:17px;margin-top:17px;padding:30px 40px 0 40px; margin-bottom: 67px; position: relative;}
.th-c .title{font-size: 24px;line-height: 38px; height: 38px;margin-bottom: 5px;}
.th-c .title span{width: 38px;height: 38px;display: inline-block; background-color: #fff;border-radius: 50%; vertical-align: top; margin-right:10px; text-align: center;line-height: 38px;}
.th-c .title span i{width:8px;height: 23px;background:url(/images/z/jixiangwu/gth.gif) no-repeat; display: inline-block; }
.th-c p{line-height:24px;font-size: 14px;}
.th-c .notice{padding-top: 5px;}
.th-c .finger{width:171px;height:153px;background:url(/images/z/jixiangwu/finger.png) no-repeat;position: absolute; left:50%; margin-left:-62px; bottom:-79px;}
.th-c .finger a{width: 85px;height: 86px;background: url(/images/z/jixiangwu/buttom-3.png) no-repeat 0 -290px; display: inline-block; text-align: center; line-height: 86px; text-indent: -2000em;overflow: hidden;margin:9px 0 0 69px;}
.th-c .finger a:hover{background-position: -90px -290px;}
.th-c .finger .point{width:26px;height:32px;background: url(/images/z/jixiangwu/point.png) no-repeat; display: inline-block; position: absolute;right:0; top:0;animation:gbump 2s infinite;transform-origin:center; -webkit-animation:gbump 2s infinite; -ms-animation:gbump 2s infinite; -webkit-transform-origin:center; -ms-transform-origin:center;}
@keyframes gbump{
    0%{opacity: 0;transform: scale3d(.3, .3, .3);-webkit-transform: scale3d(.5, .5, .5);}
    23%{opacity: 0;transform: scale3d(.5, .5, .5);-webkit-transform: scale3d(.5, .5, .5);}
    25%{opacity: 1;transform: scale3d(.8, .8, .8);-webkit-transform: scale3d(, 1, 1);}      
    35%{opacity: 1;transform: scale3d(1, 1, 1);-webkit-transform: scale3d(1, 1, 1);}    
    100%{opacity: 1;transform: scale3d(1, 1, 1);-webkit-transform: scale3d(1, 1, 1);}
}
@-webkit-keyframes gbump{
    0%{opacity: 0;transform: scale3d(.3, .3, .3);-webkit-transform: scale3d(.5, .5, .5);}
    23%{opacity: 0;transform: scale3d(.5, .5, .5);-webkit-transform: scale3d(.5, .5, .5);}
    25%{opacity: 1;transform: scale3d(.8, .8, .8);-webkit-transform: scale3d(, 1, 1);}      
    35%{opacity: 1;transform: scale3d(1, 1, 1);-webkit-transform: scale3d(1, 1, 1);}    
    100%{opacity: 1;transform: scale3d(1, 1, 1);-webkit-transform: scale3d(1, 1, 1);}
}
@-ms-keyframes gbump{
    0%{opacity: 0;transform: scale3d(.3, .3, .3);-webkit-transform: scale3d(.5, .5, .5);}
    23%{opacity: 0;transform: scale3d(.5, .5, .5);-webkit-transform: scale3d(.5, .5, .5);}
    25%{opacity: 1;transform: scale3d(.8, .8, .8);-webkit-transform: scale3d(, 1, 1);}      
    35%{opacity: 1;transform: scale3d(1, 1, 1);-webkit-transform: scale3d(1, 1, 1);}    
    100%{opacity: 1;transform: scale3d(1, 1, 1);-webkit-transform: scale3d(1, 1, 1);}
}
.th-d .title{font-size: 18px;height: 36px;line-height: 36px;}
.th-d li{width: 480px;height: 300px;background-color: #fff; text-align: center;border-radius: 5px;}
.th-d li .pic{height: 250px;line-height: 250px;}
.th-d li p{color:#666;padding:5px 0;}
/* bd */
.bd{padding-bottom: 150px;}
.bd h2{width: 574px;height: 57px; margin:0 auto; background: url(/images/z/jixiangwu/bar.gif) no-repeat; text-align: center;font-size: 24px; font-weight: normal; line-height: 51px; margin-top: 30px;margin-bottom: 20px;}
.bd-t li{width:320px;height: 325px; background-color: #fff;border-radius: 17px; text-align: center;padding-top: 40px;margin-right: 10px;}
.bd-t .nomargin,.bd-d .nomargin{margin-right: 0;}
.bd-t li img{margin-bottom: 20px;}
.bd-t li p{color:#333; font-size: 18px;line-height:32px;}
.bd-t li strong{font-size: 24px;}
.bd-d{padding-top:60px;}
.bd-d li{width:237px;height: 310px; background-color: #fff;border-radius: 17px; text-align: center;padding-top: 40px;margin-right: 10px; position: relative;}
.bd-d li p{color:#333; font-size: 18px;line-height:24px;}
.bd-d li img{margin-bottom: 27px;}
.bd-d li .li-s{width:130px;height: 40px;background-color: #ef8123; text-align: center;line-height: 40px;font-size:20px; display: inline-block; position: absolute; left:50%; margin-left:-65px; top:-20px; border-radius: 3px; color:#fff;}
.bd-d li a{margin-top:27px; display: inline-block; text-decoration:underline;}
.bd-d li a:hover{color:#ef8123;}
/* tan */
.tan{width: 100%;height:100%;position: fixed;left: 0;top:0;z-index:100;}
.tan .shadow{width:100%;height:100%;background-color:#000;opacity:0.7; filter:alpha(opacity=70);position: absolute;left:0;top:0;}
.tan .notice{width:980px;height:684px;position:absolute; left:50%; margin-left:-490px; top:50%; margin-top:-342px;font-family: SimHei,"Microsoft Yahei"; color:#666;}
.tan .notice .step1{width: 800px;height: 570px;background-color:#fff; border-radius:17px;padding:35px 90px 0 90px;}
.notice .step1 h3{font-size: 24px;text-align: center; font-weight: normal; line-height: 34px;margin-bottom: 28px;}
.notice .step1 p{line-height: 24px; font-size: 14px;text-indent:2em;}
.notice .step1 .read{margin:13px 0 36px;line-height: 23px;padding-left:28px;font-size: 14px;}
.step1 .read span{width:20px;height: 20px; background: url(/images/z/jixiangwu/spirit-1.png) no-repeat -155px 0; display: inline-block; vertical-align: middle; margin-right: 10px;position: relative;}
.step1 .read span i{width:21px;height: 17px;display: inline-block;background: url(/images/z/jixiangwu/spirit-1.png) no-repeat -178px 0; position:absolute; right: -3px;top:-2px;}
.step1 .next{width: 141px;height:53px;background: url(/images/z/jixiangwu/buttom-3.png) no-repeat 0 -55px; display: inline-block; text-align: center; text-indent: -2000em; overflow: hidden;margin-left:210px;}
.step1 .next:hover{background-position: -145px -55px;}
.step1 .gray{background: url(/images/z/jixiangwu/buttom-3.png) no-repeat -360px -225px;}
.step1 .gray:hover{background: url(/images/z/jixiangwu/buttom-3.png) no-repeat -360px -225px;}
.step1 .cancel{width: 141px;height:53px;background: url(/images/z/jixiangwu/buttom-3.png) no-repeat 0 -165px; display: inline-block; text-align: center; text-indent: -2000em; overflow: hidden;margin-right: 210px; _display: inline;}
.step1 .cancel:hover{background-position: -145px -165px;}
.step1 .left{width: 58px;height: 79px;background:url(/images/z/jixiangwu/spirit-1.png) no-repeat 0 -165px; display: inline-block;position: absolute;left:-10px; top:243px;}
.step1 .right{width: 58px;height: 79px;background:url(/images/z/jixiangwu/spirit-1.png) no-repeat -60px -165px; display: inline-block;position: absolute;right:-10px; top:243px;}
.tan .notice .step2{width:910px;height:650px;background-color:#fff; border-radius:17px; padding:34px 20px 0 50px;position: relative;}
.step2-c{width: 910px;height:516px;overflow:hidden;margin-bottom: 40px;}
.step2-c .title{ font-size:18px;line-height: 29px; padding-bottom: 7px;}
.step2-c .photo-l{width:410px; margin-right: 50px;}
.step2-c .photo-l .pic{width:410px;height: 260px;border-radius: 17px;background-color: #f6de43;margin-bottom: 30px; text-align: center; color:#fff; font-size: 20px; overflow:hidden;}
.photo-l .pic .upload{margin-top:87px; display: inline-block;}
.photo-l .pic div{width: 260px;height: 12px; background-color: #ee8022; border-radius: 3px; margin:0 auto;position: relative;margin-top:27px;}
.photo-l .pic div span{height:12px;border-radius: 3px 0 0 3px; background-color:#d34422; display: inline-block;position: absolute;left:0; top:0;}
.photo-r p{font-size:14px;}
.photo-r .name input{width:290px;padding:5px 8px; height:29px;line-height: 37px; font-size: 12px;outline:none; transition:box-shadow 0.25s linear 0s;border:1px solid #d3d3d3; color: #999; border-radius: 5px;margin-bottom: 30px;background-color: #efefef;}
.photo-r .name input:focus{ border:1px solid #ffa800; transition:box-shadow 0.25s linear 0s; box-shadow:0 0 5px #ffa200;background-color: #fff;}
.photo-r .share textarea{ width:390px; height:104px; border:1px solid #d3d3d3; padding:5px 8px; line-height:1.6em; font-size:12px; color:#999; outline:none; transition:box-shadow 0.25s linear 0s; border-radius: 5px;background-color: #efefef;}
.photo-r .share textarea:focus{ border:1px solid #ffa800; transition:box-shadow 0.25s linear 0s; box-shadow:0 0 5px #ffa200;background-color: #fff;}
.photo-r .creat{margin-bottom: 45px;}
.photo-r .creat p{padding-bottom: 10px;}
.photo-r .creat span{font-size: 18px;margin-left:10px;}
.photo-r .creat .content{position: relative; display: inline-block;}
.photo-r .content em{color:#2e2e2e;font-size: 14px;position: absolute;right:6px;bottom:33px; font-style: normal;}
.photo-r .share .content em{bottom:10px;}
.step2-c .bar{height:170px;width: 5px;background-color:#f6de43;border-radius:2px;}
.step2 .sure{width: 141px;height: 53px;background: url(/images/z/jixiangwu/buttom-3.png) no-repeat 0 -110px; display: inline-block; text-align: center; text-indent: -2000em; overflow: hidden;margin-left: 250px;}
.step2 .sure:hover{background-position: -145px -110px;}
.step3 .sure{width: 141px;height: 53px;background: url(/images/z/jixiangwu/buttom-3.png) no-repeat -360px -285px; display: inline-block; text-align: center; text-indent: -2000em; overflow: hidden;margin-left: 250px;}
.step3 .sure:hover{background-position: -360px -340px;}
.step2 .cancel{width: 141px;height:53px;background: url(/images/z/jixiangwu/buttom-3.png) no-repeat 0 -165px; display: inline-block; text-align: center; text-indent: -2000em; overflow: hidden;margin-left: 100px;}
.step2 .cancel:hover{background-position: -145px -165px;}
.step2 .left{width: 78px;height: 95px;background:url(/images/z/jixiangwu/spirit-1.png) no-repeat -120px -165px; display: inline-block;position: absolute;left:80px; top:-68px;}
.step2 .right{width: 78px;height: 95px;background:url(/images/z/jixiangwu/spirit-1.png) no-repeat -120px -165px; display: inline-block;position: absolute;right:80px; top:-68px;}
.tan .notice .step3{width:680px;height:400px;background-color:#fff; border-radius:17px;position: relative; margin:0 auto; margin-top:100px; font-size: 14px; text-align: center;}
.step3 .bg{width: 134px;height: 140px;background: url(/images/z/jixiangwu/sure1.jpg) no-repeat; display: inline-block; margin-top:40px;font-size:24px;color:#d34422; padding-left:197px;padding-top:62px;}
.step3 .code{width:117px;height:117px;border:2px solid #e6e6e6; padding:5px;display:inline-block; position:absolute;right:51px;bottom:115px;}
.step3 p{line-height: 17px;position: absolute; left:305px; top:200px;}
.step3 p a{text-decoration: underline;}
.step3 p a:hover{color:#ef8123;}
.step3 .sure{margin:0; position: absolute;left:50%; bottom:70px; margin-left: -70px;}
.step3 .nail{width: 16px;height: 16px;background:url(/images/z/jixiangwu/spirit-1.png) no-repeat -85px 0; display: inline-block;position: absolute;}
.step3 .nail-1{left:15px; top:10px;}
.step3 .nail-2{right:15px; top:10px;}
.step3 .nail-3{left:15px; bottom:10px;}
.step3 .nail-4{right:15px; bottom:10px;}

/* 神秘奖项 */
.bd .look{width:320px;height:40px;background-color:#ef8123;border-radius:3px;line-height:40px; font-size:20px; margin:0 auto; margin-top:65px; position:relative;}
.bd .look a{color:#fff;padding-left:65px;}
.bd .look span{width:76px;height:77px;background:url(/images/z/jixiangwu/jw.png) no-repeat; display:inline-block;position:absolute;left:-12px; top:-41px;}

/* 活动结束 */
.ending{width: 100%;position: fixed;left: 0;top:0;z-index:100;height:100%;}
.ending .shadow{width:100%; height:100%;background-color:#000;opacity:0.7; filter:alpha(opacity=70);position: absolute;left:0;top:0;}
.ending .end-c{width:598px;height:552px;position:absolute; left:50%; margin-left:-290px;font-family: SimHei,"Microsoft Yahei"; color:#666; top:50%;margin-top:-276px;background:url(/images/z/jixiangwu/ending-1.png) no-repeat center top;}
.end-c .btn{width:215px;height:59px;color:#fff;line-height:55px;font-size:24px;text-align:center;position:absolute;left:191px;bottom:-20px;background:url(/images/z/jixiangwu/btn.png) no-repeat 0 0; display:inline-block;}
.end-c .btn:hover{background-position:-215px 0;}