@charset "utf-8";
|
/* CSS Document */
|
*{ margin:0; padding:0}
|
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,label,em{margin:0;padding:0;border:0;}
|
ul,ol,li{list-style:none;}
|
body{ width:100%;height:100%;overflow-x:hidden;-webkit-font-smoothing: subpixel-antialiased}
|
ul {list-style-type:none;}
|
a {text-decoration:none;color:#333;}
|
a:hover {color:#f60;text-decoration:underline;}
|
.clear {clear:both}
|
.fl{ float:left;}
|
.fr{ float:right;}
|
img{border:none;}
|
em{ font-style:normal}
|
.w980{ width:1200px;margin:0 auto; }
|
.header_logo{ margin:20px 0 0 0;}
|
.header_nav{width:1200px; padding-top:10px; padding-bottom:10px;}
|
.header_right_nav{}
|
.header_right_nav li{ float:left; margin-left:60px; font-size:18px; color:#333; line-height:80px;}
|
.nav_cur{color:#f60}
|
.wap_banner{width:100%; height:550px; background:#0a78d1; overflow:hidden}
|
.wap_banner_img {width:980px; margin:0 auto; position:relative;}
|
.touch_banner_wap{width:1200px;height:550px; position:relative}
|
.banner_biaoyu{ position:absolute;right:20px;top:80px;}
|
.wap_erweim_bg{width:447px;height:154px; position:absolute;right:10px;top:350px; background:url(../images/yun_job_wap4.png) no-repeat}
|
.wap_erweim{width:132px;height:132px; position:absolute;top:363px;right:48px;}
|
.banner_input{width:495px;height:52px; background:url(../images/yun_job_wap3.jpg) no-repeat; line-height:52px; font-size:20px; padding-left:50px; position:absolute;right:10px;top:260px;}
|
.wap_iphoto{width:330px;height:514px; position:absolute;left:0px;top:50px;-webkit-animation:price_banner_t2 1s linear 0.5s both;
|
-moz-animation:price_banner_t2 1s linear 0.5s both;
|
-ms-animation:price_banner_t2 1s linear 0.5s both;
|
-o-animation:price_banner_t2 1s linear 0.5s both;
|
animation:price_banner_t2 1s linear 0.5s both;}
|
@-webkit-keyframes price_banner_t2 {
|
0% {
|
-webkit-transform:translate(0px,40px);
|
-moz-transform:translate(0px,40px);
|
-ms-transform:translate(0px,40px);
|
-o-transform:translate(0px,40px);
|
transform:translate(0px,40px);
|
opacity:0
|
}
|
100% {
|
-webkit-transform:translate(0,0px);
|
-moz-transform:translate(0,0px);
|
-ms-transform:translate(0,0px);
|
-o-transform:translate(0,0px);
|
transform:translate(0,0px);
|
opacity:1
|
|
}}
|
.ios_banner{ width:100%; height:590px; background:#3266cc; position:relative}
|
.ios_banner_980{ width:1200px; height:504px;position:relative; margin:0 auto; position:relative}
|
.ios_banner_left{ position:absolute;left:20px;bottom:-80px;}
|
.ios_banner_right{ float:right}
|
.ios_banner_img1{ padding-top:100px;}
|
.ios_banner_img_sub{ margin-top:50px;}
|
.ios_banner_img2{width:205px;height:168px; background:url(../images/ios_ewm_bg.png) no-repeat; padding-top:45px; padding-left:45px; display:none}
|
.banner_po{ position:absolute; top:0; left:-170px; z-index:1;}
|
.banner_bth{ position:absolute; top:425px; right:258px; z-index:10;}
|
.feature{ width:100%; background:url(../images/line.jpg) repeat-x left 26px; margin-top:60px;}
|
.feature img{ width:159px; height:45px; float:left; margin-left:400px;}
|
.feature_main{ width:980px; margin-bottom:16px;}
|
.feature_main dl{ width:326px; float:left; margin:50px 0 0 0;}
|
.feature_main dl dt{ float:left; width:86px;}
|
.feature_main dl dd{ float:left; width:180px; margin-left:20px;}
|
.feature_h{ width:100%; float:left;font-size:18px; color:#333;line-height:34px;}
|
.feature_text{ width:100%; float:left; line-height:24px; font-size:14px;color:#999}
|
.index_list{ width:100%;}
|
.index_list_one{width:100%; height:420px; border-top:1px solid #dcdcdc;}
|
.bgf5{ background:#f5f5f5;}
|
.index_phone{ width:280px; margin:63px 0 0 0;}
|
.index_list_text{ width:336px; margin-top:160px;}
|
.index_list_text dt{ width:100%;float:left; margin-bottom:30px; font-size:28px}
|
.index_list_text dd{ width:100%; float:left;font-size:16px; color:#666; line-height:37px;}
|
.ml76{ margin-left:76px;}
|
.ml170{ margin-left:170px;_margin-left:85px;}
|
/*触屏*/
|
.body_bg{ width:100%; float:left; background:#f3f3f3}
|
.touch_bg{ background: url(../images/touch_bg.gif) repeat;}
|
.touch_banner .banner_po {left:0;}
|
.touch_h330{ height:330px;}
|
.touch_h330 .index_phone{ margin:26px 0 0 0;}
|
.touch_h330 .index_list_text{ width:650px; margin-top:86px;}
|
.wl90{ margin-left:90px;}
|
.touch{width:100%; overflow:hidden;margin-top:60px; margin-bottom:40px;}
|
.touch_size{ width:1300px;}
|
.touch dl{ width:200px; padding-left:50px; padding-right:50px; float:left;}
|
.touch dl dt{width:100%; text-align:center;}
|
.touch dl dd{width:100%; text-align:center}
|
.touch_h1{width:100%; font-size:18px; color:#333; line-height:42px; text-align:center; padding-top:20px; padding-bottom:10px;}
|
.touch_items_text{width:100%; line-height:20px; color:#999; font-size:12px; }
|
.banner_input input{ width:520px; padding-left:10px; height:52px; background:#f7fafc; border:none; line-height:52px;font-size:22px; color:#999; }
|
.banner_wei{ margin:20px 20px 0 0;}
|
|
|
|
|
|
|
/*微信*/
|
.wei_banner{width:100%;height:550px; background:#09a04b;
|
background:-moz-linear-gradient(left,#0e8643,#04bf56);/*Mozilla*/
|
background:-webkit-gradient(linear,0 50%,100% 30%,from(#0e8643),to(#04bf56));/*Old gradient for webkit*/
|
background:-webkit-linear-gradient(left,#0e8643,#04bf56);/*new gradient for Webkit*/
|
background:-o-linear-gradient(left,#0e8643,#04bf56); /*Opera11*/
|
overflow:hidden}
|
.wei_banner_w980{width:1200px;height:550px; margin:0 auto; position:relative;}
|
.wx_p1{ font-size:55px;color:#fff; padding:80px 0 40px 0; position:relative}
|
.wx_p1icon{width:72px;height:55px; background:url(../images/wx.png) no-repeat; display:inline-block; position:absolute;left:290px;top:80px;}
|
.wx_p2{ font-size:18px; line-height:36px;color:#fff; padding-bottom:40px;}
|
.wx_p3_list{width:80px; display:inline-block;color:#fff; padding-top:100px; margin-right:30px; position:relative}
|
.wx_p3_listicon{width:64px;height:63px; display:inline-block; background:url(../images/w1.png) no-repeat; position:absolute;left:0px;top:20px;}
|
.wx_p3_listicon2{ background:url(../images/w2.png) no-repeat;}
|
.wx_p3_listicon3{ background:url(../images/w3.png) no-repeat;}
|
.wx_p3_listicon4{ background:url(../images/w4.png) no-repeat;}
|
.wx_list{ padding:180px 0;}
|
.wx_tit{ font-size:30px; position:relative}
|
.wx_p{ font-size:18px; padding-top:50px;color:#666}
|
.wx_tit_line{width:60px;height:2px; background:#090a0a; display:inline-block; position:absolute;left:0px;top:60px;}
|
.wx_listbg{background: #edf2f6;border-top: 1px solid #dcdce6;border-bottom: 1px solid #dcdce6}
|
.wx_box{width:100%; position:relative}
|
.wx_img{width:289px;height:400px; position:absolute;right:50px;bottom:-180px; background:url(../images/wx_img.png) no-repeat}
|
.wx_leftimg{width:289px;height:400px; position:absolute;left:0px;bottom:-180px; background:url(../images/wx_img.png) no-repeat}
|
.wx_leftimg1{width:523px;height:400px; position:absolute;right:0px;bottom:-180px; background:url(../images/wx_img1.png) no-repeat}
|
.wx_leftimg2{width:419px;height:400px; position:absolute;left:0px;bottom:-180px; background:url(../images/wx_img3.png) no-repeat}
|
.wx_img3{width:523px;height:400px; position:absolute;right:0px;bottom:-180px; background:url(../images/wx_img5.png) no-repeat}
|
.wx_img5{width:466px;height:400px; position:absolute;right:0px;bottom:-180px; background:url(../images/wx_img4.png) no-repeat}
|
.wx_leftimg6{width:474px;height:400px; position:absolute;left:0px;bottom:-180px; background:url(../images/wx_img6.png) no-repeat}
|
.wx_lefpd{ padding-left:600px;}
|
.wx_t_img{width:289px;height:450px; background:url(../images/wx_img2.png) no-repeat; position:absolute;right:0px;bottom:0px;-webkit-animation:anli_banner_t2 1s linear both;
|
-moz-animation:anli_banner_t2 1s linear both;
|
-ms-animation:anli_banner_t2 1s linear both;
|
-o-animation:anli_banner_t2 1s linear both;
|
animation:anli_banner_t2 1s linear both;
|
}
|
@-webkit-keyframes anli_banner_t2 {
|
0% {
|
-webkit-transform:translate(0px,50px);
|
-moz-transform:translate(0px,50px);
|
-ms-transform:translate(0px,50px);
|
-o-transform:translate(0px,50px);
|
transform:translate(0px,50px);
|
opacity:0
|
}
|
100% {
|
-webkit-transform:translate(0,0px);
|
-moz-transform:translate(0,0px);
|
-ms-transform:translate(0,0px);
|
-o-transform:translate(0,0px);
|
transform:translate(0,0px);
|
opacity:1
|
|
}}
|
.wx_ewm_img{width:215px;height:255px; background:url(../images/wx_ewm.png) no-repeat; position:absolute;left:650px;bottom:40px;-webkit-animation:anli_banner_p_bor 1s linear 1s both;
|
-moz-animation:anli_banner_p_bor 1s linear 1s both;
|
-ms-animation:anli_banner_p_bor 1s linear 1s both;
|
-o-animation:anli_banner_p_bor 1s linear 1s both;
|
animation:anli_banner_p_bor 1s linear 1s both;
|
}
|
@-webkit-keyframes anli_banner_p_bor {
|
0% {
|
-webkit-transform:translate(100px,0px);
|
-moz-transform:translate(100px,0px);
|
-ms-transform:translate(100px,0px);
|
-o-transform:translate(100px,0px);
|
transform:translate(100px,0px);
|
opacity:0
|
}
|
100% {
|
-webkit-transform:translate(0,0px);
|
-moz-transform:translate(0,0px);
|
-ms-transform:translate(0,0px);
|
-o-transform:translate(0,0px);
|
transform:translate(0,0px);
|
opacity:1
|
|
}
|
}
|
.wx_ewm_pic{width:150px;height:150px;position:absolute;left:668px;bottom:55px;-webkit-animation:anli_banner_p_bor 1s linear 1s both;
|
-moz-animation:anli_banner_p_bor 1s linear 1s both;
|
-ms-animation:anli_banner_p_bor 1s linear 1s both;
|
-o-animation:anli_banner_p_bor 1s linear 1s both;
|
animation:anli_banner_p_bor 1s linear 1s both;}
|
|
|
.wei_banner_left{width:524px;}
|
.wei_banner_p2{ line-height:30px; font-size:16px;color:#fff; padding-top:20px;}
|
.wei_banner_sys{ position:absolute;right:0px;bottom:-50px;}
|
.wei_banner_ewm{width:186px;height:186px; background:url(../images/wx_ewm.png) no-repeat; position:absolute;right:330px;bottom:40px; padding-top:84px; padding-left:15px;}
|
.wei_banner img{ float:left;}
|
.wei_list{ width:100%; background: url(../images/wei_bg.jpg) repeat; padding-bottom:30px;}
|
.wei_all{ width:995px; float:left; margin-bottom:30px;}
|
.wei_top{ width:548px; text-align:center; vertical-align:middle; display:block;padding-top:30px;}
|
.wei_items{width:1000px; margin:34px 0 0 0; position:relative}
|
.weixin_erweima{width:132px;height:132px; position:absolute;right:160px;top:80px;}
|
.wei_items img{ float:left;}
|
.wei_job_list{ width:100%; background:#edf2f6; border-top:1px solid #dcdce6;}
|
.wei_job_list .touch dl dt{width:75px; float:left; margin:0 0 0 36px;_margin:0 0 0 28px;}
|
.wei_job_list .touch_h1{font-size:18px; color:#070707; margin-top:12px; }
|
.wei_job_list .touch_items_text{font-size:14px;color:#58585a;}
|
.android_ban{width:100%;height:504px; background:#145365}
|
.android_content{width:980px; margin:0 auto; }
|
.android_ban_top{ font-size:26px;color:#636c6c; padding-top:40px; padding-bottom:10px;text-align:center; }
|
.android_ban_p1{width:100%; text-align:center; font-size:16px;color:#afb8b8; padding-bottom:130px; z-index:10000}
|
.android_bot{width:100%;height:347px; background:#f2f9fe;border-top:1px solid #cfdde6;border-bottom:1px solid #cfdde6}
|
.android_bot_cont{width:980px; margin:0 auto; }
|
.android_bot_left{width:490px;height:347px; float:left; position:relative}
|
.android_bot_right{width:429px;height:347px;border-left:1px solid #cfdde6; float:left; background:url(../images/ad_line.jpg) repeat-y; padding-left:60px; position:relative}
|
.android_bot_h1{width:;height:47px; line-height:47px;font-size:24px;color:#e55d03; background:url(../images/and_icon.jpg) no-repeat; padding-left:50px; margin-top:40px;}
|
.ios_bot_h1{width:;height:47px; line-height:47px;font-size:24px;color:#e55d03; background:url(../images/ios_icon1.png) no-repeat; padding-left:50px; margin-top:40px;}
|
.android_bot_bth{ margin-top:20px;}
|
.android_bot_bth_p{ font-size:14px; line-height:30px;color:#8c9494; margin-top:20px;}
|
.android_bot_h1_blue{color:#5dca88;background:url(../images/a_icon.png) no-repeat}
|
.ios_bot_h1_blue{color:#5dca88;background:url(../images/ios_icon2.png) no-repeat}
|
.android_bot_ewm{ position:absolute;right:40px;bottom:100px;}
|
.android_bot_left .android_bot_ewm{right:90px;}
|
.and_footer{ padding-top:10px; padding-bottom:10px; line-height:30px;background:#f8f8f8;color:#999; font-size:14px;}
|
.and_footer_980{width:1200px; margin:0 auto; text-align:center; font-size:12px; line-height:25px; }
|
.android_ban_980{width:1200px;height:550px; margin:0 auto; position:relative}
|
.android_ban_left{width:685px; }
|
.android_ban_t{ padding-top:120px;}
|
.android_ban_b{ margin-top:50px}
|
.android_ban_r{ position:absolute;right:0px;bottom:-37px;}
|
#slide-box { width:1200px;border-radius:20px; box-shadow:0px 0px 20px#d1e6f8;;POSITION: relative; HEIGHT:580px}
|
#slide-box .corner {CLEAR: both; DISPLAY: block; MARGIN: 0px 1px; OVERFLOW: hidden; HEIGHT: 0px}
|
#slide-box .ks-switchable-triggers A {DISPLAY: block; Z-INDEX: 99; WIDTH: 37px; COLOR: #b4b4b4; POSITION: absolute; TOP: 250px; HEIGHT: 65px; TEXT-DECORATION: none}
|
#slide-box .ks-switchable-triggers SPAN {DISPLAY: block;color:#3fa7f8;FONT: 700 53px/57px arial; WIDTH: 37px; CURSOR: pointer; HEIGHT: 63px; TEXT-ALIGN: center}
|
#slide-box .ks-switchable-triggers .corner {BORDER-LEFT-COLOR: #4b4b4b; BORDER-BOTTOM-COLOR: #4b4b4b; BORDER-TOP-COLOR: #4b4b4b; BORDER-RIGHT-COLOR: #4b4b4b
|
}
|
#slide-box .ks-switchable-triggers .prev {LEFT:30px}
|
#slide-box .ks-switchable-triggers .next {RIGHT: 30px}
|
#slide-box .ks-switchable-triggers A:hover {COLOR: #f43d1e}
|
#slide-box .ks-switchable-triggers A:hover SPAN {COLOR: #f43d1e}
|
#slide-box .wrap {width:1000px;OVERFLOW: hidden; HEIGHT: 485px; margin-top:50px; margin-left:105px;}
|
#slide-box UL {WIDTH: 10000px; height:485px;overflow:hidden}
|
#slide-box LI {FLOAT: left; WIDTH:340px; HEIGHT:485px;}
|
#slide-box LI IMG {WIDTH:300px; HEIGHT:480px;border:1px solid #eee; box-shadow: -5px 1px 10px #eee;}
|
.main_ad_img_c{width:980px; position:relative; z-index:200000}
|
.main_ad_img{width:233px;height:451px; background:url(../images/ad_img.png) no-repeat; position:absolute;left:100px;top:-80px;}
|
.main_ad_img2{width:233px;height:451px; background:url(../images/ad_img.png) no-repeat; position:absolute;left:400px;top:-80px;}
|
.main_ad_img3{width:233px;height:451px; background:url(../images/ad_img.png) no-repeat; position:absolute;left:700px;top:-80px;}
|
|
.app_left{ padding-top:80px;}
|
.app_imgone{width:594px;height:162px; background:url(../images/appimg1.png) no-repeat}
|
.app_left_bth{width:130px; padding:12px 0 12px 80px;background:#4e7eeb ;border-radius:5px;color:#fff; margin-top:30px; box-shadow: 2px 10px 10px 0 rgba(15,12,70,.1); position:relative}
|
.app_left_andbth{width:130px; padding:12px 0 12px 80px;background:#23c482;border-radius:5px;color:#fff; margin-top:30px; box-shadow: 2px 10px 10px 0 rgba(15,12,70,.1);}
|
.oneiphone_icon{width:40px;height:40px; background:url(../images/app_ad.png) no-repeat; display:inline-block; position:absolute;left:25px;top:15px; }
|
.oneaz_icon{width:40px;height:40px; background:url(../images/app_pg.png) no-repeat; display:inline-block; position:absolute;left:25px;top:15px; }
|
.app_left_bthbox{ position:relative;height:180px;}
|
.app_left_ewm{width:140px; position:absolute;left:240px;top:0px;}
|
.app_left_ewm_b{width:130px;height:130px; background:#fff; padding:5px;box-shadow: 2px 10px 10px 0 rgba(15,12,70,.1);}
|
.app_left_ewm_p{width:100%; text-align:center;color:#fff; font-size:14px; padding-top:10px;}
|
|
|
|
|
.carousel-wave {
|
position: absolute;
|
bottom: 0;
|
height: 100px;
|
background: url(../images/wave-01_4e036a5.png) repeat-x;
|
_background: url(../images/wave-01-2_77fc671.png) repeat-x;
|
background-size: auto 100%;
|
width: 400%;
|
left: -300px;
|
z-index: 99;
|
animation: wave_up 25s linear .4s infinite normal;
|
-moz-animation: wave_up 25s linear .4s infinite normal;
|
-webkit-animation: wave_up 25s linear .4s infinite normal;
|
-o-animation: wave_up 25s linear .4s infinite normal
|
}
|
.carousel-wave2 {
|
position: absolute;
|
bottom: 0;
|
height: 100px;
|
background: url(../images/wave-02_ed6b017.png) repeat-x;
|
_background: 0 0;
|
background-size: auto 100%;
|
position: absolute;
|
width: 400%;
|
left: 0;
|
z-index: 98;
|
animation: wave_down 60s linear .4s infinite normal;
|
-moz-animation: wave_down 60s linear .4s infinite normal;
|
-webkit-animation: wave_down 60s linear .4s infinite normal;
|
-o-animation: wave_down 60s linear .4s infinite normal
|
}
|
@-webkit-keyframes wave_up {
|
from {
|
left:-236px
|
}
|
to {
|
left: -1233px
|
}
|
}
|
@-moz-keyframes wave_up {
|
from {
|
left:-236px
|
}
|
to {
|
left: -1233px
|
}
|
}
|
@-o-keyframes wave_up {
|
from {
|
left:-236px
|
}
|
to {
|
left: -1233px
|
}
|
}
|
@keyframes wave_up {
|
from {
|
left:-236px
|
}
|
to {
|
left: -1233px
|
}
|
}
|
@-webkit-keyframes wave_down {
|
from {
|
left:0
|
}
|
to {
|
left: -1009px
|
}
|
}
|
@-moz-keyframes wave_down {
|
from {
|
left:0
|
}
|
to {
|
left: -1009px
|
}
|
}
|
@-o-keyframes wave_down {
|
from {
|
left:0
|
}
|
to {
|
left: -1009px
|
}
|
}
|
@keyframes wave_down {
|
from {
|
left:0
|
}
|
to {
|
left: -1009px
|
}
|
}
|
.carousel_photo{ position:absolute;left:800px;top:30px;
|
width:743px;height:746px; background:url(../images/banner-moc-1-1.png) no-repeat; z-index:1000000;
|
|
-webkit-animation: bannerImgBounce 5s ease-in-out 0s infinite alternate;
|
animation: bannerImgBounce 5s ease-in-out 0s infinite alternate;
|
}
|
@-webkit-keyframes bannerImgBounce {
|
0% {
|
-webkit-transform: translateY(0) translateX(0);
|
transform: translateY(0) translateX(0);
|
}
|
100% {
|
-webkit-transform: translateY(-20px) translateX(-20px);
|
transform: translateY(-20px) translateX(-20px);
|
}
|
}
|
@keyframes bannerImgBounce {
|
0% {
|
-webkit-transform: translateY(0) translateX(0);
|
transform: translateY(0) translateX(0);
|
}
|
100% {
|
-webkit-transform: translateY(-20px) translateX(-20px);
|
transform: translateY(-20px) translateX(-20px);
|
}
|
}
|
.app_fristfloor_tit{width:100%; text-align:center; font-size:30px; padding-top:30px; padding-bottom:20px; }
|
.app_fristfloor_p{width:100%; text-align:center; color:#999; font-size:22px; padding-bottom:70px;}
|
.app_fristfloor_list li{width:380px;; text-align:center; float:left}
|
.app_fristfloor_name{ font-size:22px;color:#0a0a0b; padding-bottom:15px; padding-top:30px;-webkit-font-smoothing:subpixel-antialiased}
|
.app_fristfloor_p2{color:#706d6d; font-size:15px; line-height:30px;}
|
.app_fristfloor_img{width:100%;height:130px;}
|
.app_fristfloor_icon{width:171px;height:130px; background:url(../images/3.png) no-repeat; display:inline-block;}
|
.app_fristfloor_icon2{ background:url(../images/4.png) no-repeat;}
|
.app_fristfloor_icon3{ background:url(../images/5.png) no-repeat;}
|
.app_twofloor_box{width:100%; float:left; padding-top:150px; padding-bottom:50px;}
|
.app_twofloor_left{width:570px;height:570px; float:left}
|
.app_twofloor_left_img{width:570px;height:570px; background:url(../images/app_sj1.png) no-repeat}
|
.app_twofloor_right{width:520px; float:right}
|
.app_twofloor_tit{ font-size:30px; line-height:50px; font-weight:bold; position:relative; padding-top:20px;}
|
.app_twofloor_titline{width:46px;height:5px; background:#3266cc; display:inline-block; position:absolute;left:0px;top:0px;border-radius:3px;}
|
.app_twofloor_name{ font-size:20px;color:#0a0a0b; padding-top:40px; padding-bottom:10px}
|
.app_twofloor_p{ font-size:14px;color:#7e8185;}
|
.app_threefloor_box{width:100%; float:left; padding-top:100px; padding-bottom:100px;}
|
.app_threefloor_left{width:520px; float:left}
|
.app_threefloor_right{width:630px;height:600px; float:right}
|
.app_threefloor_img{width:630px;height:595px; background:url(../images/app_sj2.png) no-repeat}
|
.app_fourfloor{width:100%; padding:100px 0; background:#3266cc;color:#fff}
|
.app_fourfloor_tit{ font-size:30px; text-align:center;}
|
.app_fourfloor_p{ font-size:18px; padding-top:30px; opacity:0.8; padding-bottom:50px; text-align:center;}
|
.app_fourfloor_ewm{width:380px; margin:0 auto}
|
|
.wap_iphoto2{width:189px;height:288px; position:absolute;left:360px;bottom:0px;-webkit-animation:price_banner_t1 1s linear both;
|
-moz-animation:price_banner_t1 1s linear both;
|
-ms-animation:price_banner_t1 1s linear both;
|
-o-animation:price_banner_t1 1s linear both;
|
animation:price_banner_t1 1s linear both;
|
}
|
@-webkit-keyframes price_banner_t1 {
|
0% {
|
-webkit-transform:translate(50px,0px);
|
-moz-transform:translate(50px,0px);
|
-ms-transform:translate(50px,0px);
|
-o-transform:translate(50px,0px);
|
transform:translate(50px,0px);
|
opacity:0
|
}
|
100% {
|
-webkit-transform:translate(0,0px);
|
-moz-transform:translate(0,0px);
|
-ms-transform:translate(0,0px);
|
-o-transform:translate(0,0px);
|
transform:translate(0,0px);
|
opacity:1
|
|
}
|
}
|
.wap_new_t1{ font-size:50px;color:#fff; text-align:right; font-weight:bold}
|
.wap_new_t2{color:#fff; font-size:30px; padding-top:20px;}
|
.wapnewlist{width:100%; background:#fff;}
|
.wapnewtit{width:100%; font-size:34px; padding-bottom:30px; padding-top:40px;}
|
.wapnewp{width:100%; font-size:18px;color:#999; line-height:35px; padding-bottom:50px;}
|
.wapnewpic{width:100%;height:350px;}
|
.wapnewpic_img1{width:735px;height:346px; background:url(../images/wapjx.png) no-repeat; margin:0 auto}
|
|
|
.xcx_banner_p1{ font-size:50px;color:#fff; padding-top:80px; padding-bottom:20px;}
|
.xcx_banner_p2{ font-size:18px;color:#fff; padding-top:10px; padding-bottom:10px;}
|
.xcx_banner_li_b{ padding-top:30px;}
|
.xcx_banner_li{ font-size:15px;color:#fff; padding-top:30px; padding-left:25px; position:relative}
|
.xcx_banner_li_icon{width:10px;height:10px; background:#fff; display:inline-block; position:absolute;left:0px;top:34px; opacity:0.5}
|
.xcx_banner{width:500px;height:504px; background:url(../images/xcx_banner.png) no-repeat; position:absolute;right:0px;top:50px;-webkit-animation:price_banner_t1 1s linear 1.5s both;
|
-moz-animation:price_banner_t1 1s linear both;
|
-ms-animation:price_banner_t1 1s linear both;
|
-o-animation:price_banner_t1 1s linear both;
|
animation:price_banner_t1 1s linear both;}
|
@-webkit-keyframes price_banner_t1 {
|
0% {
|
-webkit-transform:translate(50px,0px);
|
-moz-transform:translate(50px,0px);
|
-ms-transform:translate(50px,0px);
|
-o-transform:translate(50px,0px);
|
transform:translate(50px,0px);
|
opacity:0
|
}
|
100% {
|
-webkit-transform:translate(0,0px);
|
-moz-transform:translate(0,0px);
|
-ms-transform:translate(0,0px);
|
-o-transform:translate(0,0px);
|
transform:translate(0,0px);
|
opacity:1
|
|
}
|
}
|
|
.xcx_frist{ padding:70px 0;}
|
.xcx_h1{ width:100%; text-align:center;font-size:30px;}
|
.xcx_h1_s{ font-size:48px;color:#117edd}
|
.xcx_p{ width:100%; text-align:center;font-size:18px;color:#7b7373; padding-top:20px;}
|
.xcx_show{width:1200px;border-radius:20px;height:540px; box-shadow:0px 0px 20px#d1e6f8;;}
|
.xcx_nouser{ padding-top:80px; font-size:18px;color:#4d5751}
|
.xcx_zc_time{ font-size:40px;color:#0178d7}
|
.xcx_footer{ background:#6362f1; padding:100px 0; text-align:center;color:#fff}
|
.xcx_footer_p{ font-size:40px;}
|
.xcx_footer_p2{ padding-top:20px; font-size:22px; opacity:0.8}
|
.xcx_footer_box{ padding-top:50px;}
|
.xcx_footer_box .xcx_footer_img{width:190px; margin-left:10px; margin-right:10px; display:inline-block; vertical-align:top}
|
.xcx_footer_imgbox{width:180px; padding-bottom:15px; text-align:center}
|
.xcx_newuserbox{width:100%; float:left; padding-top:80px; }
|
.xcx_newuser{width:110px; float:left; padding-top:120px;background:url(../images/xcx_u.png) no-repeat left top; position:relative}
|
.xcx_olduser{width:110px; float:left; padding-top:120px;background:url(../images/xcx_u2.png) no-repeat left top; position:relative}
|
.xcx_step{width:1025px; float:right}
|
.xcx_step li{float:left; padding-top:120px; position:relative; font-size:18px; margin-right:70px; }
|
.xcx_step_n{width:19px;height:19px; line-height:19px; font-size:12px;color:#fff; display:inline-block; margin-right:10px; background:#0178d7; text-align:center; vertical-align:middle}
|
.xcx_stepicon{width:125px;height:110px; background:url(../images/xcx_img1.png) no-repeat; display:inline-block; position:absolute;left:-15px;top:0px;}
|
.xcx_stepicon2{ background:url(../images/xcx_img2.png) no-repeat; left:5px;}
|
.xcx_stepicon3{ background:url(../images/xcx_img3.png) no-repeat;left:20px; }
|
.xcx_stepicon4{ background:url(../images/xcx_img4.png) no-repeat; }
|
.xcx_stepicon5{ background:url(../images/xcx_img5.png) no-repeat;left:30px; }
|
.xcx_stepicon6{ background:url(../images/xcx_img6.png) no-repeat; left:10px;}
|
.xcx_stepicon7{ background:url(../images/xcx_img7.png) no-repeat;left:20px; }
|
.xcx_stepicon8{ background:url(../images/xcx_img8.png) no-repeat; }
|
