@charset "utf-8";
.doc-container{min-width: 1230px;}
.left_menu{float: left;width:16%;min-width: 220px;height: 100%;padding:0px 1%;background-color: #f7f7f7;margin-top: 32px; }
.menu_list{width: 100%;height: 100%;position: relative;}
.menu_blank{height:35px; }
.menu_ul{display: block;width: 100%;}
.menu_first_li{display: block;}
.menu_first_link{display: block;height: 32px;line-height:32px; margin: 0px auto;padding:10px 0px 10px 26px; border-top:1px solid #c9c9c9;font-size: 16px;color: #162C3C;position: relative;}
.menu_first_link .menu-row-icon{position: absolute;left: 0px;top:15px;height: 24px;width: 24px;background: url("../../images/webv2/doc_sprites_icon.png") no-repeat -68px 5px;}
.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: 2px auto;}
.menu_2nd_ul .menu_2nd_li .menu_2nd_link{display: block;height: 32px;line-height:32px;color: #162C3C;position: relative; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;padding-left: 46px;}
.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/webv2/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: #ff9500;}
.menu_first_li.cur .menu_first_link,.menu_first_li:hover .menu_first_link{color: #ff9500;}
.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: -68px -23px;}
.right_content{float: left;width:60%; min-width: 600px;min-height:500px; padding: 32px 40px 20px 20px;position: relative;white-space: normal;word-wrap: break-word;word-break:break-all;}
.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)}
/*搜索页面*/
.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;}

/*文档中心生成目录样式*/
.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: 367px;width: 0;background-color: #cdcdcd;border-left: 1px solid #cdcdcd;top:15px;left: 12px;}
.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/webv2/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/webv2/doc_catalogslide_gray.png") no-repeat 50% 50%;}
.doc-catalog-box .dk_options ul li.toc-active a{color:#ff9500; }
.doc-catalog-box .circle-light{
	position:absolute;left:1px;top:7px;width:21px;
	height:21px; background: url("../../images/webv2/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: #ff9500; }

.dk_option_current a {
  color: #ff9500; }

.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: 22px;color: #484848;margin-bottom: 20px;padding-bottom: 15px;line-height: 42px;}
.doc-tit p{font-weight: 600;color: #ff9500;}
.doc-post-time{float: right;font-size: 14px;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;}

/*新版开发者中心*/
.index-top{height: 65px;}
.menu-nav{
	height: 65px;
	background: url("../../images/webv3/menu_bg.png") repeat-x 0px 0px;
}
.main.doc-main{width: 1230px;}
.docs-tab-box{height: 176px;background-color: #fff;box-shadow:0 0px 12px #D3E6FF;border-bottom: 1px solid #dedede\9;}
.docs-tab-list{float: left;height: 100%;width: 500px;position: relative;}
.doc-ser-box{position: absolute;right: 0px;bottom: 25px;width: 500px;height: 40px;border: 1px solid #a6a6a6;border-radius:4px;background-color: #f7f3f7;}
.form-box{position: relative;height: 40px;}
.ser-input{position: absolute;left: 8px;top:0px;height: 38px;line-height: 38px;font-size: 16px;color: #999;width: 450px;outline: none;border: none;background: none;}
.ser_icon{position: absolute;right: 2px;top:0px;width: 40px;height: 40px;background: url("../../images/webv3/docs_icon_gray.png") no-repeat 50% 50%;border: none;outline: none;text-indent: -9999px;cursor: pointer;}
.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: #f6f6f6;}
.downsdk-box-con{width: 600px;margin-right: 20px;}
.con-tit{font-size: 18px;line-height: 60px;}
.sdk-items{display:block; border: 1px solid #d1d1d1;background-color: #fff;padding: 0px 10px;}
.sdk-items li{display: block;border-top: 1px solid #d1d1d1;padding-bottom: 10px;}
.sdk-items li:FIRST-CHILD {
	border-top: none;
}
.sdk-items li .sdk-img{width: 65px;text-align: center;}
.sdk-logo{height:65px;margin-top: 30px;background: url("../../images/webv3/ft_download_icon_sprites.png") no-repeat;}
.sdk-logo.android{background-position: -242px -13px;}
.sdk-logo.ios{background-position: -341px -13px;}
.sdk-logo.unity3d{background-position: -144px -13px;}
.sdk-logo.cocos2d{background-position: -47px -13px;}
.sdk-logo.server{background-position: -438px -13px;}
.sdk-logo.win{background-position: -640px -13px;}
.sdk-logo.mac{background-position: -541px -13px;}
.sdk-items li .sdk-item-r{width: 430px;margin-left: 20px;height: 100%;}
.sdk-item-r h2{font-size: 14px;font-weight: 600;color: #666;margin: 20px 0px 0px 0px;line-height: 26px;}
.sdk-item-r h2 span{font-size: 12px;color: #666;margin-left: 2px;}
.sdk-item-r .item-post-date{color: #666;margin-bottom: 6px;color: #787878}
.sdk-item-r .sdk-item-intro{line-height: 20px;}
.sdk-items li .sdk-item-link{width: 40px;height: 100%;text-align: center;}
.sdk-item-link a{display: block;height: 60px;background: url("../../images/webv3/doc_icon_downsdk_gray.png") no-repeat 50% 50%;margin-top: 45px;}

.wiki-con{margin-left: 20px;width: 292px;min-height: 400px;}
.wiki-con:FIRST-CHILD{margin-left: 0;}
.wiki-con.wiki-con-6 .sdk-items{border-top: 1px solid #2cd7c1;}
.wiki-con.wiki-con-7 .sdk-items{border-top: 1px solid #006fc3;}
.wiki-con.wiki-con-8 .sdk-items{border-top: 1px solid #881c9d;}
.wiki-con.wiki-con-12 .sdk-items{border-top: 1px solid #822ee0;}
.wiki-con .sdk-items li{height: auto;padding-bottom: 0;}
.wiki-con .sdk-items li a{display: block;line-height: 60px;padding-left: 24px;position: relative;white-space: nowrap;text-overflow: ellipsis;overflow: hidden}
.wiki-con .sdk-items li a em{position: absolute;left: 0px;top:23px;width: 14px;height: 14px;background:url("../../images/webv3/doc_icon_listbg.png") no-repeat 50% 50%; }
.wiki-con .sdk-items li a img{width: 240px;}
.doc-detail-main{width: 100%;}
.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;}
.wiki-doc .sdk-items{height:430px; clear: both;overflow: hidden;}
.wiki-help-doc .sdk-items{height: 370px;overflow: hidden;}
/*页码*/
.page{height:70px;background:#FFFFFF; text-align:center}
.page a{border-radius:26px; background-color:#FFFFFF; display:inline-block; border:solid 1px #45ABFA; height:24px; padding:0 9px; text-decoration:none; color:#45ABFA; margin:22px 3px 0 3px; line-height:24px}
.page a:hover{border-radius:26px; background-color:#45ABFA; border:solid 1px #45ABFA; display:inline-block; height:24px; padding:0 9px; text-decoration:none; color:#FFFFFF; margin:0 3px 0 3px; line-height:24px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.page a#PageOn{
	border-radius: 26px;
	background-color: #45ABFA;
	border: solid 1px #45ABFA;
	display: inline-block;
	height: 24px;
	padding: 0 9px;
	color: #ffffff;
}
/*页码结束*/

