* { margin:0; padding:0;}
body { width:100%; font-family:"Microsoft YaHei",Arial,"宋体"; font-size:12px; color:#444; line-height:1.6em;}
h1 {line-height:1.3em;}
a:hover img,img { border:none;}
img { vertical-align:top;}
ul { list-style:none;}
input,button,select,textarea { outline:none;font-family:"Microsoft YaHei",Arial,"宋体"; font-size:12px;}
table input,table button,table select,table textarea { vertical-align:middle;}
textarea { resize:none;}
table { border-collapse:collapse;}
a { text-decoration:none; color:#444;}
a:hover { text-decoration:underline; color:#ff6600;}
/*-------------------------结束公用样式--------------------------*/
.cf { overflow:hidden; zoom:1;}
.cf2 { zoom: 1;}
.cf2:after { content: ""; display: block;height: 0;clear: both;}
input.checlass { margin:0 5px; margin-left:0;vertical-align:middle; _vertical-align:baseline;}
/*-------------------------star首页的样式*/
html { background:#fff;}
/*----------------star下载页*/
div.down_banner { background:url(../images/down/banner.jpg) no-repeat center top; height:600px;}
div.main { position:relative; width:85%; min-width:1000px; max-width:1100px; margin:0 auto;}
div#demo { margin-top:75px; margin-right: 14px;float: right;width: 238px;height: 485px;background:url(../images/down/iPhone_CN.png) no-repeat;}
div.main-block { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; display:inline-block; position:absolute; height:600px; left:54px; padding-top:150px;}
div.head-row img { vertical-align:top;border:none;}
div.head-row span { height:106px;display:inline-block;line-height: 106px;}
div.head-row i { font-size: 80px;color:#fff;font-weight: bold; position:relative;margin-left: 38px;height:106px;display:inline-block;}
div.head-row em { font-size: 52px;color:#fff;font-weight: bold;margin-left: 36px;}
div.head-row i:before,div.head-row i:after { position:absolute;content:"";width: 22px;height: 22px;background:url(../images/down/appdownload_left.png) no-repeat center center;}
div.head-row i:before{top:0px;left:-21px;}
div.head-row i:after{background:url(../images/down/appdownload_right.png) no-repeat center center;right:-16px;bottom:-4px;}
img#title { margin-left:50px;}
div.down-code { position:absolute; left:127px; text-align:center;top: 356px;}
img#down-code { margin-bottom: 13px;width: 166px;height: 166px;}
div.down-code span{font-size:24px;color:#fff;display:block;width: 168px;}
div.download { position:absolute; top:382px;left:352px;}
div.download a{ display:block;}
div.download a img{ width: 220px;height: 60px;}

img#down-title { margin-bottom:15px;}
img#down-ios { margin-bottom:20px;}
/*优势*/
ul.down_tool { clear:both; width:1100px; margin:0 auto; padding:40px 0; text-align:center;}
ul.down_tool li { float:left; width:33.3%;}
ul.down_tool dl { clear:both;}
ul.down_tool dt	{ clear:both; height:110px;}
ul.down_tool dd	{ clear:both; padding:20px 0 0 0;}
ul.down_tool dd h3	{ clear:both; font-size:22px; line-height:1.1em; font-weight:normal;}
ul.down_tool dd p	{ padding:20px 0 0 0; font-size:13px; line-height:1.7em;}
ul.down_tool dt span,ul.down_tool dt em,ul.down_tool dt a { display:inline-block; width:95px; height:110px; overflow:hidden;}
.t_0 span { background:url(../images/down/1.png) no-repeat;}
.t_1 span { background:url(../images/down/2.png) no-repeat;}
.t_2 span { background:url(../images/down/3.png) no-repeat;}
.t_0 em { background:url(../images/down/01.png) no-repeat;}
.t_1 em { background:url(../images/down/02.png) no-repeat;}
.t_2 em { background:url(../images/down/03.png) no-repeat;}
.hover .t_0 em,.hover .t_1 em,.hover .t_2 em {animation: landr 0.8s ease-in-out; -webkit-animation: landr 0.8s ease-in-out;}
/*---------star文件底*/
div.d_footer { border-top:1px solid #e5e5e5; clear:both;color:#666; text-align:center; width:1100px; margin:0 auto; padding:30px 0; font-size:13px; line-height:1.7em;}
div.d_footer a { color:#666;}
div.d_footer a:hover { color:#ff6600;}
/*-----------------------------------star文字的样式*/
/*标题文字*/
.th { font-family:"Microsoft YaHei";}
/*日期*/
.date { float:right; color:#999; font-size:12px; font-weight:normal;}
/*左右对齐*/
.l { float:left;}
.r { float:right;}
/*宋体*/
.china { font-family:"宋体";}
.eng { font-family:Arial;}

/*定义动画效果_css3*/
@keyframes landr {
0% {
    transform: rotate(0deg);
    transform-origin: right bottom 0;
}
39% {
    transform: rotate(5deg);
    transform-origin: right bottom 0;
}
40% {
    transform: rotate(5deg);
    transform-origin: left bottom 0;
}
75% {
    transform: rotate(-10deg);
    transform-origin: left bottom 0;
}
100% {
    transform: rotate(0deg);
    transform-origin: left bottom 0;
}
}
@-webkit-keyframes landr {
0% {
    -webkit-transform: rotate(0deg);
    -webkit-transform-origin: right bottom 0;
}
39% {
    -webkit-transform: rotate(5deg);
    -webkit-transform-origin: right bottom 0;
}
40% {
    -webkit-transform: rotate(5deg);
    -webkit-transform-origin: left bottom 0;
}
75% {
    -webkit-transform: rotate(-10deg);
    -webkit-transform-origin: left bottom 0;
}
100% {
    -webkit-transform: rotate(0deg);
    -webkit-transform-origin: left bottom 0;
}
}

/** 新版样式 **/
.down_content{
    width: 100%;
    height: 1080px;
}
.down_box{
    width: 1190px;
    margin: 0 auto;
}
.down_box:after{
    content: '';
    clear: both;
    width: 0;
    height: 0;
    display: inline-block;
    visibility: hidden;
}
.down_content .down_left, .down_content .down_right{
    display: inline-block;
    vertical-align: top;
}
.down_content .down_right{
    padding-top: 148px;
    float: right;
}
.kick_off_wrap{
    padding: 110px 0 0 160px;
}
.qr_code{
    width: 370px;
    text-align: center;
    margin: 12px 0 0 160px;
}
.qr_code img{
    width: 166px;
    height: 166px;
}
.qr_code p{
    font-size: 22px;
    color: #fff;
    line-height: 30px;
    margin-top: 10px;
    text-align: center;
}
.down_app_btn{
    padding: 40px 0 0 0;
}
.down_app_btn p{
    font-size: 28px;
    color: #fff;
    line-height: 40px;
    max-width: 700px;
}
.down_content .down_btn{
    width: 254px;
    height: 60px;
    border-radius: 8px;
    padding-left: 14px;
    display: inline-block;
    margin-top: 30px;
}
.down_content .down_btn:hover{
    cursor: pointer;
}
.down_btn.iphone_btn{
    background: #088DE8;
    margin-right: 30px;
}
.down_btn.iphone_btn:hover{
    background: #3AA4ED;
}
.down_btn.android_btn{
    background: #4AB135;
}
.down_btn.android_btn:hover{
    background: #6BD656;
}
.google_btn.google_btn{
    background: #13BDE8;
}
.google_btn.google_btn:hover{
    background: #4BC5F4;
}
.down_btn.google_btn{
    width: 280px;
    padding-left: 20px;
}
.down_btn span{
    font-size: 28px;
    line-height: 60px;
    padding-left: 14px;
    color: #fff;
}
.vertical_center{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.down_btn div{
    display: inline-block;
    vertical-align: top;
    height: 38px;
    margin-top: 11px;
    width: 48px;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    text-align: center;
    float: right;
}
a:hover{
    text-decoration: none;
}