@charset "utf-8";
.docs-tab-box{position: relative;height: 100%;}
.main.doc-main{width: 1250px;}
.docs-tab-list{float: left;height: 100%;width: 500px;position: relative;}
.doc-ser-box .w-tit{font-size: 38px;color: #fff;margin-right: 40px;}
.form-box{position: relative;height: 48px;background-color: #fff;display: block;width: 530px;padding-right: 60px;padding-left: 10px;border-radius:8px;top:2px;}
.ser-input{height: 46px;line-height: 46px;font-size: 16px;color: #999;width: 100%;outline: none;border: none;background: none;}
.ser_icon{position: absolute;right: 0px;top:0px;width: 48px;height: 48px;background: url("../../images/webv4/docs_icon_gray.png") no-repeat 50% 50%;border: none;outline: none;text-indent: -9999px;cursor: pointer;}
.ser-keys-item{display: block;height: 40px;line-height: 40px;margin-top: 10px;}
.ser-keys-item li{display: block;float: left;margin-left: 15px;}
.ser-keys-item li:FIRST-CHILD{margin-left: 0;}
.ser-keys-item li a{color: #afb0b6;border-radius: 15px;margin-right: 12px}
.ser-keys-item li a:HOVER,.ser-keys-item li a.act{color: #fff;}
.tab-ul{display: block;position: absolute;bottom: 0px;left: 0px;height: 120px;width: 100%;}
.tab-ul li{
	float: left;display: block;height: 65px;
	padding: 12px 0px;width: 160px;
	text-align: center;
	position: absolute;
	bottom: 0px;
	border-top: 1px solid #dedede;
	border-right: 1px solid #dedede;
	border-left: 1px solid #dedede;
	background-color: #fff;
}
.tab-ul li a{display: block;height: 100%;}
.tab-ul li a img{display: block;margin: 10px auto 0;}
.tab-ul li a span{display: block;}
.tab-ul li:hover,.tab-ul li.cur{border-bottom:3px solid  #2692e4;height: 90px;z-index: 999;}
.tab-ul li:hover a img,.tab-ul li.cur a img{margin-top: 22px;}
.downsdk-box{background-color: #fff;}
.downsdk-box-con{width: 580px;margin-right: 70px;}
.downsdk-box-con .con-tit{font-size: 20px;line-height: 60px;text-align: left;margin-bottom: 0;}
.sdk-items{display:block;}
.sdk-items li{display: block;padding: 20px;border: 1px solid #dfe0e1;margin-bottom: 20px;position: relative;min-height: 100px;}
.sdk-items li:hover{box-shadow: 1px 1px 5px #cdcdcd;}
.sdk-items li .sdk-img{position: absolute;height: 122px;width: 110px;background: url("../../images/webv4/download_item_bg.jpg") no-repeat 50%;left: -9px;top:10px;}
.sdk-logo{height:100%;background: url("../../images/webv4/sdk_ico.png?v=20211021") no-repeat;background-position: 23px 25px;}
.sdk-logo.android{background-position: 23px 25px;}
.sdk-logo.ios{background-position: -459px 25px;}
.sdk-logo.unity3d{background-position: -100px 25px;}
.sdk-logo.cocos2d{background-position: -580px 25px;}
.sdk-logo.server{background-position: -820px 25px;}
.sdk-logo.win{background-position: -1060px 25px;}
.sdk-logo.mac{background-position: -699px 25px;}
.sdk-logo.h5{background-position: -219px 25px;}
.sdk-logo.unreal{background-position: -339px 25px;}
.sdk-logo.kf{background-position: -1159px 25px;}
.sdk-logo.h5tool{background-position: -1269px 25px;}
.sdk-logo.qgforeign{background-position: -1379px 25px;}
.sdk-items li .sdk-item-r{margin-left: 105px;height: 100%;}
.sdk-item-r h2{font-size: 14px;font-weight: 600;color: #666;line-height: 26px;}
.sdk-item-r h2 span{font-size: 12px;color: #666;margin-left: 2px;}
.sdk-item-r h2 span.item-post-date{float:right;color: #cccccc}
.sdk-item-r .sdk-item-intro{line-height: 20px;margin-right: 80px;margin-top: 10px;color: #848484;font-size: 12px;}
.sdk-items li .sdk-item-link{position:absolute;text-align: center;right:24px;top:62px;height: 34px;}
.sdk-item-link a{display: block;line-height: 32px; border:1px solid #c8c8c8;border-radius:34px;padding:0px 10px;}
.sdk-item-link a:hover{background-color: #4c87fd;color: #fff;border: none;}

.doc-detail-main{width: 100%;}
.doc-container{min-width: 1230px;}
.left_menu{float: left;width:16%;min-width: 220px;height: 100%;padding:0px 1% 0 0;margin-top: 32px; }
.left_menu.is-fixed{position: fixed;top: -12px;}
.menu_list{width: 100%;height: 100%;position: relative;}
.menu_blank{height:50px;background-color: #f5f5f5 }
.menu_blank a{display:block;height: 100%;line-height: 50px;color: #777;font-size: 20px;margin-left: 26px;padding-right: 52px;position: relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.menu_blank a em{position: absolute;width: 24px;height: 24px;background: url("../../images/webv4/wiki_cate_icon.png?v=20180129") no-repeat 2px -40px;right:15px;top:15px;}
.menu_blank a:hover{color: #467aff;}
.menu_blank a:hover em{background-position: 2px 2px;}
.menu_ul{display: block;width: 100%;background-color: #f5f5f5;margin-top: 10px;padding: 10px 0px 40px}
.menu_first_li{display: block;}
.menu_first_link{display: block;height: 32px;line-height:32px; margin-left:26px;margin-right:40px; padding:5px 0;font-size: 16px;color: #777;position: relative;}
.menu_first_link .menu-row-icon{position: absolute;right: -24px;top:10px;height: 24px;width: 24px;background: url("../../images/webv4/doc_sprites_icon.png?v=20180112") no-repeat -120px -23px;}
.menu_2nd_ul{
	-webkit-transition: 0.3s ease-out;
	-moz-transition: 0.3s ease-out;
	-o-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
}
.menu_2nd_ul .menu_2nd_li{display: block;margin: 0px auto;}
.menu_2nd_ul .menu_2nd_li .menu_2nd_link{display: block;height: 36px;line-height:36px;color: #162C3C;position: relative; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;padding-left: 60px;position: relative;}
.menu_2nd_ul .menu_2nd_li .menu_2nd_link em{position: absolute;width: 12px;height: 16px;background: url("../../images/webv4/doc_sprites_icon.png?v=20180112") no-repeat -43px -0px;top:10px;left: 40px;}
.menu_2nd_ul .menu_2nd_li .menu_2nd_link .menu-2nd-rowicon{position: absolute;left: 21px;top:7px;height: 18px;width: 18px;background: url("../../images/webv4/doc_sprites_icon.png") no-repeat -71px -58px;}
.menu_2nd_ul .menu_2nd_li .menu_2nd_link:hover,.menu_2nd_ul .menu_2nd_li .menu_2nd_link.cur{color: #fff;background-color:#428bf2; }
.menu_2nd_ul .menu_2nd_li .menu_2nd_link:hover em,.menu_2nd_ul .menu_2nd_li .menu_2nd_link.cur em{background-position: -43px -35px}
.menu_first_li.cur .menu_first_link{color: #428bf2;}
.menu_first_li.cur .menu_2nd_box.cur{background-color: #BBCCDA;border-left: 5px solid #162C3C;}
.menu_first_li.cur .menu_2nd_box.cur .menu_2nd_link{color: #fff;}
.menu_first_li.show .menu_2nd_ul{display: block;}
.menu_first_li.hide .menu_2nd_ul{display: none;}
.menu_first_li.hide .menu_first_link .menu-row-icon{background-position: -116px 4px;}
.right_content{float: left;width:60%; min-width: 600px;min-height:500px; padding: 32px 40px 20px 30px;position: relative;white-space: normal;word-wrap: break-word;word-break:break-all;}
.right_content.is-fixed{margin-left: 17%;}
.right_content .syntaxhighlighter::-webkit-scrollbar{height:6px;width: 6px;}
.right_content .syntaxhighlighter::-webkit-scrollbar-thumb:horizontal{border-radius:6px;background-color:rgba(0,0,0,.5)}
.right_content .syntaxhighlighter::-webkit-scrollbar-thumb:horizontal:hover{background-color:rgba(0,0,0,.6)}
.right_content .syntaxhighlighter::-moz-scrollbar{height:6px;width: 6px;}
.right_content .syntaxhighlighter::-moz-scrollbar-thumb:horizontal{border-radius:6px;background-color:rgba(0,0,0,.5)}
.right_content .syntaxhighlighter::-moz-scrollbar-thumb:horizontal:hover{background-color:rgba(0,0,0,.6)}
.faq-items{margin-top: 16px;}
.faq-items .faq-tit{height: 32px;line-height: 32px;color: #4074e1;font-size: 16px;cursor: pointer;}
.faq-items .faq-tit img{line-height: 32px;margin-right: 10px;vertical-align: middle;}
.faq-items .faq-cont{padding: 20px 35px;background-color: #f2f7ff;margin-top: 10px;display: none;}
/*搜索页面*/
.contract-detail{margin-left: 90px;}
.contract-detail p{color: #787878;line-height: 28px;}
.news-block{padding: 35px 10px 0px 10px;background: #fff;}
.news-block .ui-use-doc{padding: 0;}
.high-tit-h2{height: 30px;border-bottom:1px solid #e5e5e5;line-height: 30px;font-weight: 400; }
.high-tit-h2 span{display: block;width: 85px;border-bottom: 2px solid #f39800;font-size: 18px;height: 100%;}
.high-tit-h2 a{font-size: 18px;}
.news-list{display: block;}
.news-list li{display: block;border-bottom: 1px solid #e5e5e5;padding: 20px 0px;}
.news-list li .news-tit{font-size: 18px;color: #333;line-height: 36px;font-weight: 400;}
.news-list li .news-post-time{line-height: 24px;}
.news-list li .news-abstract{line-height: 24px;margin-top: 5px;}
.help-nlist li{padding: 16px 0px;border-bottom-style: dashed;}
.help-nlist li a{display: block;padding-left: 16px;position: relative;}
.help-nlist li a em{position: absolute;left: 0px;}

/*文档中心生成目录样式*/
.doc-catalog{float: right;margin-top: 58px;}
.doc-catalog-box{
	position: absolute;width: 243px;margin-left:20px;top:36px; font-size: 16px;height: 392px;overflow: hidden;
}
.catalog-slide-bar{position: absolute;height:0;width: 0;background-color: #cdcdcd;border-left: 2px solid #5796fe;top:3px;left: 22px;}
.doc-catalog-box .dk_container{
	padding-left: 28px;position: relative;height: 100%;
	  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.dk_container em{
	position: absolute;right: 0px;top:0px;height: 40px;width: 70px;
	border-top-right-radius:6px;border-bottom-right-radius:6px;
	background: url("../../images/webv4/doc-catlog-bg.png") no-repeat 50% 50% #3292dd;
}
.doc-catalog-box .dk_options{
	width: 243px;z-index:100;
	line-height: 24px;font-size: 14px;
	-webkit-transition: 0.3s ease-out;
	-moz-transition: 0.3s ease-out;
	-o-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
	-webkit-backface-visibility: hidden;
}
.doc-catalog-box .dk_options ul{padding: 3px 3px 0 24px;display: block;overflow: hidden;}
.doc-catalog-box .dk_options ul li{position: relative;display: block;height: 28px;line-height: 28px;}
.doc-catalog-box .dk_options ul li.h3 .circle-gray{position:absolute;left:-23px;top:4px;width:21px;height:21px; background: url("../../images/webv4/doc_catalogslide_gray.png") no-repeat 50% 50%;display: none;}
.doc-catalog-box .dk_options ul li.toc-active a{color:#5796fe; background-color: #f5f5f5;}
.doc-catalog-box .circle-light{
	display:none;
	position:absolute;left:1px;top:7px;width:21px;
	height:21px; background: url("../../images/webv4/doc_catalogslide_light.png") no-repeat 50% 50%;
	transition: 500ms;
	  -moz-transition: 500ms;
	  -webkit-transition: 500ms;
	  -o-transition: 500ms;
}
.doc-catalog-box .dk_options ul li.h4{padding-left: 14px;}
.dk_options a {
    color: #666;
    display: inline-block;
    padding: 0px 0px 0px 9px;
    height:28px;
    line-height:28px;
    text-decoration: none;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    width: 100%;
}
.dk_options a:hover {
      color:#5796fe; background-color: #f5f5f5; }

.dk_option_current a {
  color:#5796fe; background-color: #f5f5f5; }

.dk_options_inner {
  background-color: #34495e;
  border-radius: 5px;
  margin: 0;
  max-height: 244px;
  padding: 3px 3px 0; }
.dk_open .dk_options {
    margin-top: -1px;
    opacity: 1;
    z-index: 999;
    display: block\9; }
/*文档中心标题*/
.doc-tit{border-bottom: 1px dashed #c9c9c9;font-size: 32px;color: #484848;margin-bottom: 20px;padding-bottom: 15px;line-height: 42px;}
.doc-tit p{font-weight: 600;color: #2b2c30;}
.doc-post-time{float: right;font-size: 18px;font-weight: 400;color: #484848;line-height: 55px;}
.doc-content img{max-width: 700px;}
.con_img_box{text-align: center;margin: 20px 0px;}
.con_img_box img{margin: 0px 10px;max-height:600px;max-width:700px;}
.con_img_box .view_video{display: block;width: 160px;margin: 10px auto;font-size: 16px;text-decoration: underline;}
.layer_video_box{text-align: center;}
/*文档中心首页*/
.wiki-index-con{padding: 25px 0px 50px;}
.wiki-index-list{float: left;width: 500px;margin-bottom: 28px;}
.wiki-index-list.right{margin-left: 100px;}
.wiki-index-list h3{font-size: 20px;height: 28px;line-height: 28px;font-weight: 400;margin-bottom: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.wiki-index-list h3 span{color: #cccccc;font-size: 14px;margin-left: 20px;}
.wiki-index-item-box{height:168px;border-radius:10px;position: relative;border: 1px solid #dfe0e1}
.wiki-index-item-box:hover{box-shadow:1px 1px 4px 1px #dfe0e1;}
.wiki-index-sprite{position: absolute;width: 110px;height: 121px;background: url("../../images/webv4/wiki_index_sprites.png") no-repeat;top:20px;left: -8px;}
.wiki-index-sprite.sdktool{background-position: 0px 0px;}
.wiki-index-sprite.qgame-cn{background-position: -161px 0px;}
.wiki-index-sprite.qgame-int{background-position: -324px 0px;}
.wiki-index-sprite.im{background-position: -486px 0px;}
.wiki-index-sprite.datasys{background-position: -647px 0px;}
.wiki-index-sprite.glinkad{background-position: -967px 0px;}
.wiki-index-sprite.ad{background-position: -810px 0px;}
.sprite-line{width: 1px;position: absolute;height: 115px;background-color: #e5e5e5;top:21px;right: 190px;}
.item-list{position: absolute;width: 360px;height: 121px;left: 137px;top:19px;}
.item-list a{float: left;width: 165px;height: 30px;line-height: 30px;color: #7f838c;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.item-list a.right{margin-left: 30px;}
.item-list a:hover{color: #5796fe;}
.doc-ser-box.doc-serbox-min{height: 54px;}
.breadcrumb{float: left;display: block;height: 100%;}
.breadcrumb li{float: left;color: #adadad;line-height: 54px;}
.breadcrumb li a{line-height: 54px;color: #adadad}
.breadcrumb li:FIRST-CHILD a{position: relative;padding-left: 38px;}
.breadcrumb li a em{position: absolute;width: 27px;height: 23px;background: url("../../images/webv4/doc_sprites_icon.png?v=20180116") no-repeat -110px -52px;top:-3px;left: 0px;}
.doc-serbox-min .form-box{height: 35px;width: 750px;top:7px;margin: 0px auto;background-color: #464d64;}
.doc-serbox-min .form-box .ser-input{line-height: 33px;height: 33px;color: #818181;}
.doc-serbox-min .form-box .ser_icon{height: 35px;line-height: 35px;}
.news-list li a{font-size: 18px;font-weight: 400;}
.ser-post-line{margin-top: 10px;margin-left: 16px;}
.is-faq .doc-tit{background-color: #428bf2;color: #fff;border-bottom: none;height: 50px;padding-bottom: 0px;line-height: 50px;margin-bottom: 0;}
.is-faq .doc-tit .doc-tit-span{margin-left: 30px;}
.is-faq .doc-content{border:1px solid #c7d2e3;padding: 26px 36px;max-height: 500px;overflow: auto;}
.is-faq .doc-content .faq-items{float: left;width: 30%;margin: 0px 3% 20px 0;}
.is-faq .doc-content .faq-items a{display:block; color: #428bf2;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.is-faq .doc-content .faq-items a:hover{text-decoration: underline;}
.is-faq .doc-tit-ser{float: right;}
.is-faq .doc-tit-ser .ser-bx{width: 50px;height: 50px;background: url("../../images/webv4/wiki_ser_ico.png") no-repeat 18px 17px;background-color: #367ee4;cursor: pointer;}
.is-faq .doc-tit-ser .ser-bx-input{height: 50px;background-color: #367ee4;padding: 0px 15px;}
.is-faq .doc-tit-ser .ser-bx-input .ser-bg-box{height: 26px;position: relative;top: 12px;width: 240px;padding-right: 30px;background-color: #fff;border-radius:2px;}
.ser-bg-box .kw1{height: 24px;border: none;outline: none;line-height: 24px;position: absolute;top:1px;left: 2px;width: 230px;font-size: 14px;padding: 0px 5px;}
.is-faq .doc-tit-ser .ser-link{position: absolute;width: 26px;height: 26px;background: url("../../images/webv4/wiki_ser_ico.png") no-repeat 4px -69px;right:0px;top:0px;}