body {
    background: #fff;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
}
strong { font-weight: 700; }
a, a:hover, a:focus {
    color: #888;
    text-decoration: none;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
} 
img { max-width: 100%; }
 
 
@media screen and (min-width:768px) {
    .logo img{
        width: 126px;
        height: 126px;
    }
    .top-content .text h1{
        font-weight: 300; 
        font-size: 58px;
        margin-top: 40px;
    }
    .top-content .description { 
        font-size: 22px;
        line-height: 36px; 
    }
    .sml-button{
        display: none;
    }
    .xz-button li{ 
        width: 340px;
        height: 84px;
        line-height: 84px;  
        font-size: 24px; 
    }
    .xz-button li i{
        display: block;
        width: 47px;
        height: 80px;
        float: left;
        margin-top: 2px;
        background: url('../images/icon.png') no-repeat;
        margin-left: 34px;
        margin-right: 22px;
    }
    .xz-button li i.i-ios{
        background-position: 0 15px;
    }
    .xz-button li i.i-android{
        background-position: 0 -102px;
    }
    a.arrowhead-pc{
        background: url('../images/pc-xiala.png') no-repeat;
        width: 62px;
        height: 38px;
        left: 50%;
        margin-left: -31px;
    }
}

/***** Top content *****/
.top-content {
    margin: 0 auto;
    text-align: left;
    color: #fff;
    width: 100%;
    height: 100vh;
    overflow-x:hidden;
    overflow-y: hidden;
}
.inner-bg {
    padding: 76px 0;
}
.top-content .phone {
    text-align: center;
} 
.top-content .text h1{
    color: #ff7105;
    font-family: 'Source Sans Pro', sans-serif;
}
.top-content .description { 
    color: #fff; 
    margin: 26px 0 10px 0;
}
.top-content .top-button {
    margin-top: 40px;
}
#carousel-example-generic [role="listbox"] img{
    margin: 0 auto;
} 
.download-c{
    width: 600px;
	height:205px;
    margin: 60px auto 0;
    overflow: hidden;
}
.tabBd-item{
    display: none;
}
.ewm-conten{
    width: 206px;
    height: 205px;
    float: left;
}
.ewm-conten img{
    margin: 0 auto;
    display: block;
}
.xz-button{
    float: left;
}
.xz-button ul{
    list-style: none;
    margin-left: 45px;
    padding:0px; 
}
.xz-button li{ 
    background: #fff;
    color: #0F1046;  
    border-radius: 16px;
    box-shadow: 0 2px 10px rgba(0,16,42,.35); 
    cursor: pointer;
    text-align: left;
    /*  opacity: .7;*/
}
.xz-button li.cur,.xz-button li:hover,.xz-button li:active{
    opacity: 1;
}
.xz-button li i{
    display: block;
    float: left;
    margin-top: 2px;
    background: url('../images/icon.png') no-repeat;
}
.img-tips{
    position: fixed;
    bottom: 0px;
    right: 0px;
    top: 0px;
    left: 0px;
    width: 100%;
    width: 100vw;
    height: 100%;
    height: 100vh;
    z-index: 999999;
    background: url('../images/img-tips.png') no-repeat;
    background-size: cover;
    background-position:top center;
    display: none;
} 
.ios-install{
    background: #fff;
}
a[class*='arrowhead']{  
    position: absolute;
    bottom: 40px;
    cursor: pointer;
}

@keyframes myfirst {  
   0% {  
       transform: translate(0px, 0px);  
   }  
   50% {  
       transform: translate(0px, -15px);  
   }  
   100% {  
       transform: translate(0px, 0px);  
   }  
} 
#myfirst{
    animation: myfirst 2s infinite; 

}
@media screen and (max-width: 767px) {
    .yo-ctcwh-wap{
        background: #093e8a url('../images/1%402x.jpg') no-repeat;
        background-size: 100vw 100vh;
    } 
    .logo img{
        width: 90px;
        height: 90px;
    }
    .top-content .text h1{
        font-weight: 300; 
        font-size: 36px;
        margin-top: 30px;
    }
    .top-content .description { 
        font-size: 14px;
        line-height: 26px;
        font-weight: 400; 
    }
    .download-c.tab{
        display: none;
    }
    .sml-button{
        display: block;
        width: 100%;
    }
    .sml-button ul{
        margin: 365px auto;
    }
    .sml-button li{ 
        width: 180px;
        height: 44px;
        line-height: 44px;  
        font-size: 18px; 
        font-family:'Microsoft YaHei';
        margin: 0 auto;
        border-radius: 8px;
        text-align: center;

    }
    .sml-button li a{
        color: #0F1046;
        font-weight: 500; 
    }
    .sml-button li i{
        width: 24px;
        height: 40px;
        margin-left: 12px;
        margin-right: 10px;
        background-size: 24px 87px;
    }
    .sml-button li i.i-ios{
        background-position: 0 6px;
    }
    .sml-button li i.i-android{
        background-position: 0 -53px;
    }
    .backstretch{
        display: none;
    }
    a.arrowhead-ios{
        background: url('../images/yidong-xiala.png') no-repeat;
        width: 32px;
        height: 20px;
        left: 50%;
        margin-left: -16px;
    }
}

/****适应小电脑样式****/
@media screen and (min-width: 1360px) and (max-width: 1400px){ 
    .inner-bg{
        padding:10px 0;
    }
    .download-c {
        width: 600px;
        margin: 20px auto 0;
        overflow: hidden;
    }
    .top-content .text h1 {
        font-weight: 300;
        font-size: 58px;
        margin-top: 20px;
    }
    a[class*='arrowhead'] {
        position: absolute;
        bottom: 20px;
        cursor: pointer;
    }
}