@CHARSET "UTF-8";
.developer_content{ width:80%; margin: 0 auto; height:100%;}
.developer_div{ margin:200px auto auto; width:66%; height:350px; text-align:center; -moz-border-radius:10px; border:1px solid #b5b5b5; border-radius:10px; background-color:#fbfbfb;}
.content_div_img{ margin-top:-18%; text-align: center;}
.content_div_img img{ width:35%;}
.menu_title{ font-size:1.5em; font-weight: bold; margin-top:20px; margin-bottom: 20px;}
.menu_content{ width:90%; margin:0 auto; font-size:1.1em; line-height:2em;}
.menu_btn{ width:26%; height:40px; font-size:1.1em; position:absolute; left:36%; bottom:9%; line-height: 40px; text-align: center; border-radius:30px; border:1px solid #b5b5b5; color:#5bcdff; margin:14% auto auto;}
.pople_tishi{height:120px; width:100%; text-align: center; color:red; background-color:#ececec; line-height: 120px;}
.menu_btn:hover{border:1px solid #00a2e9}

.sdk_menu_btn{width:40%; height:40px; cursor:pointer; position:absolute; bottom:20%; left:30%; font-size:1.1em;  line-height: 40px; text-align: center; border-radius:30px; border:1px solid #b5b5b5; color:#5bcdff; margin:14% auto auto;}



/**********************优载云简介**************************/
.suspension_menu{ z-index:11; width:100% !important; height:90px; background-color:#fff; box-shadow:1px 1px 2px 1px #ccc; border-radius:5px; position:relative; margin-top:-10px;}
.arrow-up {
    width:30px !important; 
    height:30px; 
    border-left:20px solid transparent;
    border-right:20px solid transparent;
    border-bottom:20px solid #fff;
    z-index:11;
    position:relative;
     margin-top:-35px;
     margin-left:56px;
}
.suspension_menu div{ height:30px; line-height: 30px; font-size:0.8em; color:#2d2d2d; width:100% !important; }
.suspension_menu div:hover{background-color:#f2f2f2; border-radius:5px;}
.suspension_menu_active{background-color:#f2f2f2;  }

.top_meun{ width:100%; height:110px; line-height: 110px; background-color:#00a2e9; color:#fff;}
.meun_content{ width:40%; margin:0 auto; height:100%; }
.meun_content div{ text-align: center; width:20%; float:left;}

.total_intro{ width:100%; height:500px; background-color:#fbfbfb;  }

.total_content{width:80%; margin:0 auto; height:100%;  }
.total_content_div{ width:100%; padding-top:80px; }
.total_logo{ width:12%; float:left;}
.total_logo img{width:100%;}
.total_text{ width:85%; float:right; }
.total_text p{ color:#00a0e9; font-size:2.5em; margin-bottom:40px;}
.total_min_title{ width:100%; font-size:2em;  color:#2d2d2d;}
.total_text_p{ width:100%; font-size:1.5em; text-indent: 2em;  color:#2d2d2d;}

.back_content{ width:90%; height:600px; margin:0 auto; border-bottom:1px solid #b5b5b5; }

.platform_div{ width:100%; background-image:url(../img/developer/p_2.png); background-position: 100% 20px; height:100%; background-repeat: no-repeat; background-size:50%;}
.platform_title{width:100%; padding-top:60px; font-size:2em; vertical-align: middle;}
.platform_title span{ margin-left:20px; font-family:"Microsoft YaHei","微软雅黑","SimSun","宋体";}
.platform_content{text-indent:2em; width:50%; height:auto; vertical-align: middle; line-height:1.8; font-size:1.5em; padding-top:8%;}
.platform_div_you{ width:100%; background-image:url(../img/developer/p_4.png); background-position: 90% 50%; height:100%; background-repeat: no-repeat; background-size:30%;}

.bg_f2_content{width:100%; height:600px; background-color:#fbfbfb; }

.fangshi_bg{ background-image:url(../img/developer/f_1.png); background-size:30%; background-position: 10% 50%; background-repeat: no-repeat; height:100%; }
.fangshi_text{ width:50%; float:right; text-indent:2em; vertical-align: middle; line-height:1.8; font-size:1.5em; padding-top:12%;}

.weiding{ width:100%; background-image:url(../img/developer/p_5.png); background-position: 90% 50%; height:100%; background-repeat: no-repeat; background-size:30%;}
.wend{width:50%; float:left; text-indent:2em; vertical-align: middle; line-height:1.8; font-size:1.5em; padding-top:12%;}
.fuwu_bg{ background-image:url(../img/developer/p_6.png); background-size:45%; background-position:0 50%; background-repeat: no-repeat; height:100%;}

.dingzhi{ width:100%; background-image:url(../img/developer/p_7.png); background-position: 90% 50%; height:100%; background-repeat: no-repeat; background-size:45%;}
.shuju_bg{background-image:url(../img/developer/p_8.png); background-size:30%; background-position:0 50%; background-repeat: no-repeat; height:100%;}



/************************************如何添加产品****************************************/
.product_content{width:90%; height:100%; margin:0 auto; font-size:1.5em;}
.product_content div{ margin-top:40px;}
.product_content div img{ width:100%;}

/******************************开发者示例*******************************/
.simple_content{ width:90%; margin:0 auto; height:100%; font-size:1.2em; padding-top:60px; padding-bottom:40px;}
.total_directory{ width:90%; height:200px; margin:0 auto; border:1px solid #e5e5e5;}
.total_directory_div{ width:50%; margin-top:5px; margin-bottom:10px; float:left; }
.case_directory{width:100%; font-size: 1.5em; text-indent: 2em; margin-top:20px;}
.content_text{ width:68%; height:auto; overflow: hidden; float:left; }
.content_date{ width:30%; height:auto; overflow: hidden; float:left;}
.simple_article{ width:100%; margin:80px auto auto;}
.article_title{ width:100%; text-align: center; font-size:1.5em; }
.article_content{ width:90%; margin:40px auto auto; font-size:1.2em;}


/**************************************开发文档***************************************/
.total_directory_file{ width:20%; margin-top:5px; margin-bottom:10px; float:left;}
.total_directory_document{ width:30%; margin-top:5px; margin-bottom:10px; float:left;}
.file_title{width:100%; font-size:1.2em; margin-bottom:40px;}
.file_min_title{ width:100%; font-size:1em; font-weight: bold; margin-top:10px;}
.file_min_title a:HOVER , .file_min_title a:VISITED{ color:#000;}

.codeBorder{ width:100%;  margin:10px 0; }
.codeBorder pre{white-space:pre-wrap}


/*********************************************优载云SDK************************************************************/
.sdk_div{ margin:100px auto auto; width:65%; height:350px; text-align:center; }
.sdk_div:hover{-moz-border-radius:10px;  border:0px solid #00a2e9; padding-top:4px; box-shadow: 2px 2px 10px #ccc; border-radius:10px; background-color:#fbfbfb; margin:50px auto;}


/******************************************第二版优载云简介************************************/
.mune_left{ width:18%; height:100%; float:left; background-color:#efefef;}
.mune_title_bg{ width:100%;  background-color:#00a2e9;color:#fff; text-align: center; padding:16px 0; font-size:1.5em;}
.mune_min_title{ width:100%; padding:15px 0; font-size:1.2em; text-align: center;}
.mune_min_title_active{background-color:#fbfbfb;}
.mune_min_title:hover{background-color:#fbfbfb; cursor: pointer;}
.mune_title_bg img{ vertical-align:middle; width:15%;}


/*************************APP下载***********************************/
.downloadImg{width:45%; padding:120px 0; text-align:right;  float:left;}
.downloadDownloadContent{width:50%; padding:115px 0;  float:left;}
.downloadDownloadTitle{font-size:1.5em; margin-bottom:20px; font-weight:bold;}
.androidBtn{width:100%; background:#F7942A; border-radius:5px; cursor:pointer; color:#fff; text-align:center;padding:6px 0; margin-top:12px; }
.iosBtn{width:100%; background:#FD5D5D; border-radius:5px; cursor:pointer; color:#fff; text-align:center;padding:6px 0; margin-top:14px;}
.downloadIntro{width:100%; padding:100px 0; background:#f1f1f1; }
.download_content{width:74%;margin:0 auto;}
.downloadIntroTitle{font-size:2em;}
.downloadIntroTitleMin{margin-left:10px;font-size:0.6em;}
.downloadIntroContent{width:25%; float:left; padding:20px 80px 20px 0; }
.xAndroid{margin-top:12px;padding:6px 0;}
.xpc{margin-top:12px;padding:6px 0;background-color:#5aaffd}
.xbtn{width:47%;float:left;padding-left:10px;padding-top:11px;}
.ybtn{width:47%;float:left;padding-left:10px;padding-top:11px;}
.yios{margin-top:37px;}

@media only screen and (max-width: 1800px) {
	.downloadDownloadContent{font-size:14px;padding: 100px 0;}
	.iosBtn{margin-top:25px !important;}
	.xpc{margin-top:4px !important;}
	.xAndroid{margin-top:4px !important;}
	.xbtn{padding-top:0;}
	.androidBtn{margin-top:4px;}
}
@media only screen and (max-width: 1676px) {
	.downloadDownloadContent{font-size:12px;padding: 100px 0;}
}
@media only screen and (max-width: 1530px) {
	.downloadDownloadContent{font-size:12px;padding: 80px 0;}
}
@media only screen and (max-width: 1420px) {
	.downloadDownloadContent{font-size:12px;padding: 68px 0;}
}

/* 小火箭css */
		#gotop1 {
		    width: 80px;
		    position: fixed;
		    bottom: 90px;
		    cursor: pointer;
		    z-index: 99998;
		    right: 3%;
		    
		}
		/* 小火箭悬停特效 */
		#gotop1:hover {
		    animation: rubberBand 1s;
		}

		@keyframes rubberBand {
		  from {
		    transform: scale3d(1, 1, 1);
		  }

		  30% {
		    transform: scale3d(1.25, 0.75, 1);
		  }

		  40% {
		    transform: scale3d(0.75, 1.25, 1);
		  }

		  50% {
		    transform: scale3d(1.15, 0.85, 1);
		  }

		  65% {
		    transform: scale3d(.95, 1.05, 1);
		  }

		  75% {
		    transform: scale3d(1.05, .95, 1);
		  }

		  to {
		    transform: scale3d(1, 1, 1);
		  }
		}