You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
40 lines
2.2 KiB
CSS
40 lines
2.2 KiB
CSS
3 years ago
|
/* login */
|
||
|
|
.app_banner{ background: url(../images/app_bannerbg.png) no-repeat 100% 100%; width:100%; height:700px;}
|
||
|
|
|
||
|
|
.downapp-list{ margin: 0; padding: 0; width: 460px; height: 200px;}
|
||
|
|
.downapp-list dt{ margin: 0; width: 148px; float: left; }
|
||
|
|
.downapp-list dt font{ color:#fff; font-size:12px; line-height:20px; text-align:center; display:block; margin-top:10px;}
|
||
|
|
.downapp-list dt img{ max-width: 100%; border:1px solid #93beed; padding:5px;}
|
||
|
|
.downapp-list dd{ margin: 0 0 30px 170px; padding: 0; }
|
||
|
|
.downapp-list dd.second{ margin-top: 16px;}
|
||
|
|
.downapp-list dd a{ background: #fff; padding: 0 0 0 38px; width: 277px; height: 60px; text-align:left; line-height: 60px; font-size: 22px; border-radius:100px; color: #494751; display: inline-block;}
|
||
|
|
.downapp-list dd a:hover{ background: #F2F2F2; text-decoration: none;}
|
||
|
|
.downapp-list dd a:active{ background: #F0F0F0; text-decoration: none;}
|
||
|
|
|
||
|
|
.downapp-list dd a i{display: inline-block; float:left; margin: 14px 20px 8px 0;}
|
||
|
|
.icon-index-apple{ background: url(../images/icon-index.png) no-repeat; background-position:-42px 0; width: 24px; height: 29px;}
|
||
|
|
.icon-index-android{ background: url(../images/icon-index.png) no-repeat; background-position:-110px 0; width: 28px; height: 30px;}
|
||
|
|
|
||
|
|
|
||
|
|
.app_banner_l{ width:500px; text-align:center; float:left;}
|
||
|
|
.app_banner_l h3{ font-size:24px; color:#fff; font-weight:normal; text-align:center; margin-top: 190px; margin-bottom: 55px; }
|
||
|
|
.app_banner_l h3 font{ display:block; width:100%; text-align:center; margin:20px 0px;}
|
||
|
|
|
||
|
|
.app_banner_r img{ width:630px; height:582px; margin-top:80px;}
|
||
|
|
|
||
|
|
|
||
|
|
.app_con2{ background: url(../images/app_bg_1.png) no-repeat 100% 100%; width:100%; height:750px;}
|
||
|
|
.app_con2_l{ width:500px; text-align:center;}
|
||
|
|
.app_con2_l h3{ font-weight:normal; font-size:45px; color: #9c81ff; margin-top: 310px;
|
||
|
|
margin-bottom: 20px;}
|
||
|
|
.app_con2_l font{ color:#8b92f2; font-size:20px;}
|
||
|
|
.app_con2_r img{ margin-top:60px;}
|
||
|
|
|
||
|
|
|
||
|
|
.app_con3{ background:#fbfcfc; height:750px;}
|
||
|
|
.app_con3_l img{ margin-top:60px;}
|
||
|
|
|
||
|
|
.app_con3_r{ width:500px; text-align:center;}
|
||
|
|
.app_con3_r h3{ font-weight:normal; font-size:45px; color: #9c81ff; margin-top: 310px;
|
||
|
|
margin-bottom: 20px;}
|
||
|
|
.app_con3_r font{ color:#8b92f2; font-size:20px;}
|