@charset "UTF-8";
/* ------------------ 公共样式 开始! ------------------ */
@import url('../font/iconfont/iconfont.css');
@import url('tcgserver_02_parallax.css');
@import url('tcgserver_02_animation.css');

@import url("fengxun.css");/*---增-企鹅风讯-0.0.0---*/
@import url("MTPserver.css");/*---增-MTP加固服务-0.0.0---*/
@import url("weTest.css");/*---增-手游安全测试-0.0.0---*/
@import url("MTPxiugaiqi.css");/*---增-MTP-防通用修改器(加固服务)-0.0.0---*/
@import url("blueWhale.css");/*---增-蓝鲸智云产品页面-0.0.0---*/
@import url("owl.carousel.css");/*---owl轮播插件---*/
@import url("owl.theme.css");/*---owl轮播插件---*/
@import url("owl.transitions.css");/*---owl轮播插件---*/
* {
    padding: 0;
    margin: 0;
}

li {
    font-size: 14px;
    word-break: break-word;
}

i {
    font-style: normal;
}

body {
    font-family: 'PingFangSC-Light', 'helvetica neue', 'hiragino sans gb', arial, 'microsoft yahei ui', 'microsoft yahei', simsun, sans-serif !important;
    letter-spacing: 0.4px;
    background-size: 100%;
    min-width: 1220px;
    background: #fff;
    color: #474747;
}

a {
    text-decoration: none;
    -webkit-transition: all .15s ease-in;
    -moz-transition: all .15s ease-in;
    transition: all .15s ease-in;
}

a img {
    border: none;
}

a:focus {
    outline: none;
    -moz-outline: none;
}

li {
    list-style: none;
}

.clear {
    clear: both;
    display: block;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

pre {
    background: #fee9cc;
    border: 1px dashed #ccc;
    line-height: 22px;
}

code {
    padding: 0;
    border: none;
}

p code {
    background: none;
    color: hsl(0, 0%, 50%);
    margin: 0 1px;
    padding: 1px 4px;
    border-radius: 1px;
}

p {
    font-size: 14px;
}

div pre.prettyprint {
    font-size: 14px;
    border-radius: 0px;
    padding: 0 15px;
    border: none;
    margin: 20px -10px;
    border-width: 1px 0px;
    background: #f7f7f7;
}

form {
    margin-bottom: 0;
}

textarea {
    margin-bottom: 0;
}

input, textarea {
    background: hsla(0, 0%, 0%, 0);
    outline: none;
    font-family: 'PingFangSC-Light', 'helvetica neue', 'hiragino sans gb', arial, 'microsoft yahei ui', 'microsoft yahei', simsun, sans-serif !important;
}

table {
    border-collapse: collapse;
    border: none;
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track-piece {
    background-color: #c9d1d6;
    margin: -2px;
}

::-webkit-scrollbar-thumb {
    background: #24bbd4;
    min-height: 150px;
    min-width: 150px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:vertical:hover {
    background: #4fd2e9;
}

::-webkit-scrollbar-thumb:horizontal:hover {
    background: #4fd2e9;
}

/* --------------------------- 12宫格 开始！ --------------------------- */
.col-1 {
    width: 8.33333333333333%;
}

.col-2 {
    width: 16.6666666666666%;
}

.col-3 {
    width: 25%;
}

.col-4 {
    width: 33.333333333333333%;
}

.col-5 {
    width: 41.66666666666666%;
}

.col-6 {
    width: 50%;
}

.col-7 {
    width: 58.33333333333333%;
}

.col-8 {
    width: 66.66666666666666%;
}

.col-9 {
    width: 75%;
}

.col-10 {
    width: 83.333333333333333%;
}

.col-11 {
    width: 91.6666666666666%;
}

.col-12 {
    width: 100%;
}

/* --------------------------- 12宫格 结束！ --------------------------- */
.position-relative{position:relative;}
.position-absolute{position:absolute;}
.position-origin{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;z-index:1;}
.display-table{display:table;}
.display-table-cell{display:table-cell;}
.align-center{text-align:center;}
.align-lft{text-align:left;}
.align-rgt{text-align:right;}
.contents{width:1200px;margin:0 auto;}
.myBorderBox{ -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;}
/* ------------------ 公共样式 结束! ------------------ */
/* ------------------ 顶部导航+banner 开始! ------------------ */
.main-bnr-area {
    position: relative;
}

.top-line-area {
    height: 59px;
    border-bottom: 1px solid rgba(1, 31, 70, 0);
    position: absolute;
    width: 100%;
    z-index: 10000;
}

.top-area {
    width: 1200px;
    padding: 0 10px;
    margin: 0 auto;
    height: 59px;
}

.logo-box {
    float: left;
    line-height: 59px;
}

.logo-box a {
    display: inline-block;
    width: 148px;
    height: 30px;
    background: url(../images/tcg_logo.png) no-repeat center center;
    vertical-align: middle;
}

.logo-box-snd a {
    background: url(../images/tcg_logo_snd.png) no-repeat center center;
}

.m-nav-top {
    position: absolute;
    right: 20px;
    line-height: 55px;
    display: none;
    top: 0;
    z-index: 10;
}

.m-nav-top a {
    display: inline-block;
    vertical-align: middle;
}

.m-nav-top .iconfont {
    color: #fff;
    font-size: 28px;
    vertical-align: middle;
}

.nav-box {
    float: right;
}

.nav-main-link,
.nmain-link-box,
.nmain-link-a {
    display: inline-block;
}

.nav-main-link .nmain-link-a a {
    display: inline-block;
    font-size: 16px;
    padding: 0 40px;
    height: 59px;
    line-height: 59px;
    color: #fff;
    position: relative;
}

.more-list-box:hover .nmain-link-a a {
    color: #46cfff;
    background: #081322;
    position: relative;
}

.more-list-box .nmain-link-a a:after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    height: 3px;
    background: #00c5dc;
    bottom: -2px;
    width: 0;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.more-list-box:hover .nmain-link-a a:after {
    width: 100%;
}

.more-list-box:hover .nmain-link-a a:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #00c5dc;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -6px;
}

.nav-sl-link {
    display: inline-block;
}

.nav-sl-link a {
    font-size: 13px;
    margin-left: 8px;
    color: #fff;
}

.nav-sl-link a .iconfont {
    font-size: 13px;
}

.nav-sl-link .line-01 {
    color: #fff;
    display: inline-block;
    margin-left: 6px;
}

.nav-main-link a:hover,
.nav-sl-link a:hover {
    color: #46cfff;
}

.bnr-img-area {
    width: 100%;
    overflow: hidden;
    height: 561px;
}

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

.bnr-img-li {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
}

.bnr-img-a, .bnr-img-a a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.bnr-img-01 .bnr-img-a a {
    background: url(../images/index_mainbnr_01.jpg) no-repeat center top;
}

.ns-ul {
    text-align: center;
}

.bnr-img-box a img {
}

.nav-snd-warp {
    position: absolute;
    width: 100%;
    background: rgba(10, 24, 41, 0.98);
    left: 0;
    top: 0;
    z-index: -1;
    padding-bottom: 35px;
    display: none;
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    transition: all .5s ease-in;
}

.nmain-link-box:hover .nav-snd-warp {
    display: inline-block;
    top: 0;
}

.nav-snd-area {
    width: 1200px;
    margin: 0 auto;
    padding-top: 60px;
    position: relative;
}

.nav-snd-area:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background: #011f46;
    top: 60px;
}

.nav-snd-area dl {
    display: inline-block;
    float: left;
    padding-right: 30px;
}

.nav-snd-area dl:nth-last-child(3) {
    padding-right: 0;
}

.nav-snd-area dt {
    color: #dedee0;
    padding: 24px 0 4px 10px;
    font-size: 18px;
    position: relative;
}

.nav-snd-area dd {
}

.nav-snd-area dd a {
    display: inline-block;
    background: #0e2037;
    padding: 4px 10px 0 10px;
    margin-top: 8px;
    width: 257px;
    /*height: 39px;*/
    vertical-align: middle;
}

.nav-snd-area dd .snd-dishover:hover {
    cursor: default;
    background: #0e2037;
}

.nav-snd-area .nav-tips {

    font-size: 12px;

    background: #666e8e;

    display: inline-block;

    padding: 1px 4px 1px 4px;

    border-radius: 3px;

    color: #cfcfcf;
}

.nav-snd-area dd a b {
    font-weight: normal;
    color: #eff0f0;
    display: block;
    font-size: 14px;
    height: auto;
}

.nav-snd-area dd a span, .nav-snd-area dd a.snd-dishover:hover span {
    color: #545b65;
    font-size: 12px;
}

.nav-snd-area dd a:hover {
    background: #24bbd4;
    color: #fff
}

.nav-snd-area dd a:hover span {
    color: #fff;
}

.nav-snd-area .ns-ul li {
    display: inline-block;
    width: 25%;
    padding-top: 35px;
}

.nav-snd-area .ns-ul li a {
    display: inline-block;
    font-size: 18px;
    color: #eff0f0;
}

.nav-snd-area .ns-ul li a:hover {
    color: #00c5dc;
}

.nav-uparrow {
    text-align: center;
    position: absolute;
    bottom: 30px;
    width: 25px;
    left: 0;
    right: 0;
    margin: auto;
}

.nav-uparrow .icon-arrow {
    color: #00c5dc;
    font-size: 24px;
}

.nav-uparrow:hover .icon-arrow {
    color: #20acc3;
}

.bnrview-area {
    position: absolute;
    bottom: 178px;
    width: 1200px;
    left: 58px;
    right: 58px;
    margin: 0 auto;
    padding-left: 20px;
}

.bnr-txt b {
    display: inline-block;
    padding-bottom: 30px;
}

.bnr-txt b img {
    vertical-align: middle;
}

.bnr-txt span {
    display: inline-block;
    padding-bottom: 50px;
}

.bnr-txt span img {
    vertical-align: middle;
}

.btn-view {
    display: inline-block;
    width: 150px;
    height: 44px;
    background: #003366 url(../images/btn_view.png) no-repeat center center;
    border-radius: 20px;
    color: #46e8ff;
    font-size: 16px;
    text-align: center;
    line-height: 44px;
    letter-spacing: 1px;
}

.btn-view:hover {
    background-color: #004284;
}

.btn-view:active {
    background-color: #012d59;
}

.bnr-note-area {
    position: absolute;
    bottom: 28px;
    left: 0;
    right: 0;
    text-align: center;
}

.bnr-note a {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #24bbd4;
    border-radius: 50%;
    margin: 0 7px;
    -webkit-transition: all 0.3s ease-in-out !important;
    -moz-transition: all 0.3s ease-in-out !important;
    -o-transition: all 0.3s ease-in-out !important;
    transition: all 0.3s ease-in-out !important;
}

.bnr-note a:hover {
    background: #f1b136;
}

.bnr-note a.active {
    width: 24px;
    height: 24px;
    vertical-align: middle;
    margin: 0;
    background: url(../images/bnr_note.png) no-repeat left top;
}

/* ------------------ 顶部导航+banner 结束! ------------------ */
/* ------------------ 首页中间导航 开始! ------------------ */
.mid-nav-warp {
    border-bottom: 1px solid #dbdbdb;
    background: #062444;
}

.mid-nav-area {
    width: 1200px;
    margin: 0 auto;
}

.mid-nav-area ul {
    border-right: 1px solid #072c55;
}

.mid-nav-area li {
    float: left;
    width: 25%;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    transition: all .5s ease-in;
}

.mid-nav-area li:hover {
    background: url(../images/indmidnav_bg.jpg);
    background: #0a2d52;
}

.mid-nav-area li a {

    height: 130px;

    width: 100%;

    display: table;

    border-left: 1px solid #072c55;

    text-align: center;
}

.mid-nav-area li a p {
    display: table-cell;
    vertical-align: middle;
    color: #c0c5cb;
}

.mid-nav-area li a p:hover b {
    color: #fff;
}

/* .mid-nav-area li:after{
	content:"";
	display: inline-block;
	width: 113px;
	height: 113px;
	background: url(../images/icon_img.png) no-repeat;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: -48px;
	transform: translate(0,0);
	transition:all .2s ease-in 0s;
} */
.mid-nav-area .mid-nav-01:after {
    background-position: 0 0;
}

.mid-nav-area .mid-nav-02:after {
    background-position: -113px 0;
}

.mid-nav-area .mid-nav-03:after {
    background-position: -226px 0;
}

.mid-nav-area .mid-nav-04:after {
    background-position: -342px 0;
    left: -30px;
}

.mid-nav-area li:hover:after {
    left: -44px;
    transform: translate(0, 0);
    transition: all .3s ease-in .3s;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.mid-nav-area .mid-nav-04:hover:after {
    left: -26px;
}

.mid-nav-area li b {
    display: block;
    font-size: 24px;
    font-weight: normal;
    padding-bottom: 14px;
}

.mid-nav-area li span {
    font-size: 14px;
}

/* ------------------ 首页中间导航 结束! ------------------ */
/* ------------------ 基于PaaS快速开发你的游戏 开始! ------------------ */
.paas-warp {
    background: #ffff;
}

.paas-area {
    width: 1200px;
    margin: 0 auto;
}

.paas-hd {
    text-align: center;
    padding: 60px 0 40px;
}

.paas-hd h1 {
    font-size: 30px;
    font-weight: normal;
    padding-bottom: 12px;
    color: #333;
}

.paas-hd p {
    color: #5e5e5e;
    font-size: 16px;
}

.paas-contant {
    padding-bottom: 60px;
}

.paas-list-box {
    float: left;
    width: 32.6666666%;
    background: #fff;
    position: relative;
    -webkit-transition: all 0.15s ease-in-out !important;
    -moz-transition: all 0.15s ease-in-out !important;
    -o-transition: all 0.15s ease-in-out !important;
    transition: all 0.15s ease-in-out !important;
    box-shadow: rgba(75, 75, 75, 0.08) 0 20px 20px;
    margin-right: 1%;
}

.paas-list-box:hover {
    box-shadow: rgba(105, 105, 105, 0.15) 0 30px 30px;
    margin-top: -10px;
    -webkit-transition: all 0.3s ease-in-out !important;
    -moz-transition: all 0.3s ease-in-out !important;
    -o-transition: all 0.3s ease-in-out !important;
    transition: all 0.3s ease-in-out !important;
}

.paas-list-box:hover:before, .paas-list-box:hover:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 1px;
    height: 100%;
    background: #24bbd4;
    left: 0;
    top: 0;
    display: none;
}

.paas-list-box:hover:after {
    left: auto;
    right: 0;
}

.paas-list-box:hover .pldl-box:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 1px;
    background: #24bbd4;
    bottom: 0;
    display: none;

}

.paas-contant .paas-list-box:nth-last-child(2) {

    margin-right: 0;
}

.plhd-box {
    text-align: center;
    background: #24bbd4;
    color: #fff;
    height: 197px;
    position: relative;
    border-top: 2px solid #0091a2;
}

.plhd-box:after {
    content: "";
    display: inline-block;
    width: 96px;
    height: 96px;
    background: url(../images/icon_img.png) no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 84px;
}

.plhd-box b {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 36px;
    font-size: 26px;
    font-weight: normal;
}

.pldl-box dl {
    height: 424px;
    border: 1px solid #d4d4d4;
    border-top: none;
}

.pldl-box dt {
    padding-left: 114px;
    position: relative;
    margin-bottom: 10px;
    height: 140px;
}

.pldl-box dt:before {
    content: "";
    display: inline-block;
    height: 1px;
    background: #d4d4d4;
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 20px;

}

.pldl-box dt:after {
    content: "";
    display: inline-block;
    width: 64px;
    height: 64px;
    background: url(../images/icon_img.png) no-repeat;
    position: absolute;
    left: 28px;
    top: 16px;
}

.pldl-box dt b a {
    font-weight: normal;
    font-size: 18px;
    color: #303030;
    padding: 12px 0 4px;
    display: inline-block;
}

.pldl-box dt b a:hover {
    color: #00c5dc
}

.pldl-box dt p {
    font-size: 13px;
    color: #777777;
    padding-bottom: 14px;
    padding-right: 12px;
}

.pldl-box dt a.btn-pro {
    font-size: 14px;
    display: inline-block;
    width: 90px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #00c5dc;
    color: #20acc3;
    border-radius: 2px;
    position: absolute;
    bottom: 20px;
    left: 114px;
}

.pldl-box dt a.btn-pro:hover {
    background: #00c5dc;
    color: #ffffff;
}

.pldl-box dd {
    position: relative;
    padding: 20px 30px;
}

.pldl-box dd b {
    padding-bottom: 6px;
    display: inline-block;
    color: #303030;
    font-size: 18px;
    font-weight: normal;
}

.pldl-box dd b a {
    color: #303030;
}

.pldl-box dd b a:hover {
    color: #24bbd4;
}

.pldl-box dd p {
    color: #777777;
    font-size: 13px;
}

.pldl-box dd span a {
    position: absolute;
    right: 23px;
    bottom: 38px;
    color: #20acc3;
    font-size: 14px;
}

.pldl-box dd a.disable-a, .pldl-box dd a.disable-a:hover {
    color: #c6c6c6;
    text-decoration: none;
    cursor: default;
}

.pldl-box dd span a:hover {
    text-decoration: underline;
}

.plst-box-01 .plhd-box:after {
    background-position: 0 -273px;
}

.plst-box-02 .plhd-box:after {
    background-position: -99px -282px;
}

.plst-box-03 .plhd-box:after {
    background-position: -194px -284px;
}

.plst-box-01 .pldl-box dt:after {
    background-position: 0 -384px;
}

.plst-box-02 .pldl-box dt:after {
    background-position: -64px -384px;
}

.plst-box-03 .pldl-box dt:after {
    background-position: -129px -384px;
}

/* ------------------ 基于PaaS快速开发你的游戏 结束! ------------------ */
/* ------------------ 覆盖更多需求场景+轻松拥有海量服务能力 开始! ------------------ */
.icontxt-warp {
}

.icontxt-area {
    padding: 0 0 96px;
    width: 1200px;
    margin: 0 auto;
}

.icontxt-hd {
    text-align: center;
    padding-top: 52px;
}

.conArea .icontxt-hd {
    padding: 74px 0 48px;
}

.icontxt-hd h4 {
    font-size: 30px;
    font-weight: normal;
    position: relative;
    padding-bottom: 20px;
}

.icontxt-hd h4 i {
    display: inline-block;
}

.scrollWarp .icontxt-hd h4 {
    color: #fff;
}

.icontxt-con {
    padding-top: 12px;
}

.contxt-list {
    float: left;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
}

.contxt-main {
    padding: 0 20px;
}

.contxt-main img {
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    transition: all .5s ease-in;
}

.contxt-main:hover img {
    margin-left: 20px;
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    transition: all .5s ease-in;
}

.contxt-list img {
}

.contxt-list b {
    display: block;
    font-size: 18px;
    font-weight: normal;
    padding-bottom: 12px;
    color: #474747;
}

.contxt-list b a {
    color: #303030;
}

.contxt-list b a:hover {
    color: #24bbd4;
}

.contxt-list p {
    color: #5e5e5e;
    line-height: 22px;
    font-size: 13px;
}

.contxt-list span a {
    font-size: 14px;
    color: #24bbd4;
    display: inline-block;
    margin-top: 8px;
}

.contxt-list span a:hover {
    text-decoration: underline;
}

.txt-tips {
    font-size: 13px;
    display: inline-block;
    width: 53px;
    height: 22px;
    line-height: 24px;
    background: url(../images/indfg_tipsbg.png) no-repeat center center;
    color: #fff;
    text-align: center;
    vertical-align: middle;
}

.txtips-small {
    font-size: 12px;
}

.warp-bg-grey {
    background: #f7f7f7;
}

.zs-no {
    display: inline-block;
    width: 7px;
    height: 7px;
    background: #24bbd4;
    border-radius: 50%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
}

.zs-no:before, .zs-no:after {
    content: "";
    display: inline-block;
    width: 30px;
    height: 1px;
    background: #24bbd4;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

.zs-no:before {
    left: -36px;
}

.zs-no:after {
    right: -36px;
}

/* ------------------ 覆盖更多需求场景+轻松拥有海量服务能力 结束! ------------------ */
/* ------------------ LEAP 开始! ------------------ */
.leap-warp {
    height: 300px;
    background: #183358 url(../images/leap_bg.png);
}

.lparea-a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.lparea-a:hover {
    filter: alpha(opacity=90); /*IE滤镜，透明度50%*/
    -moz-opacity: 0.9; /*Firefox私有，透明度50%*/
    opacity: 0.9; /*其他，透明度50%*/
}

.leap-area {
    width: 1200px;
    margin: 0 auto;
    display: table;
    height: 300px;
    background: url(../images/indleap_img_bg07.png) no-repeat right -110px top;
}

.leap-txt-con {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
    color: #f7f7f7;
    background: url(../images/indleap_img_07.png) no-repeat right bottom;
}

.leap-txt-con b {
    font-size: 30px;
    font-weight: normal;
    display: block;
    padding: 0 20px 16px 20px;
    position: relative;
}

.leap-txt-con b:after {
    content: "";
    display: inline-block;
    width: 3px;
    height: 26px;
    background: #24bbd4;
    position: absolute;
    left: 0;
    top: 6px;
}

.leap-txt-con i {
    font-size: 16px;
    display: inline-block;
    padding: 0 20px;
}

/* ------------------ LEAP 结束! ------------------ */
/* ------------------ 他们正在使用腾讯游戏服务 开始! ------------------ */
.logoscl-warp {
    height: 516px;
}

.logoscl-area {
    width: 1200px;
    margin: 0 auto;
    padding: 0 0 72px;
    overflow: hidden;
}

.scl-rebox {
    height: 236px;
    width: 100%;
    display: table;
    margin-top: 20px;
}

.logoscl-con {
    position: relative;
    display: table-cell;
    vertical-align: middle;
}

.scl-left-btn, .scl-right-btn {
    width: 40px;
    text-align: center;
    display: table;
    height: 138px;
    position: absolute;
    top: 20px;
}

.scl-left-btn a, .scl-right-btn a {
    vertical-align: middle;
    display: table-cell;
    color: #20acc3;
}

.scl-left-btn .iconfont, .scl-right-btn .iconfont {
    font-size: 20px;
    color: #ababab;
}

.scl-left-btn .iconfont:hover, .scl-right-btn .iconfont:hover {
    color: #20acc3;
}

.scl-left-btn a, .btnPre a {
    transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=2);
}

.scl-left-btn .icon-arrow {
}

.scl-right-btn {
    right: 0; /* top: 0; */
    left: auto;
}

.scl-right-btn a, .btnNext a {
    transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=2);
}

.scl-right-btn .icon-arrow {
}

.scl-left-main {
    display: table;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
    padding: 0 40px;
}

.scl-a {
    text-align: center;
    margin-top: 36px;
    position: relative;
    width: 10%;
    display: table-cell;
}

.scl-a a {
    display: inline-block;
}

.scl-a img {
    vertical-align: middle;
    width: 80px;
    height: 80px;
    border-radius: 15px;
    border: 1px solid #e2e2e2;
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    transition: all .5s ease-in;
}

.scl-left-main .check {
    margin-top: 0;
    width: 20%;
}

.scl-a b {
    font-size: 24px;
    font-weight: normal;
    padding-top: 26px;
    display: none;
}

.scl-left-main .check b {
    display: block;
}

.scl-left-main .check a {
}

.scl-left-main .check img {
    width: 138px;
    height: 138px;
    border-radius: 25px;
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    transition: all .5s ease-in;
}

.scl-left-main .check p {
}

.scl-txt-con {
    padding-top: 30px;
    text-align: center;
    width: 86%;
    margin: 0 auto;
}

.scl-txt-li {
}

.scl-txt-li p {
    color: #777777;
    font-size: 16px;
    line-height: 24px;
    display: none;
}

.scl-txt-con .check p {
    display: block;
}

/* ------------------ 他们正在使用腾讯游戏服务 结束! ------------------ */
/* ------------------ 一次接入全球运营 开始! ------------------ */
.eth-warp {
}

.eth-area {
    width: 1200px;
    margin: 0 auto;
}

.eth-map-box {
    padding-top: 40px;
    position: relative;
}

.eth-map-box img {
}

.ethmap-m {
    display: none;
}

/* ------------------ 一次接入全球运营 结束! ------------------ */
/* ------------------ 现在注册 开始! ------------------ */
.reg-warp {
    background: #24bbd4 url(../images/reg_bg.jpg) center center;
}

.reg-area {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.reg-con {
    padding: 52px 0;
    color: #fff;
}

.reg-con b {
    font-size: 30px;
    font-weight: normal;
    display: inline-block;
    padding-bottom: 12px;
}

.reg-con p {
    padding-bottom: 32px;
}

.reg-con .btn-reg {
    display: inline-block;
    width: 200px;
    height: 54px;
    line-height: 54px;
    font-size: 20px;
    color: #fff;
    background: url(../images/btn_reg_bga.png) no-repeat 0 0;
}

.reg-con .btn-reg:hover {
    background: url(../images/btn_reg_bg_hva.png) no-repeat 0 0;
}

.reg-con .btn-reg:active {
    background: url(../images/btn_reg_bg_ata.png) no-repeat 0 0;
    color: #7cf9ff;
}

/* ------------------ 现在注册 结束! ------------------ */
/* ------------------ 底部 开始! ------------------ */
.footer-warp {
}

.footer-area {
    width: 1200px;
    margin: 0 auto;
    padding: 100px 0 60px;
}

.sv-img-warp {
    padding-top: 60px;
}

.sv-img {
    width: 100%;
    height: 131px;
    background: url(../images/ft_sv_bg.png) no-repeat center center;
}

.sv-link {
    color: #a0a0a0;
    font-size: 12px;
    text-align: center;
    /* padding-top: 100px; */
}

.sv-link a {
    color: #a0a0a0;
    margin: 0 8px;
}

.sv-link span {
}

.sv-link p {
    font-size: 12px;
    padding-top: 8px;
}

.numWarp + .footer-warp .footer-area .sv-link {
    padding-top: 0;
    color: #5e5e5e;
}

.numWarp + .footer-warp .footer-area .sv-link a {
    color: #5e5e5e;
}

/* ------------------ 底部 结束! ------------------ */
/* ------------------ 悬浮按钮 开始! ------------------ */
.btn-fixed-area {
    position: fixed;
    bottom: 190px;
    right: 2px;
    width: 40px;
    z-index: 9999;
}

.btn-fixed-area a {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 1px solid #c6c6c6;
    border-radius: 2px;
    background-color: #fff;
    vertical-align: middle;
    margin: 5px 0;
    text-align: center;
    display: table;
}

.btn-fixed-area a .iconfont {
    font-size: 28px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    color: #b9b9b9;
}

.btn-fixed-area {
}

.btn-fixed-area .btn-service {
    background-position: -2px -1px;
}

.btn-fixed-area .btn-service:hover .phone-tip {
    display: inline-block;
}

.btn-fixed-area a:hover {
    background-color: #24bbd4;
    position: relative;
    border-color: #0096a7;
}

.btn-fixed-area a:hover .iconfont {
    color: #f7f7f7;
}

.btn-fixed-area .btn-qrcode:hover .qrcode-img {
    display: inline-block;
}

.btn-fixed-area .btn-up {
    background-position: -2px -98px;
}

.qrcode-img {
    display: inline-block;
    width: 150px;
    height: 130px;
    position: absolute;
    left: -146px;
    background: url(../images/btn_fixed_bg.png) no-repeat -60px -9px;
    bottom: -40px;
    display: none;
}

.phone-tip {
    width: 198px;
    height: 48px;
    line-height: 50px;
    display: inline-block;
    font-size: 13px;
    color: #4b4b4b;
    background: #fff;
    border: 1px solid #c6c6c6;
    text-align: center;
    position: absolute;
    left: -216px;
    border-radius: 2px;
    display: none;
}

.phone-tip:after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 46px;
    background: url(../images/box_arrow_bg.png) no-repeat center left;
    position: absolute;
    right: -20px;
    top: 0;
    bottom: 0;
    margin: auto;
}

/* ------------------ 悬浮按钮 结束! ------------------ */

/* -------------------------------------------- 游戏语音专区页面 开始！ -------------------------------------------- */
/* top Begin! */
.official_web_lg .nbar_iner {
    width: 1240px;
}

/* top End! */
/* bnrWarp Begin! */
.bnrWarp {
    height: 490px;
    background: url(../images/oa_t_mainBnr_bg.jpg) no-repeat right top;
    position: relative;
    width: 100%;
}

.bnrWarp:after {
    content: "";
    width: 100%;
    height: 144px;
    background: url(../images/oa_t_mainBnr_after.png) no-repeat center bottom;
    background-size: cover;
    display: inline-block;
    position: absolute;
    z-index: 1111;
    bottom: -1px;
}

.index-bnr-warp:after {
    display: none;
}

.conArea {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 666;
}

.bnrWarp .conArea {
    max-width: 1200px;
    height: 490px;
}

.scrollWarp .conArea {
    max-width: 1200px;
    height: 760px;
}

.bnrWarp .btn {
    display: inline-block;
    padding: 30px 0 0 0;
}

.bnrWarp span {
    display: inline-block;
}

.bnrWarp .conArea span a {
    display: inline-block;
    width: 218px;
    height: 48px;
    line-height: 50px;
    border: 1px solid #fff;
    text-align: center;
    font-size: 20px;
    letter-spacing: 3px;
    color: #fff;
    float: left;
    margin-right: 20px;
}

.bnrWarp .conArea span a:hover {
    background: #fff;
    color: #1270ff;
    -webkit-transition: all 0.5s ease-in-out !important;
    -moz-transition: all 0.5s ease-in-out !important;
    -o-transition: all 0.5s ease-in-out !important;
    transition: all 0.5s ease-in-out !important;
}

.blam {
    position: absolute;
    width: 13px;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -42px;
    text-align: center;
    z-index: 10;
}

.blam span {
    width: 1px;
    height: 38px;
    display: inline-block;
    background: #0066ff;
}

.blam:before, .blam:after {
    content: "";
    width: 5px;
    height: 5px;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid #1273fe;
    position: absolute;
    bottom: -7px;
    left: 0;
    right: 0;
    margin: auto;
}

.blam:after {
    content: "";
    width: 11px;
    height: 11px;
    bottom: -10px;
}

.vo-bnr-infor {
    position: relative;
    height: 100%;
    display: table;
    width: 100%;
}

.bnr-txt-img {
    position: absolute;
    z-index: 999999;
}

.bnr-txt-img .btn a {
    margin-right: 16px;
}

.bnr-txt-img h2 {
    padding: 30% 0 0 0;
}

.bnr-txt-img h2 img {
}

.bnr-txt-img .btn {
}

.bnrWarp .conArea span:last-child a {

    margin-right: 0;
}

.bnr-txt-img .btn span a {
}

.pgqbnr-img {
    position: absolute;
    right: 0;
    top: 60px;
    overflow: hidden;
}

.pgqbnr-img img {
    display: inline-block;
    margin-right: -110px;
}

.pgqbnr-img img {
    vertical-align: middle;
}

.reasonWarp {
    padding-bottom: 50px;
    position: relative;
}

.areaTle {
    font-size: 34px;
    font-weight: normal;
    text-align: center;
    padding: 62px 0 36px 0;
    letter-spacing: 1.7px;
}

.scrollWarp .areaTle {
    color: #fff;
    padding: 94px 0 112px 0;
}

.iconShowWarp .areaTle {
    padding: 80px 0 25px 0;
}

.reasonWarp ul {
    display: table;
    width: 99.9%;
    border-left: none;
}

.reasonWarp ul li {
    display: table-cell;
    text-align: center;
    padding-bottom: 20px;
    width: 33.33333%;
}

.reasonWarp ul li img {
    padding: 15px 0;
}

.reasonWarp ul li p b {
    font-size: 22px;
    display: block;
    font-weight: normal;
    padding-bottom: 14px;
    color: #474747;
}

.reasonWarp ul li p span {
    font-size: 14px;
    display: inline-block;
    width: 80%;
    color: #5e5e5e;
    line-height: 20px;
}

/* reasonWarp End! */
/* scrollWarp Begin! */
.scrollWarp {
    position: relative;
    height: 760px;
    background: #1d3b67;
    background-image: -moz-linear-gradient(0, #1d3b67 0, #204883 100%);
    background-image: -webkit-linear-gradient(0, #1d3b67 0, #204883 100%);
    background-image: -ms-linear-gradient(0, #1d3b67 0, #204883 100%);
    background-image: linear-gradient(0, #1d3b67, #204883);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2277e6', endColorstr='#1d3b67', GradientType=1);
}

.scrollSideBar {
    width: 1117px;
    overflow: hidden;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: -65px;
}

.scrollSideBar ul {
    /* width: 10000px; */
    display: inline-block;
}

.scrollSideBar ul li {
    width: 1117px;
    float: left;
}

.scrollSideBar ul li .scrImg {
    display: inline-block;
    float: right;
}

.scrollSideBar ul li dl {
    width: 580px;
    margin: 0 auto;
    padding-top: 10px;
}

.scrollSideBar ul li dl:after {
    content: "";
    display: inline-block;
    width: 100%;
}

.scrollSideBar dl dt {
    padding-right: 19px;
    display: inline-block;
    vertical-align: middle;
}

.scrollSideBar dl dt img {
    width: 80px;
    height: 80px;
    border-radius: 14px;
}

.scrollSideBar dd {
    width: 468px;
    margin-top: -6px;
    display: inline-block;
    vertical-align: middle;
}

.scrollSideBar dd b {
    font-size: 24px;
    font-weight: normal;
    color: #fff;
    padding-bottom: 8px;
    display: inline-block;
}

.scrollSideBar dd p {
    font-size: 14px;
    color: #f5f6f8;
    padding-top: 6px;
}

.scrollSideBar dd p i {
    margin-left: -6px;
    padding-right: 5px;
}

.btnPre, .btnNext {
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 60px;
    width: 60px;
    z-index: 10;
}

.btnNext {
    right: 20px;
}

.btnPre a, .btnNext a {
    width: 48px;
    height: 48px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    line-height: 48px;
    color: #fff;
    border: 1px solid #fff;
    background: #1e4173;
}

.btnPre .iconfont, .btnNext .iconfont {
    font-size: 25px;
}

.btnPre a:hover, .btnNext a:hover {
    background: #fff;
    color: #fff;
    -webkit-transition: all 0.5s ease-in-out !important;
    -moz-transition: all 0.5s ease-in-out !important;
    -o-transition: all 0.5s ease-in-out !important;
    transition: all 0.5s ease-in-out !important;
    color: #2b5acf;
}

.notBtn {
    text-align: center;
    position: absolute;
    bottom: 60px;
    left: 0;
    right: 0;
}

.notBtn span {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 30px;
    border: 1px solid #24bbd4;
    margin: 0 3px;
    background: #24bbd4;
    -webkit-transition: all 0.3s ease-in-out !important;
    -moz-transition: all 0.3s ease-in-out !important;
    -o-transition: all 0.3s ease-in-out !important;
    transition: all 0.3s ease-in-out !important;
}

.notBtn span:hover {

    cursor: pointer;

    -webkit-transition: all 0.3s ease-in-out !important;

    -moz-transition: all 0.3s ease-in-out !important;

    -o-transition: all 0.3s ease-in-out !important;

    transition: all 0.3s ease-in-out !important;

    background: #ffbd38;

    border-color: #ffbd38;
}

.notBtn .check, .notBtn .check:hover {
    background: none;
    width: 22px;
    height: 22px;
    vertical-align: middle;
    border: 1px solid #8d9265;
    position: relative;
}

.notBtn .check:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    display: inline-block;
    background: url(../images/bnr_note_01.png) no-repeat center center;
    border-radius: 50%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

/* scrollWarp End! */
/* codeWarp Begin! */
.codeWarp {
    display: inline-block;
    width: 100%;
    height: 569px;
    background: #fff;
    position: relative;
}

.codeWarp dl {
    margin-top: 58px;
    display: table;
    background: #fff;
    border: 1px solid #e3e3e3;
    width: 100%;
    box-shadow: rgba(7, 0, 2, 0.2) 4px 4px 10px;
}

.codeWarp dl:after {
    content: "";
}

.codeWarp dl dt {
    width: 390px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.codeWarp dl dt p {
    font-size: 26px;
    padding-top: 40px;
}

.codeWarp dl dd {
    display: table-cell;
    vertical-align: middle;
}

.codeWarp dl dd img {
    float: right;
    width: 100%;
}

/* codeWarp End! */
/* iconShowWarp Begin! */
.iconShowWarp {
    background: #f0f8fd;
}

.iconShow-ul {
    display: inline-block;
    padding-bottom: 100px;
    width: 100%;
    text-align: center;
}

.iconShow-ul li {
    padding-right: 28px;
    display: inline-block;
}

.lar-iconsw li {
    float: left;
    padding-right: 33px;
}

.iconShow-ul li a {
    display: inline-block;

}

.iconShow-ul li a:hover {
    cursor: default;
}

.iconShow-ul li:last-child {
    padding-right: 0;
}

.iconShow-ul li img {
    width: 88px;
    height: 88px;
    border-radius: 20px;
    border: 1px solid #e2e2e2;
}

.iconShow-ul li p {
    text-align: center;
    padding-top: 10px;
    width: 88px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #303030;
}

/* iconShowWarp End! */
/* enterWarp Begin! */
.enterWarp {
    height: 242px;
    text-align: center;
    background: #2862d6;
    background-image: -moz-linear-gradient(120deg, #3048bf 0, #2274e6 100%);
    background-image: -webkit-linear-gradient(120deg, #3048bf 0, #2274e6 100%);
    background-image: -ms-linear-gradient(120deg, #3048bf 0, #2274e6 100%);
    background-image: linear-gradient(-60deg, #3048bf, #2274e6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2277e6', endColorstr='#3048bf', GradientType=1);
}

.enterWarp p {
    font-size: 34px;
    color: #fff;
    padding: 53px 0 34px;
    letter-spacing: -0.6px;
}

.enterWarp span a {
    width: 218px;
    height: 48px;
    display: inline-block;
    text-align: center;
    line-height: 48px;
    font-size: 20px;
    color: #fff;
    border: 1px solid #fff;
    letter-spacing: 4px;
}

.enterWarp span a:hover {
    background: #fff;
    color: #2a5dd2;
    -webkit-transition: all 0.5s ease-in-out !important;
    -moz-transition: all 0.5s ease-in-out !important;
    -o-transition: all 0.5s ease-in-out !important;
    transition: all 0.5s ease-in-out !important;
}

/* enterWarp End! */
/* numWarp Begin! */
.numWarp {
    background: #fff;
}

.numWarp ul {
    display: table;
    padding: 49px 0 50px;
    width: 100%;
}

.numWarp ul li {
    display: table-cell;
    text-align: center;
    border-left: 1px solid #e9e9e9;
}

.numWarp ul li:last-child {
    border-right: 1px solid #e9e9e9;
}

.numWarp ul li b {
    display: block;
    font-size: 18px;
    color: #666e8e;
    padding: 6px 0 18px;
    font-weight: normal;
}

.numWarp ul li p {
    line-height: 22px;
    color: #5e5e5e;
}

/* numWarp End! */
/* footerWarp Begin! */
.footerWarp {
    height: 276px;
    background: url(../images/oa_bg_03.jpg) no-repeat center top;
    background-size: cover;
}

.footerWarp ul {
    display: inline-block;
    padding-top: 50px;
}

.footerWarp ul li {
    float: left;
    padding-left: 66px;
    padding-right: 47px;
}

.footerWarp ul li:nth-child(3) {
    padding-left: 8px;
}

.footerWarp dl dt {
    color: #00ecec;
    padding-bottom: 24px;
    font-size: 16px;
}

.footerWarp dl dd {
}

.footerWarp dl dd p {
    padding-bottom: 13px;
    font-size: 13px;
    color: #abb0b5;
}

.footerWarp dl dd a {
    color: #abb0b5;
    margin-right: 40px;
}

.footerWarp ul li:last-child {
    padding-left: 86px;
}

.footerWarp ul li:last-child dt {
    padding-bottom: 8px;
}

.footerWarp ul li:last-child dd p {
    font-size: 13px;
    text-align: center;
}

.footerWarp p i {
    color: #abb0b5;
    display: block;
    text-align: center;
    font-size: 12px;
    padding-top: 17px;
}

/* footerWarp End! */
.pour_sp_nut {
    display: none;
}

/*  -------------------------------------------- 游戏语音专区页面 结束！ --------------------------------------------  */
/*  -------------------------------------------- 游戏更新专区页面 开始！ --------------------------------------------  */
.updata-bnr-warp .pgqbnr-img img {
    margin-right: 0;
}

.info-warp {
    background: #f0f8fd;
}

.info-box {
    display: flex;
    text-align: center;
    padding-bottom: 88px;
}

.info-box li {
    width: 33.3333%;
    float: left;
    display: table;
}

.info-box img {
    display: table-cell;
    vertical-align: top;
}

.info-box p {
    vertical-align: top;
    display: table-cell;
    padding-right: 56px;
    padding-left: 10px;
    line-height: 22px;
    text-align: left;
    width: 100%;
}

.info-box p b {
    font-size: 22px;
    font-weight: normal;
    color: #303030;
    display: block;
    padding-bottom: 8px;
}

.info-box p span {
    color: #474747;
}

.insidpages .sv-link {
    padding: 0;
}

.insidpages .footer-area {

    padding: 60px 0;
}

.udscr-warp {
    background: url(../images/updata_box_bg.png) no-repeat center center, url(../images/updata_bg_01.jpg) center top;
    background-size: contain;
    height: 810px;
}

.udscr-warp .icontxt-hd h4 {
    color: #fff;
}

.udscr-warp .scrollSideBar ul li {
    position: relative;
}

.udscr-warp .scrollSideBar ul li dl {
    position: absolute;
    top: 160px;
    width: 328px;
    display: table;
    padding: 0;
    left: 72px;
}

.udscr-warp .scrollSideBar dt {
    display: table-cell;
    width: 80px;
    vertical-align: top;
    padding-right: 16px;
}

.udscr-warp .scrollSideBar dd b {
    padding: 6px 0 0 0;
}

.udscr-warp .scrollSideBar dd {
    width: auto;
}

.udscr-warp .scrollSideBar dd p {
    line-height: 20px;
}

.udscr-warp .scrollSideBar {
    height: auto;
    padding-bottom: 40px;
    margin-bottom: 30px;
    margin-top: 0;
    overflow: hidden;
    width: 100%;
}

.udscr-warp .iconShow-ul {
    padding: 0;
}

.udscr-warp .notBtn {
    bottom: 0;
}

.udscr-warp .iconShow-ul li p {
    color: #fff;
}

.udscr-warp .btnPre, .udscr-warp .btnNext {
    top: 100px;
}

/*  -------------------------------------------- 游戏更新专区页面 结束！ --------------------------------------------  */
/*  -------------------------------------------- 区服导航专区页面 开始！ --------------------------------------------  */
.nav-bnr-warp .pgqbnr-img {
}

.nav-warp .pgqbnr-img img {
    margin: 0;
}

.nav-warp .bnr-txt-img h2 img {
    max-width: 445px;
}

.nav-rs-warp ul li {
    width: 25%;
}

.bg-white-warp {
    background: #fff;
}

.bg-gblue-warp {
    background: #f5fafd;
}

.ginfo-warp .icontxt-hd {
    padding-bottom: 0;
    position: relative;
    z-index: 10;
}

.ginfo-area {
    margin-top: -4px;
    padding-bottom: 70px;
}

.ginfo-box-01 {
    border: 1px dashed #8593a1;
    border-left: none;
    border-radius: 0 60px 60px 0;
    position: relative;
    padding: 20px;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
}

.ginfo-box-01:before {
    content: "";
    display: inline-block;
    position: absolute;
    background: #fff;
    width: 53%;
    height: 5px;
    top: -3px;
    left: 0;
}

.gf-img {
    display: inline-block;
    padding: 30px 0;
    width: 50%;
}

.gf-icon {
    position: absolute;
    display: inline-block;
    height: 78px;
    background: #fff;
    right: -32px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 10;
}

.gf-icon img {
    padding-top: 6px;
}

.gf-txt {
    position: absolute;
    right: 60px;
    top: 36%;
    text-align: right;
}

.gf-txt b {
    display: block;
    font-size: 30px;
    font-weight: normal;
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 26px;
    z-index: 9;
}

.gf-txt b:after {
    content: "";
    display: inline-block;
    width: 60px;
    height: 2px;
    background: #24bbd4;
    position: absolute;
    right: 0;
    bottom: 0;
}

.gf-txt span {
    font-size: 16px;
    color: #5e5e5e;
    line-height: 25px;
}

.ginfo-box-02 {
    position: relative;
}

.ginfo-box-02:before {
    content: "";
    display: inline-block;
    width: 60px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: -1px;
}

.ginfo-box-02:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 60px;
    height: 50%;
    background: #fff;
    top: -1px;
    left: -2px;
    border-radius: 60px 0 0 0;
    border-top: 1px dashed #8593a1;
    border-left: 1px dashed #8593a1;
}

.ginfo-box-02 .gf-img {
    float: right;
    margin-right: 10px;
    position: relative;
    z-index: 10;
}

.ginfo-box-02 .gf-icon {
    right: auto;
    left: -32px;
}

.ginfo-box-02 .gf-txt {
    right: auto;
    left: 60px;
    text-align: left;
}

.ginfo-box-02 .gf-txt b:after {
    right: auto;
    left: 0;
}

.bg-white-warp .iconShow-ul {
    padding-bottom: 50px;
}

.ginfo-box .gf-img {
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.ginfo-box-01:hover .gf-img {
    margin-left: 10px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.ginfo-box-02:hover .gf-img {
    margin-right: 0;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

/*  -------------------------------------------- 区服导航专区页面 结束！ --------------------------------------------  */
/*  -------------------------------------------- 文档中心 开始！ --------------------------------------------  */

.insp-bnr-warp:after {
    display: none;
}

.insp-bnr-warp {
    height: 390px;
}

.plst-box-04 .plhd-box:after {
    width: 95px;
    height: 88px;
    background-position: -291px -290px;
}

.file-ps-warp .paas-contant {
    padding-top: 60px;
}

.file-ps-warp .paas-list-div {
    height: auto;
    display: inline-block;
    width: 24%;
    padding-right: 1%;
    float: left;
}

.file-ps-warp .paas-list-div:nth-child(4n) {
    padding-right: 0;
}

.file-ps-warp .paas-list-box {
    background: #fff;
    width: 100%;
    margin-right: 0;
}

.file-link {
    padding-top: 40px;
    min-height: 600px;
}

.file-link p {
    text-align: center;
    padding-bottom: 40px;
}

.file-link p a {
    color: #0f0c22;
    font-size: 18px;
}

.file-link .disclick-p a, .file-link .disclick-p a:hover {
    color: #bebebe;
    cursor: default;
}

.file-link p a:hover {
    color: #0ab3cf;
}

.insp-bnr-warp .bnr-txt-img h2 {
    padding-top: 64%;
}

.insp-bnr-warp .pgqbnr-img {
    width: 688px;
    height: 258px;
    overflow: hidden;
    top: auto;
    bottom: 0;
    right: 30px;
}

.insp-bnr-warp .conArea {
    height: 390px;
}

.insp-bnr-warp .bnr-txt-img h2 img {
    max-width: 248px;
}

/*  -------------------------------------------- 文档中心 结束！ --------------------------------------------  */

/*  -------------------------------------------- 文档中心-详情 开始！ --------------------------------------------  */
.bnrtop-warp {
    height: 60px;
}

.bnrtop-warp:after {
    display: none;
}

.sp-bnr-warp h3 {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 44px;
    line-height: 44px;
    color: #f7f7f7;
    font-size: 30px;
    font-weight: normal;
}

.icon_file {
    display: inline-block;
    width: 45px;
    height: 44px;
    background: url(../images/file_h3_icon.png) no-repeat center center;
    vertical-align: top;
}

.sp-bnr-warp, .sp-bnr-warp .conArea {
    height: 200px;
    background: url(../images/file_dt_bnr_bg.jpg) center top;
}

.spbtn-link {
    display: inline-block;
    position: absolute;
    height: 16px;
    line-height: 16px;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    color: #f7f7f7;
}

.spbtn-link a {
    color: #fff;
    vertical-align: middle;
}

a.cr-yellow {
    color: #f4c259;
}

.file-main-warp .conArea {
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
}

.file-name {
    font-size: 18px;
    font-weight: normal;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #d4d4d4;
    text-indent: 40px;
    background: #f1f8fc;
    border-right: 1px solid #d4d4d4;
}

.fldt-sidebar {
    float: left;
    width: 200px;
    border-left: 1px solid #d4d4d4;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
}

.fldt-sidebar ul li {
    border-bottom: 1px solid #d4d4d4;
    background: #f1f8fc;
    position: relative;
    border-right: 1px solid #d4d4d4;
}

.fldt-sidebar ul li a {
    font-weight: normal;
    display: block;
    height: 32px;
    line-height: 32px;
    color: #474747;
}

.fldt-sidebar ul li b a {
    padding-left: 40px;
}

.fldt-sidebar ul li:hover b a {
    background: #ccdef1;
}

.fldt-sidebar ul li p:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 5px solid #666e8e;
    position: absolute;
    right: 10px;
    top: 14px;
    transition: all .3s;
}

.fldt-sidebar ul li p a {
    display: block;
    padding-left: 50px;
    font-size: 13px;
    display: none;
}

.fldt-sidebar ul li p a:hover {
    color: #24bbd4;
}

.fldt-sidebar ul li.check p:after, .fldt-sidebar ul li:hover p:after {
    transition: all .3s;
    transform: rotate(180deg);
    border-top: 5px solid #24bbd4;
}

.fldt-sidebar ul li.check {
    overflow: scroll;
    background: #fff;
    border-right: none;
    height: 300px;
}

.fldt-sidebar ul li.check b a {
    background: #fff;
}

.fldt-sidebar ul li.check b a {
    color: #24bbd4;
    position: relative;
}

.fldt-sidebar ul li.check:after, .fldt-sidebar ul li a:hover:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 3px;
    background: #24bbd4;
    left: -1px;
}

.fldt-con-box {
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
    width: 100%;
    padding-left: 200px;
}

.fldt-top {
    border-bottom: 1px solid #d4d4d4;
    height: 60px;
    line-height: 60px;
}

.fldt-top p {
    margin-left: 16px;
    padding-left: 15px;
    position: relative;
}

.fldt-top p:after {
    content: "";
    display: inline-block;
    width: 4px;
    height: 16px;
    position: absolute;
    background: #24bbd4;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
}

.fldt-top a {
    color: #474747;
}

.fldt-top span {
    padding: 0 10px;
}

.fldt-main {
    min-height: 750px;
}

/*  -------------------------------------------- 文档中心-详情 结束！ --------------------------------------------  */
/*  -------------------------------------------- SDK下载 开始！ --------------------------------------------  */
.sdk-bnr-warp .pgqbnr-img {
    height: 350px;
}

.sdk-bnr-warp .pgqbnr-img img {
    max-width: 733px;
}

.product-warp {
    padding-top: 20px;
}

.pdt-hd-box {
    padding-bottom: 16px;
}

.pdt-hd-box h4 {
    font-size: 24px;
    font-weight: normal;
    position: relative;
    padding-left: 14px;
}

.pdt-hd-box h4 b {
    font-weight: normal;
    vertical-align: middle;
}

.pdt-hd-box h4 p {
    display: inline-block;
    vertical-align: middle;
    color: #ff4f58;
    padding-left: 12px;
}

.pdt-hd-box h4 p span {
    vertical-align: middle;
}

.pdt-hd-box h4 p i {
    vertical-align: middle;
    font-size: 18px;
    padding-right: 4px;
}

.pdt-hd-box h4:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 4px;
    height: 23px;
    background: #24bbd4;
    left: 0;
    top: 4px;
}

.pdt-li {
    border: 1px solid #ccc;
    width: 48.5%;
    margin-bottom: 34px;
    float: left;
    background: #fff;
    border-radius: 5px;
}

.pdt-li:nth-child(2n) {
    margin-right: 0;
    float: right;
}

.pdt-li .tui-tm {
    height: 240px;
    display: table;
    width: 100%;
}

.tui-tm dt {
    display: table-cell;
    width: 196px;
    vertical-align: middle;
    border-right: 1px dashed #d4d4d4;
}

.tui-tm dd {
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

.pdt-li .icon-p {
    text-align: center;
    color: #24bbd4;
}

.pdt-li .icon-p b {
    display: block;
    font-weight: normal;
}

.tui-tm dt .icon-p .iconfont {
    font-size: 80px;
}

.tui-tm dt .icon-p b {
    font-size: 20px;
}

.tui-tm dd .icon-p {
    display: inline-block;
    width: 50%;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
    padding-left: 30px;
}

.tui-tm dd .icon-p:nth-child(2) {
    padding-left: 0;
    padding-right: 30px;
}

.tui-tm dd .icon-p .iconfont {
    font-size: 48px;
    color: #777;
}

.tui-tm dd .icon-p b {
    color: #5e5e5e;
    padding-top: 12px;
}

.btn-p {
    text-align: center;
    padding-top: 30px;
}

.btn-p a {
    font-size: 14px;
    color: #24bbd4;
    width: 228px;
    height: 34px;
    display: inline-block;
    line-height: 34px;
    border: 1px solid #24bbd4;
    border-radius: 2px;
    -webkit-transition: all .07s ease-in;
    -moz-transition: all .07s ease-in;
    transition: all .07s ease-in;
}

.pdt-li .btn-p a:hover {
    color: #fff;
    border-color: #1fd1e2;
    background: #1bcae8;
    background-image: -moz-linear-gradient(left, #1bcae8 0, #20d2e0 100%);
    background-image: -webkit-linear-gradient(left, #1bcae8 0, #20d2e0 100%);
    background-image: -ms-linear-gradient(left, #1bcae8 0, #20d2e0 100%);
    background-image: linear-gradient(left, #1bcae8, #20d2e0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20d2e0', endColorstr='#1bcae8', GradientType=1);
}

.fh-icon {
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 70px;
    margin: auto;
}

.fh-icon .iconfont {
    color: #777;
    font-size: 20px;
}

.dlprod-warp {
    padding-top: 56px;
}

.du-pro dt {
    padding: 20px;
}

.du-pro dt p {
    line-height: 40px;
}

.dup-left {
    float: left;
    color: #24bbd4;
}

.dup-left .iconfont {
    font-size: 40px;
    vertical-align: middle;
    padding-right: 16px;
}

.dup-left b {
    font-size: 20px;
    font-weight: normal;
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
    color: #333;
}

.dup-left span {
    vertical-align: middle;
    color: #5e5e5e;
}

.dup-right {
    float: right;
}

.dup-right a {
    font-size: 14px;
    color: #5e5e5e;
    text-decoration: underline;
}

.dup-right a:hover {
    color: #24bbd4;
}

.dup-right span {
    padding: 0 4px;
}

.pdtbtn-box {
    height: 144px;
    overflow-y: auto;
}

.du-pro dd .btn-p {
    padding: 0;
    display: inline-block;
    padding-left: 80px;
    margin-bottom: 30px;
}

.du-pro dd ul {
    padding: 0px 20px 8px 80px;
    height: 150px;
    overflow-y: auto;
}

.du-pro dd ul li {
    float: left;
    padding: 0 12px 12px 0;
}

.du-pro dd ul li a {
    display: table;
    width: 96px;
    height: 108px;
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    margin: 0 auto;
}

.du-pro dd ul li a .icon-p {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    padding-bottom: 30px;
}

.du-pro dd ul li a .icon-p .iconfont {
    font-size: 50px;
    color: #a0a0a0;
}

.du-pro dd ul li a .icon-p b {
    color: #5e5e5e;
    font-size: 13px;
    position: absolute;
    height: 30px;
    line-height: 30px;
    background: #f7f7f7;
    width: 100%;
    bottom: 0;
    left: 0;
}

.du-pro dd ul li a .icon-p .down-b {
    background: #24bbd4;
    color: #fff;
    display: none;
}

.du-pro dd ul li a:hover {
    border-color: #24bbd4;
}

.du-pro dd ul li a:hover .icon-p .iconfont {
    color: #24bbd4;
}

.du-pro dd ul li a:hover .down-b {
    display: inline-block;
}

.dup-link {
    padding: 16px 10px 16px 80px;
    color: #24bbd4;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
}

.dup-link span {
    vertical-align: middle;
}

.dup-link a {
    color: #24bbd4;
    margin: 0 4px;
    vertical-align: middle;
    display: inline-block;
}

.dup-link a:hover {
    text-decoration: underline;
}

.ad-bnr-warp {
    height: 280px;
    background-color: #143358;
    margin-top: 50px;
}

.adk-bnr-warp {
    background: url(../images/sdk_ad_bg.jpg) no-repeat center center;
}

.ad-bnr-warp .conArea {

    height: 100%;
}

.ad-txt-con {
    position: relative;
    width: 100%;
    height: 100%;
    display: inline-block;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
}

.adk-bnr-warp .ad-txt-con {
    padding-left: 120px;
}

.ad-txt-con p {
    color: #fff;
    position: absolute;
    top: 100px;
    padding-left: 20px;
}

.ad-txt-con b {
    font-size: 30px;
    display: block;
    font-weight: normal;
    padding-bottom: 16px;
    position: relative;
}

.ad-txt-con b:after {
    content: "";
    display: inline-block;
    width: 3px;
    height: 26px;
    background: #fff;
    position: absolute;
    left: -20px;
    top: 7px;
}

.ad-txt-con i {
    font-size: 16px;
}

.ad-bnr-img {
    display: none;
}

.ad-a-warp {
    display: inline-block;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/*  -------------------------------------------- SDK下载 结束！ --------------------------------------------  */
/*  ------------------------------ 平台特性页 开始！ -----------------------------  */
.ksyf-bnr-warp .pgqbnr-img {
    height: 374px;
    text-align: right;
}

.ksyf-bnr-warp .bnr-txt-img h2 {
    padding-top: 30%;
}

.ksyf-bnr-warp .bnr-txt-img h2 img {
    max-width: 514px;
}

.ksyf-bnr-warp .pgqbnr-img img {
    margin: 0;
}

.tx-btnlist-warp {
    border-bottom: 1px solid #d6d6d6;
}

.tx-btnlist-warp ul {
    border-right: 1px solid #dbdbdb;
}

.tx-btnlist-warp li {
    float: left;
    width: 25%;
}

.tx-btnlist-warp a {
    font-size: 20px;
    color: #303030;
    text-align: center;
    display: block;
    height: 60px;
    line-height: 60px;
    border-left: 1px solid #dbdbdb;
}

.tx-btnlist-warp .check a, .tx-btnlist-warp a:hover {
    background: #24bbd4 url(../images/indmidnav-bg.png);
    color: #fff;
}

.tx-map-warp {
    background: #f0f7fc;
    padding-bottom: 70px;
}

.tx-map-box {
    text-align: center;
}

.tx-info-warp {
    overflow: hidden;
}

.tinfo-box {
    border-radius: 60px;
    margin-top: -1px;
    padding: 60px;
    position: relative;
    min-height: 500px;
}

.tf-img {
    display: inline-block;
    padding-top: 74px;
}

.tf-img img {
    vertical-align: middle;
}

.tf-icon {
    display: inline-block;
    position: absolute;
    background: #fff;
    width: 64px;
    height: 64px;
    padding: 10px 0;
    top: 0;
    bottom: 24%;
    margin: auto;
    z-index: 10;
}

.tf-icon img {
    vertical-align: middle;
}

.tf-txt {
    position: absolute;
    top: 214px;
    max-width: 420px;
}

.tf-txt b {
    display: block;
    color: #303030;
    font-size: 30px;
    font-weight: normal;
    padding-bottom: 22px;
    margin-bottom: 22px;
    position: relative;
}

.tf-txt b:after {
    content: "";
    display: inline-block;
    width: 60px;
    height: 2px;
    background: #24bbd4;
    position: absolute;
    bottom: 0;
    left: 0;
}

.tf-txt span {
    color: #5e5e5e;
    font-size: 16px;
    display: inline-block;
    line-height: 24px;
}

.tinfo-box-01 {
    border-left: 1px dashed #8593a1;
    border-bottom: 1px dashed #8593a1;
}

.tinfo-box-01:after, .tinfo-box-02:after {
    content: "";
    display: inline;
    width: 60px;
    height: 60px;
    background: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
}

.tinfo-box-02 + .tinfo-box-01:before, .tinfo-box-02:before {
    content: "";
    display: inline-block;
    width: 60px;
    height: 60px;
    background: #fff;
    position: absolute;
    left: -1px;
    top: 0px;
    border-radius: 60px 0 0 0;
    border-left: 1px dashed #8c9aa7;
    border-top: 1px dashed #8c9aa7;
}

.tinfo-box-02:before {
    background: #fff;
    border: none;
    border-radius: 0 0 60px 0;
    border-right: 1px dashed #8c9aa7;
    border-bottom: 1px dashed #8c9aa7;
    left: auto;
    right: -1px;
    top: auto;
    bottom: -1px;
    z-index: 3;
}

.tinfo-box-02:after {
    right: auto;
    left: 0;
}

.tinfo-box-01 .tf-img {
    float: right;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.tinfo-box-01:hover .tf-img {
    margin-right: -10px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.tinfo-box-01 .tf-icon {
    left: -32px;
}

.tinfo-box-01 .tf-txt {
    left: 60px;
}

.tf-txt b .small {
    font-size: 22px;
    display: block;
    padding-top: 8px;
}

.tinfo-box-02 {
    border: 1px dashed #8593a1;
    border-left: none;
}

.tinfo-box-02 .tf-img {
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.tinfo-box-02:hover .tf-img {
    margin-left: 10px;
}

.tinfo-box-02 .tf-icon {
    right: -32px;
}

.tinfo-box-02 .tf-txt {
    right: 60px;
    text-align: right;
}

.tinfo-box-02 .tf-txt b:after {
    left: auto;
    right: 0;
}

.dashed-span-01, .dashed-span-02, .dashed-span-03 {
    display: inline-block;
    width: 60px;
    height: 60px;
    background: #fff;
    position: absolute;
    top: 0;
    left: -1px;
    border-left: 1px dashed #8593a1;
}

.dashed-span-02 {
    border: none;
}

.dashed-span-03 {
    border: none;
    background: #fff;
    top: auto;
    bottom: 0;
    height: 60%;
}

.tinfo-box-02 + .tinfo-box-01 {
    border-bottom: none;
}

.ksyf-reg-warp {
    height: 280px;
    background: url(../images/txks_ft_bg.jpg) no-repeat center center;
    overflow: hidden;
}

.ksyf-reg-warp .conArea {
    display: table;
    height: 100%;
}

.ksyf-reg-con {
    color: #fff;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    z-index: 10;
}

.ksyf-reg-con p {
    font-size: 30px;
}

.ksyf-reg-con i {
    font-size: 16px;
    display: block;
    padding: 12px 0 32px 0;
}

.ksyf-reg-con .btn-reg a {
    color: #fff;
    font-size: 20px;
    display: inline-block;
    width: 200px;
    height: 54px;
    line-height: 54px;
    background: url(../images/txks_btn_bg.png) no-repeat center center;
    border-radius: 38px;
}

.ksyf-reg-con .btn-reg a:hover {
    background: url(../images/txks_btn_hv_bg.png) no-repeat center center;
}

.ksyf-reg-con .btn-reg a:active {
    background: url(../images/txks_btn_at_bg.png) no-repeat center center;
}

.bg-bgrey-warp {
    background: #f1f8fc;
}

.aqwd-warp-02 .contxt-list img {
    width: 114px;
}

.eth-warp .iconShow-ul {
    padding-bottom: 70px;
}

.iconShow-tle {
    text-align: center;
    font-size: 22px;
    padding-bottom: 30px;
}

.iconShow-tle .iconfont {
    color: #f1b136;
    font-size: 22px;
}

.tq-tab-warp {
    padding-bottom: 60px;
}

.tq-tab-area table {
    width: 100%;
    border: 1px solid #9ab3cd;
}

.tq-tab-area th {
    border: 1px solid #cddae6;
    font-weight: normal;
    font-size: 16px;
    height: 60px;
    background: #d5e4f4;
}

.tq-tab-area td {
    border: 1px solid #cddae6;
    color: #444444;
    padding: 24px;
    height: 152px;
}

.tq-tab-area td b {
    display: block;
    padding-bottom: 14px;
    font-size: 22px;
    font-weight: normal;
}

.tq-tab-area tr td:nth-child(1) {
    text-align: center;
    width: 250px;
}

.tq-tab-area tr:nth-child(2n) {
    background: #f2f7fc;
}

.tq-tab-area tr:nth-child(2n+1) {
    background: #fff;
}

.tq-tab-area td p {
    display: inline-block;
    text-align: left;
}

.tq-tab-area td i {
    display: block;
    position: relative;
    padding-left: 10px;
    line-height: 22px;
}

.tq-tab-area td p i:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 4px;
    height: 4px;
    background: #444444;
    border-radius: 50%;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.tq-tab-area td span {
    display: block;
}

.tq-tab-area td span a {
    font-size: 13px;
    color: #13a7bf;
    display: inline-block;
    margin-top: 4px;
}

.tq-tab-area td span a:hover {
    color: #24bbd4;
}

.bmggz-img {
    position: absolute;
    bottom: 0;
    right: 0;
}

.bnr-txt {
    top: 90px;
    display: table-cell;
    vertical-align: middle;
}

.bnr-txt h3 {
    color: #f7f7f7;
    font-weight: normal;
}

.bnr-txt h3 p {
    font-size: 44px;
}

.bnr-txt h3 span {
    font-size: 20px;
    padding: 18px 0 0 0;
}

/*  ------------------------------ 平台特性页 结束！ -----------------------------  */
/*  ------------------------------ 分布式开发框架PEBBLE 开始！ -----------------------------  */
.bnrWarp .bnr-img-area {
    height: 490px;
}

.bnr-txt a {
    margin-top: 28px;
    margin-right: 20px;
}

.bnr-txt .icon-cat {
    font-size: 20px;
    padding-right: 8px;
    vertical-align: middle;
}

.sv-img_02 {
    background: url(../images/peb_ft_bg.png) no-repeat center center;
}

.peb-fy-area {
    border: 1px solid #9ab3cd;
    position: relative;
}

.peb-fy-li {
    width: 100%;
}

.peb-fy-li .py-hd {
    width: 233px;
    height: 178px;
    text-align: center;
    line-height: 178px;
    background: #f2f7fc;
    border-bottom: 1px solid #9ab3cd;
    border-right: 1px solid #9ab3cd;
}

.peb-fy-li .py-hd:hover {
    cursor: pointer;
}

.peb-fy-li .py-hd p {
    font-size: 22px;
}

.peb-fy-li .py-con {
    position: absolute;
    left: 233px;
    top: 0;
    right: 0;
    bottom: 0;
}

.py-li-01 .py-con {
    text-align: center;
}

.py-con {
    display: none;
}

.check .py-con {
    display: inline-block;
}

.py-li-01 .py-con p {
    text-align: center;
    display: inline-block;
    width: 33.333%;
    float: left;
    padding-top: 142px;
}

.py-li-01 .py-con p b {
    display: block;
    font-size: 22px;
    font-weight: normal;
    padding: 26px 0 14px;
    color: #474747;
}

.py-li-01 .py-con p i {
    display: block;
    font-size: 14px;
    color: #5e5e5e;
}

.py-li-01 .py-con p i span {
    display: block;
}

.peb-fy-area .check .py-hd {
    border-right: none;
}

.peb-fy-area .check .py-hd p {
    color: #24bbd4;
    background: #fff;
}

.py-li-03 .py-hd {
    border-bottom: none;
}

.py-li-02 .py-con img {
    padding: 68px 0 0 144px;
}

.py-li-02 .py-con p {
    font-size: 22px;
    position: absolute;
    right: 170px;
    top: 210px;
    line-height: 34px;
}

.py-li-02 .py-con span {
    font-size: 44px;
    color: #24bbd4;
}

.py-li-03 .py-con-03 {
    position: relative;
    margin: 64px 0 0 61px;
}

.py-li-03 .py-con-03 .mainpyimg {
    display: inline-block;
}

.py-li-03 .py-con-03 .mainpyimg img {
}

.py-li-03 .py-con-03 p {
    position: absolute;
    display: table;
}

.py-li-03 .py-con-03 p span {
    display: inline-block;
    display: table-cell;
    vertical-align: middle;
}

.py-li-03 .py-con-03 p span img {
    padding-right: 24px;
}

.py-li-03 .py-con-03 p i {
    vertical-align: middle;
    display: table-cell;
    font-size: 16px;
}

.mpy-p-01 {
    top: 23px;
    left: 318px;
}

.mpy-p-02 {
    top: 112px;
    left: 382px;
}

.mpy-p-03 {
    top: 215px;
    left: 386px;
}

.mpy-p-04 {
    left: 316px;
    top: 296px;
}

.ad-warp {
    height: 296px;
    margin-top: 70px;
    background: #183358;
    overflow: hidden;
}

.ad-warp .ad-word {
    color: #f7f7f7;
    display: inline-block;
    float: left;
    padding-top: 100px;
    width: 450px;
    padding-left: 28px;
}

.ad-warp .ad-word b {
    display: block;
    font-size: 30px;
    padding-bottom: 16px;
    position: relative;
    font-weight: normal;
}

.ad-warp .ad-word b:after {
    content: "";
    display: inline-block;
    width: 3px;
    height: 26px;
    background: #24bbd4;
    position: absolute;
    left: -20px;
    top: 6px;
}

.ad-warp .ad-word span {
    font-size: 16px;
    line-height: 24px;
}

.ad-warp .ad-img {
    display: inline-block;
    margin-top: -117px;
    float: right;
}

.pebble-sv-img .sv-img {
    background: url(../images/peb_ft_bg.png) no-repeat center top;
}

.pebble-ad-warp {
    background: url(../images/pebble_ad_bg.jpg) no-repeat center center;
}

.pebble-ad-warp .ad-txt-con p {
    max-width: 444px;
}

.pebble-ad-warp .ad-txt-con b:after {
    background: #24bbd4;
}

/*  ------------------------------ 分布式开发框架PEBBLE 结束！ -----------------------------  */
/*  ------------------------------ 移动单机LEAP 开始！ -----------------------------  */
.leap-bnr-warp {
    background: url(../images/leap_bnr_bg.jpg) no-repeat center top;
}

.bnr-img {
    display: none;
}

.leapinr-warp {
    padding-bottom: 60px;
}

.leap-con-ul li {
    display: table;
    width: 100%;
    border: 1px solid #cfdcea;
    margin-top: -1px;
    height: 180px;
}

.leap-con-ul li:nth-child(2n-1) {
    background: #f2f7fc;
}

.leap-con-ul li p {
    display: table-cell;
    vertical-align: middle;
}

.leap-con-ul .interd-img-icon {
    border-right: 1px solid #cfdcea;
    width: 233px;
    text-align: center;
}

.leap-con-ul .interd-img-icon img {
    vertical-align: middle;
}

.leap-con-ul .interd-txt {
    padding-left: 56px;
}

.leap-con-ul .interd-txt b {
    display: block;
    font-size: 24px;
    font-weight: normal;
    padding-bottom: 12px;
}

.leap-con-ul .interd-txt span {
    font-size: 16px;
    display: block;
    color: #5e5e5e;
}

.proarea-ul li {
    float: left;
    padding-right: 96px;
    text-align: center;
    position: relative;
    display: inline-block;
    width: 163px;
}

.proarea-ul li:after {
    content: "";
    display: inline-block;
    width: 113px;
    height: 9px;
    background: url(../images/leap_icon_bg.png) no-repeat right center;
    position: absolute;
    right: -8px;
    top: 62px;
}

.proarea-ul li p {
    font-size: 22px;
    padding-top: 24px;
}

.proarea-ul li:nth-last-child(2) {
    padding-right: 0;
}

.proarea-ul li:nth-last-child(2):after {
    display: none;
}

/*  ------------------------------ 移动单机LEAP 结束！ -----------------------------  */
/*  ------------------------------ 游戏存储Leap 开始！ -----------------------------  */
.storage-inr-warp .leap-con-ul li {
    height: 154px;
}

/*  ------------------------------ 游戏存储Leap 结束！ -----------------------------  */
/*  ------------------------------ 关于我们 开始！ -----------------------------  */
.about-warp {
    padding-top: 20px;
}

.about-warp .conArea {
    border: 1px solid #d4d4d4;
}

.about-warp .fldt-sidebar {
    margin-left: -1px;
    position: absolute;
    top: 0;
    bottom: 0;
    background: #f1f8fc;
    border-right: 1px solid #d4d4d4;
}

.about-warp .fldt-sidebar ul {
    width: 199px;
}

.fldt-sidebar ul li p:after {
    display: none;
}

.about-warp .fldt-sidebar ul li a {
    height: 34px;
}

.about-warp .fldt-sidebar ul li b a {
    padding: 8px 0 8px 22px;
    font-size: 16px;
}

.about-warp .fldt-sidebar ul li b a .iconfont {
    padding-right: 12px;
}

.ablut-main-area {
    padding: 40px;
}

.ablut-main-area h5 {
    font-size: 22px;
    position: relative;
    padding-left: 15px;
    padding-bottom: 30px;
}

.ablut-main-area h5:after {
    content: "";
    display: inline-block;
    width: 4px;
    height: 22px;
    background: #24bbd4;
    position: absolute;
    left: 0;
    top: 5px;
}

.ab-img-box img {
    width: 100%;
    padding-bottom: 20px;
}

.ab-txt-box p {
    line-height: 26px;
    padding-bottom: 26px;
}

.ab-txt-box p.orange {
    font-size: 14px;
}

.abtxt-dl {
    padding-bottom: 34px;
    color: #303032;
}

.abtxt-dl dt {
    padding-bottom: 14px;
}

.abtxt-dl dt .iconfont {
    font-size: 20px;
    padding-right: 7px;
    color: #3b4654;
}

.abtxt-dl dt b {
    font-weight: normal;
    font-size: 18px;
}

.abtxt-dl dd {
    padding-left: 33px;
}

.abtxt-dl dd p {
    line-height: 26px;
}

.cr-orange, .ab-dl-box .cr-orange dt .iconfont {
    color: #fc7225;
}

.login-owner {
    display: inline-block;
    vertical-align: middle;
    padding: 0 16px 0 8px;
    position: relative;
}

.login-owner:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #fff;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.login-owner img {
    width: 30px;
    height: 30px;
    border-radius: 3px;
    vertical-align: middle;
}

.owner-name {
    color: #fff;
    vertical-align: middle;
    line-height: 30px;
    display: inline-block;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    padding-left: 8px;
    position: relative;
}

.login-owner:hover .owner-name {
    color: #24bbd4;
}

.login-owner .on-snd {
    position: absolute;
    z-index: 333;
    top: 20px;
    right: 0;
    padding-top: 16px;
    display: none;
}

.login-owner .on-snd a {
    display: inline-block;
    background: #02244a;
    width: 80px;
    margin-left: 0;
    padding: 0 10px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 15px;
}

.login-owner:hover .on-snd {
    display: inline-block;
}

/*  ------------------------------ 关于我们 结束！ -----------------------------  */
/*  ------------------------------ 登录 开始！ -----------------------------  */
.login-page-warp, .reg-page-warp {
    background: url(../images/login_warp_bg.jpg) no-repeat center bottom;
    background-size: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: 60px;
    bottom: 0;
    min-height: 750px;
}

.login-page-warp .conArea {
    display: table;
    height: 70%;
}

.login-con-box {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.login-txt {
    padding-bottom: 54px;
}

.login-txt h4 {
    font-size: 48px;
    color: #fff;
    font-weight: normal;
    padding-bottom: 16px;
}

.login-txt p {
    display: inline-block;
    font-size: 20px;
    color: #fff;
    padding-left: 20px;
    position: relative;
    margin: 0 12px;
}

.login-txt p:after {
    content: "";
    display: inline-block;
    width: 9px;
    height: 9px;
    background: #f1b136;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.login-box {
    display: inline-block;
    width: 430px;
    min-height: 320px;
    background: #fff;
}

.login-page-warp .footer-area, .reg-page-warp .footer-area {
    padding: 30px 0;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.login-page-warp .footer-area .sv-link, .login-page-warp .footer-area .sv-link a, .reg-page-warp .footer-area .sv-link, .reg-page-warp .footer-area .sv-link a {
    color: #fff;
}

/*  ------------------------------ 登录 结束！ -----------------------------  */
/*  ------------------------------ 注册 开始！ -----------------------------  */
.reg-page-warp {
    background: url(../images/reg_warp_bg.jpg) no-repeat center bottom;
    background-size: cover;
}

.reg-txt-box {
    display: inline-block;
    color: #fff;
    padding-top: 80px;
    float: left;
}

.reg-txt-box h5 {
    font-size: 48px;
    font-weight: normal;
    padding-bottom: 28px;
}

.reg-txt-box p {
    padding-left: 25px;
    margin-bottom: 10px;
    position: relative;
}

.reg-txt-box p:after {
    content: "";
    display: inline-block;
    width: 9px;
    height: 9px;
    background: #f1b136;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.reg-txt-box .reg-qrcode img {
    padding-top: 60px;
}

.reg-main-box {
    display: inline-block;
    float: right;
    background: #fff;
    width: 420px;
    margin-top: 90px;
}

.reg-main-box b {
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    padding: 15px 0;
    border-bottom: 1px solid #e6e6e6;
}

.reg-input-ul {
    padding: 30px 36px;
}

.reg-input-ul li {
    width: 100%;
    display: table;
    margin-bottom: 10px;
}

.reg-input-ul .iconfont {
    display: table-cell;
    width: 28px;
    font-size: 21px;
    color: #ababab;
    vertical-align: top;
    padding-top: 10px;
}

.reg-input-ul .inputbox-span {
    display: table-cell;
}

.reg-input-ul input {
    width: 100%;
    height: 40px;
    border: 1px solid #d5d5d5;
    border-radius: 3px;
    padding: 0 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
}

.reg-input-ul input[value] {
    color: #9E9E9E;
}

.reg-input-ul input[value]:focus {
    color: #333;
}

.reg-input-ul .btn-scode {
    display: table-cell;
    width: 100px;
    text-align: right;
}

.reg-input-ul .btn-scode a {
    display: inline-block;
    background: #f1b136;
    border-radius: 3px;
    text-align: center;
    color: #fff;
    width: 92px;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
    height: 38px;
    vertical-align: middle;
    line-height: 38px;
    border: 1px solid #e39f00;
}

.reg-input-ul .btn-scode a:hover {
    background: #f8bb47;
    border: 1px solid #f4b626;
}

.reg-input-ul .btn-scode a:active {
    background: #dda53b;
    border: 1px solid #e1a417;
}

.reg-input-ul .btn-reg {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
    padding-left: 28px;
    padding-top: 5px;
}

.reg-input-ul .btn-reg a {
    display: inline-block;
    background: #84cc2e;
    width: 100%;
    text-align: center;
    height: 38px;
    line-height: 38px;
    color: #fff;
    border: 1px solid #5abb1d;
    border-radius: 3px;
    font-size: 16px;
}

.reg-input-ul .btn-reg a:hover {
    background: #8ed736;
    border: 1px solid #6bd926;
}

.reg-input-ul .btn-reg a:active {
    background: #7dc426;
    border: 1px solid #5ec71d;
}

/*  ------------------------------ 注册 结束！ -----------------------------  */
/*  ------------------------------ banner统一调整 开始！ -----------------------------  */
.pebble-bnr-warp {
    background: url(../images/pebble_bnr_bg.jpg) no-repeat center top;
}

.updata-bnr-warp {
    background: url(../images/updata_bnr_bg.jpg) no-repeat center top;
}

.nav-bnr-warp {
    background: url(../images/nav_bnr_bg.jpg) no-repeat center top;
}

.voice-bnr-warp {
    background: url(../images/voice_bnr_bg.jpg) no-repeat center top;
}

.insp-bnr-warp {
    background: url(../images/sdk_bnr_bg.jpg) no-repeat center top;
}

.kfztq-bnr-warp {
    background: url(../images/kfztq_bnr_bg.jpg) no-repeat center top;
}

.ovw-bnr-warp {
    background: url(../images/ovw_bnr_bg.jpg) no-repeat center top;
}

.anquan-bnr-warp {
    background: url(../images/anquan_bnr_bg.jpg) no-repeat center top;
}

.ksyf-bnr-warp {
    background: url(../images/ksyf_bnr_bg.jpg) no-repeat center top;
}

.file-bnr-warp {
    background: url(../images/file_bnr_bg.jpg) no-repeat center top;
}

.storage-bnr-warp {
    background: url(../images/storage_bnr_bg.jpg) no-repeat center top;
}

.index-bnr-warp .bnr-img-01 {
    background: url(../images/index_bnrbg_01.jpg) no-repeat center top;
}

.index-bnr-warp .bnr-img-02 {
    background: url(../images/index_bnr_bg02.jpg) no-repeat center top;
}

.index-bnr-warp .bnr-img-03, .index-bnr-warp .bnr-img-04, .index-bnr-warp .bnr-img-05 {
    background: url(../images/index_bnrbg.jpg) no-repeat center top;
}

.index-bnr-warp,
.index-bnr-warp .bnr-img-area {
    height: 560px;
}

.ksyf-bnr-warp .bnr-img-area,
.anquan-bnr-warp .bnr-img-area,
.ovw-bnr-warp .bnr-img-area,
.kfztq-bnr-warp .bnr-img-area,
.sdk-bnr-warp .bnr-img-area,
.file-bnr-warp .bnr-img-area {
    height: 390px;
}

.ksyf-bnr-warp .bnrview-area,
.anquan-bnr-warp .bnrview-area,
.ovw-bnr-warp .bnrview-area,
.kfztq-bnr-warp .bnrview-area,
.sdk-bnr-warp .bnrview-area,
.file-bnr-warp .bnrview-area {
    bottom: auto;
    top: 125px;
}

.index-bnr-warp .bnrview-area {
    bottom: 200px;
}

.index-bnr-warp .bnr-a-warp {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}

.index-bnr-warp .bnr-txt a {
    margin-top: 48px;
    position: relative;
    z-index: 3;
}

.br-span {
    display: inline-block;
}

.bnr-voice-gif {
    width: 1200px;
    margin: 0 auto;
    height: 100%;
    position: relative;
}

.bnr-voice-gif img {
    position: absolute;
    right: -71px;
    bottom: 41px;
}

/*  ------------------------------ banner统一调整 结束！ -----------------------------  */
/*  ------------------------------ 分布式开发框架PEBBLE 底部文本图 开始！ -----------------------------  */
.pebble-sv-img {
    width: 1200px;
    margin: 0 auto;
}

.sv-simg span {
    display: inline-block;
    float: left;
    width: 24%;
    text-align: center;
}

.sv-simg span {
    border-right: 1px solid #d9dbe3;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
}

.sv-simg span:nth-child(1) {
    border-left: 1px solid #d9dbe3;
}

/*  ------------------------------ 分布式开发框架PEBBLE 底部文本图 结束！ -----------------------------  */
/*  ------------------------------ 0.2.1 导航调整 开始！ -----------------------------  */
.nav-snd-area .posi-abs {
    /* position: absolute; */
    /* top: 160px; */
    /* right: 0; */
    padding-right: 0;
}

.tips-hd {
    display: inline-block;
    position: relative;
}

/*  ------------------------------ 0.2.1 导航调整 结束！ -----------------------------  */
/*  ------------------------------ 0.2.1 xLua产品详情页面 开始！ -----------------------------  */
.xLua-bnr-warp {
    background: url(../images/xlua_bnr_bg.jpg) no-repeat center top;
}

.xlua-info-warp {
    padding-bottom: 80px;
}

.xlua-rs-warp {
    padding: 60px 0 20px;
}

.xlua-codeWarp {
    height: 484px;
}

.xlua-codeWarp dl p .small {
    font-size: 14px;
    display: block;
    padding-top: 36px;
}

.xlua-codeWarp dl dt {
    width: 500px;
}

.linkWarp .link-list-box ul li {
    display: inline-block;
    width: 50%;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
    padding: 0 10px 14px 0;
}

.linkWarp .link-list-box ul li a {
    display: inline-block;
    color: #303030;
    padding-left: 14px;
    position: relative;
}

.linkWarp .link-list-box ul li a:hover {
    color: #24bbd4;
}

.linkWarp .link-list-box ul li a:after {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #303030;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.linkWarp .link-list-box ul li a:hover:after {
    background: #24bbd4;
}

/*  ------------------------------ 0.2.1 xLua产品详情页面 结束！ -----------------------------  */
/*  ------------------------------ 0.2.1 SDK增加demo按钮 开始！ -----------------------------  */
.demo-down-btn {
    border-right: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    text-align: center;
    padding: 20px 0;
    background: #f7f7f7;
}

.demo-down-btn a {
    background: #24bbd4;
    width: 150px;
    text-align: center;
    font-size: 14px;
    color: #24bbd4;
    height: 34px;
    display: inline-block;
    line-height: 34px;
    border: 1px solid #23abc1;
    border-radius: 2px;
    -webkit-transition: all .07s ease-in;
    -moz-transition: all .07s ease-in;
    transition: all .07s ease-in;
    color: #fff;
}

.demo-down-btn a:hover {
    color: #fff;
    border-color: #1fd1e2;
    background: #1bcae8;
    background-image: -moz-linear-gradient(left, #1bcae8 0, #20d2e0 100%);
    background-image: -webkit-linear-gradient(left, #1bcae8 0, #20d2e0 100%);
    background-image: -ms-linear-gradient(left, #1bcae8 0, #20d2e0 100%);
    background-image: linear-gradient(left, #1bcae8, #20d2e0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20d2e0', endColorstr='#1bcae8', GradientType=1);
}

/*  ------------------------------ 0.2.1 SDK增加demo按钮 结束！ -----------------------------  */
/*  ------------------------------ 0.2.2 SDK调整下载按钮及细节内容 开始！ -----------------------------  */
.pdt-li .iconfn-p {
    background: #fafafa;
    width: 98px;
    height: 96px;
    text-align: center;
    line-height: 100px;
    border: 1px solid #f4f4f4;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
    border-radius: 2px;
}

.pdt-li .iconfn-p .iconfont {
    font-size: 64px;
    color: #c9c9c9;
}

.pdt-li .down-a {
    display: inline-block;
    width: 96px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-top: 10px;
    border: 1px solid #24bbd4;
    color: #24bbd4;
    border-radius: 2px;
    font-size: 12px;
}

.du-pro dd ul li:hover .down-a {
    background: #24bbd4;
    color: #fff;
}

.du-pro dd ul li:hover .iconfn-p {
    background: #fff;
    border: 1px solid #24bbd4;
}

.du-pro dd ul li .iconfn-p .iconfont {
    color: #24bbd4;
}

.dup-link .filelink {
    color: #333;
    float: right;
    font-size: 12px;
}

.dup-link .filelink a {
    color: #333;
}

/*  ------------------------------ 0.2.2 SDK调整下载按钮及细节内容 结束！ -----------------------------  */
/*  ------------------------------ 0.2.4 语音页面banner增加sdk下载模块 开始！ -----------------------------  */
.bnrlink-a {
    color: #46e8f5;
}

.bnrlink-a:hover {
    text-decoration: underline;
}

.btn-drodm {
    position: relative;
}

.btn-drodm:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #46e8f5;
    position: absolute;
    right: 16px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.drsdk-box {
    position: absolute;
    background: #003366;
    left: 196px;
    top: 176px;
    z-index: 2222;
    border-radius: 7px;
    box-shadow: rgba(0, 0, 0, 0.30) 0 0 8px;
    overflow: hidden;
    display: none;
}

.drsdk-box ul {
    padding: 20px 20px 10px 20px;
    text-align: center;
}

.drsdk-box li {
    display: inline-block;
}

.drsdk-box .drsdk-a {
    display: inline-block;
    margin: 0 10px 10px 0;
    width: 120px;
    background: #003366;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
    border: 1px solid #12779d;
    border-radius: 3px;
    position: relative;
    padding: 0 10px;
}

.drsdk-box .drsdk-a:hover:after {
    content: "";
    display: inline-block;
    width: 120px;
    height: 36px;
    background: url(../images/drsdk_a_hv.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: 0;
}

.drsdk-box .drsdk-a:hover .driconfn-p, .drsdk-box .drsdk-a:hover .iconfont {
    color: #46e8ff;
}

.drsdk-box li:nth-last-child(2) .drsdk-a {
    margin-right: 0;
}

.drsdk-box .drsdk-a .iconfont {
    font-size: 26px;
    color: #24bbd4;
    display: inline-block;
    float: left;
    height: 36px;
    line-height: 36px;
}

.drsdk-box .drsdk-a .driconfn-p {
    bottom: 0px;
    font-size: 12px;
    color: #299fbd;
    display: inline-block;
    height: 36px;
    line-height: 36px;
}

.drsdk-box .drdup-link {
    height: 44px;
    line-height: 44px;
    padding: 0 20px;
    color: #fff;
}

.drsdk-box .drdup-link span {

    padding: 0;

    display: inline-block !important;
}

.drsdk-box .drdup-link a {
    color: #24bbd4;
    margin: 0 10px;
}

.drsdk-box .drdup-link a:hover {
    text-decoration: underline;
}

.drsdk-box .drdup-link .cr-a {
    color: #24bbd4;
}

/*  ------------------------------ 0.2.4 语音页面banner增加sdk下载模块 结束！ -----------------------------  */
/*  ------------------------------ 0.2.5 语音页面banner增加sdk下载模块+SDK页面布局调整 开始！ -----------------------------  */
.pdt-hhd {
    padding-top: 56px;
}

.pdt-hhd h3 {
    text-align: center;
    font-weight: normal;
    font-size: 36px;
    color: #45494d;
}

.pdt-tab {
    text-align: center;
    padding: 20px 0 0 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
}

.pdt-tab .pdt-tabli {
    display: inline-block;
    width: 200px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    border: 1px solid #d9d9d9;
    background: #fff;
    color: #7c7c7c;
}

.pdt-tab .pdt-tabli:hover {
    color: #24bbd4;
}

.pdt-tab .ckpdt-tabli, .pdt-tab .ckpdt-tabli:hover {
    position: relative;
    border: none;
}

.pdt-tab .ckpdt-tabli:after {
    content: "";
    display: inline-block;
    position: absolute;
    left: -1px;
    right: -1px;
    top: -1px;
    bottom: -1px;
    border: 1px solid #24bbd4;
}

.pdt-tab-tips .iconfont {
    vertical-align: middle;
}

.pdt-tab-tips {
    line-height: 18px;
    padding-top: 10px;
    color: #bdbdbd;
    font-size: 12px;
}

.bg-grey-warp {
    background: #f7f7f7;
}

.padBottom-60 {
    padding-bottom: 60px;
}

/*  ------------------------------ 0.2.5 语音页面banner增加sdk下载模块+SDK页面布局调整 结束！ -----------------------------  */
/*  ------------------------------ 0.2.6 SDK页面布局调整 开始！ -----------------------------  */
.pdt-li_026 {
    border-radius: 0;
    border-color: #e2e2e2;
    min-height: 248px;
}

.pdt-li_026:hover {
    box-shadow: rgba(0, 0, 0, 0.1) 2px 3px 6px
}

.pdt-li_026 .dup-left b {
    font-size: 18px;
}

.pdt-li_026 .du-pro dt {
    padding: 0 20px 0 30px;
    height: 50px;
    line-height: 50px;
    background: #f1f8fc;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
    vertical-align: middle;
}

.pdt-li_026 .du-pro dt .dup-left {
    line-height: 50px;
}

.du-pro dt .filelink {
    float: right;
    font-size: 12px;
}

.du-pro dt .filelink a {
    font-size: 12px;
    color: #777777;
    margin: 0 6px;
}

.du-pro dt .filelink a:hover {
    color: #24bbd4;
    text-decoration: underline;
}

.du-itbox:nth-child(2n) {
    padding-left: 4%;
}

.du-itbox:nth-last-child(1), .du-itbox:nth-last-child(2) {
    border: none;
}

.du-itbox {
    width: 48%;
    display: inline-block;
    float: left;
    border-bottom: 1px solid #eeeeee;
}

.du-item {
    display: table;
    width: 100%;
    padding: 14px 0 18px;
}

.du-item .iconfn-p {
    display: table-cell;
    width: 60px;
    border: none;
    vertical-align: top;
    line-height: 1;
    height: auto;
}

.du-item .iconfn-p .iconfont {
    font-size: 38px;
    background: #f1f8fc;
    width: 60px;
    height: 60px;
    line-height: 60px;
    display: inline-block;
    vertical-align: text-bottom;
    color: #24bbd4;
}

.du-item .du-itinfo {
    display: table-cell;
    vertical-align: top;
    padding-left: 14px;
}

.du-item .du-itinfo b {
    font-weight: normal;
}

.du-item .du-itinfo .du-itbtn {
    display: block;
}

.du-item .du-itinfo .down-a {
    height: 26px;
    line-height: 26px;
    width: 48%;
    margin-top: 14px;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
}

.du-item .du-itinfo .down-a:hover {
    color: #fff;
    border-color: #1fd1e2;
    background: #1bcae8;
    background-image: -moz-linear-gradient(left, #1bcae8 0, #20d2e0 100%);
    background-image: -webkit-linear-gradient(left, #1bcae8 0, #20d2e0 100%);
    background-image: -ms-linear-gradient(left, #1bcae8 0, #20d2e0 100%);
    background-image: linear-gradient(left, #1bcae8, #20d2e0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20d2e0', endColorstr='#1bcae8', GradientType=1);
}

.du-item .du-itinfo .du-itbtn .down-a:nth-child(2n) {
    margin-left: 4%;
}

.du-item .du-ithd {
    display: block;
}

.pdt-li_026 .du-pro dd {
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
    padding: 10px 20px;
}

.product-warp_026 .pdt-li_026 {
    min-height: 236px;
}

.pdt-li_026 .tui-tm dt .icon-p b {
    font-size: 18px;
    color: #333333;
}

.product-warp_026 .pdt-li_026:hover .tui-tm dt {
    background: #f1f8fc;
}

.pdt-li_026 .tui-tm dd .icon-p .iconfont {
    font-size: 58px;
}

/*  ------------------------------ 0.2.6 SDK页面布局调整 结束！ -----------------------------  */
/*  ------------------------------ 0.2.7 英文版登录注册页面 开始！ -----------------------------  */
.boxtle {
    font-size: 20px;
    font-weight: normal;
    display: inline-block;
    padding: 60px 0 40px;
}

.boxcon {
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
    padding: 0 80px;
}

.boxcon li .input {
    border: 1px solid #dcdcdc;
    width: 100%;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
    padding: 0 10px;
    color: #a8a8a8;
    border-radius: 2px;
}

.boxcon li .input:focus {
    color: #333;
}

.boxcon li .btn-col-12 {
    display: inline-block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-radius: 2px;
    color: #fff;
    font-size: 16px;
}

.boxcon li {
    padding-bottom: 16px;
}

.boxcon .line-area a {
    color: #0066cc;
}

.boxcon .line-area a:hover {
    color: #2c95ff;
}

.boxcon .line-area .f-left {
    float: left;
}

.boxcon .line-area .f-right {
    float: right;
}

.line-end {
    padding-top: 20px;
}

.line-end a {
    color: #0af;
}

.line-end a:hover {
    color: #3cbeff;
}

.line-end * {
    font-size: 16px;
}

.boxcon .spanbox {
    display: inline-block;
    float: left;
    height: 40px;
}

.boxcon .vcode {
    background: #fff;
    border: 1px solid gainsboro;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
    border-radius: 2px;
}

.boxcon .vcode img {
    width: 100%;
}

.bg-blue {
    background: #0ca2fd;
}

.bg-green {
    background: #84cc2e;
}

a.bg-blue:hover {
    background: #2cafff;
}

a.bg-green:hover {
    background: #8bd335;
}

.boxcon-txt {
    color: #a8a8a8;
}

.boxcon li .icon-jiuxu {
    font-size: 80px;
    color: #84cc2e;
}

.boxrstle {
    padding-bottom: 20px;
}

.bn-reset .boxcon-txt {
    color: #333;
}

.bn-reset .boxcon-txt-grey {
    color: #9d9d9d;
    font-size: 13px;
    line-height: 1.5;
    padding-top: 10px;
}

.settips-area {
    display: inline-block;
    width: 530px;
    height: 0;
    line-height: 1;
    background: #13cde8;
    color: #fff;
    border-radius: 0 0 6px 6px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
    margin: auto;
    text-align: center;
    overflow: hidden;
    transition: all .3s;
}

.settips-con {
    display: inline-block;
    position: absolute;
    height: 14px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.settips-area-check {
    height: 38px;
    transition: all .3s;
}

.reg-input-ul .linetxt-li {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-left: 28px;
    height: 44px;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
    text-align: center;
}

.linetxt-span {
    color: #a9a9a9;
    background: #fff;
    display: inline-block;
    margin-top: 14px;
    position: relative;
    z-index: 10;
    padding: 0 10px;
}

.reg-input-ul .linetxt-li:after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 28px;
    right: 0;
    top: 0;
    bottom: 0;
    height: 1px;
    background: #d5d5d5;
    margin: auto;
}

.input-box {
    display: inline-block;
    width: 100%;
    height: 40px;
    border: 1px solid #d5d5d5;
}

.ph-frd {
    display: inline-block;
    width: 33%;
    float: left;
    position: relative;
}

.ph-frd .ph-frd-li {
    display: block;
    height: 40px;
    line-height: 40px;
    text-indent: 10px;
}

.ph-frd .ph-frd-libox .ph-frd-li:hover {
    background: #fcfcfc;
}

.ph-frd .ph-frd-libox {
    display: inline-block;
    position: absolute;
    width: 100%;
    background: #fff;
    border: 1px solid #d5d5d5;
    border-top: 0;
    left: -1px;
    top: 40px;
    border-radius: 0 0 3px 3px;
}

.ph-frd .icon-arrowDown {
    position: absolute;
    top: 0;
    right: 0px;
    font-size: 14px;
    padding-top: 0;
}

.input-box .input-phone {
    border: none;
    width: 66%;
}

/*  ------------------------------ 0.2.7 英文版登录注册页面 结束！ -----------------------------  */
/* ------------------------------ 0.2.8  puffer产品首页 开始！----------------------------- */
.puffer-bnr-warp {
    background: url(../images/puffer_bnr_bg.jpg) no-repeat center top;
}

.icontxt-hd-tips {
    font-size: 16px;
    padding-top: 7px;
}

.pic-txt-box {
    width: 1030px;
    margin: 0 auto;
}

.pt-txt {
    float: left;
    padding: 60px 0 0 90px;
}

.pt-txt p {
    font-size: 16px;
    color: #5e5e5e;
    line-height: 1.8;
}

.pt-pic {
    float: right;
}

.pic-txt-box-02 .pt-txt {
    float: right;
    padding: 90px 142px 0 0;
}

.pic-txt-box-02 .pt-pic {
    float: left;
    padding-left: 40px;
}

.bg-dblue-warp {
    background: #18345a url(../images/puffer_dbluebg.png) no-repeat center top;
}

.pndl-img {
    float: left;
    padding-top: 86px;
}

.pndl-img img {
}

.pndl-txt {
    float: right;
    width: 480px;
    color: #fff;
    padding-top: 158px;
}

.pndl-txt .icon {
    display: inline-block;
    float: left;
    padding-right: 18px;
}

.pndl-txt .icon img {
}

.pndl-txt .icon-tips {
    width: 368px;
    display: inline-block;
}

.pndl-txt .icon-tips .bold {
    display: block;
    font-size: 24px;
    padding-bottom: 20px;
}

.pndl-txt .icon-tips .span {
    line-height: 1.5;
}

/* ------------------------------ 0.2.8  puffer产品首页 结束！----------------------------- */
/*  ------------------------------ 增加邮箱登录链接入口 开始！ -----------------------------  */
.login-a-mail {
    text-align: left;
    padding-top: 10px;
}

.login-a-mail a {
    color: #ffffff;
}

.login-a-mail a:hover {
    color: #d8faf4;
}

.login-a-mail a .iconfont {
    font-size: 12px;
}

/*  ------------------------------ 增加邮箱登录链接入口 结束！ -----------------------------  */
/* ------------------------------ 0.2.8  MTP产品首页 开始！----------------------------- */
.mtp-bnr-warp {

    background: url(../images/mtp_bnr_bg.jpg) no-repeat center top;
}

.mtp-bnr-warp .bnr-img {
}

.bg-dblue-warp .icontxt-hd h4,
.bg-dblue-warp .iconShow-ul li a p {
    color: #fff;
}

.mtp-spc .icontxt-hd {
    padding: 54px 0 58px;
}

.mtp-spc-numWarp ul {
    padding: 60px 0 0;
}

.nav-snd-area .posi-abs-pbxl {
    top: 162px;
}

/* ------------------------------ 0.2.8  MTP产品首页 结束！----------------------------- */
/* ------------------------------ 0.2.8  导航二级菜单 开始！----------------------------- */
.box-spa-div {
    display: inline-block;
    float: left;
    position: relative;
    width: 277px;
    padding-right: 30px;
}

.last-bsp-div {
    padding: 0
}

.box-spa-div dl {
    float: none;
    padding: 0;
}

/* ------------------------------ 0.2.8  导航二级菜单 结束！----------------------------- */
/* ------------------------------ 0.2.8  产品文档调整 开始！----------------------------- */
.file-ps-warp {
    padding-bottom: 30px;
}

/* ------------------------------ 0.2.8  产品文档调整 结束！----------------------------- */
/* ------------------------------ 0.2.9  文档中心-价格测算 开始！----------------------------- */
.fixed-infobox {
    position: fixed;
    right: 44px;
    bottom: 90px;
    width: 340px;
    border: 1px solid #d4d4d4;
    z-index: 666;
    background: #fff;
    box-shadow: rgba(33, 33, 33, 0.1) 3px 3px 4px;
}

.fibx-hd {
    border-bottom: 1px solid #d4d4d4;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.fibx-hd h5 {
    font-size: 16px;
    font-weight: normal;
}

.fibx-con {
    padding-bottom: 16px;
}

.fibx-con .group-box {
    padding: 24px 10px 0 10px;
}

.fibx-con .group-box b {
    font-size: 13px;
}

.fibx-con .group-box .co-btn {
    margin-top: 16px;
    display: table;
    width: 100%;
    border: 1px solid #d4d4d4;
    border-right: none;
}

.fibx-con .group-box .co-btn a {
    display: table-cell;
    font-size: 12px;
    border-right: 1px solid #d4d4d4;
    margin-left: -1px;
    width: 25%;
    box-sizing: border-box;
    text-align: center;
    height: 24px;
    line-height: 24px;
    color: #474747;
}

.fibx-con .group-box .co-btn a:active {
    background: #e8ebec;
}

.fibx-con .group-box .co-btn a.check {
    background: #24bbd4;
    color: #fff;
}

.fibx-con .group-box .tips-txt {
    font-size: 12px;
    padding-top: 10px;
    color: #9b9b9b;
}

.fibx-con .group-box .input {
    border: 1px solid #d4d4d4;
    height: 24px;
    margin-top: 16px;
    box-sizing: border-box;
    padding: 0 4px;
    width: 100px;
}

.fibx-con .group-box .span-tip {
    font-size: 12px;
    color: #9b9b9b;
}

.fibx-con .group-box .rs-nub .bigger {
    font-size: 36px;
    display: inline-block;
    padding-right: 6px;
}

.cr-blue {
    color: #24bbd4;
}

/* ------------------------------ 0.2.9  文档中心-价格测算 结束！----------------------------- */
/* ------------------------------ 0.3.0  登录页面 开始！----------------------------- */
.login-top-bg {
    background: url(../images/login_bg_01.jpg) repeat-x;
}

.login-page-warp, .reg-page-warp {

    background: #1c365d url(../images/login_bg_02.jpg) no-repeat center top;
}

/* ------------------------------ 0.3.0  登录页面 结束！----------------------------- */
/* ------------------------------ 0.3.1  全站增加动态效果 开始！----------------------------- */
.slip-jquery {
    animation: paas 1.5s;
    -moz-animation: paas 1.5s;
    -webkit-animation: paas 1.5s;
/ -o-animation: paas 1.5 s;
}

@keyframes paas {
    from {
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        opacity: 0;
        margin-top: 30px;
    }
    to {
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
        margin-top: 0px;
    }
}

@-moz-keyframes paas {
    from {
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        opacity: 0;
        margin-top: 30px;
    }
    to {
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
        margin-top: 0px;
    }
}

@-webkit-keyframes paas {
    from {
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        opacity: 0;
        margin-top: 30px;
    }
    to {
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
        margin-top: 0px;
    }
}

@-o-keyframes paas {
    from {
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        opacity: 0;
        margin-top: 30px;
    }
    to {
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
        margin-top: 0px;
    }
}

.bnrWarp,
.mid-nav-warp {
    animation: paasfliter 0.15s;
    -moz-animation: paasfliter 0.15s;
    -webkit-animation: paasfliter 0.15s;
    -o-animation: paasfliter 0.15s;
}

@keyframes paasfliter {
    from {
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        opacity: 0;
    }
    to {
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
    }
}

@-moz-keyframes paasfliter {
    from {
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        opacity: 0;
    }
    to {
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
    }
}

@-webkit-keyframes paasfliter {
    from {
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        opacity: 0;
    }
    to {
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
    }
}

@-o-keyframes paasfliter {
    from {
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        opacity: 0;
    }
    to {
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
    }
}

/* ------------------------------ 0.3.1  全站增加动态效果 结束！----------------------------- */
/* ------------------------------ 0.3.2  增加MTP Banner 开始！----------------------------- */
.index-bnr-warp .bnr-img-05 {
    background: url(../images/index_bnr05_bg.jpg) no-repeat center top;
    background-size: cover;
}

/* ------------------------------ 0.3.2  增加MTP Banner 结束！----------------------------- */
/* ------------------------------ 0.3.3  调整SDK细节及增加版本号 开始！----------------------------- */
.dup-left .gb-nub {
    color: #333;
}

.du-itbox:nth-child(2n-1) {
}

/* ------------------------------ 0.3.3  调整SDK细节及增加版本号 结束！----------------------------- */

/* ------------------------------ 0.3.4  GFM产品首页 开始！----------------------------- */
.gfm-bnr-warp {
    background: url(../images/gfm_bnr_bg.jpg) no-repeat center top;
}

.gfm-spc {
    padding-bottom: 50px;
}

.gfm-spc .iconShow-ul {
    padding-bottom: 30px;
    width: auto;
}

.gfm-spc .iconShow-ul li {
    padding-right: 8px;
}

.gfm-spc .iconShow-ul li p {
    width: 110px;
}

.enter-btn-warp {
    background: #133057 url(../images/gfm_bg_03.jpg) no-repeat center center;
    display: table;
    width: 100%;
    height: 325px;
}

.enter-btn-warp .conArea {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.enter-btn-warp .conArea h4 {
    font-size: 34px;
    font-weight: normal;
    color: #fff;
    padding-bottom: 32px;
}

.gfm-scrollWarp {
    position: relative;
    background: #133157;
}

.gfm-scrollWarp:before {
    content: "";
    position: absolute;
    display: inline-block;
    background: url(../images/gfm_bg_01.jpg) no-repeat right top;
    background-size: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 70%;
}

.gfm-scrollWarp:after {
    content: "";
    position: absolute;
    display: inline-block;
    background: url(../images/gfm_bg_02.jpg) no-repeat left top;
    background-size: cover;
    top: 0;
    bottom: 0;
    right: 0;
    left: 70%;
}

.iconShowWarp .icon-ul-box {
    text-align: center;
}

.iconShowWarp .icon-ul-box .iconShow-ul {
}

/* ------------------------------ 0.3.4  GFM产品首页 结束！----------------------------- */
/* ------------------------------ 0.3.5  游戏个人空间 开始！----------------------------- */
.ownerz-bnr-warp {
    background: url(../images/ownerz_bnr_bg.jpg) no-repeat center top;
}

.btn-view-02 {
    background: #003366 url(../images/btn_view_02.png) no-repeat center center;
    width: 226px;
}

.ownerz-scrollWarp {
    height: 660px;
}

.ownerz-scrollWarp .conArea {
    height: auto;
}

.ownerz-scrollWarp .ownerz-sc-p {
    width: 580px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    font-size: 16px;
}

/* ------------------------------ 0.3.5  游戏个人空间 结束！----------------------------- */
/* ------------------------------ 0.3.6  改-文档中心 开始！----------------------------- */
.null-con-div {
    text-align: center;
}

.null-con-div img {
    width: 320px;
}

/* ------------------------------ 0.3.6  改-文档中心 结束！----------------------------- */
/*  ------------------------------ 0.3.6 改 SDK页面布局调整 开始！ -----------------------------  */
.pdt-li_026:nth-child(1),
.pdt-li_026:nth-child(2) {
    height: 630px;
}

.pdt-li_026:nth-child(3),
.pdt-li_026:nth-child(4) {
    height: 250px;
}

.pdt-li_026:nth-child(5) {
    height: 250px;
}

.product-warp_026 .pdt-li_026 {
    height: auto;
}

/*  ------------------------------ 0.3.6 改 SDK页面布局调整 结束！ -----------------------------  */
/*  ------------------------------ 0.3.7 增 Apollo手游开发框架 开始！ -----------------------------  */
.apollo-bnr-warp {
    background: url(../images/apollo_bnr_bg.jpg) no-repeat center top;
}

.coIten-box {
    display: table;
    width: 74%;
    margin: 0 auto;
}

.coIten-box .cibList {
    width: 160px;
    padding-top: 38px;
    display: table-cell;
    vertical-align: top;
}

.coIten-box .cib-a {
    font-size: 14px;
    color: #a7b3c3;
    display: inline-block;
    width: 160px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.coIten-box .cib-itimg {
    display: table-cell;
    vertical-align: top;
    text-align: center;
}

.coIten-box .cib-itimg-p {
    font-size: 18px;
    color: #fff;
    padding-top: 18px;
}

.coIten-box .cibList .cib-a:hover,
.coIten-box .cibList .check {
    background: #0e284b;
    color: #fff;
}

.coIten-box .cib-itimg .cib-itimg-img {
    height: 353px;
}

.apollo-iconbox {
    width: 924px;
    margin: 0 auto;
    padding-bottom: 40px;
}

.apollo-iconbox img {
    float: left;
}

/*  ------------------------------ 0.3.7 增 Apollo手游开发框架 结束！ -----------------------------  */
/*  ------------------------------ 0.3.8 改 文档中心 开始！-----------------------------  */
.paas-contant-038 .paas-list-div {
    width: 31.33333%;
    margin-bottom: 60px;
}

.paas-contant-038 .file-link {
    min-height: 0px;
    height: 325px;
    overflow: auto;
}

.file-ps-warp .paas-contant-038 .paas-list-div:nth-child(4n) {
    padding-right: 1%;
}

.file-ps-warp .paas-contant-038 .paas-list-div:nth-child(3n) {
    padding-right: 0;
}

.coIten-box .cib-itimg
    /*  ------------------------------ 0.3.8 改 文档中心 结束！-----------------------------  */
    /*  ------------------------------ 0.3.9 改 文档中心 开始！-----------------------------  */
.plst-box-03 .plhd-box:after {
    background-position: -404px -282px;
}

.plst-box-04 .plhd-box:after {
    background-position: -523px -282px;
}

.plst-box-05 .plhd-box:after {
    background-position: -642px -282px;
}

.plst-box-06 .plhd-box:after {
    background-position: -740px -282px;
}

/*  ------------------------------ 0.3.9 改 文档中心 结束！-----------------------------  */
/*  ------------------------------ 0.4.0 增 Apollo手游开发框架 开始！-----------------------------  */
.apollo-spc .iconShow-ul {
    padding-bottom: 0;
    width: auto;
    padding-right: 28px;
}

.apollo-spc .iconShow-ul:nth-child(2n) {
    padding-right: 0;
}

.apollo-spc .iconShow-ul li {
    padding-bottom: 20px;
    float: left;
}

.apollo-iconList {
    text-align: center;
    width: 890px;
    margin: 0 auto;
    padding-bottom: 30px;
}

/*  ------------------------------ 0.4.0 增 Apollo手游开发框架 结束！-----------------------------  */
/*  ------------------------------ 0.4.1 改 首页PaaS快速开发展示模块 开始！-----------------------------  */
.paasw-dt {
    background: #fff;
    border-bottom: 1px solid #dedede;
}

.paas-warp-02 {
}

.paas-warp-02 .paas-con-ali {
    padding-top: 50px;
}

.paas-warp-02 .psn-hda {
    display: inline-block;
    width: 16.666666%;
    float: left;
    text-align: center;
    padding-bottom: 34px;
}

.paas-warp-02 .paas-abg {
    display: inline-block;
    width: 70px;
    height: 70px;
    background: url(../images/index_icon_bg.png) no-repeat;
    margin-bottom: 10px;
}

.paas-warp-02 .paas-abg + span {
    display: block;
    font-size: 18px;
    color: #333333;
}

.paas-warp-02 .paas-abg-01 {
    background-position-x: 0;
}

.paas-warp-02 .paas-abg-02 {
    background-position-x: -70px;
}

.paas-warp-02 .paas-abg-03 {
    background-position-x: -140px;
}

.paas-warp-02 .paas-abg-04 {
    background-position-x: -210px;
}

.paas-warp-02 .paas-abg-05 {
    background-position-x: -280px;
}

.paas-warp-02 .paas-abg-06 {
    background-position-x: -350px;
}

.paas-warp-02 .psn-hda:hover .paas-abg,
.paas-warp-02 .hda-check .paas-abg {
    background-position-y: -71px;
}

.paas-warp-02 .psn-hda:hover .paas-abg + span,
.paas-warp-02 .hda-check .paas-abg + span {
    color: #24bbd4;
}

.paas-warp-02 .hda-check {
    border-bottom: 2px solid #24bbd4;
}

.paas-warp-02 .paas-dt-li {
    height: 430px;
}

.paas-warp-02 .paas-dtbox {
    box-sizing: border-box;
    /* padding-bottom: 140px; */
}

.paas-warp-02 .paas-dtbox li {
    display: inline-block;
    width: 33.33333%;
    float: left;
    box-sizing: border-box;
    padding: 60px 30px 0 0;
}

.paas-warp-02 .pdt-na {
    font-size: 16px;
    color: #303030;
}

.paas-warp-02 .pdt-sn {
    font-size: 13px;
    color: #777777;
    display: block;
    padding: 10px 0 16px;
    /* height: 36px; */
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px;
}

.paas-warp-02 .pdt-btn {
    display: inline-block;
    width: 90px;
    height: 30px;
    text-align: center;
    line-height: 28px;
    border: 1px solid #00c5dc;
    box-sizing: border-box;
    color: #00c5dc;
    border-radius: 3px;
    background: #fff;
}

.paas-warp-02 .pdt-btn:hover {
    background: #00c5dc;
    color: #fff;
}

.paas-warp-02 {
    background: #f7f7f7;
}

.paas-warp-02 .pdt-disabled,
.paas-warp-02 .pdt-disabled:hover {

    color: #828282;

    border: none;

    background: #e2e2e2;
}

/*  ------------------------------ 0.4.1 改 首页PaaS快速开发展示模块 开始！-----------------------------  */
/*  ------------------------------ 0.4.3 增 产品-TAPP 开始！-----------------------------  */
.tapp-bnr-warp {
    background: url(../images/tapp_bnr_bg.jpg) no-repeat center top;
    background-size: cover;
}

.slog-txt {
    /* display: block; */
    /* font-size: 20px; */
    /* padding-top: 14px; */
}

.slog-p {
    font-size: 20px;
    padding-top: 14px;
}

.slog-p .sg-i {
    display: inline-block;
    position: relative;
    width: 52px;
    height: 8px;
    overflow: hidden;
    vertical-align: middle;
    padding-top: 0;
}

.slog-p .sg-i-l {
}

.slog-p .sg-i-r {
}

.slog-p .sg-i-l .zs-no {
    right: 0;
    left: auto;
    top: 0;
}

.slog-p .sg-i-r .zs-no {
    left: 0;
    right: auto;
    top: 0;
}

.reasonWarp .sml-pb {
    font-size: 16px;
}

.bg-blue-warp {
    background: #f0f8fd;
}

.intrd-warp {
    padding: 50px 0;
}

.intrd-warp .conArea {
    display: table;
}

.intrd-warp .intrd-img {
    display: table-cell;
}

.intrd-warp .intrd-img img {
}

.intrd-warp .intrd-txt {
    display: table-cell;
    vertical-align: middle;
    box-sizing: border-box;
    padding-left: 140px;
}

.intrd-warp .intrd-txt h4 {
    font-size: 30px;
    font-weight: normal;
    display: inline-block;
    width: 366px;
    padding-bottom: 30px;
}

.intrd-warp .intrd-txt p {
    font-size: 14px;
    display: inline-block;
    width: 366px;
    line-height: 28px;
}

.tapp-ft .footer-area {
    padding: 0 0 60px 0;
}

/*  ------------------------------ 0.4.3 增 产品-TAPP 结束！-----------------------------  */
/*  ------------------------------ 0.4.3 增 产品-TBUS 开始！-----------------------------  */
.tbus-bnr-warp {
    background: url(../images/tbus_bnr_bg.jpg) no-repeat center top;
    background-size: cover;
}

.tbus-rs-warp .sml-pb {
    line-height: 1.5;
    font-size: 14px;
    display: inline-block;
    width: 170px;
}

.tbus-itr-warp .tr-icon {
    float: left;
    padding-right: 30px;
}

.tbus-itr-warp .intrd-tbox {
    float: left;
    width: 300px;
}

.tbus-itr-warp .intrd-txt h4 {
    padding-bottom: 16px;
}

.tbus-itr-warp .intrd-txt p {
    font-size: 16px;
    line-height: 1.8;
}

.tbus-itr-warp .yw-hd {
}

.tbus-itr-warp .yw-hd h4 {
    text-align: center;
    font-weight: normal;
    font-size: 30px;
    color: #474747;
    line-height: 1;
    padding-bottom: 30px;
}

/*  ------------------------------ 0.4.3 增 产品-TBUS 结束！-----------------------------  */
/*  ------------------------------ 0.4.3 增 产品-TBASE 结束！-----------------------------  */
.tbase-bnr-warp {
    background: url(../images/tbase_bnr_bg.jpg) no-repeat center top;
}

/*  ------------------------------ 0.4.4 改 顶部导航 开始！-----------------------------  */
.bnrWarp {
    background-position: center center;
}

/*  ------------------------------ 0.4.4 改 顶部导航 结束！-----------------------------  */

/*  ------------------------------ 0.4.4 改 sp-bnr-warp 开始！-----------------------------  */
.sp-bnr-warp2, .sp-bnr-warp2 .conArea {
    height: 60px;
}

/*  ------------------------------ 0.4.4 改 sp-bnr-warp 结束！-----------------------------  */

/*  ------------------------------ 0.4.4 增 产品下载 开始！-----------------------------  */
.selfblock, .inlineblock > div {
    display: inline-block;
}

.clear {
    content: '';
    display: table;
    clear: both;
}

.floatlft {
    float: left;
}

.floatrgt {
    float: right;
}

.alignlft {
    text-align: left;
}

.alignrgt {
    text-align: right;
}

.alignmid {
    text-align: center;
}

.verticalTop {
    vertical-align: top;
}

.block {
    display: block;
}

.pointer {
    cursor: pointer;
}

.downList > div {
    vertical-align: top;
}

.font14 {
    font-size: 14px;
}

.font12 {
    font-size: 12px;
}

.font18 {
    font-size: 18px;
}

.font30 {
    font-size: 30px;
}

.fldt-sidebar2 {
    border: 1px solid #f2f2f2;
}

.fldt-sidebar2 ul li {
    background: #f2f2f2;
    border: none;
}

.fldt-sidebar2 ul li.check {
    background: #f2f2f2;
}

.fldt-sidebar2 ul li b a:hover {
    background: #f2f2f2;
}

.fldt-sidebar2 ul li p a {
    padding-left: 12px;
    background: #f2f2f2;
    display: block;
    height: 40px;
    line-height: 40px;
    color: #333;
}

.fldt-sidebar2 ul li p a.check {
    background: #fff;
}

.fldt-sidebar2 ul li b a {
    color: #6b6b6b;
    font-size: 16px;
    padding: 20px 0 5px 16px;
    line-height: 1;
    height: auto;

}

.fldt-sidebar ul li p a.active,
.fldt-sidebar ul li p a:hover {
    background: #fff;
    color: #474747;
}

.fldt-sidebar2 ul li a:hover:after {
    content: "";
    display: none;
}

.fldt-main-down {
    padding: 20px;
}

.donwnList {
    margin: 0 0 40px;
}

.downTitle {
    margin: 20px 0 18px;
}

.downTitle h5 {
    font-size: 22px;
    margin: 0 15px 0 0;
    display: inline-block;
    font-weight: normal;
    color: #494949;
}

.downTitle a {
    font-size: 14px;
    color: #169bd5;
    margin: 5px 20px 0 0;
    float: right;
}

.downTitle .version {
}

.downTitle .time {
    color: #ccc;
}

.downTpl {
    padding: 33px 20px 23px 30px;
    border-bottom: 1px solid #e4e4e4;
    background: #f6f6f6;
}

.downTpl:last-child {
    border: none;
}

.downTpl a {
    font-size: 14px;
    color: #169bd5;
    line-height: 30px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    float: right;
    display: inline-block;
}

.downTpl a.tit {
    font-size: 16px;
    color: #494949;
    padding: 0;
    border: 0;
    float: none;
}

.downTpl a.tit:hover {
    color: #000;
}

.downTpl a.tit i {
    color: #38bfd6;
    font-size: 26px;
    margin: 0 5px 0 0;
    vertical-align: middle;
}

.downTpl a.tit .group {
    color: #fff;
    background: #3bb357;
    border-radius: 4px;
    font-size: 12px;
    display: inline-block;
    padding: 0 5px;
    line-height: 1.8;
    margin: 0 0 0 5px;
}

.downTpl .downBtn {
    color: #fff;
    padding: 0 30px;
    background: #169bd5;
}

.downTpl .downBtn:hover {
    background: #49b2e0;
}

.downTpl .downDemo {
    border: 1px solid #169bd5;
    padding: 0 20px;
    margin: 0 10px;
}

.downTpl .downDemo:hover {
    border-color: #aad7ea;
}

.downTpl .downDoc:hover {
    color: #49b2e0;
}

/*  ------------------------------ 0.4.4 增 产品下载 结束！-----------------------------  */

/*  ------------------------------ 0.4.4 增 版本发布 开始！-----------------------------  */
.versionMain {
    color: #333;
}

.versionMain img {
    max-width: 100%;
}

.versionTit {
    line-height: 80px;
    background: #f2f2f2;
    padding: 0 0 0 48px;
}

.verTit2 {
    margin: 28px 0 18px;
    font-size: 24px;
}

.versionDetail {
    padding: 0;
}

.versionDetail input {
    margin: 0;
    padding: 0 10px;
    border: 0;
    background: none;
}

.versionDetail .form1 {
    margin: 0 0 100px;
    padding: 26px 0 0 120px;
    border-top: 1px solid #e4e4e4;
}

.versionDetail .form1 select {
    margin: 0;
    padding: 0;
    width: 190px;
    height: 34px;
    border: 1px solid #dcdcdc;
}

.versionDetail .form1 label {
    display: inline-block;
    width: 120px;
    margin: 0 25px 0 0;
    text-align: right;
    font-size: 14px;
}

.versionDetail .form1 label.important:before {
    content: "*";
    display: inline-block;
    color: #f00;
    width: 20px;
    text-align: center;

}

.versionDetail .form1 > div {
    margin: 0 0 18px;
}

.versionDetail .form1 input {
    width: 360px;
    border: 1px solid #bcbcbc;
    height: 34px;
    line-height: 34px;
}

.versionDetail .form1 .versionNum {
    width: 100px;
    padding: 0;
    background: #c9c9c9;
    text-align: center;
}

.versionDetail .form1 .versionNum2 {
    padding: 0 0 0 114px;
    margin-left: -108px;
    width: 266px;
}

.versionDetail .form1 .fileA {
    text-align: center;
    color: #333;
    display: inline-block;
    width: 110px;
    height: 34px;
    line-height: 34px;
    border: 1px solid #797979;
    border-radius: 6px;
    text-decoration: none;
    position: relative;
    font-size: 14px;
}

.versionDetail .form1 .addFile {
    width: 100%;
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}

.versionDetail .versionWrite {
    margin: 0 0 40px;
}

.versionDetail p.saveWarn {
    color: #868686;
    margin: 0 0 10px;
}

.versionDetail .form3 input {
    width: 160px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    border-radius: 6px;
    cursor: pointer;
}

.versionDetail .form3 input[type="submit"] {
    background: #169bd5;
    color: #fff;
}

.versionDetail .form3 input[type="submit"]:hover {
    background: #49b2e0;
}

.versionDetail .form3 input[type="button"] {
    border: 1px solid #797979;
    margin: 0 16px;
}

.versionDetail .form3 input[type="button"]:hover {
    border-color: #169bd5;
}

.versionDetail .form3 input[type="reset"] {
    width: auto;
    color: #169bd5;
}

.versionDetail .form3 input[type="reset"]:hover {
    color: #49b2e0;
}

/*  ------------------------------ 0.4.4 增 版本发布 结束！-----------------------------  */

/*  ------------------------------ 0.4.4 增 历史版本 开始！-----------------------------  */
.versionHistory img {
    max-width: 100%;
}

.versionHistory2 {

    margin: 0 auto;
    background: #f2f2f2;
}

.versionHistory2 .tit {
    max-width: 1200px;
    /*height:70px;*/
    /*line-height:70px;*/
    color: #333;
    padding: 20px 50px;
    margin: 0 auto;

}

.versionHistory2 .tit a {
    font-size: 16px;
    color: #169bd5;
    float: right;
    line-height: 1.4;
    padding: 0 5px;
    margin-top: 10px;
}

.versionHistory2 .tit a:last-child {
    border-right: 1px solid #ccc;
}

.versionHistory .box {
    padding: 1px 0;
}

.versionHistory .introduce {
    color: #5e5e5e;
    margin: 25px 0 40px;
}

p.threeTit {
    color: #1e1e1e;
    padding: 0 0 10px 0;
    margin: 0 0 10px;
    border-bottom: 1px solid #e4e4e4;
    font-size: 20px;
}

/*历史版本 开始*/
.versionList {
    margin: 0 0 100px;
}

.versionList ul {
    padding: 0;
}

.versionList li {
    font-size: 14px;
    color: #169bd5;
    padding: 10px 0;
    border-bottom: 1px dashed #e4e4e4;
    cursor: pointer;
}

.versionList li:hover {
    color: #49b2e0;
}

.versionList li span {
    font-size: 12px;
    color: #bcbcbc;
    float: right;
}

.moreBtn {
    color: #169bd5;
}

.moreBtn .icon {
    font-weight: bold;
}

.moreBtn:hover {
    color: #49b2e0;
}

.versionList .moreBtn {
    margin: 10px 0 0 0;
}

/*历史版本结束*/

/*问题列表 开始*/
.versionFaq .faqList1 > div {
    vertical-align: middle;
}

.versionFaq .faqList1 {
    margin: 20px 0 25px;
}

.versionFaq .faqNum {
    width: 40px;
    height: 32px;
    line-height: 32px;
    margin: 0 10px;
    text-align: center;
    background: #d7d7d7;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

.versionFaq .faqTxt span {
    font-size: 16px;
    color: #333;
    line-height: 1.5;
}

.versionFaq .faqTxt a {
    color: #169ad3;
}

.versionFaq .faqTxt a:hover {
    color: #0aaaef;
}

.versionFaq .faqTxt p {
    color: #868686;
    font-size: 12px;
}

.versionFaq {
    margin: 0 0 80px;
}

.versionFaq .moreBtn {
    margin: 10px 0 0 10px;
}

/*问题列表 结束*/

/*需求反馈 开始*/
.demand .threeTit {
    border: none;
}

.demadWrite .pic {
    width: 50px;
    height: 50px;
    margin: 0 20px 0 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.demadWrite .writeBlock p:first-child {
    margin: 0 0 10px;
    color: #333;
}

.demadWrite .writeBlock {
    max-width: 930px;
}

.demadWrite .writeBlock input[type="button"] {
    width: 120px;
    height: 40px;
    line-height: 40px;
    background: #169bd5;
    color: #fff;
    text-align: center;
    padding: 0;
    border: 0;
    margin: 10px 0 0;
    font-size: 16px;
    cursor: pointer;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}

.demadWrite .writeBlock input[type="button"]:hover {
    background: #49b2e0;
}

/*需求反馈 结束*/

/*版本详情弹出框 开始*/
.alertVersionbox {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 700;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    display: none;
}

.alertVersion {
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9;
    width: 1000px;
    height: 700px;
    background: #fff;
}

.alertVersion .tit {
    padding: 0 20px;
    line-height: 70px;
    background: #f2f2f2;
}

.alertVersion span.name {
    font-size: 20px;
    color: #333;
}

.alertVersion span.time {
    font-size: 12px;
    color: #bcbcbc;
}

.alertVersion span.close {
    color: #949494;
}

.alertVersionTxt {
    padding: 0 5%;
    margin: 0 auto;
    max-height: 610px;
    overflow-y: scroll;
}

.alertVersionTxt .tit1 {
    margin: 15px 0 20px;
    color: #333;
    font-size: 16px;
}

.alertVersionTxt .tit2 {
    margin: 10px 0;
    color: #333;
    font-size: 16px;
}

.alertVersionTxt .list {
    margin: 0 0 30px;
}

.alertVersionTxt .list p {
    margin: 10px 0;
    color: #6b6b6b;
    font-size: 14px;
}

.alertVersionTxt .list .emptDiv {
    height: 20px;
}

/*版本详情弹出框 结束*/

/*  ------------------------------ 0.4.4 增 历史版本 结束！-----------------------------  */

/*  ------------------------------ 0.4.5 增 产品-TCM 开始！-----------------------------  */
.transformmy{
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}


/*顶部导航 开始！*/
.tcm-bnr-warp {
    background: url(../images/TCM_01.jpg) no-repeat center center;
    background-size: cover;
}

/*顶部导航 结束！*/

/*突破式进程管理 开始*/
.tcm-process {
    position: relative;
    height: 302px;
    padding: 0 45px;
    overflow: hidden;
}

.tcm-process .btn {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 99;
    margin: auto;
    width: auto;
    height: 84px;
}

.tcm-process .pre {
    left: 0;
}

.tcm-process .next {
    right: 0;
}

.tcm-process .btn:hover .icon {
    color: #169bd5;
}

.tcm-process .btn .icon {
    font-size: 5rem;
    color: #cacaca;
}

.tcm-process ul {
    min-width: 200%;
    width: auto;

}

.tcm-process ul .sml-pb {
    font-size: 18px;
    width: auto;
    max-width: 100%;
    margin: 35px auto 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tcm-process ul li {
    width: 550px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
}

.reasonWarp .tcm-process li:nth-child(4),
.reasonWarp .tcm-process li:nth-child(1) {
    display: none;
}

.tcm-process ul li img {
    /*padding:50px 0;*/
}

/*突破式进程管理 结束*/

/*成功案例 开始*/
.intrd-wrap-tcm {
    padding-bottom: 80px;
    background: #f5fafd;
}

.intrd-wrap-tcm .icontxt-hd {
    margin: 0 auto 60px;
    padding-top: 8px;
}

/*成功案例 结束*/

/*已有成功使用经验的游戏 开始*/
.iconShowWrapTcm .conShow-ul li {
    padding-right: 25px;
}

.iconShowWrapTcm .iconShow-ul li a {
    position: relative;
    overflow: hidden;
    display: block;
}

.iconShowWrapTcm .iconShow-ul li a:after {
    content: "";
    display: inline-block;
    width: 30px;
    height: 100px;
    position: absolute;
    left: -35px;
    top: 0;
    z-index: -1;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, 0) 100%);
    -webkit-transform: skewX(-25deg);
    -moz-transform: skewX(-25deg);
    animation: blips 5s infinite;
    animation-timing-function: linear;
    animation-delay: 1.4s;

}

.iconShowWrapTcm .iconShow-ul li:hover a:after {
    left: 150%;
    z-index: 99;
    transition: left 1.2s ease 0s;
}

/*已有成功使用经验的游戏 结束*/

/*  ------------------------------ 0.4.5 增 产品-TCM 结束！-----------------------------  */

/*  ------------------------------ 腾讯游戏服务改版首页-改-0.4.2 （更改banner下导航) 开始 ！-----------------------------  */
.index-bnr-warp-2 {
    height: 690px;
    position: relative;
}

.index-bnr-warp-2 .bnr-img-area {
    height: 560px;
}

.index-bnr-warp-2 .mid-nav-warp {
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 99;
    background: #022448;
}

.index-bnr-warp-2 .mid-nav-warp li {
    width: 33.33%;
}

.mid-nav-area li a:hover p {
    color: #bbd1e6;
}

.bnr-note a.active,
.bnr-note2 a {
    display: inline-block;
    width: 15px;
    height: 5px;
    margin: 0 10px 0 0;
    border-radius: 0;
}

.bnr-note a.active {
    background-color: #f1b136;
    vertical-align: unset;
}

/*  ------------------------------ 腾讯游戏服务改版首页-改-0.4.2 （更改banner下导航)  结束！-----------------------------  */

/*-------------------------------- 增-反作弊SDK下载-20180709-0.0.0 start --------------------------------*/
.kill-sdk .pdt-li_026:nth-child(n+1){
    height: 250px;
}
/*-------------------------------- 增-反作弊SDK下载-20180709-0.0.0 end --------------------------------*/

/*-------------------------------- 改-首页-20180717-0.4.3(大改) start --------------------------------*/
.floatnone{
    float:none;
}
.wrap1-hidden{    overflow:hidden;    text-overflow:ellipsis;    white-space:nowrap;}
/*改 顶部导航 start*/
.index-bnr-warp-3, .index-bnr-warp-3 .bnr-img-area{
    height:600px;
}
.index-bnr-warp-3{
    min-height:68px;
    height:auto;
}
.index-bnr-warp-3 .more-list-box .nmain-link-a a:after{
    width:0;
    height:0;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-bottom:10px solid #fff;
    opacity: 0;
    background:none;
    position:absolute;
    left:0;
    right:0;
    bottom:-1px;
    margin:auto;
    z-index: 2;
}

.index-bnr-warp-3 .more-list-box:hover .nmain-link-a a{color:#2199ed;}
.index-bnr-warp-3 .more-list-box:hover .nmain-link-a a:after {
    width: 0;
    opacity: 1;
}
.index-bnr-warp-3 .more-list-box:hover .nmain-link-a a:before,
.index-bnr-warp-3 .more-list-box:hover .unArrow a:after,
.index-bnr-warp-3 .more-list-box .unArrow a:after{
    display:none;
}

.index-bnr-warp-3 .nav-box{
    width:85%;
    display:inline-block;
}
.index-bnr-warp-3 .nav-sl-link{
    margin:21px 0 0;
    float:right;
}
.nav-snd-warp2{
    background:none;
}
.nav-snd-childs{
    width:950px;
    padding:0 0 0 30px;
    border-radius: 4px;
    color:#303030;
}
.nav-snd-area:before{height:0;}
.nav-snd-area2 .nav-snd-child{
    min-width:125px;
    max-width:20%;
    margin:0 38px 0 0;
    vertical-align: top;
}

.nav-snd-area2 h3{
    padding:14px 0 ;
    margin:0 0 5px;
    border-bottom:1px solid #cecfd3;
    font-size:14px;
    font-weight:bold;
    color:#303030;
}
.nav-snd-area2 .nav-snd-childs2 h3{
    /*border:none;*/
}
.nav-snd-area2 h3 a,.nav-snd-area2 p a{
    display: block;
    color:#303030;
}
.nav-snd-area2 ul a{
    display: block;
    padding:10px 0;
    font-size:12px;
    color:#303030;
}
.index-bnr-warp-3 .nav-sl-link a:last-child{
    margin-left:40px;
}
.nav-snd-area2 ul a:hover,
.index-bnr-warp-3 .nav-snd-childs2 .nav-snd-child:hover,
.index-bnr-warp-3 .nav-snd-childs2 .nav-snd-child:hover h3 a{
    color:#2199ed;
}
.index-bnr-warp-3 .nav-snd-childs2 .nav-snd-child p{
    margin:0 0 10px;
    font-size:12px;
}
.index-bnr-warp-3 .more-list-box:hover .nmain-link-a a{
    background:none;
}

    /*改 顶部导航 end*/


/*改 首页中间导航 开始*/
.mid-nav-warp2{
    background:rgba(41,44,61,.6);
    border:none;
    left:0;
    right:0;
    bottom:0;
    z-index: 999;
    margin:auto;
}
.mid-nav-warp2 .mid-nav-area li:after{
    content: "";
    display: inline-block;
    width: 66px;
    height: 100px;
    background: url(../images/gcld15.png) no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: -2px;
    transition: .5s;
}
.mid-nav-warp2 .mid-nav-area li:nth-child(1):after{
    background-position:0 0;
}
.mid-nav-warp2 .mid-nav-area li:nth-child(2):after{
    background-position:-169px 0;
}
.mid-nav-warp2 .mid-nav-area li:nth-child(3):after{
    background-position:-346px 0;
}
.mid-nav-warp2 .mid-nav-area li:nth-child(4):after{
    background-position:-526px 0;
}
.mid-nav-warp2 .mid-nav-area li a{
    border-left:1px solid #4e5260;
}
.mid-nav-warp2 .mid-nav-area li a p{
    color:#fff;
}
.mid-nav-warp2 .mid-nav-area li span{
    color:#c1c2c6;
}
.mid-nav-warp2 .mid-nav-area li:hover{
    background:#3e4252;
}
.mid-nav-warp2 .mid-nav-area li:hover:after{
    left:0;
}
.mid-nav-warp2 .mid-nav-area li:last-child a{
    border-right:1px solid #4e5260;
}
.mid-nav-warp2 .mid-nav-area ul{
    border:none;
}
/*改 首页中间导航 end*/

/*改 首页banner start*/
.index-bnr-warp-3 .bnr-img-li{
    background-size:cover;
}
.index-bnr-warp-3 .bnr-note-area{
    bottom:145px;
}
.index-bnr-warp-3 .bnr-note a{
    width:30px;
    height:4px;
    background:#4b4f62;
}
.index-bnr-warp-3 .bnr-note a.active{
    background:#fff;
}
.index-bnr-warp-3 .bnr-txt a{
    border-radius:4px;
    border:1px solid #fff;
    background:none;
    color:#fff;
}
.index-bnr-warp-3 .bnrview-area {
    bottom: 250px;
}
.index-bnr-warp-3 .index-bnr05-img01{bottom: 60px;}
.index-bnr-warp-3 .index-bnr05-img02{bottom: 378px;}
.index-bnr-warp-3 .index-bnr05-img03{bottom: 370px;}
.index-bnr-warp-3 .index-bnr05-img04{bottom: 286px;}
.index-bnr-warp-3 .index-bnr05-img05{bottom: 292px;}
/*改 首页banner end*/

/*面向未来的数字娱乐技术 start*/
.paas-warp-03 .paas-abg{
    background:url(../images/gcld10.png) no-repeat 5px -70px;
}
.paas-warp-03 .psn-hda{
    width:20%;
    border-bottom:2px solid transparent;
}
.paas-warp-03 .paasw-dt .paas-abg-01{
    background-position:5px -70px;
}
.paas-warp-03 .paasw-dt .paas-abg-02{
    background-position:-111px -70px;
}
.paas-warp-03 .paasw-dt .paas-abg-03{
    background-position:-221px -70px;
}
.paas-warp-03 .paasw-dt .paas-abg-04{
    background-position:-327px -70px;
}
.paas-warp-03 .paasw-dt .paas-abg-05{
    background-position:-433px -70px;
}
.paas-warp-03 .paasw-dt .psn-hda.hda-check .paas-abg-01,
.paas-warp-03 .paasw-dt .psn-hda:hover .paas-abg-01{
     background-position:5px 6px;
 }
.paas-warp-03 .paasw-dt .psn-hda.hda-check .paas-abg-02,
.paas-warp-03 .paasw-dt .psn-hda:hover .paas-abg-02{
    background-position:-111px 7px;
}
.paas-warp-03 .paasw-dt .psn-hda.hda-check .paas-abg-03,
.paas-warp-03 .paasw-dt .psn-hda:hover .paas-abg-03{
    background-position:-221px 7px;
}
.paas-warp-03 .paasw-dt .psn-hda.hda-check .paas-abg-04,
.paas-warp-03 .paasw-dt .psn-hda:hover .paas-abg-04{
    background-position:-327px 7px;
}
.paas-warp-03 .paasw-dt .psn-hda.hda-check .paas-abg-05,
.paas-warp-03 .paasw-dt .psn-hda:hover .paas-abg-05{
    background-position:-433px 7px;
}
.paas-warp-03 .paasw-dd{
    height:400px;
    overflow-y: scroll;
    padding:30px 0 60px;
}
.paas-warp-03 .paas-dt-li{
    height:auto;
}
.paas-warp-03 .paas-con-ali .psn-hda:hover .paas-abg + span,
.paas-warp-03 .paas-con-ali .hda-check .paas-abg + span{
    color:#2199ed;
}
.paas-warp-03 .psn-hda:hover,
.paas-warp-03 .hda-check{
    border-color:#2199ed;
}
.paas-warp-03 .paasw-dd .paas-dt-li{
    display:none;
}
.paas-warp-03 .paasw-dd .paas-dt-li.active{
    display:block;
}
.technicalModule{
    width:29%;
    margin:0 0 6px;
    padding:10px 25px;
}

.technicalModule:nth-child(3n+2){
    margin:0 6%;
}
.technicalModule .tit{
    color:#303030;
    font-size:16px;
}
.technicalModule .txt{
    display:block;
    color:#777;
    font-size:14px;
    line-height:24px;
}
.technicalModule .icon{
    height:12px;
    right:3%;
    top:0;
    bottom:0;
    z-index: 2;
    margin:auto;
    opacity: 0;
}
.technicalModule .link{
    display:block;
    width:100%;
    height:100%;
    z-index: 3;
}
.technicalModule:hover{
    background:#fff;
    box-shadow:0 0 8px #e6e6e6;
}
.technicalModule:hover .icon{
    opacity: 1;
}
/*面向未来的数字娱乐技术 end*/

/*解决方案 start*/
.solutionWarp{
    background:#4c4d5b;
}
.solutionWarp .solutions{
    width:25%;
    height:400px;
    color:#fff;
    vertical-align: top;
}
.solutionWarp .solutions:nth-child(1) .bgPic{
    background:url(../images/gcld11.png) no-repeat center center;
    background-size:cover;
}
.solutionWarp .solutions:nth-child(2) .bgPic{
    background:url(../images/gcld12.png) no-repeat center center;
    background-size:cover;
}
.solutionWarp .solutions:nth-child(3) .bgPic{
    background:url(../images/gcld13.png) no-repeat center center;
    background-size:cover;
}
.solutionWarp .solutions:nth-child(4) .bgPic{
    background:url(../images/gcld14.png) no-repeat center center;
    background-size:cover;
}

.solutionWarp .solutions .bgPic:after{
    display:block;
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    z-index: 1;
    margin:auto;
}
.solutionWarp .solutions:nth-child(even) .bgPic:after{
    background:rgba(57,58,74,.8);
}
.solutionWarp .solutions:nth-child(odd) .bgPic:after{
    background:rgba(33,35,50,.8);
}
.solutionWarp .solutions .bg{
    padding:110px 10% 0;
}
.solutionWarp .solutions .pic{
    width:60px;
    height:50px;
    margin:0 auto 30px;
}
.solutionWarp .solutions:nth-child(1) .pic{
    background:url(../images/gcld.png) no-repeat 3px 0 ;
}
.solutionWarp .solutions:nth-child(2) .pic{
    background:url(../images/gcld.png) no-repeat -106px -1px;
}
.solutionWarp .solutions:nth-child(3) .pic{
    background:url(../images/gcld.png) no-repeat -219px 0 ;
}
.solutionWarp .solutions:nth-child(4) .pic{
    background:url(../images/gcld.png) no-repeat -339px 0 ;
}
.solutionWarp .solutions .line{
    display:block;
    width:25px;
    height:0;
    margin:0 auto 30px;
    border:1px solid #fff;
}
.solutionWarp .solutions .tit{
    margin:0 0 10px;
    font-size:20px;
    font-weight:bold;
}
.solutionWarp .solutions .txt{
    margin:0 0 20px;
    line-height:2;
    font-size:14px;
    text-align:left;
    display:none;
}
.solutionWarp .solutions .more{
    width:150px;
    height:40px;
    line-height:40px;
    margin:0 auto;
    border:1px solid #fff;
    border-radius: 4px;
    color:#fff;
    font-size:14px;
    display:none;
}
.solutionWarp .solutions .more:hover{
    background:#fff;
    color:#2199ed;
}
.solutionWarp .solutions:hover .bg{
    padding:30px 10% 0;
    background:rgba(33,153,237,.85);
}
.solutionWarp .solutions:hover .txt,
.solutionWarp .solutions:hover .more{
    display:block;
}
.solutionWarp .solutions:hover .line{
    display:none;
}
.solutionWarp .solutions:hover .bgPic:after{
    background:none;
}

/*解决方案 end*/

/*TA们正在使用GCloud start*/
.gcloudCustomer-case .icontxt-hd{
    padding:77px 0 0 ;
}
.gcloudCustomer-case .icontxt-hd h4{
    margin:0 0 50px;
}
.gcloudCustomer-bar{
    overflow: hidden;
}
.customer-bar{
    min-width:2600px;
}
.gcloudCustomer-bar .customer{
    width:390px;
    margin:0 15px 0 0;
    border:1px solid #d4d4d4;
    cursor:pointer;
    vertical-align: top;
    float:left;
}

.gcloudCustomer-bar .bottom{
    padding:10px 25px;
    height:164px;
}
.gcloudCustomer-bar .top{
    padding:24px 25px;
}
.gcloudCustomer-bar .pic{
    max-height:100px;
    max-width:100px;
    vertical-align: middle;
}
.gcloudCustomer-bar .pic img{
    border-radius:18px;
}
.gcloudCustomer-bar .txt{
    width:59%;
    margin:0 0 0 18px;
    vertical-align: middle;
    color:#fff;
}
.gcloudCustomer-bar .txt h3{
    font-size:20px;
    font-weight:normal;
    line-height:1.5;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.gcloudCustomer-bar .txt p{
    font-size:14px;
    line-height:1.7;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.gcloudCustomer-bar .bottom p{
    color:#777;
    font-size:14px;
    margin:5px 0 10px;
}
.gcloudCustomer-bar .bottom a{
    display:inline-block;
    height:30px;
    line-height:30px;
    padding:0 6px;
    margin:0 5px 10px 0;
    border:1px solid #2199ed;
    border-radius:4px;
    color:#2199ed;
}
.gcloudCustomer-bar .bottom a:hover{
    background:#2199ed;
    color:#fff;
}
.gcloudCustomer-barWrap .icon{
    display:inline-block;
    width:50px;
    height:50px;
    line-height:50px;
    border-radius:50%;
    top:50%;
    z-index: 5;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    font-size:40px;
    color:#777;
    font-weight:bold;
    text-align: center;
    cursor:pointer;
}
.gcloudCustomer-barWrap .icon:hover{
    background:#2199ed;
    color:#fff;
}
.gcloudCustomer-bar .customer:hover{
    border:2px solid #2199ed;
}
.gcloudCustomer-bar .customer:hover .top,
.gcloudCustomer-bar .customer:hover .bottom{
    padding-left:24px;
    padding-right:24px;
}
.gcloudCustomer-barWrap{
    overflow: visible;
}
.gcloudCustomer-barWrap .icon-leftarrow{
    left:-70px;
}
.gcloudCustomer-barWrap .icon-rightarrow{
    right:-70px;
}
.gcloudCustomer-bar .top.active{
    position:relative;
}
.gcloudCustomer-bar .top.active p{
    width:100%;
    height:100%;
    padding:10% 4%;
    position:absolute;
    left:0;
    top:0;
    z-index: 9;
    background:rgba(0,0,0,.8);
    color:#fff;
}
/*TA们正在使用GCloud end*/

/*社区版开放之路 start*/
.road-upBox .roadStupe{
    width:19%;
    margin:0 2%;
    text-align: left;
}
.road-upBox .upList{
    min-height:80px;
    margin:0 0 20px;
}
.road-upBox .upList h3{
    font-size: 16px;
    color: #86878d;
    line-height: 16px;
    font-weight: bold;
    padding-left: 25px;
    position: relative;
    /*opacity: 0;*/
}
.road-upBox .circle{
    width:4px;
    height:4px;
    border-radius: 50%;
    background:#ffae00;
    left:10px;
    top:0;
    bottom:0;
    margin:auto;
    z-index: 3;
}
.road-upBox .circle:before{
    content:"";
    display:inline-block;
    width:10px;
    height:0;
    border-top:1px solid #c3daf2;
    position:absolute;
    right:100%;
    top:0;
    bottom:0;
    margin:auto;
    z-index: 3;
}
.roadStupe .block{
    min-height:160px;
    padding-bottom:10px;
    margin:0 0 0 15px;
    position:relative;
}
.roadStupe .block:after{
    content:"";
    display: inline-block;
    width:0;
    height:100%;
    border-left:1px solid #ddd;
    position:absolute;
    left:0;
    top:9px;
    z-index: 0;
}
.road-upBox .upList p {
    line-height: 20px;
    padding-left: 25px;
    margin-top: 10px;
    font-size: 12px;
    color: #86878d;
    /*opacity: 0;*/
}
.block2{
    width: 200px;
    height: 90px;
    border: 1px solid #e5e5e5;
    margin-top: 15px;
}
.sort{
    width: 30px;
    height: 100%;
    text-align: center;
    padding: 10px 8px;
    font-size: 14px;
    color: #FFF;
    position: relative;
    line-height: 16px;
    background: #7a51ff;
}
.sort:after{
    content: '';
    position: absolute;
    left: 10px;
    top: -5px;
    width: 10px;
    height: 10px;
    background: #7a51ff;
    transform: rotate(45deg);
}
.sortTxt{
    width: 160px;
    padding-left: 10px;
}
.circle2{
    height:28px;
    position: relative;
}
.circle2 .sp1{
    display:inline-block;
    width: 28px;
    height: 28px;
    background:#fff;
    border:8px solid #7a51ff;
    border-radius: 50%;
    position:absolute;
    left:2px;
    top:0;
    z-index: 5;
}
.road-upBox .roadStupe:nth-of-type(2) .sort,
.road-upBox .roadStupe:nth-of-type(2) .sort:after{
    background:#5159ff;
}
.road-upBox .roadStupe:nth-of-type(2) .circle2 .sp1{
    border-color:#5159ff;
}
.road-upBox .roadStupe:nth-of-type(3) .sort,
.road-upBox .roadStupe:nth-of-type(3) .sort:after{
    background:#5092ff;
}
.road-upBox .roadStupe:nth-of-type(3) .circle2 .sp1{
    border-color:#5092ff;
}
.road-upBox .roadStupe:nth-of-type(4) .sort,
.road-upBox .roadStupe:nth-of-type(4) .sort:after{
    background:#39b9ff;
}
.road-upBox .roadStupe:nth-of-type(4) .circle2 .sp1{
    border-color:#39b9ff;
}
.blueWhale-road .btn{
    width:300px;
    margin:50px auto 0;
}
.blueWhale-road .btn a{
    display: inline-block;
    width:50%;
    height:42px;
    line-height:42px;
    color:#7b7d8a;
    float:left;
    transition: .8s all;
}
.blueWhale-road .btn a:first-child{
    border:1px solid #e5e5e5;
}
.blueWhale-road .btn a:last-child{
    border:1px solid #70b0f3;
    background:#70b0f3;
    color:#fff;
}
.blueWhale-road .btn a:hover{
    letter-spacing:4px
}
.lineBox:after{
    content:"";
    display:block;
    height:10px;
    background:url(../images/bf16.png) no-repeat 0 center;
    position:absolute;
    left:0;
    right:0;
    bottom:114px;
    z-index: 1;
}
/*社区版开放之路 end*/


/*改 一次接入全球运营 start*/
.eth-warp2{
    margin:0 auto 50px;
}
/*改 一次接入全球运营 end*/

/*改 底部 start*/
.footer-warp2 .sv-link a{
    color:#555;
}
/*改 底部 end*/

/*-------------------------------- 改-首页-20180717-0.4.3(大改) end --------------------------------*/

/*-------------------------------- 增 iData-20180724-0.0.0 start --------------------------------*/
.borderBox,
.borderBoxAll *{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.iData-tit .tit-down-line {
    margin: 0 0 30px;
}
.iData-tit .line,
.iData-tit .circle{
    border-color:#2199ed;
    background:#2199ed;
}
/*多年经验累积，我们厚积薄发 start*/

.iData-experience .sml-tit{
    margin:0 0 50px;
    font-size:24px;
    font-weight:normal;
    color:#5e5e5e;
}
.iData-experience .mtpPorductList:nth-of-type(1){
    margin-bottom:70px;
}
.iData-experience .mtpPorductList .porduct{
    vertical-align: top;
}
.iData-experience .mtpPorductList .porduct p{
    width: 89%;
    margin:35px auto 0;
    color:#5e5e5e;
    -webkit-line-clamp: 99;
}
/*多年经验累积，我们厚积薄发 end*/

/*数据驱动创新，智能运赢未来 start*/
.futurePic,.futureTxt{
    width:50%;
}
.futureTxt h3{
    font-size:24px;
    color:#303030;
    margin:0 0 25px;
    font-weight:normal;
}
.futureTxt p{
    margin:0;
    line-height:24px;
    font-size:14px;
    color:#5e5e5e;
}
/*数据驱动创新，智能运赢未来 end*/

/*多维数据分析，精准定位用户 start*/
.titleBlock .p1{
    max-width:920px;
    margin:0 auto;
    font-size:14px;
    color:#5e5e5e;
    line-height:24px;
}
.positionBox{
    margin:35px auto 0;
}
.positionNav{
    margin:0 auto 70px;
}
.positionNav .mtpMore{
    width:200px;
    height:50px;
    line-height:50px;
    margin:0 15px;
    border-radius: 25px;
    border:1px solid #a0a0a0;
    color:#a0a0a0;
    background:none;
    box-shadow:0 0 0;
    cursor:pointer;
}
.positionNav .mtpMore.active,
.positionNav .mtpMore:hover{
    background:#2199ed;
    border-color:#2199ed;
    color:#fff;
}
.positionBannerBox .banner{
    width:90%;
    margin:0 auto;
    overflow: hidden;
}
.positionBannerBox .banner .barLong{
    min-width:310%;
}
.positionList .pic,
.positionList .txt{
    width:49%;
    vertical-align: middle;
}
.positionList .pic{
    padding:0 2% 0;
    text-align: right;
}
.positionList .txt{
    padding:0 4% 0;
    text-align: left;
    color:#5e5e5e;
    font-size:16px;
}
.positionList .txt h3{
    font-weight:normal;
    margin:0 0 20px;
}
.positionList .txt p{
    max-width: 360px;
    line-height:30px;
}
.positionBannerBox .icon{
    width:60px;
    height:60px;
    line-height:60px;
    border:1px solid #a6a6a6;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    color:#a0a0a0;
}
.positionBannerBox .icon-leftarrow {
    left: 0;
}
.positionBannerBox .icon-rightarrow {
    right: 0;
}
.positionBannerBox .icon:hover{
    border-color:#2199ed;
}
/*多维数据分析，精准定位用户 end*/

/*全维度跟踪分析，时刻掌握用户趋势 start*/
.trendBox{
    margin:70px auto 0;
}
.trendTxt{
    width:59%;
    padding:0 7%;
}
.trendPic{
    width:40%;
}
/*全维度跟踪分析，时刻掌握用户趋势 end*/

/*他们选择信赖iData start*/
.iData-trust .trustCustom{
    width:20%;
    height:115px;
    float:left;
    text-align: center;
}
.iData-trust .trustCustom img{
    max-height:115px;
}
/*他们选择信赖iData end*/


/*-------------------------------- 增 iData-20180724-0.0.0 end --------------------------------*/

/*-------------------------------- 增 潘多拉-20180724-0.0.0 start --------------------------------*/
.pandora-tit .line,
.pandora-tit .circle{
    border-color:#2199ed;
    background:#2199ed;
}

/*Gcloud-Pandora SDK start*/
.pdlSdk-list{
    margin:80px auto 0;
}
.pdlSdk-list .pdlSdk{
    width:25%;
    float:left;
    text-align: center;
    color:#303030;
}
.pdlSdk-list .pdlSdk img{
    margin:0 auto 40px;
}
.pdlSdk-list .pdlSdk p{
    font-size:16px;
    line-height:24px;
}
/*Gcloud-Pandora SDK end*/

/*基于Pandora SDK的产品解决方案 start*/
.pandora-sdk-program .pdlSdk-list{
    margin:0 auto;
}
.pandora-sdk-program .pdlSdk p{
    max-width:226px;
    margin:0 auto;
    color:#5e5e5e;
}
/*基于Pandora SDK的产品解决方案 end*/

/*用户生命周期运营精细化解决方案 start*/
.pandora-cycle .banner{
    width:76%;
}
.pandora-cycle .positionList .pic,
.pandora-cycle .positionList .txt{
    width:100%;
    padding:0;
}
.pandora-cycle .positionList .pic{
    margin:0  auto 40px;
    text-align: center;
}
.pandora-cycle .positionList .txt p{
    max-width:100%;
    line-height:1.5;
    font-size:14px;
}
.pandora-cycle .icon{
    border-color:#a0a0a0;
    background:#eee;
    font-size:20px;
    font-weight:bold;
}
.pandora-cycle .banner .barLong{
    min-width:410%;
}
/*用户生命周期运营精细化解决方案 start*/

/*我们的优势 end*/
.pandoraAdv .advList{
    width:33%;
}
.pandoraAdv .txt .tit{
    display: block;
    margin:20px auto 10px;
    font-size:16px;
    color:#303030;
}
.pandoraAdv .txt p{
    max-width:190px;
    margin:0 auto;
    font-size:14px;
    color:#5e5e5e;
}
/*我们的优势 start*/


/*-------------------------------- 增 潘多拉-20180724-0.0.0 end --------------------------------*/

/*-------------------------------- 增 G6游戏研发解决方案-20180727-0.0.0 start --------------------------------*/

/*标题 下为蓝色线 start*/
.blueLine-tit .line, .blueLine-tit .circle {
    border-color: #2199ed;
    background: #2199ed;
}
/*标题 下为蓝色线 end*/

/*G6提供客户端服务端一体化的开发平台(简化开发，提高效率) start*/
.G6-simplify .G6platform .advantage{
    width:24%;
    margin:0;
    padding:0;
    float:none;
}
.G6-simplify .G6platform .advantage:nth-child(2n+2){
    margin:0 11%;
}
.G6-simplify .G6platform .advantage img{
    width:auto;
    height:auto;
}
/*G6提供客户端服务端一体化的开发平台 end*/

/*简化开发，提高效率(蓝鲸-解决运维方案) start*/
.G6-simplify .G6Simplify .advantage{
    width:25%;
    margin:0;
    padding:0 3%;
}
.G6-simplify .advantage h2{
    margin:18px 0 12px;
    color:#303030;
}
.G6-simplify .G6Simplify .advantage img{
    width:auto;
    height:auto;
}
/*简化开发，提高效率(蓝鲸-解决运维方案) end*/

/*服务贯穿项目全流程(MTP-使用步骤) start*/
.G6-steps .stepBlock{
    background-image:url(../images/g_54.png);
}
.G6-steps .stepBlock .num{
    color:#2199ed;
}
.G6-steps .stepLine{
    width: 126px;
    margin: 0;
    background-image:url(../images/g_55.png);
}
/*服务贯穿项目全流程(使用步骤) end*/

/*G6提供众多前沿的特性及定制化服务 start*/
.G6servise .serviseList{
    width: 100%;
    border-left:1px solid #c9c9c9;
    border-right:1px solid #c9c9c9;
    border-top:1px solid #c9c9c9;
}
.G6servise .serviseList:last-child{
    border-bottom:1px solid #c9c9c9;
}
.G6servise .serviseList:nth-child(odd){
    background:#f2f7fc;
}
.G6servise .serviseList:nth-child(even){
    background:#fff;
}
.G6servise .serviseList .iconPic{
    width:19%;
    padding:15px 0;
    border-right:1px solid #c9c9c9;
    vertical-align: middle;
    text-align: center;
}
.G6servise .serviseList .txt{
    width:80%;
    padding-left:3.8%;
    /*float:right;*/
    color:#303030;
    vertical-align: middle;
}
.G6servise .serviseList .txt h4{
    margin:0 0 10px;
    font-size:20px;
    font-weight:normal;
}
.G6servise .serviseList .txt p{
    margin:0;
    font-size:16px;
}
/*G6提供众多前沿的特性及定制化服务 en*/

/*-------------------------------- 增 G6游戏研发解决方案-20180727-0.0.0 end --------------------------------*/


/*-------------------------------- 改-首页banner文案-20180727-0.4.3) start --------------------------------*/
/*文案写在一个标签内 不用 br或者span来换行*/
.bnr-img-area .bnr-txt4 h3 span{
    display: block;
    padding: 10px 0 0;
    max-width:600px;
    margin:0 auto;
    font-size: 18px;
    line-height:1.8;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.bnr-txt .logo2 .sp2 a {
    border: none;
}
/*-------------------------------- 改-首页banner文案-20180727-0.4.3) end --------------------------------*/

/*-------------------------------- 增 GCloud组件UnLua(G6游戏研发解决方案)-20180727-0.0.0 start --------------------------------*/

/*具有代表性的突破功能(G6提供客户端服务端一体化的开发平台) start*/
.unlua-function .G6platform .advantage{
    width:26.6%;
}
.unlua-function .G6platform .advantage:nth-child(2n+2) {
    margin: 0 10%;
}
/*具有代表性的突破功能(G6提供客户端服务端一体化的开发平台) start*/

/*-------------------------------- 增 GCloud组件UnLua(G6游戏研发解决方案)-20180727-0.0.0 end --------------------------------*/


/*------------改-首页-20180730-0.4.3 start------------*/
/*标题 start*/
.tit-down-line .line,
.tit-down-line .circle{
    border-color:#2199ed;
    background:#2199ed;
}
/*标题 end*/

/*-解决方案*/
.solutionWarp .solutions .tit{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
/*-解决方案*/

/*他们正在使用腾讯游戏服务 start*/
.gcloudCustomer-bar .bottom a{
    font-size:14px;
}
/*他们正在使用腾讯游戏服务 end*/

/*一次接入 全球运营 start*/
.map-ani span{
    background: rgba(33,153,237,0.9);
}
.map-ani span:after,
.map-ani span:before {
    background: rgba(33,153,237,0.60);
}
/*一次接入 全球运营 end*/

/*------------改-首页-解决方案-20180730-0.4.3 end------------*/

/*------------改-企业风讯-首页-20180730 start------------*/
/*顶部 导航 start*/
.nav-snd-childs {
    box-sizing: unset;
}
/*顶部 导航 end*/

/*TA们正在使用GCloud start*/
.gcloudCustomer-bar .pic img {
    width: 100px;
}
/*TA们正在使用GCloud end*/

/*------------改-企业风讯-首页-20180730 end------------*/

/*logo 换图片*/
.logo-box a{
    background-image:url(../images/tcg_logo2.png)
}
/*logo 换图片*/

/*改 iOS 预审 start*/
.iosUsed-pic{
    text-align: center;
}
/*改 iOS 预审 end*/

/*改 导航 start*/
.nav-snd-area2 .nav-snd-childs2 .nav-snd-child:hover p a {
    color:#2199ed;
}
/*改 导航 end*/

/*改 首页-banner-20180801 start*/
.idx-bar .bnr-img-05{
    display:none;
    background:url(../images/bj.jpg) no-repeat center center;
    background-size:cover;
}
.idx-bar .bnr-img-05.active{
    display:block;
}
.idx-bar .bnr-img{
    display:block;
    width:1200px;
    text-align: right;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
}
.idx-bar .bnr-img-05 .bnr-txt4 .btn-view:hover{
    color:#2199ed;
    border-color:#2199ed;
}
/*改 首页-banner-20180801 end*/

/*---------------------改 文档中心-0.3.10 start---------------------*/
.doc-center  .bnr-img-area .bnrview-area{
    top:36%;
}
.paas-warp2 .paas-area .paas-contant{
    width:100%;
}
.paas-warp2 .paas-area .paas-list-div{
    width:24%;
}
.paas-warp2 .paas-area .paas-list-div:nth-child(n+1){
    padding:0;
    margin:0 0.5% 0;
}
.paas-warp2 .paas-area .paas-list-div:nth-child(4n+4){
    padding:0;
    /*margin:0;*/
}
.paas-warp2 .paas-area .plhd-box{
    background:#2199ed;
    border:none;
}
.paas-warp2 .paas-list-div .plhd-box:after{
    width:112px;
    height:112px;
    bottom:66px;
}
.paas-warp2 .paas-list-div:nth-child(1) .plhd-box:after{
    background:url(../images/doc3.png) no-repeat center center;
}
.paas-warp2 .paas-list-div:nth-child(2) .plhd-box:after{
    background:url(../images/doc4.png) no-repeat center center;
}
.paas-warp2 .paas-list-div:nth-child(3) .plhd-box:after{
    background:url(../images/doc5.png) no-repeat center center;
}
.paas-warp2 .paas-list-div:nth-child(4) .plhd-box:after{
    background:url(../images/doc6.png) no-repeat center center;
}
.plhd-box b{
    font-size:20px;
    bottom:20px;
}
.paas-warp2 .paas-contant-038 .file-link{
    min-height:640px;
    padding:20px 0 10px;
    border-left:1px solid #d4d4d4;
    border-right:1px solid #d4d4d4;
    border-bottom:1px solid #d4d4d4;
}
.paas-warp2 .file-link p{
    margin:0 ;
    padding:0;
}
.paas-warp2 .file-link p a {
    display: inline-block;
    padding:20px 0;
    line-height:1.1;
    color: #303030;
    font-size: 16px;
}
.paas-warp2 .file-link p a:hover{
    color:#2199ed;
}
.paas-warp2 .paas-list-box{
    box-shadow: 0 0 0;
}
/*---------------------改 文档中心-0.3.10 end---------------------*/


/*--------------------改 首页-banner-20180806 start--------------------*/
.idx-bar .bnr-img{
    display:none;
    opacity: 0;
}
.idx-bar .bnr-img-05:nth-child(1){
    background:url(../images/newbar3.jpg) no-repeat center center;
}
.idx-bar .bnr-img-05:nth-child(2){
    background:url(../images/newbar1.jpg) no-repeat center center;
}
.idx-bar .bnr-img-05:nth-child(3){
    background:url(../images/newbar9.jpg) no-repeat center center;
}
.idx-bar .bnr-img-05:nth-child(4){
    background:url(../images/newbar5.jpg) no-repeat center center;
}
.idx-bar .bnr-img-05:nth-child(5){
    background:url(../images/newbar7.jpg) no-repeat center center;
}
.idx-bar .bnr-img-05{
    background-size:cover;
}
/*--------------------改 首页-banner-20180806 end--------------------*/

/*--------------------改 首页banner-owl轮播插件 start--------------------*/
.owl-banner{
    background:url(../images/bj.jpg) no-repeat center center;
    background-size:cover;
}
.owl-banner .item .pic{text-align:center;}
.owl-banner .item .pic img:nth-child(2){
    display:none;
}
.owlBar .item{
    position:relative;
}
.owlBar .item img{
    margin:0 0 -3px;
}
.owlBar .item .item-txt{
    position:absolute;
    left:0;
    right:0;
    top:20%;
    margin:auto;
    color:#fff;
}
.owlBar .item-txt h3{
    line-height:1.3;
    font-size:44px;
    font-weight:normal;
    max-width: 600px;
}
.owlBar .item-txt .txt {
    padding: 10px 0 0;
    max-width: 600px;
    font-size: 18px;
    line-height: 1.8;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.owlBar .item-txt .txt p{
    font-size: 18px;
}
.owlBar .item-txt .link{
    display:inline-block;
    width: 150px;
    height: 44px;
    line-height: 44px;
    margin:30px 0 0;
    border-radius: 4px;
    border: 1px solid #fff;
    font-size: 20px;
    text-align: center;
    background: none;
    color: #fff;
    letter-spacing: 1px;
    position:absolute;
    left:0;
    bottom:-80px;
    z-index: 99;
}
.owlBar .item-txt .link:hover{
    color:#2199ed;
    border-color:#2199ed;
}
.owl-banner .owl-pagination{
    position:absolute;
    left:0;
    right:0;
    bottom:145px;
    margin:auto;
}
.owl-banner .owl-pagination .owl-page span{
    width: 30px;
    height: 4px;
    margin:0 5px;
    background: #4b4f62;
    border-radius: 0;
}
.owl-banner .owl-pagination .owl-page.active span,
.owl-banner .owl-pagination .owl-page:hover span{
    background-color: #f1b136;
}
.owl-banner .owl-controls .owl-buttons div{
    width: 38px;
    height: 38px;
    margin:0;
    padding:0;
    position: absolute;
    top:45%;
    z-index: 33;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background:#777;
    opacity: 0;

}
.owl-banner .owl-controls .owl-buttons div.owl-prev{
    left:5%;
    background:url(../images/prev.png) no-repeat center center;
}
.owl-banner .owl-controls .owl-buttons div.owl-next{
    right:5%;
    background:url(../images/next.png) no-repeat center center;
}
.owl-banner .owl-carousel:hover .owl-buttons div{
    opacity: .4;
}
.owlBar .item .link2{
    z-index:8;
}
/*--------------------改 首页banner-owl轮播插件 end--------------------*/