877 lines
16 KiB
CSS
877 lines
16 KiB
CSS
header {
|
|
position:fixed;
|
|
background:#fff
|
|
}
|
|
@media screen and (min-width:992px) {
|
|
html,body {
|
|
height:100%
|
|
}
|
|
.center_content {
|
|
padding-left:10%
|
|
}
|
|
#myCarousel,.banner2,.banner3 {
|
|
height:100%;
|
|
min-height:450px
|
|
}
|
|
#myCarousel .carousel-inner,.carousel-inner>.item {
|
|
height:100%
|
|
}
|
|
.banner2 .container {
|
|
height:100%
|
|
}
|
|
.banner2 .container .row {
|
|
height:100%
|
|
}
|
|
.banner2 .container .row .col-md-6 {
|
|
height:100%
|
|
}
|
|
.banner2 .container .row .col-md-6 .cloud_host_img {
|
|
top:22%
|
|
}
|
|
.banner2 .container .row .col-md-6 .ban2_text {
|
|
height:100%
|
|
}
|
|
.ban2_text {
|
|
position:relative
|
|
}
|
|
.ban2_text .ban2_status,.ban2_text .ban3_status {
|
|
position:absolute;
|
|
top:30%
|
|
}
|
|
.ban2_text .ban2_status .ban2_middle,.ban2_text .ban3_status .ban2_middle,.ban2_text .ban2_status .ban3_middle,.ban2_text .ban3_status .ban3_middle {
|
|
color:#fff;
|
|
position:relative;
|
|
letter-spacing:6px;
|
|
top:35%;
|
|
left:10%
|
|
}
|
|
.ban2_content,.ban3_content {
|
|
color:#fff;
|
|
width:90%;
|
|
position:relative;
|
|
letter-spacing:1px;
|
|
top:37%;
|
|
left:10%
|
|
}
|
|
.ban2_experience {
|
|
font-size:1.2em;
|
|
color:#fff;
|
|
margin-top:30px;
|
|
position:relative;
|
|
left:10%
|
|
}
|
|
.cloud_host_img {
|
|
position:absolute
|
|
}
|
|
.blog-article {
|
|
padding:20px
|
|
}
|
|
.cloud_db_img {
|
|
position:absolute;
|
|
top:20%
|
|
}
|
|
}@media (min-width:682px) and (max-width:992px) {
|
|
header {
|
|
position:fixed;
|
|
background:#fff
|
|
}
|
|
html,body {
|
|
height:100%
|
|
}
|
|
.center_content {
|
|
padding-left:5%
|
|
}
|
|
#myCarousel,.banner2,.banner3 {
|
|
height:100%;
|
|
min-height:450px
|
|
}
|
|
#myCarousel .carousel-inner,.carousel-inner>.item {
|
|
height:100%
|
|
}
|
|
.banner2 .container {
|
|
height:100%
|
|
}
|
|
.banner2 .container .row {
|
|
height:100%
|
|
}
|
|
.banner2 .container .row .col-md-6 {
|
|
height:100%
|
|
}
|
|
.banner2 .container .row .col-md-6 .ban2_text {
|
|
height:100%
|
|
}
|
|
.ban2_text {
|
|
position:relative
|
|
}
|
|
.ban2_text .ban2_status,.ban2_text .ban3_status {
|
|
position:absolute;
|
|
top:30%
|
|
}
|
|
.ban2_text .ban2_status .ban2_middle,.ban2_text .ban3_status .ban2_middle,.ban2_text .ban2_status .ban3_middle,.ban2_text .ban3_status .ban3_middle {
|
|
color:#fff;
|
|
position:relative;
|
|
letter-spacing:6px;
|
|
top:35%;
|
|
left:10%;
|
|
font-size:20px
|
|
}
|
|
.ban2_content,.ban3_content {
|
|
color:#fff;
|
|
width:90%;
|
|
position:relative;
|
|
letter-spacing:1px;
|
|
top:37%;
|
|
left:10%
|
|
}
|
|
.ban2_experience,.ban3_experience {
|
|
font-size:1.2em;
|
|
color:#fff;
|
|
margin-top:30px;
|
|
position:relative;
|
|
left:10%
|
|
}
|
|
.cloud_host_img,.cloud_db_img {
|
|
position:absolute;
|
|
top:22%
|
|
}
|
|
.blog-article {
|
|
padding:15px
|
|
}
|
|
}@media (max-width:682px) {
|
|
html,body {
|
|
height:100%;
|
|
min-width:400px;
|
|
font-size:12px
|
|
}
|
|
#myCarousel,.banner2,.banner3 {
|
|
height:100%
|
|
}
|
|
.docker {
|
|
top:0!important
|
|
}
|
|
#myCarousel .carousel-inner,.carousel-inner>.item {
|
|
height:100%
|
|
}
|
|
.banner2 .container {
|
|
height:100%
|
|
}
|
|
.banner2 .container .row {
|
|
height:100%
|
|
}
|
|
.banner2 .container .row .col-xs-12 {
|
|
height:50%
|
|
}
|
|
.banner2 .container .row .col-xs-12 .ban2_text {
|
|
height:100%
|
|
}
|
|
.banner2 .ban2_text .ban2_status {
|
|
text-align:center;
|
|
font-size:1.5em
|
|
}
|
|
.cloud_host_img,.cloud_db_img {
|
|
width:60%;
|
|
margin-left:20%;
|
|
margin-top:10%
|
|
}
|
|
.ban2_text {
|
|
position:relative
|
|
}
|
|
.ban2_text .ban3_status {
|
|
position:absolute;
|
|
text-align:center;
|
|
font-size:1.5em
|
|
}
|
|
.ban2_text .ban3_status .ban3_middle {
|
|
color:#fff;
|
|
letter-spacing:6px
|
|
}
|
|
.ban2_text .ban3_status .ban3_content {
|
|
color:#fff;
|
|
width:100%;
|
|
letter-spacing:3px
|
|
}
|
|
.ban2_text .ban2_status {
|
|
position:absolute;
|
|
top:15%
|
|
}
|
|
.ban2_text .ban2_status .ban2_middle {
|
|
color:#fff;
|
|
position:relative;
|
|
letter-spacing:6px;
|
|
top:35%
|
|
}
|
|
.ban2_content {
|
|
color:#fff;
|
|
width:100%;
|
|
position:relative;
|
|
letter-spacing:3px;
|
|
top:37%
|
|
}
|
|
.ban2_experience {
|
|
color:#fff;
|
|
margin-top:30px;
|
|
position:relative
|
|
}
|
|
.blog-article {
|
|
padding:5px
|
|
}
|
|
.blog-article .h4 {
|
|
font-size:14px
|
|
}
|
|
.blog-article .h5 {
|
|
margin-top:5px;
|
|
font-size:12px
|
|
}
|
|
.screen4 .safe-content {
|
|
font-size:14px
|
|
}
|
|
.tenxcloud_news {
|
|
margin-top:10px
|
|
}
|
|
.screen6 .collaborate li a div {
|
|
margin:0 auto
|
|
}
|
|
}#nav-top {
|
|
box-shadow:0 3px 3px rgba(0,0,0,.175)
|
|
}
|
|
.proceed {
|
|
color:#fff;
|
|
border:1px solid #fff;
|
|
border-radius:5px;
|
|
-moz-transition:background .4s ease;
|
|
-ms-transition:background .4s ease;
|
|
-webkit-transition:background .4s ease;
|
|
transition:background .4s ease
|
|
}
|
|
.proceed-foot {
|
|
color:#D9EFF0;
|
|
padding:10px 50px;
|
|
font-size:2em;
|
|
border:1px solid #fff
|
|
}
|
|
.proceed-2,.proceed-3,.proceed-4 {
|
|
color:#eee;
|
|
border:1px solid #eee
|
|
}
|
|
.proceed:hover {
|
|
color:#3F5061;
|
|
background:#fff;
|
|
border-color:#fff
|
|
}
|
|
#youremail {
|
|
border-radius:4px;
|
|
width:380px;
|
|
height:50px;
|
|
color:#eee;
|
|
font-size:18px;
|
|
border:1px solid #eee;
|
|
background:0 0;
|
|
vertical-align:middle;
|
|
text-indent:10px;
|
|
line-height:normal
|
|
}
|
|
#youremail::-webkit-input-placeholder {
|
|
color:#eee
|
|
}
|
|
#youremail:-moz-placeholder {
|
|
color:#eee
|
|
}
|
|
#youremail::-moz-placeholder {
|
|
color:#eee
|
|
}
|
|
#youremail:-ms-input-placeholder {
|
|
color:#eee
|
|
}
|
|
#apply-for {
|
|
margin-left:10px;
|
|
line-height:35px;
|
|
background:#4280CB;
|
|
vertical-align:top;
|
|
border-radius:4px;
|
|
height:50px;
|
|
width:126px;
|
|
font-size:18px;
|
|
cursor:pointer;
|
|
-moz-transition:background .4s ease;
|
|
-ms-transition:background .4s ease;
|
|
-webkit-transition:background .4s ease;
|
|
transition:background .4s ease;
|
|
font-family:Microsoft Yahei,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif
|
|
}
|
|
#apply-for:hover {
|
|
background:#DFDFDF;
|
|
color:#555
|
|
}
|
|
#apply-bottom {
|
|
margin-left:10px;
|
|
line-height:35px;
|
|
background:#eee;
|
|
vertical-align:middle;
|
|
border-radius:4px;
|
|
height:50px;
|
|
padding:8px 12px;
|
|
font-size:18px;
|
|
cursor:pointer;
|
|
-moz-transition:background .4s ease;
|
|
-ms-transition:background .4s ease;
|
|
-webkit-transition:background .4s ease;
|
|
transition:background .4s ease;
|
|
font-family:Microsoft Yahei,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif
|
|
}
|
|
a {
|
|
color:inherit
|
|
}
|
|
a:hover {
|
|
text-decoration:none
|
|
}
|
|
.carousel-indicators li {
|
|
margin:0 8px
|
|
}
|
|
.carousel-indicators .active {
|
|
margin:0 7px
|
|
}
|
|
.screen1 {
|
|
margin-top:65px;
|
|
height:calc(100% - 65px)
|
|
}
|
|
.screen1 #myCarousel {
|
|
width:100%;
|
|
overflow:hidden
|
|
}
|
|
.carousel-indicators {
|
|
bottom:20px
|
|
}
|
|
.move_cloud {
|
|
width:100%;
|
|
height:200px;
|
|
position:absolute;
|
|
background:url(https://zf.adoyun.cn/Core/Assets/Doc/images/hostingupline.png) no-repeat;
|
|
-webkit-animation:move_top 10s ease-out alternate infinite;
|
|
-moz-animation:move_top 10s ease-out alternate infinite;
|
|
-ms-animation:move_top 10s ease-out alternate infinite;
|
|
animation:move_top 10s ease-out alternate infinite
|
|
}
|
|
.banner2 {
|
|
width:100%;
|
|
background:url(https://zf.adoyun.cn/Core/Assets/Doc/images/hostingupline.png) no-repeat;
|
|
background-size:100%;
|
|
position:relative
|
|
}
|
|
.banner2:after {
|
|
content:'';
|
|
background:#4280cb;
|
|
background:-webkit-gradient(linear,0 0,0 100%,from(#4585d2),to(#4280cb));
|
|
background:-moz-linear-gradient(top,#4585d2,#4280cb);
|
|
background:linear-gradient(to bottom,#4585d2,#4280cb);
|
|
position:absolute;
|
|
top:0;
|
|
left:0;
|
|
height:100%;
|
|
width:100%;
|
|
z-index:-1
|
|
}
|
|
.banner3:after {
|
|
content:'';
|
|
background:#02bf8b;
|
|
background:-webkit-gradient(linear,0 0,0 100%,from(#02bf8b),to(#01ad7f));
|
|
background:-moz-linear-gradient(top,#02bf8b,#01ad7f);
|
|
background:linear-gradient(to bottom,#02bf8b,#01ad7f);
|
|
position:absolute;
|
|
top:0;
|
|
left:0;
|
|
height:100%;
|
|
width:100%;
|
|
z-index:-1
|
|
}
|
|
.banner3 {
|
|
width:100%
|
|
}
|
|
.banner4:after {
|
|
content:'';
|
|
background:#33405a;
|
|
background:-webkit-gradient(linear,0 0,0 100%,from(#3e3e4a),to(#3e3e4a));
|
|
background:-moz-linear-gradient(top,#33405a,#24314e);
|
|
background:linear-gradient(to bottom,#33405a,#24314e);
|
|
position:absolute;
|
|
top:0;
|
|
left:0;
|
|
height:100%;
|
|
width:100%;
|
|
z-index:-1
|
|
}
|
|
#trun_left {
|
|
position:absolute;
|
|
width:8%;
|
|
top:0;
|
|
left:0;
|
|
text-align:center;
|
|
height:100%;
|
|
z-index:3
|
|
}
|
|
#trun_left ._left {
|
|
display:none;
|
|
font-size:5em;
|
|
padding:200px 10px;
|
|
color:#eee
|
|
}
|
|
#trun_left:hover ._left {
|
|
display:block
|
|
}
|
|
#trun_right:hover ._right {
|
|
display:block
|
|
}
|
|
#trun_right {
|
|
height:100%;
|
|
width:8%;
|
|
top:0;
|
|
position:absolute;
|
|
right:0;
|
|
z-index:3;
|
|
text-align:center
|
|
}
|
|
#trun_right ._right {
|
|
display:none;
|
|
font-size:5em;
|
|
color:#eee;
|
|
padding:200px 10px
|
|
}
|
|
.tenxcloud_news {
|
|
font-size:1.5em
|
|
}
|
|
.spring_icon {
|
|
margin:0 auto;
|
|
width:160px;
|
|
height:160px;
|
|
background:url(https://zf.adoyun.cn/Core/Assets/Doc/images/shensuo.png) no-repeat
|
|
}
|
|
.screen2 {
|
|
width:100%;
|
|
padding:80px 0
|
|
}
|
|
.screen2 .center_content {
|
|
margin:20px auto;
|
|
transition:.3s all
|
|
}
|
|
.screen2 .center_content .servers {
|
|
height:70px;
|
|
width:70px;
|
|
float:left;
|
|
background:url(https://zf.adoyun.cn/Core/Assets/Doc/images/server_item.png) no-repeat;
|
|
transition:.5s background ease-in-out
|
|
}
|
|
.screen2 .center_content .s_item {
|
|
background-position:0 0
|
|
}
|
|
.screen2 .center_content .r_item {
|
|
background-position:0 -80px
|
|
}
|
|
.screen2 .center_content .m_item {
|
|
background-position:0 -160px
|
|
}
|
|
.screen2 .center_content .a_item {
|
|
background-position:0 -240px
|
|
}
|
|
.screen2 .process:hover {
|
|
color:#4280CB
|
|
}
|
|
.screen2 .process:hover .s_item {
|
|
background-position:-100px 0
|
|
}
|
|
.screen2 .containers:hover {
|
|
color:#4280CB
|
|
}
|
|
.screen2 .containers:hover .r_item {
|
|
background-position:-100px -80px
|
|
}
|
|
.screen2 .primer:hover {
|
|
color:#4280CB
|
|
}
|
|
.screen2 .primer:hover .m_item {
|
|
background-position:-95px -160px
|
|
}
|
|
.screen2 .appstore:hover {
|
|
color:#4280CB
|
|
}
|
|
.screen2 .appstore:hover .a_item {
|
|
background-position:-100px -240px
|
|
}
|
|
.screen3 {
|
|
width:100%;
|
|
background:#FAFAFB;
|
|
position:relative;
|
|
padding:50px 0
|
|
}
|
|
.screen3 .cloud_server {
|
|
text-align:center;
|
|
margin:20px 0;
|
|
color:#696969;
|
|
font-size:16px
|
|
}
|
|
.screen3 .cloud_server .more {
|
|
margin:10px 0;
|
|
font-size:1.2em;
|
|
background:#fff;
|
|
border:1px solid #333;
|
|
padding:10px 20px;
|
|
border-radius:2px;
|
|
-moz-transition:background .4s ease;
|
|
-ms-transition:background .4s ease;
|
|
-webkit-transition:background .4s ease;
|
|
transition:background .4s ease
|
|
}
|
|
.screen3 .server-head {
|
|
margin-top:20px;
|
|
color:#696969;
|
|
text-align:center
|
|
}
|
|
.screen3 .server_item {
|
|
background:url(https://zf.adoyun.cn/Core/Assets/Doc/images/container_server_icon.png) no-repeat;
|
|
height:135px;
|
|
width:140px;
|
|
transition:.5s background;
|
|
margin:0 auto
|
|
}
|
|
.screen3 .h5 {
|
|
margin-bottom:50px
|
|
}
|
|
.screen3 .container_server {
|
|
background-position:0 0
|
|
}
|
|
.screen3 .arrange {
|
|
background-position:2px -148px
|
|
}
|
|
.screen3 .codebuild {
|
|
background-position:2px -300px
|
|
}
|
|
.screen3 .server-market {
|
|
background-position:2px -449px
|
|
}
|
|
.screen3 .registry {
|
|
background-position:3px -605px
|
|
}
|
|
.screen3 .ci {
|
|
background-position:3px -757px
|
|
}
|
|
.screen3 .hosting {
|
|
background-position:2px -905px
|
|
}
|
|
.screen3 .private {
|
|
background-position:2px -1049px
|
|
}
|
|
.screen3 #container_server:hover .server-head {
|
|
color:#55C782
|
|
}
|
|
.screen3 #container_server:hover .container_server {
|
|
background-position:-146px 0
|
|
}
|
|
.screen3 #server-arrange:hover .server-head {
|
|
color:#4280CB
|
|
}
|
|
.screen3 #server-arrange:hover .arrange {
|
|
background-position:-146px -148px
|
|
}
|
|
.screen3 #codebuild:hover .server-head {
|
|
color:#F4B329
|
|
}
|
|
.screen3 #codebuild:hover .codebuild {
|
|
background-position:-146px -300px
|
|
}
|
|
.screen3 #server-market:hover .server-head {
|
|
color:#8376B6
|
|
}
|
|
.screen3 #server-market:hover .server-market {
|
|
background-position:-146px -449px
|
|
}
|
|
.screen3 #registry:hover .server-head {
|
|
color:#55c782
|
|
}
|
|
.screen3 #registry:hover .registry {
|
|
background-position:-146px -605px
|
|
}
|
|
.screen3 #ci:hover .server-head {
|
|
color:#4280cb
|
|
}
|
|
.screen3 #ci:hover .ci {
|
|
background-position:-146px -757px
|
|
}
|
|
.screen3 #hosting:hover .server-head {
|
|
color:#f4b329
|
|
}
|
|
.screen3 #hosting:hover .hosting {
|
|
background-position:-146px -905px
|
|
}
|
|
.screen3 #private:hover .server-head {
|
|
color:#998fc3
|
|
}
|
|
.screen3 #private:hover .private {
|
|
background-position:-146px -1049px
|
|
}
|
|
.screen4 {
|
|
width:100%;
|
|
text-align:center;
|
|
padding:40px 0 80px;
|
|
color:#fff;
|
|
background:url(https://zf.adoyun.cn/Core/Assets/Doc/images/tese.jpg) no-repeat;
|
|
background-size:100% 100%
|
|
}
|
|
.screen4 .cloud_server {
|
|
text-align:center;
|
|
font-size:16px
|
|
}
|
|
.screen4 .safe-content {
|
|
line-height:1.5em
|
|
}
|
|
.screen4 .design_safe {
|
|
width:100px;
|
|
height:110px;
|
|
margin:10px auto;
|
|
background:url(https://zf.adoyun.cn/Core/Assets/Doc/images/tesetubiao.png) no-repeat
|
|
}
|
|
.screen4 .safe_ease {
|
|
background-position:0 0
|
|
}
|
|
.screen4 .design_safe.tall {
|
|
background-position:0 -110px
|
|
}
|
|
.screen4 .design_safe.seeyou {
|
|
background-position:0 -218px
|
|
}
|
|
.screen4 .design_safe.mix {
|
|
background-position:0 -320px
|
|
}
|
|
.screen5 {
|
|
padding:40px 0 80px;
|
|
background:#FAFAFB
|
|
}
|
|
.screen5 .blog-head {
|
|
text-align:center;
|
|
margin-bottom:30px;
|
|
color:#696969
|
|
}
|
|
.screen5 .blog-date {
|
|
font-size:20px;
|
|
color:#fff;
|
|
text-align:center;
|
|
margin-bottom:20px;
|
|
width:100px;
|
|
height:110px;
|
|
background:#4B80CB
|
|
}
|
|
.screen5 .blog-date .hrs {
|
|
margin:10px auto;
|
|
width:60%;
|
|
border-color:#a9c3e6
|
|
}
|
|
.screen5 .blog-article {
|
|
width:calc(100% - 100px);
|
|
height:110px;
|
|
background:#fff
|
|
}
|
|
.screen5 .blog-article .h5 {
|
|
line-height:1.3em
|
|
}
|
|
.screen5 .blog-body:hover .blog-date {
|
|
background-color:#2fba66
|
|
}
|
|
.screen6 {
|
|
width:100%;
|
|
background:#FAFAFB;
|
|
padding:40px 0 80px;
|
|
text-align:center
|
|
}
|
|
.screen6 .cloud_server {
|
|
color:#696969;
|
|
height:100px
|
|
}
|
|
.screen6 .collaborate {
|
|
width:400%;
|
|
position:relative;
|
|
height:150px
|
|
}
|
|
.screen6 .collaborate ul {
|
|
height:110px;
|
|
width:25%;
|
|
float:left
|
|
}
|
|
.screen6 .collaborate ul li {
|
|
float:left;
|
|
width:20%;
|
|
min-width:180px;
|
|
height:55px
|
|
}
|
|
.screen6 .collaborate ul li .partner {
|
|
width:190px;
|
|
height:46px;
|
|
background:url(https://zf.adoyun.cn/Core/Assets/Doc/images/partner.png) no-repeat
|
|
}
|
|
.screen6 .collaborate ul li .aliyun {
|
|
background-position:-206px 0
|
|
}
|
|
.screen6 .collaborate ul li .amazon {
|
|
background-position:-191px -60px
|
|
}
|
|
.screen6 .collaborate ul li .qingcloud {
|
|
background-position:-191px -120px
|
|
}
|
|
.screen6 .collaborate ul li .segmentfault {
|
|
background-position:-191px -170px
|
|
}
|
|
.screen6 .collaborate ul li .oschina {
|
|
background-position:-191px -223px
|
|
}
|
|
.screen6 .collaborate ul li .coding {
|
|
background-position:-191px -282px
|
|
}
|
|
.screen6 .collaborate ul li .fir_im {
|
|
background-position:-191px -345px
|
|
}
|
|
.screen6 .collaborate ul li .gitcafe {
|
|
background-position:-191px -400px
|
|
}
|
|
.screen6 .collaborate ul li .appcan {
|
|
background-position:-191px -473px
|
|
}
|
|
.screen6 .collaborate ul li .jisuanke {
|
|
background-position:-191px -528px
|
|
}
|
|
.screen6 .collaborate ul li .partner2 {
|
|
width:190px;
|
|
height:46px;
|
|
background:url(https://zf.adoyun.cn/Core/Assets/Doc/images/partner2.png) no-repeat
|
|
}
|
|
.screen6 .collaborate ul li .kaiyuanshe {
|
|
background-position:-15px 0
|
|
}
|
|
.screen6 .collaborate ul li .meituan {
|
|
background-position:-25px -53px
|
|
}
|
|
.screen6 .collaborate ul li .easemob {
|
|
background-position:0 -108px
|
|
}
|
|
.screen6 .collaborate ul li .wilddog {
|
|
background-position:0 -162px
|
|
}
|
|
.screen6 .collaborate ul li .yuntongxun {
|
|
background-position:0 -215px
|
|
}
|
|
.screen6 .collaborate ul li .cloudwise {
|
|
background-position:10px -260px
|
|
}
|
|
.screen6 .collaborate ul li .udesk {
|
|
background-position:-5px -319px
|
|
}
|
|
.screen6 .collaborate ul li .upcloud {
|
|
background-position:-5px -365px
|
|
}
|
|
.screen6 .collaborate ul li .gbtags {
|
|
background-position:-5px -470px
|
|
}
|
|
.screen6 .collaborate ul li .oneapm {
|
|
background-position:-5px -415px
|
|
}
|
|
.screen6 .collaborate ul li .partner3 {
|
|
width:190px;
|
|
height:46px;
|
|
background:url(https://zf.adoyun.cn/Core/Assets/Doc/images/partner3.png?rev=0.21) no-repeat
|
|
}
|
|
.screen6 .collaborate ul li .qiniu {
|
|
background-position:0 0
|
|
}
|
|
.screen6 .collaborate ul li .anchnet {
|
|
background-position:10px -60px
|
|
}
|
|
.screen6 .collaborate ul li .rongkecloud {
|
|
background-position:-15px -116px
|
|
}
|
|
.screen6 .collaborate ul li .zhugeio {
|
|
background-position:-15px -176px
|
|
}
|
|
.screen6 .collaborate ul li .yuantuan {
|
|
background-position:-15px -242px
|
|
}
|
|
.screen6 .collaborate ul li .kr36 {
|
|
background-position:-15px -360px
|
|
}
|
|
.screen6 .collaborate ul li .kf5 {
|
|
background-position:-15px -300px
|
|
}
|
|
.screen6 .collaborate ul li .bee {
|
|
background-position:0 -418px
|
|
}
|
|
.screen6 .collaborate ul li .bmob {
|
|
background-position:10px -465px
|
|
}
|
|
.screen6 .collaborate ul li .unisound {
|
|
background-position:-10px -533px
|
|
}
|
|
.screen6 .collaborate ul li .safedog {
|
|
background-position:-10px -591px
|
|
}
|
|
.screen6 .collaborate ul li .apistore {
|
|
background-position:-10px -650px
|
|
}
|
|
.screen6 .collaborate .partnerRun {
|
|
position:absolute;
|
|
bottom:0;
|
|
left:10px;
|
|
width:24.6%;
|
|
text-align:center
|
|
}
|
|
.screen6 .collaborate .partnerRun .slide {
|
|
display:inline-block;
|
|
width:10px;
|
|
height:10px;
|
|
border-radius:10px;
|
|
border:1px solid #9C9C9C;
|
|
margin:0 8px;
|
|
cursor:pointer;
|
|
transition:all .3s
|
|
}
|
|
.screen6 .collaborate .partnerRun .slide.active {
|
|
background:#9C9C9C
|
|
}
|
|
.screen7 {
|
|
padding:60px 0 100px
|
|
}
|
|
.screen7 .cloud_server {
|
|
text-align:center;
|
|
margin-bottom:30px;
|
|
color:#696969
|
|
}
|
|
.screen7 .media-item {
|
|
width:150px;
|
|
height:70px
|
|
}
|
|
.screen7 .media-content {
|
|
line-height:1.2em
|
|
}
|
|
@keyframes move_top {
|
|
from {
|
|
left:0;
|
|
top:0
|
|
}
|
|
to {
|
|
left:10%
|
|
}
|
|
}@-moz-keyframes move_top {
|
|
from {
|
|
left:0
|
|
}
|
|
to {
|
|
left:10%
|
|
}
|
|
}@-webkit-keyframes move_top {
|
|
from {
|
|
left:0
|
|
}
|
|
to {
|
|
left:10%
|
|
}
|
|
}@-o-keyframes move_top {
|
|
from {
|
|
left:0
|
|
}
|
|
to {
|
|
left:10%
|
|
}
|
|
} |