@charset "UTF-8";
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; }
img { border: 0 none; vertical-align:middle; }
ul, li { list-style-type: none; }
h1, h2, h3, h4, h5, h6 { font-size: 14px; }
body, input, select, button, textarea { font-size: 100%; font-family: Tahoma, Geneva, sans-serif; }
button { cursor: pointer; }
i, em, cite { font-style: normal; }
body { background: #fff; color: #363636; line-height: 1.2; }
a, a:link { color: #222; text-decoration: none; }
a:visited { }
a:active, a:hover { text-decoration: underline; }
a:focus { outline: none; }
.fixed:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.fixed { display: block; min-height: 1%; }
*html .fixed { height: 1%; }
.clear { diplay: block!important; float: none!important; clear: both; overflow: hidden; width: auto!important; height: 0!important; margin: 0 auto!important; padding: 0!important; font-size: 0; line-height: 0; }
.more { float: right; }
.more a { font-weight: normal; font-size: 12px; }
.fl, .fr { display: inline; float: left; }
.fr { float: right; }
.pr { position: relative; }
.pa { position: absolute; }

body{font-size: 12px;font-family:"Microsoft Yahei,Arial";background: #563183;}

.bg{height: 238px;}
.bg_01{background: url(https://png.pookcdn.net/net/gd/background_01.jpg) no-repeat center top;}
.bg_02{background: url(https://png.pookcdn.net/net/gd/background_02.jpg) no-repeat center top;}
.bg_03{background: url(https://png.pookcdn.net/net/gd/background_03.jpg) no-repeat center top;}
.bg_04{background: url(https://png.pookcdn.net/net/gd/background_04.jpg) no-repeat center top;}
.bg_05{background: url(https://png.pookcdn.net/net/gd/background_05.jpg) no-repeat center top;}

.main{position: absolute;top: 0;left: 50%;width: 1000px;height: 100%;margin-left: -500px;}

.container{position: relative;width: 1000px;height: 1066px;margin: 0 auto;}

.logo{position: absolute;top: 0;left: -79px;width: 215px;height: 133px;background: url(https://png.pookcdn.net/net/gd/logo.png) no-repeat;}

.btn_download,
.btn_register{position: absolute;top: 580px;width: 284px;height: 134px;cursor: pointer;}
.btn_download{right: 309px;background: url(https://png.pookcdn.net/net/gd/btn_download_1.png) no-repeat;}
.btn_register{right: 32px;background: url(https://png.pookcdn.net/net/gd/btn_register.png) no-repeat;}

.video_box{position: absolute;top: 218px;right: 42px;width: 543px;height: 354px;overflow: hidden;}
.video_box .btn_play{display: none;position: absolute;z-index: 5;top: 119px;left: 227px;width: 102px;height: 101px;background: url(https://png.pookcdn.net/net/gd/btn_play.png) no-repeat;cursor: pointer;}
.video_box .btn_play.on{background: url(https://png.pookcdn.net/net/gd/btn_pause.png) no-repeat;}
.video_box video{background: transparent;}
.video_box .btn_link{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;}

.footer p{padding-top: 10px;color: #9d77cb;line-height: 1.6;text-align: center;}