body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}
li{list-style:none}caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
body{font:14px/1.6 "Microsoft YaHei","Helvetica Neue",Arial;color:#666;}
i{font-style:normal}
a{color:#666;text-decoration:none;}
a:hover{color: #4c78bb;}
.hide{display:none!important;}
.show{display: block!important;}
:focus{outline:0}
.fl{float: left;}
.fr{float: right;}
.clear{zoom:1}
.clear:after{content:"";clear:both;display:block;height:0;line-height:0;font-size:0}
.wrap{width: 100%;max-width: 1920px;min-width: 1200px; overflow: hidden;}
.cont{width: 1200px; margin: 0 auto; position: relative; }
.header1{background:#0a0a0c url('../image/header.jpg') no-repeat center bottom; height: 843px; position: relative; overflow: hidden;}
.nav{background-color: #0a0a0c; padding: 10px 0; position: relative;}
.nav::after{content: "";width: 100%; height: 1px; background-color:#0a0a0c; position: absolute; bottom: -2px; left: 0;}
.nav li{text-align:center;float:left;width:156px;position:relative; z-index: 1;}
.nav li::after{content: ''; width: 1px; height: 20px; background: #444; position: absolute; right: 0; top: 50%; margin-top: -10px;}
.nav li:last-child::after,.nav li:nth-child(3)::after,.nav li.logo::after{display: none;}
.nav li a{color: #827569;display: block;height: 58px;}
.nav li span{font-size: 16px; font-weight: bold; padding-top: 8px; display: block;}
.nav li i{display: block;font-family: Arial;font-size: 10px; -webkit-transform: scale(.8); -moz-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); transform: scale(.8);}
.nav li a:hover span{color:#df7514;}
.nav li.logo{width:254px;}
.nav li.logo a img{width: 235px ;height: 144px;}
.hc{margin-top: 519px;color: #bcbcbc;height: 189px; background: url('../image/hc.png') no-repeat;width: 799px ;}
.hc a:hover{text-decoration: underline;}
.start{-webkit-transition: transform .2s linear; transition: transform .2s linear;width: 420px; height: 233px; background: url('../image/start.png') no-repeat; position: absolute; left: 50%; margin-left: -210px; top: -11px; overflow: hidden; text-indent: -999px; font-size: 0;}
.start:hover{-webkit-transform: translateY(-5px); transform: translateY(-5px);}
.server{margin:29px 0 0 32px; min-height: 233px;}
.server ul{height: 56px; margin: 10px 0; overflow: hidden; width: 380px;}
.server li{float: left; height: 28px; line-height: 28px; margin: 0 5px; min-width: 100px;}
.server li a{display: block; color: #cccccc;font-size: 14px;}
.server li span{display: inline-block; margin-left: 6px;}
.server li .red{color: #ff1004;}
.server li .green{color: #3b90e2;}
.first{width: 350px;height: 26px; text-align: center; display: flex; justify-content: center; align-items: center;font-size: 14px; }
.quick{width: 88px; height: 24px; display: inline-block; text-align: center;  margin: 0 10px; color: #262e38;font-size: 14px;}
.first_btn{display: inline-block; width: 56px; line-height: 26px; color: #d2d5da; margin-left: 50px;  font-size: 12px;background: url('../image/enter.png') no-repeat;height: 26px;}
.server_more{display: block; background: url('../image/server_more.jpg') no-repeat; line-height: 31px; width: 316px; margin-left: 15px; text-indent: 124px; color: #c5c8cf;}
.user_info{margin: 30px 40px 0 0px; width: 130px; height: 130px; position: relative;}
.login_input{height:130px;position:relative;overflow:hidden;padding-right:70px;margin-bottom: 18px;}

.login_input .login_btn:hover{background-position: right;}
.login_input .cell{position:relative;margin-bottom:10px;height:130px;padding-left:48px}
.login_input .cell label{position:absolute;left:0;top:0;line-height:32px;}
.login_input .cell .input{height:28px;padding:0 10px;}
.login_input .cell input{display: block;width:100%;border:0;outline:0;color:#333;height:28px;line-height:28px;color: #262e38;}
.login .check{float:left;margin-left:1px;position:relative;padding-left:18px}
.login .check input{position:absolute;left:0;top:50%;margin-top:-6px}
.other_login{float:left;}
.other_login a{height:20px;width:20px;float:left;margin-left:8px; background: url('../image/other_login.png') no-repeat;}
.other_login .qq_link{background-position:0 0;}
.other_login .wx_link{background-position:-30px 0;}
.other_login .wb_link{background-position:-60px 0;}
.other_login .tel_link{background-position:-90px 0;}
.other_login .qq_link:hover{background-position:0 -30px;}
.other_login .wx_link:hover{background-position:-30px -30px;}
.other_login .wb_link:hover{background-position:-60px -30px;}
.other_login .tel_link:hover{background-position:-90px -30px;}
.login .forget{float: right;text-decoration:underline; color: #945049;}
.login .register{float: right;text-decoration:underline; color: #6f8cb5; margin-right:10px;}
.user .name{width: 165px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block;}
.user .other{position: absolute; right: 0; top:0; }
.user .other a{display: inline-block; color: #cccccc; margin-left: 5px; background-image: linear-gradient(to bottom, #0d1621, #2a4a7a); padding: 0 15px;}
.user .history{height: 60px; line-height: 30px; overflow-y: auto; margin-top: 10px;}
.user .history::-webkit-scrollbar {width:4px;}
.user .history::-webkit-scrollbar-track {background-color:#333; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius:2em;}
.user .history::-webkit-scrollbar-thumb {background-color:#999;-webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius:2em;}
.user .history a{display: inline-block; margin-right: 10px;color: #cccccc;}
.title{padding:15px 26px;font-size: 20px;color: #cccccc; line-height: 20px;height: 20px; position: relative;}
.title span{font-style: italic;font-size: 12px;color: #5f5f5f;text-transform: uppercase;display: inline-block;margin-left:6px; padding-left:6px;position: relative;line-height: 1;}
.title span::before{content: '';position: absolute;left: 0;bottom: 0;width: 1px;height: 10px;background: #c6bfba;-webkit-transform: rotate(20deg);transform: rotate(20deg);}
.add_news{background: url('../image/ad_bg.png')no-repeat center;height: 14px;width: 13px;display: inline-block;line-height: 12px;text-align: center;color: #1c1c1b;}
.more{display: block; width: 56px; height: 26px; background: url('../image/more.png')no-repeat; position: absolute; right: 15px; top: 25%; margin-top: -12px;line-height: 26px;padding-left: 4px;color: #fff5dc;}
.part1{background: url('../image/part1.jpg')no-repeat center;height: 418px;}
.banner{cursor: pointer;overflow: hidden;;width: 499px;height: 316px;float: left; position: relative;margin-top: 54px;background: url('../image/cont_left.jpg') no-repeat;padding: 7px 0px 0px 7px;box-sizing: border-box;clear: both;}
.swiper{overflow: hidden;}
.banner .swiper-pagination{text-align: right;padding-right: 10px; box-sizing: border-box;}
.banner .swiper-pagination-bullet{width: 15px; height: 15px; border-radius: 20px; background: #8b8b8b; opacity: 1; margin: 0 10px; -webkit-transition: all .2s; transition: all .2s;}
.banner .swiper-pagination-bullet-active{background: #446390;width: 36px;height: 15px;}
.news{float: right; width: 700px;background: url('../image/cont_right.jpg') no-repeat;margin-top: 54px;box-sizing: border-box;}
.news .title{background-position: 0 -32px;}
.news_box{height: 358px; padding: 20px;box-sizing: border-box;}
.news_tab{height: 53px;border-bottom: 1px solid #39393b;}
.news_tab span{position: relative;;float: left; padding: 0 14px; line-height: 50px; font-size: 18px; color: #ccc; margin-right: 15px; border-bottom: 3px solid transparent; cursor: pointer;}
.news_tab .cur{color: #7eb1e0;font-weight: bold;}
.cur::after,.cur::before{content:'';position: absolute;background: url('../image/active_bg.png') no-repeat;width: 7px;height: 14px;top: 19px;}
.cur::before{left: 0;}
.cur::after{right: 0;}
.news_cont{margin-top: 1px;}
.news_cont .list{display: none;}
.list li{ height: 40px; line-height: 40px; color: #ccc; }
.list li a{color: #cccccc;text-align: left;}
.list li .time{float: right; color: #444444;}
.list li:last-child{border: none;}
.news_cont .list li a:hover{color: #4c78bb;}
.new_title{background-color: #212428;text-align: center;font-weight: bold;font-size: 16px;}
.part2{background: url('../image/part2.jpg')no-repeat center;height: 502px;}
.role_reduce{display: inline-block;}
.role_type{position: absolute; left: 96px; top: 0px; min-width: 168px;margin-top: 358px;}
.role_type span{height: 102px;width: 101px;;display: inline-block; line-height: 95px; font-size: 24px; font-weight: bold; cursor: pointer; text-align: right; margin-bottom: 46px; background: url('../image/role_ico.png') no-repeat -999px;}
.role_type .ds{background-position: 0 0;}
.role_type .quick_role.ds{background-position: 0 -306px;}
.role_type .fs{background-position: 0 -103px;}
.role_type .quick_role.fs{background-position: 0 -409px;}
.role_type .zs{background-position: 0 -205px;}
.role_type .quick_role.zs{background-position: 0 -511px;}


.role{ position: relative; height: 502px;}
.role .item{display: none;}
.role .text{position: absolute; left: 60px; top: 40px; width: 490px; height: 229px;}
.role .zs{background: url('../image/zs.png') no-repeat;}
.role .ds{background: url('../image/ds.png') no-repeat;}
.role .fs{background: url('../image/fs.png') no-repeat;}
.sels{width: 59px; height: 98px; border-radius: 15px; position: absolute; left: 513px; bottom: 34px; overflow: hidden;}
.sels span{display: block;line-height: 36px; font-size: 16px; color: #5a413a; text-align: center; cursor: pointer;}
.sels .on{}
.role_boy{background: url('../image/boy.png') no-repeat center;width: 59px;height: 49px;display: inline-block;}
.role_girl{background: url('../image/girl.png') no-repeat center;width: 59px;height: 49px;display: inline-block;}
.role .img{height: 548px; width: 970px; position: absolute; bottom: 0;right: -98px;}
.role .img img{display: none;}
.role .img img.on{display: block;}
.role .img img.on{-webkit-animation: right_out .5s forwards 300ms 0 ease;-moz-animation: right_out .5s forwards 300ms 0 ease;-ms-animation: right_out .5s forwards 300ms 0 ease;animation: right_out .5s forwards 300ms 0 ease;-moz-animation: right_out 2.5s forwards;-webkit-animation: right_out .5s forwards;-o-animation: right_out .5s forwards;-ms-animation: right_out .5s forwards;}
@-webkit-keyframes right_out{0%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-transform:translateX(10%);-moz-transform:translateX(10%);-ms-transform:translateX(10%);-o-transform:translateX(10%);transform:translateX(10%)}100%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}}
@-moz-keyframes right_out{0%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-transform:translateX(10%);-moz-transform:translateX(10%);-ms-transform:translateX(10%);-o-transform:translateX(10%);transform:translateX(10%)}100%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}}
@-ms-keyframes right_out{0%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-transform:translateX(10%);-moz-transform:translateX(10%);-ms-transform:translateX(10%);-o-transform:translateX(10%);transform:translateX(10%)}100%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}}
@-o-keyframes right_out{0%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-transform:translateX(10%);-moz-transform:translateX(10%);-ms-transform:translateX(10%);-o-transform:translateX(10%);transform:translateX(10%)}100%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}}
@keyframes right_out{0%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-transform:translateX(10%);-moz-transform:translateX(10%);-ms-transform:translateX(10%);-o-transform:translateX(10%);transform:translateX(10%)}100%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}}
.role .show .text{display: block;-webkit-opacity: 1;-moz-opacity: 1; opacity: 1; filter: alpha(opacity=100);-moz-animation: infoShow .6s forwards; -webkit-animation: infoShow .6s forwards; -o-animation: infoShow .6s forwards; -ms-animation: infoShow .6s forwards; animation: infoShow .6s forwards;}
@-webkit-keyframes infoShow{0%{-webkit-transform:translateX(-10%);-moz-transform:translateX(-10%);-ms-transform:translateX(-10%);-o-transform:translateX(-10%);transform:translateX(-10%);-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}}
@-moz-keyframes infoShow{0%{-webkit-transform:translateX(-10%);-moz-transform:translateX(-10%);-ms-transform:translateX(-10%);-o-transform:translateX(-10%);transform:translateX(-10%);-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}}
@-ms-keyframes infoShow{0%{-webkit-transform:translateX(-10%);-moz-transform:translateX(-10%);-ms-transform:translateX(-10%);-o-transform:translateX(-10%);transform:translateX(-10%);-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}}
@-o-keyframes infoShow{0%{-webkit-transform:translateX(-10%);-moz-transform:translateX(-10%);-ms-transform:translateX(-10%);-o-transform:translateX(-10%);transform:translateX(-10%);-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}}
@keyframes infoShow{0%{-webkit-transform:translateX(-10%);-moz-transform:translateX(-10%);-ms-transform:translateX(-10%);-o-transform:translateX(-10%);transform:translateX(-10%);-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}}








.part3{background: url('../image/part3.jpg')no-repeat center;height: 812px;}
.raiders{overflow: hidden;width: 499px;height: 316px;float: left;position: relative;background: #fff;margin-top: 58px;background: url(../image/cont_left.jpg) no-repeat;padding: 20px 24px 0px 22px;box-sizing: border-box;}
.means{float: right;width: 700px;background: url(../image/cont_right.jpg) no-repeat;margin-top: 58px;}
.means_bg{height: 358px;padding: 20px;box-sizing: border-box;}
.means_bg .reduce_list a:hover{color: #4c78bb;}
.raiders .title{color: #8aace0;border-bottom: 1px solid #39393b; padding: 0 0 15px 0;font-weight: bold;}
.add_more{display: inline-block;width: 56px;height: 26px;background: url('../image/more.png')no-repeat;position: absolute;right: -5px;font-size: 12px;padding-left: 6px;line-height: 24px;color: #f0f0f0;}
.aten_more{background: url(../image/ad_bg.png) no-repeat center;height: 14px;width: 13px;display: inline-block;line-height: 11px;text-align: center;color: #1c1c1b;align-items: center;}
.raiders ul li{padding-left: 0;text-align: left;}
.raiders ul li:last-child{border: none;}
.raiders ul li a:hover{color: #4c78bb;}
.means{float: right;box-sizing: border-box;}
.means .title{background-position: 0 -183px;}
.means .item{position: relative;height: 70px;top: 0;padding-left: 80px;}
.means .item:last-child{margin-bottom: 0;}
.means .label{position: absolute; left: 0; top: 0; width: 74px; height: 60px;padding: 5px; text-align: center; color: #85a5d7;border-bottom:1px dotted #333232 ;border-right: 1px dotted #333232;}
.means .label img{display: block; width: 30px; height: 30px; margin: 5px  auto 0;}
.means .reduce_list{height: 70px;border-bottom:1px dotted #333232 ;padding: 10px 0 0 0;box-sizing: border-box;}
.means a{display: inline-block; min-width: 90px; text-align: center; color: #cccccc;}
.screenshot{width: 1199px;height: 316px;background: url('../image/screenshot.jpg')no-repeat center;padding: 20px;box-sizing: border-box;}
.add_more_list{display: inline-block;width: 56px;height: 26px;background: url('../image/more.png')no-repeat;position: absolute;right: -6px;font-size: 12px;padding-left: 6px;line-height: 24px;color: #f0f0f0;}
.game_title{font-weight: bold;padding: 0px 26px 18px 0px;font-size: 20px;color: #8aace0;line-height: 20px;height: 20px;position: relative;border-bottom: 1px solid #39393b;}
.game_title span{font-style: italic;font-size: 12px;color: #5f5f5f;text-transform: uppercase;display: inline-block;margin-left: 6px;padding-left: 6px;position: relative;line-height: 1;}
.game_title span::before{content: '';position: absolute;left: 0;bottom: 0;width: 1px;height: 10px;background: #c6bfba;-webkit-transform: rotate(20deg);transform: rotate(20deg);}
.screenshot .title{background-position: 0 -285px;}
.screenshot ul{height: 215px; padding: 35px 0 0 0px;}
.screenshot li,.photo_list li{float: left; width: 362px; height: 194px; margin-right:35px; overflow: hidden; position: relative;display: flex;justify-content: space-between;align-items: center;cursor: pointer;}
.screenshot li img,.photo li::before{display: block;-webkit-transition: all .2s; -moz-transition: all .2s;-ms-transition: all .2s;-o-transition: all .2s;transition: all .2s;cursor: pointer;}
#Jphoto li:last-child{margin: 0;}
.screenshot li img{display:block;width: 362px;height: 194px;}
.screenshot li:hover img{-webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}
.screenshot li::before{content: ''; position: absolute; z-index: 1; top: -100%; left: 0; width: 100%; height: 194px; background-color: rgba(0, 0, 0, .8); background-image: url('../image/pm.png'); background-repeat: no-repeat; background-position: center;}
.screenshot li:hover::before{top: 0;}
.pop{position: fixed;z-index: 100;top: 0;right: 0;left: 0;bottom: 0;background: rgba(0, 0, 0, .7); display: none;}
.pop_main{position: fixed; left: 50%; top:50%; z-index: 5000; max-width:1000px; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.pop_main img{display: block;width: 100%;}
.pop .close{position: absolute; right:0;top:0;z-index: 10; width:50px; height:50px; background:#000 url('../image/close.png') no-repeat center / 24px; cursor: pointer;}

.main{background: url('../image/list_bg.jpg')repeat-y center;}
.news_list{padding: 40px 0;font-size: 14px;}
.site{margin-bottom: 12px;}
.site b{color: #8aace0;font-size: 24px;}
.site .fr a{font-size: 14px;color: #8aace0;}
.site .fr span{font-size: 14px;color: #cccccc;}
.site .en{font-size: 16px; color: #757575; display: inline-block; padding-left: 28px; margin-left: 4px; background: url('../image/site.png') no-repeat left center;}

.news_list .news_content,.news_list .news_content::after,.news_list .news_content::before{background-size: 4000px 23px;background-image: url('../image/details_bg.png');background-repeat: no-repeat;}
.news_list .news_content::after,.news_list .news_content::before{content: '';height: 23px;position: absolute;left: 0;min-width: 1200px;}
.news_list .news_content::after{background-position:-2783px 0;}
.news_content::before{background-position:-1401px 0;}
.news_list .news_content{background-repeat: repeat-y;min-width: 1200px;background-position:-17px 0;}
.news_content .list .sort{color: #8aace0;}
.news_content .list li a:hover{color: #8aace0;}
.news_content .list .fr{color: #ffffff;font-size: 14px;}
.tab_link{padding: 37px 23px 0 20px;}
.tab_link_list{border-bottom: 1px solid  #39393b; text-align: center;}
.tab_link_list .cur::before{left: 45px;top: 16px;}
.tab_link_list .cur::after{right: 45px;top: 16px;}
.tab_link a{display: inline-block; width: 160px; line-height: 42px; padding-bottom: 10px; border-bottom: 3px solid transparent; font-size: 20px; margin-bottom: -1px;}
.tab_link .tab_link_list span{display: inline-block; padding: 0 17px; }
.tab_link .cur{border-color: #8aace0; font-weight: bold; color: #8aace0;position: relative;}
.content .list li{border-bottom:1px dotted #d1c8c1; height: 56px; line-height: 56px; overflow: hidden;}
.content .list li a:hover{text-decoration: underline;}
.page{text-align:center;padding-top: 20px;line-height: 80px;}
.page a{display:inline-block;padding:0 5px;margin:0 5px;}
.page a.active,.page a:hover{color:#8aace0;text-decoration:none;}
.news_content .list li{padding-left: 26px;height: 56px;line-height: 56px;margin-right: 20px; border-bottom: 1px dotted #333232;}
.news_content .list{margin-top: 34px;padding: 0 20px 0 26px;}
.th_active{color: #8aace0;}
.news_details{padding: 37px 23px 0 20px;text-align: center;border-bottom: 1px solid #39393b;}
.news_details_title{color: #8aace0;font-size: 22px;}
.subtitle{margin-bottom: 8px;}
.acticle{color: #e5e0d4;padding-top: 34px;}


/* Àñ°üÒ³ */
.gift_main{width:480px;margin:0 auto;padding-top:50px}
.form_group{margin-bottom:10px;position:relative;line-height:35px;padding-left:100px}
.form_group p{line-height:1.4;padding:5px 0;color:#ffffff}
.form_group label{width:90px;position:absolute;left:0;top:0;text-align:right}
.form_group .form_input{padding:0 10px;background:#f6f3ee}
.form_group select{height:35px;width:100%;background:0 0;border:none;outline:0;color: #32383c;}
.form_group .form_input input{display:block;width:100%;border:none;height:35px;background:0 0;outline:0; color: #32383c;}
.gift_main .btn_jh,
#xsk_copy_box .copy{background:#5a6064;display:block;color:#fff;padding:5px 0;text-align:center;border-radius:4px;width:120px;margin:20px 0 0 200px;}
.gift_main .btn_jh:hover,
#xsk_copy_box .copy:hover{background:#6d7274}

#cyou_bottom{background: #171717;}


.bg_video {width:1920px;height:1080px;margin-top:-104px;position:absolute;left:50%;top:66px;transform:translate(-50%,0%);}

.slogan{
    display: block;
    width: 802px;
    height: 469px;
    background: url(../image/slogan-e75d1a0c.png) no-repeat center center;
    position: absolute;
    left: 50%;
    top: 104px;
    margin-left: -374px;
    z-index: 20;
}
.foot{
    display: block;
    width: 802px;
    height: 169px;
    left: 50%;
    top: 14px;
    margin-left: -374px;
}