@charset "utf-8";
body, div, dl, dt, dd, ul, ol, ul, li, h1, h2, h3, h4, h5, h6, p, span, a, b, strong, object, iframe, label, img, blockquote, ins, del, select, form, input, textarea, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; font-weight: normal; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
table { border-collapse: collapse; border-spacing: 0 }
a { text-decoration: none; }
li { list-style: none outside none }
fieldset,
img { border: 0 none }
textarea { resize: none }
input:focus,
select:focus,
textarea:focus,
a:focus { outline: 0 none }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clearfix { zoom: 1 }
.c:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
*+html .c{display:inline-block;}
* html .c{height:1%;}
em { font-style: normal; }
.center { margin: 0 auto; }
.left { float: left; }
.right { float: right;  }
.relative { position: relative; }
.absolute { position: absolute; }
.block { display: block; }
.hide{ display:block; text-indent:9999px; line-height:9999px; overflow:hidden;}
.wh100 {  display: block; width: 100%; height: 100%; }
.none {display: none;}
.col-l,.col-m{ float: left; height: 100%; position: relative;}
.col-r{ float: right; height: 100%;position: relative;}
.center{ width: 640px; min-height:509px; font-size:24px;	padding-top: 50px;}
.title,.content{float: left;}
a{ color: #FF5722; cursor: pointer;}
a:hover{color: #000;}
body{ min-width: 1000px; background: url(../images/gift/body_bg.jpg) repeat;font-family: "Microsoft Yahei",Arial; line-height:1.2;}
.wrapp {	overflow-x: hidden;background:url(../images/gift/head_bg.jpg) no-repeat center top;}
.page{ background:url(../images/gift/page_bg.jpg?1) no-repeat center top;width: 1203px; margin: 0 auto;}
.bottombg {
	background:url(../images/gift/bottom_bg.png) no-repeat; 
	background-size:100%;
	height:52px;
	}
.header {
	height:600px;
	position:relative;
	max-width:1200px; margin:0 auto;
	}
.sqdl {
	height: 61px;
	background: url(../images/gift/Top_bg.png) no-repeat center top;
	text-indent: -9999px;
	position: relative;
	z-index: 999;
}
.fb {
	position: absolute;
	bottom: 78px;
	left: 155px;
	z-index:10;
}
.gg {
	position: absolute;
	bottom: 90px;
	left: 320px;
}
.ios {
	position: absolute;
	bottom: 90px;
	left: 100px;
}
.dlBtn {
	position: absolute;
	top: 370px;
	left: 500px;
	z-index:5;
}
.vodbt {
	position: absolute;
	top: 412px;
	left: 570px;
	z-index: 9;
	-webkit-animation: fangda 2s linear infinite;
	animation: fangda 2s linear infinite;
}
@-webkit-keyframes fangda{  
   0%{ -webkit-transform:rotate(0deg);}
   50%{ -webkit-transform:rotate(-360deg) scale(1.2,1.2);}
   100%{ -webkit-transform:rotate(0deg) scale(1,1);}  
 }
@keyframes fangda{  
   0%{ transform:rotate(0deg);}
   50%{ transform:rotate(-360deg) scale(1.2,1.2);}
   100%{ transform:rotate(0deg) scale(1,1);}
 }

.dl {
	position: absolute;
	top: 10px;
	left: 50px;
	font-size:18px;
	color:#fff;
	}
.fblink {
	color: #fff;
	font-size: 20px;
	margin: 0 auto 95px;
	clear: both;
	display: block;
	padding: 320px 0 10px 40px;
	overflow: hidden;
	zoom: 1;
	max-width: 530px;
}

.region select, .phone input, .yzm input {
	width: 111px;
	background-color: #fff;
	text-indent: 1em;
	font-size: 20px;
	color: #705b21;
	font-weight: 800;
	font-family: "Microsoft YaHei", \5fae\8f6f\96c5\9ed1, Helvetica, Arial, Microsoft Yahei;
	height: 48px;
}
.region {
	margin: 0 20px 0 0;
	display: block;
}
.fblink span.yzm, .fbcon {text-align: center;
	padding: 5px;border-radius: 6px; float:left;width: 100%;}
.fbcon { 	margin: 3px 0 3px 0;text-indent: 2em;}
.phone input {
	width: 220px;
	background-color: #fff;
	height: 44px;
	font-size: 20px;
}
.regbmit button {
	border: 0;
	height: 48px;
	background: url(../images/gift/btn.png) no-repeat center center;
	background-size: 100%;
	margin-left: 18px;
	width: 155px;
	text-indent: -9999px;
	cursor: pointer;
	font-family: "Microsoft YaHei", \5fae\8f6f\96c5\9ed1, Helvetica, Arial, Microsoft Yahei;
}
.sectionA p.login {text-align: center;
	width: 293px; margin-bottom:2px;
	margin-left: 80px;}
.fblink label {
color: #634C0F;
	font-size: 18px;
	font-weight: 800;
	background-color: #fff;
	line-height: 40px;
	border: 2px solid #540C06;
	height: 40px;
	border-radius: 5px;
	padding: 0 19px;
	display: block;
	clear: both; margin-top: 5px; margin-right:7px;
}
.yzm {
	line-height: 2.2;
	font-size: 24px;
	text-align: center;
	width: 534px;
	display: block;
	color: #009BC1;
	background: #000;
	margin: 0 auto;
}
.step1 a.fxbt {width: 214px;
	display: block;
	margin: 255px auto 0;}
.yzm a { color:rgba(255, 0, 0, 0.88); margin-left:10px;}
.time { 	font-size: 16px;
	color: #fff;
	margin: 25px 0 0 2px;}
.yzm input {
	width: 200px;
	margin-top: 5px;
	border-radius: 5px;
	background-color: #fff;
	border: 2px solid #540C06;
	height: 40px;margin-right: 8px;
}
.ghhm { overflow:hidden;}
.submit {
	width: 50%;
	float: left;
	margin-top: 0;
	margin-left: 65px;
}

.yydh {
	position: relative;
	height:48px;
	padding: 4px;
	background: #000;
	width: 528px;
	margin: 0 auto;
}
.media p {
    display: none;
    position: fixed;
    top: 20px;
    right: 3%;
    width: 52px;
    height: 52px;
    z-index: 99;
	}
.media .play {
    background: url(../images/gift/music-on.png) no-repeat;
    background-size: 100%;
   animation: spin 10s infinite linear;
   cursor:pointer;
}
.media .pause {
    background: url(../images/gift/music-off.png) no-repeat;
    background-size: 100%;}
.step1 {
	background: url(../images/gift/S_1.png?01) no-repeat center top;
	height: 1700px;
	width:100%;
	margin: 0 auto;
	padding-bottom:80px;
	position: relative;
	}
.step2 {
	width:895px;
	margin: 0 auto;
	position:relative;
	}
.fblinkB {
	position: absolute;
	bottom:70px;
	left:50%;
	margin: 0 0 0 -146px;
	}
.loginbtn {
}
.qaBox {
	background: url(../images/gift/S_2.png) no-repeat center top;
	height: 300px;
    padding: 100px 120px 90px;
	}
.question {
	color:#FFF;
	text-shadow:1px 2px 2px #000;
	line-height:1.4;
	margin: 0 0 24px;
	font-size:22px;
	border:2px solid #371e00;
	padding:2px;
	}
.question div {
	border:2px solid #371e00;
	padding: 5px 10px;
	background:url(../images/gift/line01.png);
	}
.answertxt {
	color:#371e00;
	line-height:1.4;
	font-size:22px;
	border:2px solid #371e00;
	padding: 5px 10px;
	background:url(../images/gift/line01.png);
	margin: 0 0 15px;
	}
#results {
	height:1300px;
	background:url(../images/gift/S_3.jpg?1) no-repeat;
	width:895px;
	margin: 0 auto;
	position:relative;
	}
#results-awards {
	text-align:center;
	color:#fff;
	line-height:1.6;
	padding: 105px 0 0;
    margin: 0 0 68px;
	}
.icon_01 {
	background:url(../images/gift/img_003.png) no-repeat;
	width:204px;
	height:119px;
	position: absolute;
	top: 714px;
	left:343px;
	}
#results-awards span{
	color:#fff000;
	}
#results-image {
	text-align:center;
	}
.results-info {
	padding: 65px 40px 0 45px;
	line-height:1.6;
	display:none;
	}
.results-info dt {
	color:#f04a0c;
	}
.results-info dd {
	color:#573509;
	}
.hdgz { width: 440px;
	margin: 0 auto;
	color: #fff;
	font-size: 13px;
	line-height: 1.6;
	margin-top: 15px; text-align:left;}
.zysx { width: 440px;
	margin: 0 auto;
	color: #000;
	font-size: 14px;
	line-height: 1.6;
	margin-top: 510px; text-align:left;}
.hdgz span, .zysx span { font-weight:800;}
.step3 {
	width:895px;
	margin: 0 auto;
	padding-top:30px;
	}
.step3 img { 
	display:block;
	width:100%;
	}
.bottom_sbg {
	background:url(../images/gift/sbox_bottombg.png) no-repeat;
	height:50px;
	background-size:100%;
	}
.jlBox {
	background:url(../images/gift/sbox_mainbg.png) repeat-y center top;
	padding: 0 10px;
	margin: 0 0 -2px;
	background-size:100%;
	}
.jlBox li {
	border-bottom:2px dashed #cdc9b8;
	background:url(../images/gift/img_004.png) no-repeat 260px center;
	padding: 20px 0 25px 85px;
	color:#a56621;
	position:relative;
	overflow:hidden;
	zoom:1;
	}
.jlBox li .img,.jlBox li p {
	float:left;
	}
.jlBox li .img {
	margin: 0 80px 0 0;
	}
.jlBox li .cdk{
	padding: 42px 0 0 100px;
	line-height:1.6;
	font-size:24px;
	}
.jlBox li .name{
	width: 200px;
	padding: 25px 0 0;
	line-height:1.6;
	font-size:24px;
	text-align:center;
	}
.jlBox li .img,.jlBox li .name span {
	display:block;
	font-size:18px;
	}

.footer {
	padding: 0 0 10px;
	text-align: center;
	line-height: 1.8;
	font-size: 18px;
	color: #fff;
	position: relative;
	max-width: 900px;
	margin: 0 auto;
}
.footer p.ttc {
	text-align: right;
	font-size: 12px;
	position: absolute;
	top: 0;
	right: 80px;
}
.fott {position: absolute;
	left: 0;
	top: -10px;
	margin-bottom: 20px;}
.footer img {position: absolute;
	top: 2px;
	right: -10px;
	width: 80px;
	margin: 0 0 0 240px;}
	
.footer a {
	color:#fff;
	}
	
.inline1 {
	width:600px;
	padding: 0 20px;
	position: absolute;
	left:50%;
	top:200px;
	margin: 0 0 0 -320px;
	z-index:9999;
	display:none;
	}	
.backdrop {
	z-index:50;
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: fixed;
	top: 0pt;
	left: 0pt;
	background: none repeat scroll 0% 0% rgb(0, 0, 0);
	opacity: 0.6;
	filter:alpha(opacity=60);
	display:none;
}
	
.mvod_mod {
	display: block;
	position: absolute;
	top: 235px;
	left: 430px;
}	
.yx,.jl { display:none;
}
.results-bt {
	width: 235px;
    float: left;
    padding: 30px 0 0 70px;
	display:block;
	}
.tishi {
	background: #605207;
	border: 1px solid #382f00;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 244px;
	line-height: 18px;
	padding: 3px 0 3px 12px;
	color: #FFF;
	position: absolute;
	bottom: 58px;
	left: 120px;
	text-align: left;
	font-size: 16px;
}
.kpBox {
	position: fixed;
	top:50%;
	left:50%;
	width:334px;
	height:516px;
	margin: -260px 0 0 -170px;
	z-index:99999;
	display:none;
	}
.kpBox img {
	width:100%;
	}
.kp {
	width:60px;
	height:50px;
	position: absolute;
	top:30px;
	left:625px;
	}
.jlBox dl {
	padding: 20px;
	font-size:20px;
	line-height:1.4;
	color:#574e45;
	text-align:left;
	}
.jlBox dl dd {
	margin: 0 0 10px;
	}
.tips {
	font-size:20px;
	text-align:right;
	position: absolute;
	bottom:10px;
	right:20px;
	color:#3f260e;
	}
@keyframes spin {
  0%   { transform: rotate(360deg); }
  100% { transform: rotate(0deg); }
}
@keyframes second-half-hide {
  0%        { opacity: 1; }
  50%, 100% { opacity: 0; }
}
@keyframes second-half-show {
  0%        { opacity: 0; }
  50%, 100% { opacity: 1; }
}


.img01 {
	animation-delay: 0.2s;
}
.img02 {
	animation-delay: 0.75s;
}
.img03 {
	animation-delay: 0.35s;
}
.img01 {
	position: absolute;
	top: 28px;
	left: 42px;
}
.img02 {
	position: absolute;
	top: 185px;
	left: 42px;
	z-index: 5;
}
.img03 {
	position: absolute;
	top: 0;
	right: -350px;
	z-index: -3;
}
.img04 {
	position: absolute;
	left: 51px;
	z-index: 5;
	bottom: 78px;
}
@media (max-width: 769px) {
body{	width: 100%;
	min-width: 640px;
	background: #fff;}
.center{ width: 640px; position:relative; margin: 0 auto; text-align:center; min-height:260px; color:#fce300; font-size:22px;	margin-top: -40px;}
.page{ width: 100%; overflow:hidden; }
.wrapp {
	background: url(../images/gift/head_bg.jpg) no-repeat center top;
	background-size: 130%;
}
.zysx {
	width: 440px;
	margin-left: 5px;
	color: #000;
	font-size: 14px;
	line-height: 1.6;
	margin-top: 570px;
	text-align: left;
}
.hdgz {
	width: 480px;
	margin: 0 auto;
	color: #fff;
	font-size: 14px;
	line-height: 1.6;
	margin-top: 25px;
	text-align: left;
}
.header {
	height: 260px;
	background-size: 100%;
}
.tishi {
	width: 48%;
	bottom: 65px;
	left: 120px;
}
.results-bt {
    width: 165px;
    float: left;
    padding: 36px 0 0 30px;
    display: block;
}
.kp {
    top: 10px;
    left: 410px;
    z-index: 99999;
}
.fblink {
	margin: 15px 50px 106px;
	padding: 358px 30px 10px;
	width:auto;
}
.fbcon {
	margin: 3px 0 3px 0;
	text-indent: 1.2em;
}
.step1 a.fxbt {
	width: 214px;
	display: block;
	margin: 285px auto 0;
}
.mvod_mod {
	top:150px;
	left:310px;
	}	
.mvod_mod img{
	width:70%;
	}	
.dlBtn {
	position: absolute;
	top: 155px;
	left: 280px;
}
.step1 {
    width: 595px; height:1800px;padding-bottom: 15px;
    background-size: 100%;
}
.step2 ,.step3,#results{
    width: 595px;
}
#results {
    height: 900px;
	background-size: 100%;
}
#results-awards {
	line-height:1.3;
	padding: 67px 0 0;
    margin: 0 0 60px;
	}
#results-image img {
	width:210px;
	}
.fblinkB {
	bottom:78px;
	}
.fblinkB img {
	width:70%;
	}
.footer, .footer a {background: #2F2F2F;
	padding: 15px 0;}
.icon_01 {
	background: url(../images/gift/img_003.png) no-repeat;
    width: 124px;
    height: 119px;
    position: absolute;
    top: 476px;
    left: 235px;
    background-size: 100%;
	}
.results-info {
    padding: 35px 30px 0 35px;
    line-height: 1.4;
	text-align:left;
	font-size:20px;
}
.results-info dd {
    font-size: 18px;
}
.dlBtn img {
	width:60%;
	}
.fb {
	position: absolute;
	bottom: 31px;
	left: 130px;
}
.gg {
	position: absolute;
	bottom: 100px;
	left: 390px;
}
.ios {
	position: absolute;
	bottom: 40px;
	left: 390px;
}
.yx { display: block;
	position:absolute;
	top: 300px;
    right: -48px;
	}
.fb img  {width:50%;}
.gg img ,.ios img,.yx img {
	width:85%;
	}
.dl {
	position: absolute;
	top: 0;
	left: 80px;
	font-size: 16px;
	color: #fff;
}
.region select, .phone input, .yzm input {
	width: 111px;
	font-size:22px;
}
.region {
	display: block;
}
.phone input {
		width: 240px;
}
.regbmit button {
	font-size: 22px;
}
.qaBox {
	background: url(../images/gift/S_2m.png) no-repeat center top;
	height: 320px;
    padding: 60px 20px 90px;
	 background-size: 100%;
	}
.question,.answertxt {
	margin: 0 0 15px;
	line-height:1.3;
	}

.yydh{padding: 6px;	width: 548px;}
.media p {
	position:absolute;
    top: 140px;
    left: 13%;
	}
.jlBox li {
	background: url(../images/gift/img_005.png) no-repeat 175px center;
	padding:20px 0 25px 25px;
	}
.jlBox li .img {
    margin: 0 50px 0 0;
}
.jlBox li .name {
    width: 160px;
    padding: 25px 0 0;
}
.jlBox li .cdk {
    padding: 42px 0 0 24px;
}
.img01 {
	position: absolute;
	top: 3px;
	left: 42px;
}
.img02 {
	position: absolute;
	top: 65px;
	left: 42px;max-width: 580px;
}
.img04 {
	position: absolute;
	left: 81px;
	z-index: 5;
	bottom: 30px;
}
.img01 img { max-width:50%;}
.img02 img { max-width:45%;}
.img03 img { max-width:84.1%;}
.img04 img { max-width:45px;}
.vodbt {
	position: absolute;
	top: 168px;
	left: 308px;
	z-index: 9;
	-webkit-animation: fangda 2s linear infinite;
	animation: fangda 2s linear infinite;
}
.footer { height:125px;}
.fott { display:none;}
.footer p.ttc {
	text-align: right;
	font-size: 12px;
	position: absolute;
	top: 20px;
	right: 220px;
}
.footer img {
	position: absolute;
	top: 22px;
	left: 200px;
	width: 80px;
	margin: 0 0 0 240px;
}
}