

* {
    margin:0px;
    border:0px;
    box-sizing:content-box!important;
    -webkit-transition:all ease 0.4s;
    -moz-transition:all ease 0.4s;
    transition:all ease 0.4s;
}
html {
    font-size:62.5%;
}
div {
    ;overflow-y:hidden;
}
body {
    background-color:#f1f1f2!important
}
li {
    list-style:none;
}
.white {
    color:#fff
}
.left {
    float:left;
}
.width100 {
    width:100%;
}
.height100 {
    height:100%;
}
.inline {
    display:inline-block;
}
.width80 {
    width:80%;
}
.relative {
    position:relative;
}
.center80 {
    width:80%;
    margin-left:10%
}
.right {
    float:right;
}
.width60 {
    width:60%;
}
.width30 {
    width:30%;
}
.pdl10 {
    padding-left:10%
}
@font-face {
    font-family:ft0;
    src:url('../fonts/Helvetica Neue CE 75 Bold_4.ttf');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:ft1;
    src:url('../fonts/helveticaneue-light_B.otf')
}
.nav-tabs>li>a {
    margin-right:2px;
    line-height:1.42857143;
    border:0px solid transparent!important;
    border-radius:4px 4px 0 0;
}
.nav-tabs {
    border-bottom:0px solid #ddd!important;
}
font {
    color:#3f50d4;
}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {
    color:#464b63;
    background-color:none!important;
    border:0px solid!important
}
.rad {
    width:100px;
}
nav>ul>li {
    font-size:2rem
}
h1.white {
    line-height:10vw;
    font-size:4vw;
}
.textcenter {
    text-align:center;
    overflow:auto;
    display:inline-block;
    margin-bottom:20px;
}
.word>h1 {
    font-size:4.8rem
}
.word>p {
    font-size:1.8rem;
    font-family:ft1;
}
.banner {
    padding:0 5%;
    background-color:#3f50d4;
    background-image:url("../images/banner.png");
    background-repeat:no-repeat;
    background-repeat-y:inherit;
    background-size:100%;
}
nav>ul>li {
    line-height:79px;
    height:79px;
    width:25%;
    text-align:center;
}
.center {
    width:60%;
    margin-left:10%
}
.ipdl {
    background-image:url("../images/down2.png");
    width:244px;
    background-position:20px;
    background-repeat:no-repeat;
    height:67px;
    background-color:#fff;
    border-radius:30px;
    margin-left:60px;
}
.windl {
    background-image:url("../images/down1.png");
    background-repeat:no-repeat;
    background-position:20px;
    width:244px;
    height:67px;
    border-radius:30px;
    background-color:#fff;
}
.dw {
    background-image:url("../images/download.png");
    width:34px;
    height:34px;
}
.rad {
    }.sh {
    background-image:url("../images/shop.png");
    width:34px;
    height:34px;
}
.kuan2vw {
    margin:2vw auto;
}
li.left.textcenter.height5:hover {
    color:#fff;
}
.music {
    padding-bottom:5vw;
    width:100%;
}
.music1 {
    width:80%;
    margin-top:5vw;
}
._phone {
    background-image:url("../images/shouji.png");
}
._music {
    background-image:url("../images/music.png");
}
._yunduo {
    background-image:url("../images/yunduo.png");
}
.music>div>div {
    width:33.3%;
}
.music>div>div>div {
    width:129px;
    height:129px;
    background-color:#d4d7eb;
    border-radius:50%;
    margin:auto;
}
.music>div>div>p {
    font-size:1.6rem;
    width:80%;
    margin:auto;
}
.music>div>div>h2 {
    font-size:2.4rem;
}
.music>div>div>div:hover {
    background-color:#3f50d4;
}
.personaltailor {
    background:url("../images/personaltailor.png");
    background-size:100%;
}
.personaltailor>div>p {
    color:#ddd;
    font-size:2.4rem;
    float:left;
    margin:10px;
    text-align:left;
}
.shouji>div>h1 {
    font-size:3.1rem
}
.personaltailor>div {
    width:80%;
    margin-left:10%
}
.presentaion>a {
    font-size:2.8rem;
}
.supoorten_Devices>.title>div>h1 {
    font-size:3.2rem
}
.supoorten_Devices>.title>div>h2 {
    font-size:1.6rem
}
.supoorten_Devices>.shouji {
    background-color:#fff;
}
.supoorten_Devices>.shouji>div>div {
    width:80%;
    height:100%;
    margin-left:10%;
}
.shoujititle>li {
    width:33%
}
.shoujititle {
    width:50%
}
.shoujititle>.active {
    border-bottom:5px solid #3f50d4;
}
.shoujititle>li {
    border-bottom:5px solid #fff;
}
.borderbottom {
    border-bottom:1px solid #d4d7eb
}
.nav-tabs {
    margin-bottom:-5px!important;
}
.presentation>a {
    height:5vw;
    line-height:5vw!important;
}
#profile,#messages,#home {
    margin-top:20px
}
#profile>ul>div>li,#home>ul>div>li,#messages>ul>div>li {
    width:68px;
    height:68px;
    background:url("../images/xiaoshouji.png");
    left:50%;
    margin-left:-34px;
}
#profile>ul>div,#home>ul>div,#messages>ul>div {
    width:16%;
}
#profile>ul>div>li>h4,#home>ul>div>li>h4,#messages>ul>div>li>h4 {
    margin-top:10px;
    line-height:48px;
    color:#a6abcc;
}
#profile>ul>div>h5,#home>ul>div>h5,#messages>ul>div>h5 {
    width:100%
}
.ul2>div>li,.ios-app>div>li {
    width:72px;
    height:72px;
    position:relative;
    left:50%;
    margin-left:-36px;
}
.ul2>div>li>img,.ios-app>div>li>img {
    width:80%
}
.ul2>div>h5,.ios-app>div>h5 {
    width:100%
}
.ul2>div,.ios-app>div {
    width:20%
}
.ul2,.ios-app {
    margin-top:50px;
}
.shouji_ul {
    margin:5vw 0px;
}
.supproted_li {
    width:50%;
}
li.presentation {
    border-bottom:5px solid #fff;
}
.featurestitle {
    width:90%;
    margin-left:5%;
}
.featurestitle>ul {
    width:100%;
}
.featurestitle>ul>li {
    width:20%
}
.disangep1 {
    font-family:ft1;
    color:#464b63;
    font-size:2.4rem;
    text-align:left;
}
.disangep2 {
    color:#464b63;
    font-size:1.6rem;
    text-align:left;
    font-family:ft1;
}
.features_ul >.active {
    border-bottom:5px solid #3f50d4
}
.features_ul >li {
    border-bottom:5px solid #fff
}
.others {
    background:url(../images/lanse.png);
    width:100%;
    background-size:100%
}
.others>p {
    font-family:cursive!!important;
    font-size:1.6rem;
    font-weight:100;
    text-align:left;
    width:80%;
    line-height:2rem;
    color:#fff;
    display:block;
    margin-bottom:11vw;
}
.others>h3 {
    font-family:ft1;
    font-weight:700;
    margin-top:1vw;
    margin-bottom:3vw;
    text-align:left;
    font-size:3.2rem;
    color:#fff;
}
.others_bottom {
    cursor:pointer;
    margin-bottom:5vw;
    width:80%;
    position:relative;
    left:10%;
    height:20vw;
    margin-top:-10vw;
    background:#fff;
}
.others_bottom>span {
    width:25%;
    height:10vw;
    overflow:hidden;
    display:block;
}
.others_bottom>span>.sp1 {
    font-size:4.2rem;
}
.others_bottom>span>.sp2 {
    font-size:1.8rem.;
    text-align:left;
    width:80%;
    margin-left:10%;
}
.lan>.sp2 {
    color:#fff
}
.lan>.sp1 {
    color:#fff
}
.lan:hover>.sp2 {
    color:#000
}
.lan:hover>.sp1 {
    color:#000
}
.lan {
    background-image:url("../images/shouzhi2.png");
    background-size:contain;
}
.lan:hover {
    background-image:url("../images/shouzhi.png");
    background-size:contain;
}
.bai {
    background-color:#fff;
}
.p1 {
    color:#464b63;
    margin-left:30px;
}
.contextall {
    background-color:#fff;
    display:none;
}
.context1 {
    display:block;
}
.contextall>h1,.context8>h1 {
    line-height:2.4rem;
    padding:3vw;
    font-size:24px;
    border-bottom:1px solid #d4d7eb;
    width:80%;
    text-align:center;
    margin:auto;
}
.contextall>span>p {
    font-size:1.6rem;
    text-align:left;
    display:block;
    float:left;
    width:70%;
    font-family:ft1;
}
.contextall>span>p>font {
    font-size:2.4rem;
    color:#464b63;
}
.overview,.main,.Requirements,.Pros {
    display:block;
    margin-left:10%;
    margin-top:5%;
    padding-bottom:5%;
}
.contextall>.Requirements>p,.context8>.Pros>p {
    font-size:1.6rem;
    text-align:left;
    display:block;
    float:left;
    width:100%;
    margin-left:0px;
    color:#464b63
}
.contextall>span,.context7>span {
    border-bottom:1px solid #d4d7eb;
}
.Pros>p {
    width:50%!important;
}
.Pros>font {
    font-size:2.4rem;
    color:#464b63;
    float:left;
    width:100%;
    text-align:left;
}
footer {
    background-color:#212121;
    margin-top:50px
}
footer>h2 {
    color:#fff;
    font-size:1.8rem;
}
footer>h3 {
    color:#fff;
    font-size:1.2rem
}
.ftpic {
    left:50%;
    margin-left:-130px;
    margin-top:10px;
    margin-bottom:20px;
}
.music>div>div>div:hover {
    -webkit-transform:rotate(360deg) translate(0,0px);
    -moz-transform:rotate(360deg) translate(0,0px);
    transform:rotate(360deg) translate(0,0px);
}
.music>div>div>div {
    -webkit-transform:rotate(360deg) translate(0,0px);
    -moz-transform:rotate(360deg) translate(0,0px);
    transform:rotate(0deg) translate(0,0px);
}
.jiathis_button_qzone>span,.jiathis_button_tsina>span,.jiathis_button_tqq>span,.jiathis_button_renren>span,.jiathis_button_tsina>span {
    background-repeat:no-repeat;
    background-size:contain;
    width:32px;
    display:block;
    height:32px;
    margin:1vw;
}
.jiathis_style_32x321.left>a {
    float:left;
}
.jiathis_button_qzone>span {
    background-image:url("../images/tk.png");
}
.jiathis_button_tsina>span {
    background-image:url("../images/tv.png");
}
.jiathis_button_tqq>span {
    background-image:url("../images/tvv.png");
}
.jiathis_button_renren>span {
    background-image:url("../images/tr.png");
    width:44px;
}
.top>div {
    width:30%
}
.top>div>img {
    margin-right:10%;
}
.topnav ul li a:hover {
    color:#FFF;
}
.c1>li {
    width:100px;
}
.c1 {
    margin-left:14vw;
}
.windl>span,.ipdl>span {
    padding-left:15px;
    margin-top:-15px;
}
.span11 {
    display:block;
}
.span22 {
    display:none;
}
.navhead {
    border-bottom:1px solid #6270dc;
}
a.cd-top.cd-is-visible.cd-fade-out｛
background-color:red;
｝