/* Sticky footer styles
-------------------------------------------------- */
html {
	min-height: 100%;
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    /* Margin bottom by footer height */
    background-color: #000000;
	position: relative;
}
.notScroll {
    overflow: hidden;
}

.footer {
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 0px;
}

.container {
    padding: 0px;
}

.footer-content {
	position: absolute;
	bottom: -10px;
	right: 0;
}

.row {
    margin-left: 0px;
    margin-right: 0px;
}

.navbar {
	position:relative;
    height: 0px;
    margin-bottom: 0px;
}

.navbar-brand {
    padding-top: 12px;
}

.navbar-collapse {
	right: -250px;
}

.navbar-inverse {
	position: absolute;
	top: 0px;
	border: none;
	background-color: transparent;
}

.navbar-collapse.in {
    overflow-y: visible;
}

.navbar-toggle {
    margin-top: 8px;
}

.navbar > .container .navbar-brand img {
    width: 144px;
}

.navbar-nav {
	float: right;
}

.navbar-nav li {
	width: 160px;
	height: 30px;
	border-left: 2px solid #808080;
	margin-top: 18px;
}

.navbar-nav > li > a {
	padding: 0px;
	line-height: 30px;
    margin-left: 5px;
}

.navbar-inverse .navbar-nav>li>a {
    color: #808080;
}

.lan-btn a {
	color: #dcdcdc;
}
.lan-btn > ul{
	margin-left: 20px;
}

.lan-btn li {
	border-left: 2px solid #dcdcdc;
	list-style: none;
	margin-top: 5px;
	float: left;
	width: 50px;
	height: 20px;
}

#en-btn {
	border: none;
}
.lan-change-btn {
	display: none;
}

.carousel .item {
    height: 240px;
    background-size: cover;
    background-position-x: center;
    background-position-y: center;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;

}

.carousel-indicators li {
    width: 20px;
    height: 20px;
    border-radius: 15px;
    margin: 0px 15px;
}

.carousel-indicators .active {
    width: 22px;
    height: 22px;
}

#line-cutter {
	background: url(img/line_cuter.png);
	height: 2px;
	margin-top: 70px;
}
.bottom-line-cutter {
    margin-bottom: 80px;
}
#index-picture + .game-box{
	display: none;
}

.game-box {

    position: relative;
	margin-top: 70px;
	margin-bottom: 80px;
}

.game-box img {
    max-width: 100%;
    max-height: 100%;
}

.game-box .intro {
    /*height: 480px;*/
    padding: 10px 20px;
    background-color: rgba(0, 0, 0, 0.5);
}

.game-box .title {
    border-bottom: 1px solid #F2B61B;
}

.game-box .title p {
    font-size: 20px;
    color: #fff;
    margin-bottom: 5px;
    font-family: "PingFangSC-Semibold", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}

.select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	-webkit-appearance:none;
	height:45px;
	width:49%;
	color:#A6A6A6;
	background-color:#000000;
	border:1px solid #3D3D3D;
	box-sizing:border-box;
	text-align:center;
	text-align-last:center;
	padding: 0 0 0 20px;
}

.select option {
	text-align: center;
}

.game-box .description {
    font-family: "PingFangSC-Ultralight", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    color: #fff;
    /*margin-top: 10px;*/
    font-size: 13px;
}

.game-box .description p {
    margin-bottom: 2px;
    line-height: 23px;
    font-size: 13px;
}

.tab-container {
    padding-top: 50px;
    padding-left: 10px;
    padding-right: 10px;
}

.notice_01{
	margin-bottom:60px;
}

.tab-container .top {
    border-bottom: 1px solid #FFFFFF;
    margin-bottom: 30px;
}

.tab-container .top .text {
    font-family: "PingFangSC-Regular", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    height: 53px;
    font-size: 2em;
    color: #fff;
    border-bottom: 2px solid #FFFFFF;
}

.tab-container .item {
    margin-top: 10px;
    padding: 8px;
    background-color: #1B1B1B;
}

.tab-container .item .date {
    color: #A6A6A6;
}

.tab-container .item .title {
    font-family: "PingFangSC-Semibold", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: #fff;
    margin: 5px 0px;
}

.tab-container .item .content p {
    font-family: "PingFangSC-light", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-size: 13px;
    margin-bottom: 2px;
    color: #A6A6A6;
}

.dividing-line {
	height: 4px;
	background: url(/img/dividing-line.png);
	margin-bottom: 60px;
	opacity: .5;
}

.game-tab-btns {
    margin-top: 20px;
    padding-bottom: 20px;
}

.game-tab-btns .btn {
    width: 49%;
    line-height: 48px;
    background-color: #404040;
    color: #D5D5D5;
    font-size: 20px;
    border-radius: 0px;
    border: 0px;
}

.game-tab-btns .btn:focus,
.game-tab-btns .btn:hover,
.game-tab-btns .btn:active {
    color: #D5D5D5;
}

.game-tab-btns .btn.active {
    background-color: #B58842;
}

.pays-box {
    padding-top: 20px;
}

.pays-box .top .text {
    font-family: "PingFangSC-light", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    height: 95px;
}

.pay-form .text {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}

.pay-form input {
    line-height: 45px;
    height: 45px;
    border-radius: 0;
    border: 1px solid #3c3c3c;
    background-color: #000;
}

.pay-form input:focus,
.pay-form input:active {
    border-color: #3c3c3c;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.pay-form .amount-control .input-group {
    width: 100%;
}

.pay-form .amount-control .form-control {
    text-align: center;
}

.pay-form .amount-control .input-group-addon {
    width: 100px;
    border-radius: 0;
    border: 1px solid #3c3c3c;
    background-color: #000;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.pay-form .amount-control .input-group-addon.plus-btn {
    border-right: 0;
    background-image: url("img/IC_add.png");
}

.pay-form .amount-control .input-group-addon.minus-btn {
    border-left: 0;
    background-image: url("img/IC_reduce.png");
}

.pay-form .submit-btn {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    background-color: #25a6d5;
    margin-top: 80px;
    border-radius: 0px;
    border: 0px;
    width: 100%;
    line-height: 48px;
}

.customer-services .submit-btn {
    width: 100%;
    line-height: 48px;
    font-size: 24px;
    color: #FFFFFF;
    background-color: #B58842;
    border: 0px;
    border-radius: 0px;
}

#download {
		margin-left: 40px;
	}

.customer_testApply_services .col-md-7 {
	height:60px;
}

.customer_testApply_services #emailAddress{
	margin:5px;
}

.customer_testApply_services #sendBtn{
	margin:5px;
}

#package-info {
	color: #aaaaaa;
}

#index-picture {
	position: relative;
}

#introduction-picture {
	position: relative;
	font-size: 20px;
	color: #808080;
}
#introduction-picture a {
	margin-left: 30px;
	color: #ffbf00;
	font-size: 20px;
	font-weight: bolder;
	cursor: pointer;
}
.intro-words-pic {
	position: absolute;
	top: 64px;
	right: 59px;
}

.introduction-words {
	width: 57.81%;
    margin-bottom: 3%;
    margin-top: -14%;
    margin-left: 13.67%;
}
.enter-game_btn {
	position: absolute;
	width: 21.87%;
	height: 70px;
	right: 80px;
	bottom: 65px;
	background: url(img/enter_game_btn_bg.png);
	background-size: 100% 100%;
	color: #ffbf00;
	font-size: 20px;
	line-height: 70px;
	padding-left: 30px;
}
#function-btn {
	position: absolute;
	margin-left: 50px;
	bottom: 65px;
}

#function-btn .functionbtn  {
	background: url(img/btn_bg.png) no-repeat;
	background-size: 100% 100%;
	width: 280px;
	height: 70px;
    margin-right: 65px;
    margin-left: 55px;
	display: flex;
	align-items: center;
	float: left;
	cursor: pointer;
}

#function-btn img {
	margin-left: 25px;
	margin-right: 40px;
	height: 70%;
	float: left;
}

#function-btn .function-itro {
	font-size: 20px;
	width: 165px;
	color: #808080;
	float: left;
	margin:auto 0;
}

.container>.navbar-header {
	height: 67px;
	margin: 0;
}

.container {
	position: relative;
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
	background: url(img/ideaction_icon.png);
	background-size: 100% 100%;
	width: 200px;
	height: 39px;
	margin-top: 15px;
	margin-left: 10px;
	margin-right: 60px;
	padding: 0;
}

.navbar .navbar-menu > li {
	min-width: 158px;
	height: 30px;
	text-align: center;
	font-size: 18px;
	margin-top: 18px;
}
nav li>a:hover {
	color: #ffffff;
	background-color: transparent;
	text-decoration: none;
}

.active > a,
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover {
	color: #ffbf00;
	background-color: unset;
}

/** footer start */
.footer .media-left .footer-brand {
	float: left;
	margin: 40px 20px 39px 40px;
}

.footer .media-left img {
	width: 182px;
	height: 41px;
}

 .footer .footer-body .beian {
	float: right;
	margin-bottom: 29px;
	margin-right: 40px;
}

.footer .footer-body .bianhao {
	float: right;
	margin-bottom: 29px;
	margin-right: 40px;
}

.footer .footer-body .contactus {
	float: right;
	margin-top: 32px;
	margin-right: 40px;
}
/** footer end */

/*our story start*/
.about_us-box {
	margin-top: 70px;
	margin-bottom: 80px;
}
.storys-bg {
	position: absolute;
	background-color: white;
	height: 500px;
	width: 100%;
}

.storys-bg1 {
	opacity: 0.05;
}

.storys-bg2 {
	opacity: 0.1;
}

.storys-bg3 {
	opacity: 0.15;
}

.storys-bg4 {
	opacity: 0.2;
}

.storys-bg5 {
	opacity: 0.25;
}

.storys-bg6 {
	opacity: 0.3;
}

.storys-bg7 {
	opacity: 0.35;
}

.storys-bg8 {
	opacity: 0.4;
}

.storys-bg9 {
	opacity: 0.45;
}

.storys-bg10 {
	opacity: 0.5;
}

.storys {
	position: relative;
	height: 500px;
}

.story_title {
	position: absolute;
	margin-left: 50px;
	margin-top: 45px;
}

.story_num {
	position: relative;
	background: url(img/num_bg.jpg);
	width: 70px;
	height: 70px;
	margin-right: 15px;
	float: left;
}

.story_num img {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.story_sub_title {
	color: #dcdcdc;
	font-size: 24px;
	margin-top: 8px;
	float: left;
}
.story-4 .story_sub_title,
.story-6 .story_sub_title {
	float: initial;
	margin-top: -5px;
}
.story_pic {
	position: absolute;
	margin-left: 135px;
	margin-top: 120px;
}

.desc_plane {
	color: #808080;
}

.desc_title {
	position: absolute;
	font-size: 30px;
}

.desc {
	position: absolute;
	font-size: 20px;
	text-align: justify;
}

.about_us_en-box .desc {
	text-align: initial;
}

.desc_1_title {
	margin-top: 70px;
	margin-left: 845px;
}
.desc_1_content {
	width: 380px;
	margin-top: 160px;
	margin-left: 845px;
}

.story_pic2 {
	margin-left: 525px;
	margin-top: 45px;
}
.desc_2_title {
	margin-top: 399px;
	margin-left: 525px;
	color: #474747;
}
.desc_2_content {
	width: 339px;
	margin-top: 160px;
	margin-left: 135px;
}

.story_pic3 {
	margin-left: 525px;
	margin-top: 45px;
}
.desc_3_title {
	width: 339px;
	margin-top: 160px;
	margin-left: 135px;
	color: #dcdcdc;
}

.story_pic4 {
	margin-top: 105px;
}
.desc_4_content {
	width: 345px;
	margin-top: 160px;
	margin-left: 865px;
	color: #a0a0a0;
}

.story_pic5 {
	margin-left: 525px;
	margin-top: 45px;
}
.desc_5_title {
	margin-top: 400px;
	margin-left: 525px;
	font-size: 24px;
	color: #dcdcdc;
}
.desc_5_content {
	width: 328px;
	margin-top: 160px;
	margin-left: 135px;
	color: #c5c5c5;
	text-align: unset;
}

.story_pic6 {
	margin-left: 525px;
	margin-top: 45px;
}
.desc_6_title {
	margin-top: 410px;
	margin-left: 525px;
	font-size: 24px;
	color: #dcdcdc;
}
.desc_6_content {
	width: 339px;
	margin-top: 130px;
	margin-left: 135px;
	color: #dadada;
}

.story_pic7 {
	margin-left: 135px;
	margin-top: 100px;
}
.desc_7_title {
	margin-top: 425px;
	margin-left: 135px;
	font-size: 24px;
	color: #dcdcdc;
}
.desc_7_content {
	width: 339px;
	margin-top: 160px;
	margin-left: 865px;
	color: #dcdcdc;
}

.story_pic8 {
	margin-left: 525px;
	margin-top: 45px;
}
.story_sub_title8 {
	margin: 0;
	float: initial;
	width: 460px;
}
.desc_8_title {
	font-size: 30px;
	color: #dcdcdc;
}
.desc_8_content {
	width: 331px;
	margin-top: 160px;
	margin-left: 135px;
	color: #dadada;
}
.story_pic9 {
	margin-left: 525px;
	margin-top: 45px;
}
.story_sub_title9 {
	margin: 0;
	width:  460px;
}
.desc_9_title {
	font-size: 30px;
	color: #dcdcdc;
}
.desc_9_content {
	width: 339px;
	margin-top: 160px;
	margin-left: 135px;
	color: #dadada;
}

.story_pic10 {
	margin-left: 135px;
	margin-top: 45px;
}
.story_sub_title10 {
	position: absolute;
	width: 300px;
	margin-top: 45px;
	margin-left: 890px;
	font-size: 30px;
	color: #ffffff;
}
.desc_10_title {
	background: url(img/C_taptap.png) no-repeat;
	width: 267px;
	height: 78px;
	margin-top: 155px;
	margin-left: 940px;
}
.en-desc_10_title {
	margin-top: 260px;
}
.desc_10_content {
	width: 200px;
	margin-top: 260px;
	margin-left: 1020px;
	font-size: 30px;
	color: #ffffff;
}

.continue-bg {
	position: absolute;
	background-color: white;
	height: 850px;
	width: 100%;
	opacity: 0.55;
}

.continue {
	height: 850px;
}

.story_pic11 {
	margin: 0;
	top: 115px;
	left: 98px;
}

.continue-desc {
	width: 100%;
	position: absolute;
	bottom: 65px;
	color: #ffffff;
	font-size: 30px;
	text-align: center;
}
/*our story end*/

/* news center start*/
.news-box {
	position: relative;
	margin: 70px 0 0 0;
	overflow: hidden;
}
.index.news-box {
    display: none;
}

.news-slide {
	position: relative;
	height: 100px;
}
.news-title {
	position: absolute;
	left: 180px;
	font-size: 60px;
	color: #FFFFFF;
}
.news-slide-format {
	position: absolute;
	height: 100%;
	top: 15px;
	width: 0;
	border-left: solid #ffffff 3px;
	left: 161px;
}

.news-split-line {
	border-left: solid 3px;
	border-bottom: solid 3px;
	border-color: #FFFFFF;
}
.left-news-box {
	position: relative;
	margin-left: 161px;
	padding: 10px 110px 0 35px;
	color: #808080;
	font-size: 20px;
	text-align: center;
}


.left-news-title {
    margin-left: -42px;
    padding-left: 25px;
    border-left: solid 10px;
    border-color: #ffbf00;
    background-color: #333333;
    color: #FFFFFF;
    font-size: 30px;
    text-align: justify;
}
.left-date {
	color: #b1b1b1;
	float: left;
    margin-left: -150px;
    line-height: 42px;
}
.left-news-content {
	margin-left: 161px;
}

.right-news-box {
	position: relative;
	width: 928px;
	padding: 135px 35px 60px 35px;
	margin-left: 161px;
	color: #808080;
	font-size: 20px;
}
.right-news-title-box {
    top: 65px;
    position: absolute;
    right: -117px;
}
.right-news-title {
    position: absolute;
    left: -345px;
    top: -9px;
    border-right: solid 10px;
    border-color: #ffbf00;
    background-color: #333333;
    color: #FFFFFF;
    font-size: 30px;
    width: 336px;
}
.right-date {
	color: #b1b1b1;
	font-size: 20px;
}
/* news center end*/

/* recruitment start */
.recruitment-box {
	margin-top: 70px;
	margin-bottom: 80px;
	font-size: 20px;
}

.recruitment-slide {
	position: relative;
	background-color: #000000;
	height: 585px;
}
.recruitment-slide img {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.about-us-box {
	position: relative;
	/*height: 620px;*/
	padding-top: 235px;
	padding-bottom: 145px;
	background-color: #dcdcdc;
	text-align: center;
	color: #000000;
}
.recruitment-box .about-us-content {
	display: block;
    width: 100%;
    padding: 0 140px;
    text-align: justify;
}
.recruitment-single-word {
	width: 60px;
	height: 60px;
	float: left;
	text-align: center;
	line-height: 60px;
}
.about-us-title {
    position: absolute;
    background: url(img/about-us.png);
    background-size: 100% 100%;
    width: 200px;
    height: 269px;
    top: -91px;
    left: 50%;
    margin-left: -100px;
    color: #000000;
    font-size: 48px;
	text-align: center;
	padding: 120px 40px 29px 40px;

}
.about-us-title ::after{
	content:"";
	display: inline-block;
	width:100%;
	overflow:hidden;
	height:0;
}
.about-us-mail {
	font-size: 24px;
	font-weight: bold;
}

.recruitment-position-box {
	position: relative;
	min-height: 360px;
	padding-top: 245px;
	background-color: #000000;
}
.recruitment-title {
    position: absolute;
    background: url(img/recruite-position.png);
    background-size: 100% 100%;
    width: 200px;
    height: 269px;
    top: -91px;
    left: 50%;
    margin-left: -100px;
    color: #dcdcdc;
    font-size: 48px;
	text-align: center;
	padding: 120px 40px 29px 40px;
}
.recruitment-title ::after{
	content:"";
	display: inline-block;
	width:100%;
	overflow:hidden;
	height:0;
}
.recr-positions {
	text-align: justify;
	position: relative;
	background-color: #434343;
	color: #dcdcdc;
	margin: 0 45px 60px 50px;
	padding: 120px 12.66% 40px 12.66%;
	line-height: 35px;
}
.recruitment_en-box .recr-positions {
	text-align: initial;
}
.recr-positions-title {
	position: absolute;
	top: 40px;
	left: -10px;
	background-color: #000000;
	padding-left: 20px;
	border-left: solid #fdbd2d 10px;
	color: #fdbd2d;
	font-size: 30px;
	width: 480px;
	height: 60px;
	line-height: 60px;
}
/* recruitment end */

/* agreement start */
.agreement-box {
	position: relative;
	margin-top: 70px;
	margin-bottom: 80px;
}
.agreement-fa-title {
	position: relative;
	height: 180px;
}
.agreement-title {
    position: relative;
    background-color: #fdbd2d;
    margin: 0 auto;
    margin-top: 40px;
    /* margin-bottom: 40px; */
    width: 56.25%;
    height: 100px;
    color: #000000;
    font-size: 48px;
    line-height: 100px;
    text-align: center;
}
.agreement-fa-terms{
}
.agreement-terms {
    position: relative;
    background-color: #313131;
    width: 87.5%;
    margin: 0 auto;
    /* margin-left: 80px; */
    margin-bottom: 30px;
    padding: 92px 10.71% 20px 10.71%;
    color: #dcdcdc;
    font-size: 20px;
    line-height: 30px;
    text-align: justify;
}

.agreement-terms-title {
	position: absolute;
	background-color: #bfbfbf;
	padding-left: 20px;
	width: 560px;
	height: 50px;
	line-height: 50px;
	color: #000000;
	font-size: 30px;
	left: -10px;
	top: 10px;
}
/* agreement end */
.partners_wrapper{
	height: 900px;
	width: 100%;
	position: relative;
}
.partners_box {

    position: relative;
    padding: 400px 0 300px 137px;
}

.partners-container {
	display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1031;
}
.partners-content {
    background-color: #313131;
    width: 100%;
    height: 300px;
    display: table;
}
.partners-mid{
	text-align: center;
    position: relative;
    width: 240px;
    height: 240px;
    top: 30px;
    margin: auto;
    color: white;
    font-size: 35px;
}
.partners-flex {

    top: 32%;
    height: 56%;
    float: left;
    position: absolute;
    display: inline-flex;
    white-space: nowrap;
    left: 50%;
    transform: translateX(-50%);
}

/* contact us start*/

.contact-us-mid .contact-us-flex{
	padding: 5px 5px;
    height: 100%;
    float: left;
    position: absolute;
    display: inline-flex;
    white-space: nowrap;
    left: 50%;
    transform: translateX(-50%);
}
.contact-us-container {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 1031;
}
.contact-us-bg {
	background-color: black;
	opacity: 0.85;
	width: 100%;
	height: 100%;
}
.contact-us {
	position: absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	height: 330px;
	margin:auto;
}
.contact-us-line {
	background-color: #313131;
	width: 100%;
	height: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.contact-us-content {
	background-color: #313131;
	width: 100%;
	height: 300px;
	display: table;
}
.contact-us-mid {
	position: relative;
    width: 240px;
    height: 240px;
    top: 30px;
    margin: auto;
}
.contact-us-mid img {
	height: 100%;
    margin: 0 10px;
    max-width: 230px;
}
.close-btn {
	position: absolute;
	background: url(img/close-bg.png);
    background-size: 100%;
	width: 43px;
	height: 43px;
	top: -10px;
    right: -345px;
}
.family-content > .close-btn {
	top: 20px;
	right: 20px;
}
.close-btn:hover {
	cursor: pointer;
}
.recruitment,
.business {
	color: #a8a8a8;
	font-size: 20px;
}
.recruitment {
    /*position: absolute;*/
    text-align: right;
    /*left: -157px;*/
}
/*.business {
	top: 155px;
    position: absolute;
    left: 248px;
}*/
.recruitment-mail,
.account {
	color: #fdbd2d;
}
.business-mail {
	margin-bottom: 20px;
}
.business-qq {
	display: none;
}
/* contact us end*/

.contact-us-bg {
	background-color: black;
	opacity: 0.85;
	width: 100%;
	height: 100%;
	z-index: 1032;
}


/* family listen project start */
.family-container {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1031;
}
.family-bg {
	background-color: black;
	opacity: 0.85;
	width: 100%;
	height: 100%;
}
.family-us {
	width: 1280px;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.family-content {
	position: relative;
	background-color: #313131;
	width: 100%;
	height: 530px;
}
.family-project-intro {
	margin: 0 auto;
	padding: 40px 7.81% 30px 10.93%;
	color: #dcdcdc;
	font-size: 18px;
    line-height: 30px;
	height: 455px;
	text-align: justify;
	overflow: auto;
}
.family-project-intro-title {
	font-size: 24px;
	width: 100%;
	margin-bottom: 35px;
}
/* family listen project end */

/* customer-services start */
.customer-services {
	position: relative;
	margin-top: 70px;
	margin-bottom: 80px;
}
.customer-services-content {
	height: 610px;
	position: relative;
	color: #a8a8a8;
	font-size: 20px;
}
.customer-services-content-left {
	position: absolute;
	top: 45px;
	left: 50px;
	width: 370px;
	height: 430px;
	margin-right: 50px;
	padding: 25px 0 0 35px;
	background-color: #1c1c1c;
}
.services-mail {
	margin-bottom: 20px;
}
.customer-services-content-right {
	position: absolute;
	width: 700px;
	top: 45px;
	left: 470px;
	margin: auto;
	font-size: 18px;
	line-height: 40px;
	text-align: justify;
	color: #5f5f5f;
}
.customer-services-column {
	height: 40px;
	width: 100%;
	color: #a8a8a8;
	border-bottom: solid #626262 1px;
	margin-bottom: 5px;
}
.customer-services-column-content {
	width: 100%;
	border: solid #626262 1px;
	margin-bottom: 10px;
}
#customer-emailAddress {
	background-color: unset;
	border: none;
	width: 100%;
	height: 40px;
	padding-left: 20px;
	color: #a8a8a8;
}
.customer-services-column-content .feedback-type {
	margin-right: 10px;
	position: relative;
}
.customer-services-column-content span {
	padding-left: 20px;
	margin-right: 130px;
	color: #a8a8a8;
	position: relative;
}
#feedback-content {
	background-color: unset;
	width: 100%;
	height: 190px;
	padding: 15px 20px 30px 20px;
	color: #a8a8a8;
}
.customer-services-content-right a {
	text-decoration: none;
}
#customer-service-submit {
    width: 280px;
    height: 50px;
    color: #000000;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    margin-left: 30%;
	margin-top: 20px;
    background-color: #fdbd2d;
	cursor: pointer;
	margin-bottom: 20px;
}
/* customer-services end */

/* check box style start */
input[type="checkbox"] {
    position: relative;
    visibility: hidden;
}
input[type="checkbox"]+label {
    font-weight: 400;
    padding-left: 6px;
}
input[type="checkbox"]+label:before {
    content: "";
    position: absolute;
	top: 2px;
	left: 20px;
    width: 16px;
    height: 16px;
    background: #434343;
    border-radius: 2px;
    cursor: pointer;
}
input[type="checkbox"]:checked+label:after {
    content: "";
    position: absolute;
	top: 2px;
	left: 20px;
    width: 16px;
    height: 16px;
    background: #fdbd2d;
    border-radius: 2px;
	cursor: pointer;
}
/* check box style end*/

@media (max-width: 767px) {
	.partners_wrapper{
		height: 700px;
		width: 100%;
		position: relative;
	}
	.partners_box {

	    position: relative;
	    padding: 200px 0 5px 40px;
	}
    .navbar-inverse {
        position: fixed;
    }

	.container {
		width: 100vw;
	}
    /*导航栏 开始*/
    .container>.navbar-header {
        background-color: #000000;
        height: 8.72vw;
    }
    .navbar-toggle {
        width: 10.76vw;
        height: 9.5vw;
        border: none;
		margin-right: 0;
        margin-top: 0;
        z-index: 10000;
    }
	.navbar-inverse .navbar-nav>li>a {
		width: 100%;
		text-align: center;
		margin: 0;
		padding: 0;
	}
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        width: 26.04vw;
        height: 5.07vw;
        margin-top: 1.95vw;
        margin-left: 1.30vw;
        margin-right: 7.81vw;
    }
    .lan-change-btn {
        display: block;
        z-index: 1;
        position: absolute;
        top: 3.25vw;
        right: 9vw;
        font-size: 3.9vw;
    }
    .lan-change-btn >li {
        float: left;
        list-style: none;
        padding: 0 2.6vw;
        height: auto;
        margin-top: -1.04vw;
        border-left: solid 0.52vw #ffffff;
    }
    .a-common > a {
        color: #FFFFFF;
    }
	.collapse {
		display: block;
	}
	.navbar-collapse{
		position: fixed;
		right: -100%;
		margin: 0;
		padding: 3.25vw 3.25vw 1.95vw;
		width: auto;
		min-height: 100%;
		border: none;
		background: #122b40;
		z-index: 9999;
		transition: 0.15s cubic-bezier(0.51, 0.51, 0.51, 0.51) 0s
	}
	.navbar-mask {
		position: fixed;
		top: 0;
		width: 100%;
		height: 100%;
		opacity: .7;
		z-index: 8888;
		cursor: pointer;
		display: none;
	}

    .navbar-collapse.collapsing {
		position: fixed;
		right: -50%;
		margin: 0;
		padding: 3.25vw 3.25vw 1.95vw;
		width: auto;
		min-height: 100%;
		border: none;
		background: #122b40;
		z-index: 9999;
		transition: 0.15s cubic-bezier(0.51, 0.51, 0.51, 0.51) 0s
    }
    /*.navbar-mask.collapsing {*/
        /*background: none;*/
		/*display: block;*/
    /*}*/
	.navbar-mask.in {
		background: none;
		display: block;
	}
	.navbar-collapse.in {
		position: fixed;
		right: 0;
		margin: 0;
		padding: 3.25vw 3.25vw 1.95vw;
		width: auto;
		min-height: 100%;
		border: none;
		background: #202020;
		z-index: 9999;
		display: block;
	}
	.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
		background: none;
	}
	/*.navbar-mask.in {*/
		/*display: block;*/
        /*background: none;*/
		/*padding: 0;*/
		/*width: 100%;*/
		/*right: 0;*/
		/*z-index: 100;*/
	/*}*/
    /*导航栏结束*/

    /* contact us start */
    .contact-us {
		width: 100vw;
	    left: 50%;
	    top: 50%;
	    transform: translate(-50%,-70%);
	}
    .contact-us-content {
        height: 40vw;
    }
    .contact-us-mid {
        top: 0;
	    width: 100vw;
	    height: 100%;
    }
    
    .partners-content {
        height: 30vw;
    }
    
    .partners-mid {
	    top: 0;
	    width: 100vw;
	    height: 100%;
	}
	.partners-flex {
	    margin-top: 5vw;
	    height: 40%;
	}
	.partners-mid .close-btn {
	    top: 2vw;
	    right: 0vw;

	    width: 5.59vw;
	    height: 5.59vw;
	}
    .qrdiv {
    	max-width: 172px;
    }

    .contact-us-mid .close-btn {
        top: 2vw;
        right: 0vw;
    }
    .recruitment {
        font-size: 3vw;
	    
    }
    .business {
	    font-size: 3vw;
    	padding-top: 26vw;
    }
    .business-mail {
        margin-bottom: 1vw;
    }
    /* contact us end */
	#line-cutter {
		margin-top: 0;
	}

    .bottom-line-cutter {
        margin-bottom: 8.33vw;
    }

    /* footer start*/
    .footer {
        position: fixed;
        bottom: 0;
        width: 100vw;
        height: 8.33vw;
        background-color: black;
		z-index: 9999;
    }
    .footer-content {
        position: relative;
        float: right;
        font-size: 2.6vw;
        bottom: 0;
    }
    /* footer end */

	#index-picture + .game-box{
		display: block;
	}
    /* .content-wrapper start */
    .content-wrapper {
        margin-top: 8.72vw;
    }
    /* index start */
    #function-btn {
        margin-left: 6.51%;
        width: 93.49%;
        position: relative;
        bottom: 0;
        height: 15vw;
    }
    #function-btn .functionbtn {
		width: 29.68%;
		margin-left: 0;
		margin-right: 2.6%;
		height: 9vw;
		min-height: 40px;
	}
	#function-btn .newscenterbtn {
		display: none;
	}
	#function-btn img {
		margin-left: 2vw;
		margin-right: 2vw;
		height: 60%;
	}
	#function-btn .function-itro {
		font-size: 2.6vw;
		width: auto;
	}
    /* news center start */
    .news-box {
        margin: 23px 0 0 0;
    }
    .index.news-box {
        display: block;
    }
    .news-slide {
        height: 10vw;
    }
    .news-title {
	    left: 39vw;
	    font-size: 5.8vw;
    }
    .news-slide-format {
        top: 39px;
        left: 9.6vw;
        border-left: solid #ffffff 1px;
    }
	.news-split-line {
        border-bottom: solid #ffffff 1px;
	}
    .left-news-box {
	    margin-left: 10vw;
	    padding: 1vw 0vw 0vw 4vw;
	    font-size: 2.6vw;
    }
	.left-title {
		margin-left: -24vw;
	}
    .left-date {
		position: relative;
		height: auto;
		width: 19vw;
		margin: 2px auto;
		text-align: center;
		line-height: initial;
    }
    .left-news-title {
		width: 84vw;
		margin-left: 19vw;
		padding-left: 3vw;
		border-left: solid #ffbf00 1vw;
		font-size: 2.8vw;
    }
    .left-news-box img{
    	margin-left: -13vw;
    	height: 67px;
    }
    /* news center end */
    /* family start */
    .family-us {
		width: 100%;
		top: 8.33vw;
		left: 0;
		transform: initial;
	}
    .family-content {
        padding-top: 5vh;
        height: 70vh;
    }
    .family-content > .close-btn {
        top: 2.6vw;
        right: 2.6vw;
    }
    .close-btn {
        width: 5.59vw;
        height: 5.59vw;
    }
    .family-project-intro-title {
        font-size: 5.4vw;
        margin-bottom: 4vw;
		text-align: left;
		line-height: initial;
    }
    .family-project-intro {
        padding: 5.2vw 9.81% 3.9vw 10.93%;
        font-size: 2.6vw;
        line-height: 1.5;
        height: 60vh;
    }
    /* family end */
    /* index end */

    /* agreement service start */
    .agreement-box {
        margin-top: 0;
        margin-bottom: 8.33vw;
    }
    .agreement-fa-title {
        height: 15vw;
    }
    .agreement-title {
        margin-top: 5vw;
        width: 60vw;
        height: 10vw;
        font-size: 4.2vw;
        line-height: 10vw;
    }
    .agreement-terms-title {
        padding-left: 3vw;
        height: 6vw;
        width: 87vw;
        line-height: 6vw;
        font-size: 2.73vw;
	}
	.agreement-terms {
        margin-bottom: 20px;
        padding: 11.97vw 5.71vw 20px 6.71vw;
        font-size: 2.6vw;
        line-height: 1.48;
	}
    /* agreement service start */

    /* product intro start */
    .game-box {
        margin-top: 0;
        margin-bottom: 8.33vw;
    }
    #introduction-picture {
        font-size: 2.6vw;
    }
    #introduction-picture a {
        font-size: 2.6vw;
		height: 0;
    }
    .introduction-words {
        width: 72vw;
        margin: -13vw auto 0;
        text-align: justify;
    }
    .enter-game_btn {
		position: relative;
		right: 0;
		bottom: 0;
		min-width: 130px;
		max-width:213px;
		width: 30vw;
		height: 38px;
		line-height: 38px;
		margin: 15px auto;
    	padding-right: 4vw;
		padding-left: 10px;
		font-size: 2.8vw;
    }
    /* product intro end */

    /* recruitment start */
    .recruitment-box {
        margin-top: 0;
        margin-bottom: 8.33vw;
        font-size: 2.6vw;
        line-height: 1.5;
    }
    .recruitment-slide {
        height: 76.17vw;
    }
    .recruitment-slide img {
        width: 85vw;
    }
    .about-us-box {
        height: auto;
        padding-top: 31.9vw;
        padding-bottom: 20vw;
    }
    .recruitment-box .about-us-content {
        padding: 0 5vw;
    }
    .about-us-title {
        width: 26.04vw;
        height: 35.02vw;
        top: -11.66vw;
        left: 50vw;
        margin-left: -13.02vw;
        font-size: 6vw;
        padding: 15.62vw 5.2vw 3.77vw 5.2vw;
    }
    .about-us-mail {
        font-size: 3vw;
    }
    .recruitment-position-box {
        padding-top: 31.9vw;
    }
    .recruitment-title {
        width: 26.04vw;
        height: 35.02vw;
        top: -11.86vw;
        left: 50vw;
        margin-left: -13.02vw;
        font-size: 6vw;
        padding: 15.62vw 5.2vw 3.77vw 5.2vw;
    }
    .recr-positions {
        margin: 0 5.85vw 7.81vw 6.51vw;
        padding: 15.62vw 5.66vw 5.85vw 7.66vw;
        line-height: 1.5;
    }
    .recr-positions-title {
        top: 5.85vw;
        font-size: 4vw;
        width: 70vw;
        height: 6vw;
        line-height: 6vw;
    }
    .recruitment-single-word {
        width: 7.81vw;
        height: 7.81vw;
        line-height: 7.81vw;
    }
    /* recruitment end */

    /* our story start*/
    .about_us-box {
        margin-top: 0;
        margin-bottom: 8.33vw;
    }
    /* our story start*/
    .storys-bg {
        display: none;
    }
    .continue-bg {
        display: none;
    }
    .storys {
        position: initial;
        height: auto;
        /*background-color: rgba(255, 255, 255, 1);*/
    }
    .story-1 {
        background-color: rgba(255, 255, 255, 0.05)
    }
    .story-2 {
        background-color: rgba(255, 255, 255, 0.1)
    }
    .story-3 {
        background-color: rgba(255, 255, 255, 0.15)
    }
    .story-4 {
        background-color: rgba(255, 255, 255, 0.2)
    }
    .story-5 {
        background-color: rgba(255, 255, 255, 0.25)
    }
    .story-6 {
        background-color: rgba(255, 255, 255, 0.3)
    }
    .story-7 {
        background-color: rgba(255, 255, 255, 0.35)
    }
    .story-8 {
        background-color: rgba(255, 255, 255, 0.4)
    }
    .story-9 {
        background-color: rgba(255, 255, 255, 0.45)
    }
    .story-10 {
        background-color: rgba(255, 255, 255, 0.5)
    }
    .story-11 {
        background-color: rgba(255, 255, 255, 0.55)
    }
    .story_title {
        margin-top: 3.64vw;
        margin-left: 5.59vw;
    }
    .story_num {
        width: 6.51vw;
        height: 6.51vw;
    }
    .story_num img {
        width: 70%;
    }
    .story_sub_title {
        font-size: 2.6vw;
        width: 80vw;
        margin-top: 0;
    }
    .story_pic {
        position: initial;
        width: 63.02vw;
        margin-left: 18.48vw;
        margin-top: 0;
    }
    .story_pic img {
        width: 100%;
        margin-top: 15vw;
    }
    .desc_title {
        width: auto;
        position: initial;
        font-size: 2.73vw;
        margin-left: 18.48vw;
        margin-top: 5px;
    }
    .desc {
        position: initial;
        font-size: 2.6vw;
        margin-top: 5px;
        margin-left: 18.48vw;
        padding-bottom: 10px;
        width: 75.02vw;
    }
	.desc_3_title {
		color: #a0a0a0;
	}
    .desc_8_title, .desc_9_title {
        font-size: 2.73vw;
    }
    .desc_10_title {
		background-size: 100% 100%;
		width: 34.76vw;
		height: 10.15vw;
		font-size: 2.73vw;
		margin-left: 18.48vw;
		margin-top: 12vw;
    }
    .story_sub_title10 {
        position: initial;
        margin-top: 41.57vw;
        margin-left: 12.48vw;
    }
    .continue-desc {
        position: initial;
        margin-top: 7vw;
        font-size: 3vw;
        text-align: center;
    }
    /* content-wrapper end */


	.footer .footer-body .bianhao {
		margin: 1.93vw 1.93vw 0 0;
	}
	.footer .footer-body .beian {
		margin: 1.93vw 1.93vw 0 0;
	}

	.fixed {
		width: 100%;
	}
	.continue,
	.continue-bg {
		height: 65.10vw;
	}
	.story_pic11 {
		top: 0;
		left: 0;
	}


	.navbar-toggle .icon-bar+.icon-bar {
		margin-top: 16%;
	}
	.navbar-toggle .icon-bar {
		display: block;
		width: 100%;
		height: 16%;
		border-radius: 0.65vw;
	}
	.navbar-nav {
		margin-bottom: 7vw;
	}
	.navbar-nav li {
		border: none;
	}
	.navbar .navbar-menu > li {
		padding: 0;
		width: auto;
		min-width: 100px;
		text-align: center;
		margin-left: 1.5vw;
		margin-top: 3.9vw;
		font-size: 3.9vw;
	}
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
		border: none;
	}
	.navbar-collapse {
		box-shadow: none;
		-webkit-box-shadow:none;
	}
	ul > .lan-btn {
		display: none;
	}

	/* customer service start */
    .customer-services {
        margin-top: 0;
        margin-bottom: 8.33vw;
    }
	.customer-services-content-left {
		position: relative;
		width: 88vw;
		height: auto;
		padding-bottom: 20px;
        top: 0;
		left: initial;
		margin: 6.51vw auto;
	}
	.customer-services-content-right {
        top: 0;
		left: unset;
		position: relative;
        width: 91.45vw;
	}
	.customer-services-content {
		height: 100%;
	}
    #customer-service-submit {
        width: 41.45vw;
        margin-left: 25vw;
    }
    .customer-services-column-content span {
        margin-right: 0;
    }

    /* customer service end */
}
@media (min-width: 768px) {
	.container {
		width: 1280px;
	}
	.contact-us {
		width: 1280px;
	}

}

.footer-content a:link,a:visited{color:#707070;}