/* CSS Document */



@font-face {
  font-family: SourceHanSansSC-Normal;
  src: url("//static.longtugame.com/font/SourceHanSansSC-Normal.otf");
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
textarea{resize:none;}
img { border:0;vertical-align:middle;/*width:100%;*/ }
em,i,strong{font-weight:400;font-style:normal;}
ol, ul { list-style:none; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
.clear{zoom:1;}
.clear:after{ content:""; display:block; clear:both;}
a{ text-decoration:none;color:#333;}
a:hover{ text-decoration:none;color:#5386ff;}
/* body{ font:16px/1.8 Microsoft Yahei;background:#fff;color:#333;} */
body{ font:16px/1.8 SourceHanSansSC-Normal;background:#fff;color:#333;}

.wrap,.subwrap { min-width:1200px;position: relative;}
.header-nav { width:100%;overflow:hidden;position:relative;z-index:999;}
.top-logo { width:192px;height:48px;float: left;margin:25px 0 0 20px;background:url(/static/image/bot-logo.png) no-repeat 0 0/100% 100%;}
.nav { float:right;margin-top:32px;height:58px;margin-right:20px;}
.nav>li { float: left;margin-left:50px;position: relative;font-weight:700;}
.sub-nav { background:#021946;height:60px;width:100%;z-index: 99;}
.sub-nav ul { text-align: center;font-size:0;}
.sub-nav li { width:100px;display: inline-block;font-size:14px;line-height: 36px;margin:0 3%;}
.sub-nav li a { color:#fff;display: block;padding-top:10px;position: relative;}
.sub-nav li.active a{ border-bottom:2px solid #5386ff;}
.sub-nav li a:before {
  position: absolute;
  bottom: -2px;
  left: 0;
  visibility: hidden;
  width: 100%;
  height: 2px;
  background-color: #5386ff;
  content: "";
  -webkit-transition: all .3s ease-in-out 0s;
  -o-transition: all .3s ease-in-out 0s;
  transition: all .3s ease-in-out 0s;
  -webkit-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
}
.sub-nav li a:hover:before{visibility:visible;-webkit-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1);}

//.index-banner { height:400px;background: url(//cdn-content.longtugame.cn/image/sdk/website/banner.jpg) no-repeat 50% 0 #070e21;}

.item-box { padding:65px 0 50px;}
.main { width:1200px;margin:0 auto;}
.title { font-size:30px;text-align: center;line-height:1;}
.item-list { margin-top:65px;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content:space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.item-list li { margin-bottom:60px;width:30%;height:350px;box-shadow:0 0 20px rgba(89,93,215,.2);padding-top:55px;box-sizing: border-box;
color:#666;text-align: center;}
.item-list li .item-pic { width:104px;height:84px;margin:0 auto;background: url(//cdn-content.longtugame.cn/image/sdk/website/item_icon.png) no-repeat 0 0/104px;}
.item-list li:nth-child(2) .item-pic { background-position: 0 -84px;}
.item-list li:nth-child(3) .item-pic { background-position: 0 -168px;}
.item-list li:nth-child(4) .item-pic { background-position: 0 -252px;}
.item-list li:nth-child(5) .item-pic { background-position: 0 -337px;}
.item-list li:nth-child(6) .item-pic { background-position: 0 -421px;}
.item-list li h3 {font-size:20px;margin-top:25px;}
.item-list li p { padding:18px 30px 0;}

.step-box { background: url(//cdn-content.longtugame.cn/image/sdk/website/step_bg.jpg) no-repeat 50% 0;padding-top:65px;}
.step-box .title { color:#fff;}
.step-list { background:#fff;box-shadow:0 0 30px rgba(89,93,215,.2);margin-top:65px;height:270px;display: -webkit-box;display: -webkit-flex;display: flex;}
.step-list li { flex:6;background: url(//cdn-content.longtugame.cn/image/sdk/website/step_arrow.png) no-repeat;padding-top:54px;}
.step-list li:nth-child(1){ background: none;}
.step-list li .step-pic { width:80px;height:80px;background: url(/image/step_icon.png) no-repeat;margin:0 auto;}
.step-list li:nth-child(2) .step-pic { background-position: 0 -80px;}
.step-list li:nth-child(3) .step-pic { background-position: 0 -160px;}
.step-list li:nth-child(4) .step-pic { background-position: 0 -240px;}
.step-list li:nth-child(5) .step-pic { background-position: 0 -320px;}
.step-list li:nth-child(6) .step-pic { background-position: 0 -400px;}
.step-list li p { text-align: center;margin-top:25px;}

.product-box { padding:65px 0 30px;}
.product-list { margin-top:65px;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.product-list li { width:14%;text-align: center;float: left;margin:0 7.5% 40px 0;}
.product-list li:nth-child(5n) { margin-right:0;}
.product-list li img { border-radius:10px;width: 100%;}
.product-list li p { margin-top:10px;}

.channel-box { padding:65px 0;background:#f7f8fa; }
.channel-box .main { overflow:hidden;}
.channel-box .title { margin-bottom:65px;}
.channel-list ul { display: -webkit-box;display: -webkit-flex;display: flex;}
.channel-list li { margin-bottom:30px;}
.channel-list li img { width:170px;margin-right:40px;border:1px solid #dadbdd;}

.copyright { background:#282828;position: relative;z-index: 99;}
.foot { padding:25px 0;text-align:center;font-size:0;}
.foot div { display: inline-block;vertical-align: middle;}
.bot-info { margin-left:50px;font-size:12px;color:#ada8a8;text-align:left;line-height:24px;}

#goTopBtn{position:fixed;right:10px;bottom:90px;z-index:999;display:none;overflow:hidden;width:50px;height:50px;background:url(/css/topbtn.png) no-repeat;}

/* 统计分析平台 */
.tj-banner { background-image: url(//cdn-content.longtugame.cn/image/sdk/website/banner_tj.jpg);background-color: #00246c;}
.note-box { background:#f8f9fd;padding:65px 0 50px;}
.note-silde { margin-top:50px;}
.note-tab ul{ padding:0 3%;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content:space-between;}
.note-tab li { width:175px;cursor: pointer;}
.note-tab li:last-child{ margin:0;}
.note-tab li .note-pic { height:192px;background: url(//cdn-content.longtugame.cn/image/sdk/website/note-icon.png) no-repeat 0 0/700px 383px;}
.note-tab li:nth-child(2) .note-pic { background-position:-175px 0;}
.note-tab li:nth-child(3) .note-pic { background-position:-350px 0;}
.note-tab li:nth-child(4) .note-pic { background-position:-525px 0;}
.note-tab li:nth-child(1).on .note-pic { background-position:0 -192px;}
.note-tab li:nth-child(2).on .note-pic { background-position:-175px -192px;}
.note-tab li:nth-child(3).on .note-pic { background-position:-350px -192px;}
.note-tab li:nth-child(4).on .note-pic { background-position:-525px -192px;}
.note-tab li p { text-align: center;font-size:20px;margin-top:10px;}
.note-tab li.on p { color:#5386ff;}
.note-tab-content { background:#e0edfe;border-radius:20px;position: relative;margin-top:25px;}
.note-tab-content img { width:100%;}
.note-tab-content dl { padding:28px 0;height:282px;text-align: center;}
.note-tab-content dl dt { color:#555555;display: inline-block;vertical-align: middle;width:40%;text-align: left;}
.note-tab-content dl dt strong { font-size:20px;display: block;margin-bottom:18px;color:#333;}
.note-tab-content dl dd { display: inline-block;vertical-align: middle;width:42%;margin-left:4%;}

.note-part { padding:65px 0 200px;}
.note-list { margin-top:48px;position: relative;}
.note-circle { width:30%;height:59.5%;background: url(//cdn-content.longtugame.cn/image/sdk/website/note-circle.png) no-repeat 0 0/100% 100%;position: absolute;top:11%;left:35.5%;
  -webkit-animation: rotate 5s infinite linear;animation: rotate 5s infinite linear;}
.note-list img { width:100%;}
.note-list dl { width:27%;text-align:center;position: absolute;}
.note-list dl dt { font-size:20px;}
.note-list dl:nth-child(1) { top:20%;left:0;}
.note-list dl:nth-child(2) { top:20%;right:0;}
.note-list dl:nth-child(3) { top:77%;left:0;}
.note-list dl:nth-child(4) { top:77%;right:15px;}
.note-list dl:nth-child(5) { top:101%;left:37.5%;}

@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
to{-webkit-transform: rotate(360deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
to{transform: rotate(359deg)}
}

/* 下载中心 */
.subwrap .header-nav { background:#021946;}
/* .submain { width:1400px;margin:0 auto;}*/
.subcontent { display: -webkit-box;display: -webkit-flex;display: flex;}
.side-nav { width:220px;background:#f7f9fc;padding:35px 0 280px;min-height:600px;}
.side-nav dl { color:#666;padding-left:10px;margin-bottom:20px;}
.side-nav dl dt { color:#5386ff;line-height:30px;}
.side-nav dl dt em { width:28px;height:30px;background: url(//cdn-content.longtugame.cn/image/sdk/website/icon.png) no-repeat;margin-right:9px;float: left;}
.side-nav dl.ios dt em { background-position:0 -40px;}
.side-nav dl.access dt em { background-position:0 -80px;}
.side-nav dl dd { padding:8px 0 0 37px;}
.side-nav dl dd a {color:#666;display:block;overflow:hidden;width:200px;text-overflow:ellipsis;white-space:nowrap; }
.side-nav dl dd a:hover {text-decoration: underline;color:#5386ff; }

.download-content-box { margin:50px 0 0 5%;flex:1;-webkit-flex:1;-webkit-box-flex:1;}
.download-content-box ul{ margin-bottom:20px;height:298px;border:1px solid #a7a7a7;border-radius:5px;background:#f7f9fc;width:100%;position: relative;box-sizing: border-box;}
.download-content-box li{float:left;margin:-1px 0 0 -1px;padding-top:60px;width:240px;height:240px;border-radius:5px 0 0 5px;background:#5386ff;color:#FFF;text-align:center;font-size:16px;line-height:1.5;}
.download-content-box li:nth-child(2){float:none;display:block;margin:10px 5px 0 240px;padding:5px 15px;width:auto;background:none;text-align:left;color:#666;overflow:auto;}
.download-content-box li em{display:block;margin:0 auto;width:60px;height:60px;background: url(//cdn-content.longtugame.cn/image/sdk/website/channel_icon.png) no-repeat;background-size: 60px auto;}
.download-content-box .icon00{background-position:0 -120px;}/*电脑版*/
.download-content-box .icon01{background-position:0 -240px;}/*单机网游*/
.download-content-box .icon02{background-position:0 -660px;}/*分享*/
.download-content-box .icon03{background-position:0 -900px;}/*语音*/
.download-content-box .icon04{background-position:0 -1140px;}/*统计*/
.download-content-box .icon05{background-position:0 -300px;}/*ios网游*/
.download-content-box .icon06{background-position:0 -780px;}/*服务端日志*/
.download-content-box .icon07{background-position:0 -600px;}/*UNITY插件*/
.download-content-box .icon08{background-position:0 -1020px;}/*下载*/
.download-content-box .icon09{background-position:0 -1320px;}/*留海*/
.download-content-box strong{font-size:18px;display: block;}
.download-content-box li:nth-child(1) strong { padding:10px 0;}
.download-content-box li:nth-child(2) strong { color:#333;}
.download-content-box li:nth-child(1) p:nth-child(3) { font-size:14px;}
.download-content-box a.download-btn{position:absolute;right:10px;bottom:10px;width:150px;height:42px;border-radius:5px;background:#5386ff;color:#FFF;text-align:center;font-size:20px;line-height:42px;}
.download-content-box a.download-btn:hover{text-decoration:none;}
.download-content-box .version{position:absolute;right:155px;bottom:20px;padding-right:10px;color:#666;font-size:14px;}
.download-content-box .version:hover { text-decoration: underline;}

.download-title{font-size:21px;position:relative;margin-bottom:30px;}
.download-title a.back{position:absolute;right:0;top:0;width:80px;padding-right:5px;height:32px;line-height:32px;border-radius:5px;text-align:center;background:#F5F5F5;border:1px solid #E3E3E3;font-size:16px;color:#333;}
.download-title a.back:hover{color:#fffbfb;background:#a8d2ff;border:1px solid #a8d2ff;text-decoration:none;}

/* 在线文档 */
.online-content-box {padding:20px 0 0 0;flex:1;width:50%;}
.sidebar-box{position:fixed;top:150px;bottom:0;right:0;z-index:99;margin-left:380px;padding-bottom:15px;width:380px;background:#f7f9fc;}
.sidebar-box .scroll{position:absolute;top:80px;right:3px;bottom:15px;left:0;overflow:auto;}
.sidebar-box h2{ padding:40px 0 0 20px;}
.sidebar-box ol{padding:0 0 5px 10px;list-style:none;}
.sidebar-box ol li ol:last-child{padding-bottom:0;}
.sidebar-box li em{position:absolute;position:absolute;top:2px;left:-30px;display:none;background-position:0 -450px;}
.sidebar-box .current em{display:block;}
.sidebar-box .current{border-radius:25px;background:#2891ff;color:#FFF;}
.sidebar-box .current a{color:#FFF;}
.sidebar-box li{position:relative;padding-left:10px;}
.sidebar-box li a{display:block;overflow:hidden;font-size:14px;color:#666;}
.sidebar-box li li a{width:auto;}
.sidebar-box .scroll::-webkit-scrollbar{width:6px;}
.sidebar-box .scroll::-webkit-scrollbar-thumb{border:1px solid #EEE;border-radius:4px;background-color:#5386ff;}

@media screen and (max-width: 1400px) {
  .sidebar-box { margin-left:0;left:auto;right:0;}
}

/* 运营支撑平台 */
.support-banner { background-image: url(//cdn-content.longtugame.cn/image/sdk/website/banner_support.jpg);background-color: #022658;}
.support-box { margin-top:5px;}
.support-tab ul { height:82px;}
.support-tab ul li { margin-top:3px;width:50%;float: left;text-align: center;font-size:22px;height:76px;line-height:74px;border:1px solid #5386ff;box-sizing:border-box;}
.support-tab ul li.on { background:#5386ff;height:82px;line-height:82px;color:#fff;margin:0;border:none;}
.support-tab ul li:nth-child(1) { border-right:none;}
.support-tab ul li:nth-child(2) { border-left:none;}
.support-tab-content { margin-top:80px;width:100%;}
.support-tab-content dl { height:420px; }
.support-tab-content dl dt { width:50%;height:100%;float:left;position: relative;}
.support-tab-content dl dt img { position: absolute;top:0;right:0;width:105%;}
.support-tab-content dl dd { float: right;width:45%;} 
.support-tab-content dl dd h3 { font-size:20px;}
.support-tab-content dl dd p { margin-top:30px;color:#717171;}

.game-box { background:#f8f9fd;padding:65px 0 50px;}
.supprot-tit { font-size:34px;text-align: center;line-height:1;}
.game-content { margin-top:95px;overflow: hidden;}
.game-content-l { width:50%;float: left;}
.game-content-l .game-icon { height:172px;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content:space-between;}
.game-content-l .game-icon em { width:158px;height:172px;background:url(//cdn-content.longtugame.cn/image/sdk/website/support-icon.png) no-repeat 0 0/548px 256px;}
.game-content-l .game-icon em:nth-child(2) { background-position:-195px 0;}
.game-content-l .game-icon em:nth-child(3) { background-position:-389px 0;}
.game-content-l .game-lbff { margin-top:50px;}
.game-content-l .game-lbff p:nth-child(1),.game-content-r .game-lbdh p:nth-child(1) { font-size:20px;margin-bottom:25px;}
.game-content-l .game-lbff p:nth-child(2),.game-content-r .game-lbdh p:nth-child(2) { color:#717171;}
.game-content-r { float:right;width:45%;padding-top:10px;}
.game-content-r .game-pic { text-align: center;}
.game-content-r .game-pic img { width:378px;}
.game-content-r .game-lbdh { margin-top:45px;}

.portal-box { padding:65px 0 50px;}
.portal-content { margin-top:60px;background: url(//cdn-content.longtugame.cn/image/sdk/website/support-bg.png) no-repeat 100% 50%/45%;} 
.portal-txt { padding-top:2px;color:#717171;width:50%;}
.portal-txt p { margin-top:26px;}

.customer-box { background:#f8f9fd;padding:65px 0 72px;}
.customer-content { margin-top:25px;height:621px;background: url(//cdn-content.longtugame.cn/image/sdk/website/support-customer.png) no-repeat 50% 50%/35%;position: relative;}
.customer-num { width:325px;height:137px;background: url(//cdn-content.longtugame.cn/image/sdk/website/support-num.png) no-repeat;position: absolute;}
.customer-num01 { left:0;top:0;}
.customer-num03 { left:0;top:241px;background-position:0 -241px;}
.customer-num05 { left:0;top:482px;background-position:0 -482px;}
.customer-num02 { right:0;top:0;background-position:100% 0;}
.customer-num04 { right:0;top:241px;background-position:100% -241px;}
.customer-num06 { right:0;top:482px;background-position:100% -481px;}
.customer-num p { position: absolute;top:50%;transform: translateY(-50%);}
.customer-num01 p,.customer-num03 p,.customer-num05 p { left:114px; }
.customer-num02 p,.customer-num04 p { left:186px; }
.customer-num06 p { left:156px; }

.public-box { padding:65px 0 95px;}
.public-content { margin-top:82px;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content:space-between;}
.public-content dl{ width:28%;text-align: center;}
.public-content dd span{display:block;text-align:left;font-size:14px;color:#717171;}
.public-content dt{display:block;margin:0 auto;width:92px;height:83px;background:url(//cdn-content.longtugame.cn/image/sdk/website/support-icon.png) no-repeat 0 0/548px 256px;;}
.public-content .icon01{background-position:0 -173px;}
.public-content .icon02{background-position:-186px -173px;}
.public-content .icon03{background-position:-384px -173px;}
.public-content dl strong {display: block;padding: 15px 0;font-size:20px;}

.analysis-box { background:#f8f9fd;padding:65px 0 90px;}
.analysis-content { margin-top:50px;text-align: center;}
.analysis-txt { width:25%;background:#fff;padding:10px 20px;border:1px solid #565656;border-radius:5px;font-size:14px;color:#717171;display: inline-block;vertical-align: middle;}
.analysis-txt p:nth-child(1) { font-size:20px;color:#333;text-align: center;}
.analysis-pic { display: inline-block;width:48%;vertical-align: middle;margin-left:2%;}
.analysis-pic img { width:100%;}

/* 打包工具 */
.package-banner { background-image: url(//cdn-content.longtugame.cn/image/sdk/website/banner_package.jpg);background-color: #0e1937;}

.package-box { padding:65px 0;}
.package-tit { font-size:34px;text-align: center;line-height:1;}
.package-content { margin-top:80px;background: url(//cdn-content.longtugame.cn/image/sdk/website/package-pic.jpg) no-repeat 0 0/60%;position: relative;overflow: hidden;}
.package-content dl { position: absolute;}
.package-content dl dt { font-size:20px;}
.package-content dl dd { color:#666;}
.package-content dl:nth-child(1) { top:10%;left:57%;}
.package-content dl:nth-child(2) { top:40.5%;left:62%;}
.package-content dl:nth-child(3) { top:71%;left:55%;}
.package-download { width:230px;height:50px;float:left;color:#fff;line-height: 50px;font-size:20px;padding-left:88px;box-sizing: border-box;
background: url(//cdn-content.longtugame.cn/image/sdk/website/package-icon.png) no-repeat 0 0/464px 199px;margin:45% 0 0 55%;}
.package-download:hover { color:#fff;}

.package-part { background: #f8f9fd;padding:65px 0 55px;}
.package-tool { display: -webkit-box;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content:space-between;}
.package-tool dl { width:27%;}
.package-tool dl dt { width:133px;height:140px;margin:0 auto;background: url(//cdn-content.longtugame.cn/image/sdk/website/package-icon.png) no-repeat 0 -60px/464px 199px;}
.package-tool dl:nth-child(2) dt { background-position: -174px -60px;}
.package-tool dl:nth-child(3) dt { background-position: -336px -60px;}
.package-tool dl dd { margin-top:10px;}
.package-tool dl dd p:nth-child(1) { font-size:20px;text-align: center; }
.package-tool dl dd p:nth-child(2) { color:#666666; }

/* 龙图云测 */
.cloud-banner { background-image: url(//cdn-content.longtugame.cn/image/sdk/website/banner_cloud.jpg);background-color: #0e1937;}

.cloud-box { background: #f8f9fd;padding:65px 0 0;}
.cloud-content { margin-top:80px;background: url(//cdn-content.longtugame.cn/image/sdk/website/cloud-bg.png) no-repeat 0 0/50%;position: relative;overflow: hidden;padding:0 0 20% 53%;}
.cloud-txt { background:#fff;margin-top:20%;padding:25px 20px 0;}
.cloud-txt p { color:#555;line-height:1.5;padding-bottom:20px;}
.cloud-txt p:nth-child(1) { font-size:20px;color:#333; }
.mytest { width:220px;height:50px;background: #5386ff;color:#fff;font-size:20px;line-height: 50px;text-align:center;border-radius:5px;display: block;margin-top:15px;}
.mytest:hover { color:#fff;}

.cloud-num { padding:65px 0;}
.cloudnum-content { margin-top:57px;overflow: hidden;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content:space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.cloudnum-content dl { width:48%;background: url(//cdn-content.longtugame.cn/image/sdk/website/cloud-num01.jpg) no-repeat 0 0 #edf3ff/100%;padding:3.5% 9% 2% 13%;box-sizing: border-box;}
.cloudnum-content dl:nth-child(2) { background-image: url(//cdn-content.longtugame.cn/image/sdk/website/cloud-num02.jpg);margin-left:4%; }
.cloudnum-content dl:nth-child(3) { background-image: url(//cdn-content.longtugame.cn/image/sdk/website/cloud-num03.jpg);margin-top:40px; }
.cloudnum-content dl:nth-child(4) { background-image: url(//cdn-content.longtugame.cn/image/sdk/website/cloud-num04.jpg);margin-left:4%;margin-top:40px; }
.cloudnum-content dl dt { font-size:20px;background: url(//cdn-content.longtugame.cn/image/sdk/website/cloud-num-tit.png) no-repeat 0 100%;padding-bottom:15px;}
.cloudnum-content dl dd { line-height:1.5;margin-top:2%;}

.greatest-box { background: #f8f9fd;padding:65px 0 20px;}
.greatest-content { width:95%;margin:80px auto 0;position: relative;}
.greatest-content dl { text-align: center;position: absolute;}
.greatest-content dl:nth-child(1),.greatest-content dl:nth-child(2) { top:21%;width:32.4%;}
.greatest-content dl:nth-child(1) { left:16.77%;}
.greatest-content dl:nth-child(2) { left:50.57%;}
.greatest-content dl:nth-child(3),.greatest-content dl:nth-child(4),.greatest-content dl:nth-child(5) { top:68%;left:0;}
.greatest-content dl:nth-child(3),.greatest-content dl:nth-child(5) { width:27.5%;}
.greatest-content dl:nth-child(4) { width:24%;left:37.86%;}
.greatest-content dl:nth-child(5) { left:auto;right:0;}
.greatest-content dl dt { font-size:20px;}
.greatest-content dl dd { color:#555;}

.report-box { padding:65px 0 60px;}
.report-content { margin-top:65px;}

.service-box { background: #f8f9fd;padding:65px 0;}
.service-content { margin:82px auto 0;padding:0 6% 2%;position: relative;background: url(//cdn-content.longtugame.cn/image/sdk/website/cloud-service.png) no-repeat 0 0/100% 100%;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content:space-between;}
.service-content dl { width:25%;padding-top:50px;color:#999;position: relative;z-index:9;}
.service-content dl dt { font-size:18px;text-align: center;}
.service-content dl dd { font-size:16px;margin-top:5px;}
.service-content dl.on { color:#5386ff;}

.service-cir { width:44px;height:44px;background:#ecedee;border-radius:100%;position: absolute;top:-22px;left:50%;transform: translateX(-50%);text-align: center;}
.service-cir em { width:14px;height:14px;background:#5e6d82;border-radius:100%;display: inline-block;vertical-align:-5px;}
.service-content dl.on .service-cir { background:#d9ebff;}
.service-content dl.on .service-cir em { background:#037aff;}

.service-line { width:69%;height:3px;position: absolute;top:0;left:15.5%;}
.service-line em { width:5%;height:100%;background:#037aff;display: block; }

.pop-fm{position:fixed;left:0;top:0;height:100%;width:100%;background: rgba(0, 0, 0, 0.4);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;transition:opacity 0.3s 0s, visibility 0s 0.3s;z-index:9999;}
.pop-fm.is-visible{opacity:1;visibility:visible;-webkit-transition:opacity 0.3s 0s, visibility 0s 0s;-moz-transition:opacity 0.3s 0s, visibility 0s 0s;transition:opacity 0.3s 0s, visibility 0s 0s;}
.pop-box{position:relative;width:400px;height:180px;font-size:14px;border-radius:10px 10px 5px 5px;background:#FFF;margin:-90px auto 0 auto;top:50%;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8);-webkit-backface-visibility:hidden;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;}
.is-visible .pop-box{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.pop-box h1{height:48px;line-height:48px;background:#5386ff;border-radius:5px 5px 0 0;padding-left:15px;color:#FFF;}
.pop-box .close{position:absolute;right:10px;top:14px;cursor:pointer;width:20px;height:20px;background: url(//cdn-content.longtugame.cn/image/sdk/website/close.png) no-repeat 0 0/100%;}
.pop-box .content {text-align:center;padding-top:25px;display:block;color:#999;}
.pop-box .content .text{background:#e1e2e5;border-radius:25px;padding: 5px 25px 4px 25px;display:inline-block;margin-bottom:10px;color:#5386ff;}
.pop-box .content .text em{ width:20px;height:21px;background: url(//cdn-content.longtugame.cn/image/sdk/website/qq.png) no-repeat 0 0/100%;display: inline-block;vertical-align: -5px;margin-right:5px;}

/*@media screen and (max-width:1199px){
  .wrap,.subwrap { min-width:100%;}
  .main { width:100%;}
}*/
@media screen and (max-width:1160px){
  .index-banner { background-size:100%;background-position: 0 50%;}
}
@media screen and (max-width:999px){
  .item-list li { width:42%;margin:0 4% 60px;}
}

/* 支持渠道 */
.support-part { width:80%;margin:0 auto;font-size:0;padding:65px 0;}
.support-part p:first-child { font-size:16px;margin-left:4%;}
.support-part img {width:auto;margin:20px 2.2% 0;}

/* 新首页 */
.banner-new { height:725px;background: url(/static/image/banner_new.jpg) no-repeat 50% 0;text-align: center;}
.banner-new p { color:#666;font-size:24px;padding-top:60px;line-height: 1.5;}
.banner-new p.long { font-size:54px;font-weight:700;color:#fffeef;line-height:1;padding-top:142px;}

.new-part01 { height:701px;background: url(/static/image/new-part01.jpg) no-repeat 50% 0;}
.new-part01 .txtpart { padding-top:218px;width:460px;}
.txtpart h3 { font-size:30px;text-align: center;line-height:1;}
.txtpart p { font-size:24px;color:#666;margin-top:25px;line-height: 1.5;}
.txtpart .more { text-align: center;margin-top:15px;}
.txtpart .more a{ color:#fff;background-color:#00a4ff;font-size:20px;line-height:52px;display: inline-block;border:0px solid #333;border-radius:10px;padding:0 18px;}

.new-part02 { background-color:#fff;}
.new-part02 .main,.new-part03 .main,.new-part04 .main { display: table;table-layout: fixed;display: flex;
  justify-content: space-between;padding:70px 0;}
.new-part02 .txtpart { width:460px;margin-right:4.8%;padding-top:188px;}
.new-part02 .txtpart h3 { text-align: left;padding-left:47px;}
.new-part02 .picpart { width:530px;}

.new-part03 { background-color:#f8f9fd;}
.new-part03 .main { align-items: center;}
.new-part03 .txtpart { width:414px;}
.new-part03 .picpart { width:640px;}

.new-part04 { background-color:#fff;}
.new-part04 .txtpart { width:460px;margin-right:4.8%;padding-top:178px;}
.new-part04 .txtpart h3 { text-align: left;padding-left:47px;}
.new-part04 .picpart { width:574px;}

.new-part05 { background-color:#f8f9fd;padding-bottom:70px;}
.new-part05 .txtpart { width:290px;margin:-100px auto 0;}
.new-part05 .picpart { padding-top:70px;text-align: center;}
.new-part05 .picpart img { width:100%;}

#htmlContent { margin-left:20px;}
#htmlContent th{ background:#eee;padding:5px;}
#htmlContent td{border:1px solid #eee;text-align:center;padding:5px;}

@media screen and (max-width:1103px){
  .new-part03 .main { flex-direction: column;}
  .new-part03 .txtpart { margin-bottom:50px;}
  .new-part02 .main,.new-part04 .main { flex-direction: column-reverse;align-items: center;}
  .new-part02 .txtpart { padding:0;margin:0 0 50px 45px;}
  .new-part04 .txtpart { padding:0;margin-bottom:50px;}
}