/*browser-not-support-page start*/
#browser-support
{
    font-family: 'Arial';
    line-height: 30px;
    position: absolute;
    z-index: 999999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    padding: 50px;

    color: #777;
    background-color: #fafafa;
}

#browser-support h1
{
    font-size: 2em;

    margin-bottom: 20px;

    color: #666;
}

#browser-support ol
{
    margin-left: 18px;
    padding: 5px 0;
}

#browser-support ol li
{
    list-style: disc;
}

/*browser-not-support-page end*/
body {
	background: #FFFFFF;
}
*{
	margin: 0;
    padding: 0;
    font-family: Microsoft YaHei,Arial,Helvetica,sans-serif;
    font-style: normal;
    font-weight: 400;
	font-size: 16px;
	color: #333333;
}
.mhTitle {
	text-align: center;
	font-size: 28px;
	margin-top:35px;
	color: #262626;
	
}
.mhTitleShortDesc {
	color: #A1A1A1;
}
.mhTitleShortDesc {
	text-align: center;
}
a.colorC {
	color: #333;
}
a.colorD {
	color: #0066FF;
}
a.colorE {
	color: #f00;
}
a.colorE:hover {
	color: #333;
}
a:hover {
  color: #0066FF;
  text-decoration: underline;
}
a, a:hover, a:focus, a:visited {
  /* text-decoration: none; */
  cursor:pointer;
}
/*tiny-ui样式改变 start*/
ti-tab-head {
    display: inline-block;
    text-align: center;
}
.resourceView ti-tab-head {
    width: 200px;
}
.ti-tabs {
	border:hidden;
}

.ti-tabs>li.active:not(.disabled)>a {
  border-left: 1px solid #D7D7D7 !important;
  border-right: 1px solid #D7D7D7 !important;
}
.ti-tabs>li.active:not(.disabled)>a::after {
	border-top: 3px solid #f00 !important;
	color: #9B0F15;
}
.ti-tabs>li.active:not(.disabled)>a>ti-tab-head {
	color: #9B0F15;
}
.ti-tabs>li {
	margin-bottom: -2px !important;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
}
.ti-select-text {
	height: auto;
}
 .containerStyle table thead tr th .ti-select-container {
	width: 120px;
	float: right;
}
.ti-icon {
	line-height: 15px !important;
}
.ti-icon-close{
	padding-top: 10px;
}
.ti-searchbox-container {
  height: 30px;
}
.searchBox .ti-searchbox-container {
  border: 1px solid #222222;
}
.changeView .ti-btn,.changeView [ti-button] {
	width: 400px;
  	height: 52px;
}
.changeView .ti-btn-danger-outline {
 /* color: #e41e2b;
  background: #fff;
  border-color: #e41e2b;
  font-size: 18px;
  color: #585858;*/
  border-color: #585858;
  background: #fff;
}
.changeView .ti-btn-danger-outline p{
  color: #585858;
}
.changeView .ti-btn-danger-outline:focus{
  background: #CC3333;
  border-color: #CC3333;
}
.changeView .ti-btn-danger-outline:focus p{
  color: #fff;
}
.changeView .ti-btn-danger-outline:hover {
  background: #CC3333;
  border-color: #CC3333;
}
.changeView .ti-btn-danger-outline:hover p{
  color: #fff;
}
.changeView .active{
  background: #CC3333;
  border-color: #CC3333;
}
.changeView .active p{
  color: #fff;
}
.search_banner{
	margin-top: 85px;
	margin-bottom: 35px;
	text-align: center;
}
.search_banner .ti-searchbox-style{
	width: 844px;
	height: 50px;
}
.search_banner .ti-searchbox-container{
	/*border: 1px solid #51a7e8;*/
}
.search_result {
	border: 1px solid #D7D7D7;
	padding: 10px;
}
.searchItem {
	margin: 10px 0;
}
.search_result .index,.search_result .content{
	float: left;
}
.search_result .index{
	width: 55px;
}
.refer, .version,.desc,.scene{
	font-size: 14px;
}
.scene{
	color: #669900;
}
.search_result hr {
  background-color: #F0F0F0;
  border: 1px dashed #86BCD4;
  height: 1px;
  width: 100%;
 }
/*1200慢慢移出来的*/
/*首页*/
.myfastReadStyle{
	border: 1px solid #EBEBEB;
	margin-top: 35px;
}
.fastRoad1, .fastRoad2, .fastRoad3, .fastRoad4{
	float: left;
}
.fastRoad1, .fastRoad2, .fastRoad3{
	border-right: #ebebeb 1px solid;
}
.fastRoadTitle span{
	font-size: 18px;
	font-weight: bold;
	color: #262626;
}
.fastRoadLink{
	padding-top:12px;
}
.fastRoadLink div a{
	line-height: 33px;
}
.ellipsis {
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	-o-text-overflow: ellipsis; /* for Opera */
	-icab-text-overflow: ellipsis; /* for iCab */
    -khtml-text-overflow: ellipsis; /* for Konqueror Safari */
    -moz-text-overflow: ellipsis; /* for Firefox,mozilla */
    -webkit-text-overflow: ellipsis; /* for Safari,Swift*/
}
.get_source_content{
	height:300px;
	float:left;
}
.get_source_content_right{
	float:right;
	margin-top:28px; /*border: 1px solid #CBCBCB;*/
}
.server_series{
	height:70px;
	font-size:20px;
	font-weight:bold;
	width:10px;
}
.get_source_content_left{
	float:left;
	height:300px;
	text-align:left;
}
.server_li{
	line-height:33px;
	float:left;
}
.dp_series_left{
	float:left;
}
.li_title{
	float:left;
	text-align: right;
	margin-top:18px;
	line-height: normal !important;
}
.li_content{
	float:left;
	text-align: left;
	margin-top:14px;
}
.dp_series_right{
    float:left;
    margin-top:38px;
}
.mezz_title_li{
   margin-top:18px;
   float:left;
   text-align: right;
   line-height: normal !important;
}
.mezz_content_li{
    margin-top:14px;
    float:left;
    text-align: left;
}
.gm_chose{
    float:left;
}
.gm_name{
	float:left;
    text-align: right;
    padding-top: 4px;
}
#gm_ul,#fs_ul{
	margin-top:14px;
}
.fs_ul_li{
	float: left;
	padding-left:5px;
	line-height: 33px;
}
/*资源聚合页面*/
.res_banner{
	margin-top: 68px;
	border: 1px solid #D7D7D7;
}
.res_banner_font {
	font-size: 28px;
	color: #1E1E1E;
	margin-top: 35px;
	text-align: center;
}
.res_banner_img {
	height: 226px;
}
.res_banner .ti-searchbox-style{
	height: 52px;
}
.plugin_col ul .noorder_li {
	float: left;
	line-height: 33px;
	white-space:nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis; /* for Opera */
	-icab-text-overflow: ellipsis; /* for iCab */
    -khtml-text-overflow: ellipsis; /* for Konqueror Safari */
    -moz-text-overflow: ellipsis; /* for Firefox,mozilla */
    -webkit-text-overflow: ellipsis; /* for Safari,Swift*/
}
.problems_li1 {
    float: left;
    height:100px;
}
.problems_banner {
	background-color: rgba(242, 242, 242, 1);
	height: 59px;
	margin: 35px 0px;
}
.plugin_col_name, .problems_explain {
	font-size: 18px;
	line-height: 59px;
}
.problems_explain {
	color: #A1A1A1;
}
.problems_banner .plugin_col_name {
	float: left;
}
.problems_banner .problems_explain {
	float: left;
}
.solving_li{
	list-style-type:none;
	float:left;
	font-size: 14px;
}
.solving_li1{
	list-style-type:none;
	float:left;
	font-size: 14px;
}
.solving_li2{
	list-style-type:none;
	float:left;
	font-size: 14px;
}
.solving_li3{
	list-style-type:none;
	float:left;
	font-size: 14px;
}
.solving_img{float:left;}
.solving_des{margin-top:10px;}
#scene_view {
	line-height: 33px;
	border: 1px solid #E8E8E8;
}
.scene_header {
	height: 51px;
	background-color: #e4f2ff;
	text-align: center;
}
.scene_header .scene_header_icon {
	float: left;
	margin-top: 3px; 
	width: 46px;
	height: 46px;
}
.scene_header .scene_header_font {
	float: left;
	line-height: 51px;
}
.scenStatus {
	float: right;
	width: 20px;
	margin-top: 15px;
	cursor: pointer;
}
.scene_container {
	margin-top: 20px;
}
.noorder .noorder_li {
	float: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis; /* for Opera */
	-icab-text-overflow: ellipsis; /* for iCab */
    -khtml-text-overflow: ellipsis; /* for Konqueror Safari */
    -moz-text-overflow: ellipsis; /* for Firefox,mozilla */
    -webkit-text-overflow: ellipsis; /* for Safari,Swift*/
}
.ti-tab-content {
	overflow: hidden;
}
.tinyplus-wizard-steps li:before {
	top: 55px;
}
.ti-btn, [ti-button]{
	height: 32px;
	padding: 0 15px;
}

.noteWidth{
	width: 800px;
}

@media screen and (min-width:1200px) and (max-width: 1440px) {
	.mainContent {
		width: 1440px;
		margin:0 auto;
	}
	
	.fastRoad1, .fastRoad2, .fastRoad3, .fastRoad4{
	  	width: 284px;
	  	margin: 30px 0 30px 15px;
	}
	
	.ellipsis {
		width: 265px;
	}
	/*首页home里的tab*/
	.get_source_content{
		width:1100px;
		margin-left:50px;
	}
	
	.get_source_content_right{
		margin-right:20px;
		width:300px;
	}
	
	.get_source_content_left{
		width:780px;
	}
	.ti-tab-content{
		width: 1200px;
		border: 1px solid #D7D7D7;
	}
	ti-tab-head {
	    width: 160px;
	}
	.server_li{
		width:260px;
		padding-left:5px;
	}
	
	/*.get_source_content_dp{
		width:1100px;
		height:300px;
		float:left;
	}*/
	.dp_series_left{
		width:390px;
	}
	.li_title{
		width:200px;
	}
	.li_content{
		width:180px;
	}
	.dp_series_right{
	    width:390px;
	}
	.mezz_title_li{
	   width:150px;
	}
	.mezz_content_li{
	    width:180px;
	}
	#btn_submit_home{
		text-align:center;
		clear:both;
		padding-top: 50px;
	}
	.gm_chose{
	    width:196px;
	}
	.gm_name{
	    width:120px;
	}
	#gm_submit_div,#fs_submit_div{
		text-align:center;
		clear:both;
		padding-top:50px;;
	}
	.fs_ul_li{
		width:390px;
		padding-left:5px;
	}
	/*首页里的tab--结束 */
	/*.res_banner{
		margin-top: 61px;
		border: 1px solid #D7D7D7;
	}*/
	.res_banner_font {
		width: 508px;
	}
	.res_banner_img {
		width: 300px;
		margin-left: 104px;
		margin-right: 64px;
	}
	.res_banner .ti-searchbox-style{
		width: 711px;
	}
	.changeView {
		margin: 35px 150px 0 150px;
	}
	.changeView .button-right {
		margin-left: 94px;
	}
	.tab_container {
		margin: 35px 15px;
	}
	#plugin {
		margin: 0 15px;
	}
	.plugin_col ul .noorder_li {
		width: 385px;
		padding-left: 30px;
	}
	.problems_li1 {
	    width: 534px;
	    margin-left: 20px;
	}
	#problems {
		margin: 35px 15px;
	}
	.problems_banner {
		margin: 35px 0px;
	}
	.solving_li{
		width:550px;
		margin:10px 0;
	}
	.solving_li1{
		width:310px;
		margin:20px 10px 0 0px;
	}
	.solving_li2{
		width:310px;
		margin:20px 0 0 71px;
	}
	.solving_li3{
		width:310px;
		margin:20px 10px 0 80px;
	}
	
	/*场景视图里的*/
	#scene_view {
		margin: 35px 0;
		padding: 0 15px;
	}
	.scene_header {
		margin: 35px 0;
	}
	.scene_header .scene_header_icon {
		margin-left: 30px;
	}
	.scene_header .scene_header_font {
		padding-left: 14px;
	}
	.scenStatus {
		margin-right: 20px;
	}
	.container_font {
		padding-left: 80px;
	}
	.noorder {
		margin: 0 45px;
	}
	.noorder .noorder_li {
		width: 538px;
		padding-left: 20px;
	}
	.problems_row1 ul,.problems_row2 ul {
		margin: 0 30px;
	}
}

@media screen and (min-width:1441px){
	.mainContent {
		width: 1440px;
		margin:0 auto;
	}
	.fastRoad1, .fastRoad2, .fastRoad3, .fastRoad4{
	  	width: 344px;
	  	margin: 30px 0 30px 15px;
	}
	.ellipsis {
		width: 265px;
	}
	.get_source_content{
		width:1400px;
		margin-left:50px;
	}
	.get_source_content_right{
		margin-right:20px;
		width:300px;
	}
	.get_source_content_left{
		width:1080px;
	}
	.ti-tab-content{
		width: 1440px;
		border: 1px solid #D7D7D7;
	}
	ti-tab-head {
	    width: 200px;
	}
	.server_li{
		width:260px;
		padding-left:5px;
	}
	.dp_series_left{
		width:540px;
	}
	.li_title{
		width:220px;
	}
	.li_content{
		width:320px;
	}
	.dp_series_right{
	    width:540px;
	}
	.mezz_title_li{
	   width:200px;
	}
	.mezz_content_li{
	    width:300px;
	}
	.ti-select-container {
		width: 300px;
	}
	#btn_submit_home button{
		margin-top: 50px;
  		margin-left: 560px;
	}
	.gm_chose{
	    width:320px;
	}
	.gm_name{
	    width:220px;
	}
	#gm_submit_div button{
		margin-top: 50px;
  		margin-left: 560px;
	}
	.fs_ul_li{
		width:540px;
		padding-left:50px;
	}
	.res_banner_font {
		width: 648px;
	}
	.res_banner_img {
		width: 300px;
		margin-left: 174px;
		margin-right: 74px;
	}
	.res_banner .ti-searchbox-style{
		width: 872px;
	}
	.changeView {
		margin: 35px 270px 0 270px;
	}
	.changeView .button-right {
		margin-left: 94px;
	}
	.tab_container {
		margin: 35px 16px;
	}
	#plugin {
		margin: 0 16px;
	}
	.plugin_col ul .noorder_li {
		width: 468px;
		padding-left: 30px;
	}
	.problems_li1 {
	    width: 702px;
		padding-left: 30px;
	}
	#problems {
		margin: 35px 16px;
	}
	.problems_banner {
		margin: 35px 0px;
	}
	.solving_li{
		width:703px;
		margin:10px 0;
	}
	.solving_li1{
		width:390px;
		margin:20px 10px 0 0px;
	}
	.solving_li2{
		width:390px;
		margin:20px 0 0 71px;
	}
	.solving_li3{
		width:390px;
		margin:20px 10px 0 80px;
	}
	#scene_view {
		margin: 35px 0;
		padding: 0 15px;
	}
	.scene_header {
		margin: 35px 0;
	}
	.scene_header .scene_header_icon {
		margin-left: 30px;
	}
	.scene_header .scene_header_font {
		padding-left: 14px;
	}
	.scenStatus {
		margin-right: 20px;
	}
	.container_font {
		padding-left: 80px;
	}
	.noorder {
		margin: 0 45px;
	}
	.noorder .noorder_li {
		width: 659px;
		padding-left: 20px;
	}
	.problems_row1 ul,.problems_row2 ul {
		/*margin: 0 30px;*/
	}
}