|
@charset "UTF-8";
/* CSS Document */
body{font:9pt 微软雅黑,microsoft yahei,arial;color:#666;margin:0;padding:0;}
div,ul,ol,li,span,p,h1,h2,h3,h4,strong,lable{margin:0;padding:0}
input{margin:0;padding:0;font:9pt microsoft yahei,arial;color:#333;border:none;outline:none}
ul,ol,li{list-style-type:none;}
img{border:none}
a{text-decoration:none}
#header,#container,#footer{width:100%;float:left;padding:10px 0;}
#header{background:#fff;opacity:0.95}
#footer{margin:50px 0 0 0}
.content_bg{background:url(../img/bg2.jpg) center -150px no-repeat;}
.content,.joinus,.contactus{width:1000px;margin:0 auto;}
.container_box{width:100%;height:600px;float:left;position:relative;}
.navigation{width:auto;float:right;padding:10px }
.navigation a{float:right;padding:10px;margin-left:30px;color:#666;font-size:12pt;line-height:34px}
.navigation a:hover{color:#da6293}
.navigation .current{color:#da6293}
.logo{width:200px;height:70px;float:left;background:url(../img/logo.png) center center no-repeat;}
.mobile{width:300px;height:530px;background: url(../img/mobile.png) center center no-repeat;position:absolute;left:170px;top: 41px;background-size:320px 520px}
.mb_img{width:226px;height:399px;background:url(../img/mobile_img.png) center center no-repeat;position:absolute;left:206px;top:105px;background-size:cover}
.article{font-size: 30pt;line-height: 55px;font-weight:100;color: #fff;width:400px;float:right;position:absolute;right:80px ;top: 110px;}
.article span{background:url(../img/text-bg.png) center center ;float:left;padding:10px 51px;clear:both;-webkit-border-radius: 10px;moz-border-radius: 10px;border-radius: 10px;}
.ios_download{width:105px;height:50px;padding:0 20px;position:absolute;left:520px;top:450px;color:#fff;font-size:11pt;line-height:50px; text-align:right;-webkit-border-radius: 5px;moz-border-radius: 5px;border-radius: 5px;background:#35c3fc url(../img/ios.png) 2px center no-repeat;background-size:45px 45px}
.android_download{width:85px;height:50px;padding:0 30px;position:absolute;left:680px;top:450px;color:#fff;font-size:11pt;line-height:50px; text-align:right;-webkit-border-radius: 5px;moz-border-radius: 5px;border-radius: 5px;background:#fc6087 url(../img/android.png) 7px center no-repeat;background-size:45px 45px}
.article p{width:auto;float:left;margin: 30px 0 0 0;color: #fff;font-size: 14pt;line-height:38px;font-weight: 200;text-align: left;clear:both;background:url(../img/text-bg.png) center center;display:inline-block;padding:10px 30px;-webkit-border-radius: 10px;moz-border-radius: 10px;border-radius: 10px;}
.joinus p,.contactus p,.aboutus p{width:100%;margin:0 0 50px 0;line-height:25px;float:left}
.joinus p{border-top:1px dotted #ddd;padding:50px 0 0 0}
.aboutus p{float:left;width:100%;text-align:left;font-size:12pt;line-height:35px}
.aboutus p strong{width:100%;font-size:14pt;font-weight:bold;margin:0 0 20px 0;float:left}
.map{width:100%;float:left}
.foot{text-align:center;line-height:30px;padding: 25px 0 50px 0}
.foot a{color:#333;padding:10px;}
.homefooter,.homefooter a{color:#fff}
|