/*
  software/index.css.
  Latest modified 2015-11-24 15:50
*/
h1, h2, h3, h4 {
    font-weight: normal;
}
section {
    width: 100%;
    text-align: center;
}
section h2 {
    margin-bottom: 18px;
    font-size: 52px;
    line-height: 1.2;
    font-weight: normal;
}
section h2.smaller {
    padding-bottom: 0;
    margin-bottom: 10px;
    line-height: 1.2;
}
section p.info {
    display: inline-block;
    width: 80%;
    font-size: 18px;
    line-height: 1.8;
}
p.info a.learn-our-design {
    color: #008cff;
}
li i {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.container {
    position: relative;
    margin: 0 auto;
    width: 90%;
    max-width: 1024px;
}
img.remix_header {
    display: none;
    /* 2 imgs for big screen and small one */
    border: none;
    width: 100%;
}

.Android_info {
    padding-top: 100px;
    text-align: center;
}
.Android_info p.info {
    margin-bottom: 132px;
}
.Android_info ul {
    margin: 0 5%;
}
.Android_info ul li {
    margin-bottom: 96px;
    display: inline-block;
    padding: 0 5%;
    cursor: pointer;
}
.Android_info li i {
    display: inline-block;
    height: 110px;
    width: 110px;
    margin-bottom: 36px;
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: auto;
}
.Android_info ul li:hover i, .Android_info ul li.current i {
    background-position: center 100%;
}
.Android_info ul li:hover p, .Android_info ul li.current p {
    color: #008cff;
}
.Android_info li:nth-child(1) i {
    background-image: url("https://webcdn.jide.com/jide_upload/2016_01/1453273597655_2Hdry6_icon01.png");
}
.Android_info .li1 i {
    background-image: url("https://webcdn.jide.com/jide_upload/2016_01/1453273597655_2Hdry6_icon01.png");
}
.Android_info li:nth-child(2) i {
    background-image: url("https://webcdn.jide.com/jide_upload/2016_01/1453273597792_x1jYyF_icon02.png");
}
.Android_info .li2 i {
    background-image: url("https://webcdn.jide.com/jide_upload/2016_01/1453273597792_x1jYyF_icon02.png");
}
.Android_info li:nth-child(3) i {
    background-image: url("https://webcdn.jide.com/jide_upload/2016_01/1453273597881_4PIuER_icon03.png");
}
.Android_info .li3 i {
    background-image: url("https://webcdn.jide.com/jide_upload/2016_01/1453273597881_4PIuER_icon03.png");
}
.Android_info li:nth-child(4) i {
    background-image: url("https://webcdn.jide.com/jide_upload/2016_01/1453273598068_W8Xelh_icon04.png");
}
.Android_info .li4 i {
    background-image: url("https://webcdn.jide.com/jide_upload/2016_01/1453273598068_W8Xelh_icon04.png");
}
.Android_info li:nth-child(5) i {
    background-image: url("https://webcdn.jide.com/jide_upload/2016_01/1453273598183_mryKQ5_icon05.png");
}
.Android_info .li5 i {
    background-image: url("https://webcdn.jide.com/jide_upload/2016_01/1453273598183_mryKQ5_icon05.png");
}
.Android_info li:nth-child(6) i {
    background-image: url("https://webcdn.jide.com/jide_upload/2016_01/1453273598297_nKsdZX_icon06.png");
}
.Android_info .li6 i {
    background-image: url("https://webcdn.jide.com/jide_upload/2016_01/1453273598297_nKsdZX_icon06.png");
}
.Android_info li:nth-child(7) i {
    background-image: url("https://webcdn.jide.com/jide_upload/2016_01/1453273598382_uCN0Xn_icon07.png");
}
.Android_info .li7 i {
    background-image: url("https://webcdn.jide.com/jide_upload/2016_01/1453273598382_uCN0Xn_icon07.png");
}
.Android_info li:nth-child(8) i {
    background-image: url("https://webcdn.jide.com/jide_upload/2016_01/1453273598489_sP9cSZ_icon08.png");
}
.Android_info .li8 i {
    background-image: url("https://webcdn.jide.com/jide_upload/2016_01/1453273598489_sP9cSZ_icon08.png");
}
.Android_info li p {
    font-size: 18px;
}
@media screen and (max-width: 540px) {
    .Android_info p.info {
        width: 90%;
        text-align: justify;
    }
}
.Apps {
    padding-top: 210px;
}
.Apps p.info {
    margin-bottom: 58px;
}
.AppsShow {
    position: relative;
}
.AppsList {
    background: #f1f1f1;
    height: 98px;
    padding: 12px 0 36px;
    position: absolute;
    top: 50%;
    width: 100%;
}
.AppsListLeft, .AppsListRight {
    display: table;
    width: 35%;
}
.AppsListLeft {
    float: left;
}
.AppsListRight {
    float: right;
}
.img-app {
    display: table-cell;
    cursor: pointer;
    width: 80px;
    height: 98px;
    transition: transform .3s;
}
.img-app:hover {
    transform: scale(1.1);
    transition: transform .3s;
}
.appName {
    font-size: 16px;
}
.img-app:nth-child(2) {
    margin: 0 64px;
}
.AppsCurrent {
    margin: 0 auto;
    max-width: 590px;
    width: 30%;
}
.AppsCurrentLaptop {
    background: url(https://webcdn.jide.com/jide_upload/2016_06/1469171705793_rcc2Yn_monitor.png) center no-repeat;
    background-size: contain;
    margin: 0 auto;
    pointer-events: none;
    position: relative;
    width: 100%;
}
.AppImg {
    position: absolute;
    width: 94%;
    top: 7%;
    left: 3%;
}
.AppLogo {
    width: 100px;
    height: 100px;
    margin: 0 auto;
}
.AppsCurrent p.note {
    font-size: 14px;
    height: 56px;
    margin-bottom: 20px;
}
@media screen and (max-width : 767px) {
    .AppsList {
        position: relative;
        height: auto;
    }
    .AppsListLeft, .AppsListRight {
        left: 0;
        width: 100%;
        position: relative;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        float: none;
    }
    .img-app {
        width: 100px;
    }
    .AppsCurrent {
        width: 90%;
    }
}
.Pic_area {
    position: relative;
}
.Pic_area ul li {
    position: absolute;
    top: 0;
    left: 0;
    /*display: none;*/
    opacity: 0;
    transition: all 0.5s;
}
.Pic_area ul li.active {
    /*display: list-item;*/
    opacity: 1;
    transition: all 0.5s;
}
.Pic_area li img {
    width: 100%;
}
.Btn_area li {
    padding: 40px 0;
    cursor: pointer;
}
.Btn_area li i {
    display: inline-block;
    margin-bottom: 20px;
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: auto;
}
.Btn_area li:hover i, .Btn_area li.current i {
    background-position: center 100%;
}
.Btn_area li p {
    font-size: 18px;
}
.Btn_area li:hover p, .Btn_area li.current p {
    color: #008cff;
}
.Btn_area li i {
    background-size: 100%;
}
.Btn_area li:nth-child(1) i {
    width: 101px;
    height: 101px;
    background-image: url("https://webcdn.jide.com/jide_upload/2016_01/1453274503681_URPloV_icon09.png");
}
.Btn_area li.li1 i {
    width: 101px;
    height: 101px;
    background-image: url("https://webcdn.jide.com/jide_upload/2016_01/1453274503681_URPloV_icon09.png");
}
.Btn_area li:nth-child(2) i {
    width: 101px;
    height: 101px;
    background-image: url("https://webcdn.jide.com/jide_upload/2016_01/1453274539465_M5gwj8_icon10.png");
}
.Btn_area li.li2 i {
    width: 101px;
    height: 101px;
    background-image: url("https://webcdn.jide.com/jide_upload/2016_01/1453274539465_M5gwj8_icon10.png");
}
.Btn_area li:nth-child(3) i {
    width: 101px;
    height: 101px;
    background-image: url("https://webcdn.jide.com/jide_upload/2016_01/1453274568062_9ISaE2_icon11.png");
}
.Btn_area li.li3 i {
    width: 101px;
    height: 101px;
    background-image: url("https://webcdn.jide.com/jide_upload/2016_01/1453274568062_9ISaE2_icon11.png");
}
@media screen and (max-width: 540px) {
    .Apps {
        padding-top: 125px;
    }
}
.Choice {
    padding-top: 120px;
}
.Choice p.info {
    width: 75%;
    margin-bottom: 60px;
}
.Choice_show {
    padding-bottom: 110px;
    overflow: hidden;
}
.Choice_show .Pic_area {
    width: 80%;
    margin: 0 auto;
}
.Choice_show .Pic_area ul {
    position: relative;
    margin: 0 auto;
    width: 85%;
}
.Choice_show .Btn_area {
    padding-top: 10px;
}
.Choice_show .Btn_area ul {
    width: 80%;
    max-width: 300px;
    margin: 0 auto;
    border: 1px solid #f1f1f1;
    border-radius: 5px;
}
.Choice_show .Btn_area ul li {
    display: inline-block;
    font-size: 18px;
    color: #000;
    font-weight: normal;
    padding: 12px 0;
    width: 33%;
    max-width: 100px;
    transition: all .3s;
}
.Choice_show .Btn_area ul li:hover,
.Choice_show .Btn_area ul li.current {
    background-color: rgba(0, 140, 255, .05);
    color: #008cff;
    transition: all .3s;
}
.Choice_show .Btn_area ul li:nth-child(2) {
    border-left: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    margin: 0 -3px;
}
@media screen and (max-width: 540px) {
    .Choice p.info {
        width: 90%;
        text-align: justify;
    }
    .Choice_show .Pic_area ul {
        width: 100%;
    }
    section.Choice.Choice_show .Btn_area {
        margin-top: 60px;
    }
}
.Features {
    padding-top: 90px;
}
.Features h2 {
    line-height: 1.3;
    margin-bottom: 18px;
}
.Features p.info {
    width: 86%;
    margin-bottom: 20px;
}
.Features p.note {
    width: 110%;
    margin: 10% 0 20px -5%;
    font-size: 14px;
    line-height: 1.4;
}
.Features .img-wrapper {
    width: 55%;
    position: relative;
    background: url(https://webcdn.jide.com/jide_upload/2016_06/1469351796550_Lf9gzW_BG.png) no-repeat;
    margin: 0 auto;
    background-size: cover;
}
.Features .img-wrapper li {
    position: absolute;
    top: 9%;
    left: 6%;
    width: 88%;
}
.Features .Pic_area p.info {
    margin-top: 9%;
}
.Features .Btn_area {
    position: relative;
    z-index: 10;
}
.Features .Btn_area ul {
    margin-bottom: 115px;
    text-align: center;
}
.Features .Btn_area ul li {
    display: inline-block;
    padding: 0 2%;
    font-size: 18px;
    color: #000;
    font-weight: normal;
    transition: all ease 0.5s;
    width: 120px;
    vertical-align: top;
    margin: 10px auto;
}
.Features .Btn_area li i {
    width: 80px;
    height: 80px;
    margin-bottom: 12px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: cover;
}
.Features .Btn_area li:hover i, .Features .Btn_area li.current i {
    background-position: center 100%;
}
.Features .Btn_area li:nth-child(1) i {
    background-image: url("https://webcdn.jide.com/jide_upload/2016_01/1453273597655_2Hdry6_icon01.png");
}
.Features .Btn_area li.li1 i {
    background-image: url("https://webcdn.jide.com/jide_upload/2016_01/1453273597655_2Hdry6_icon01.png");
}
.Features .Btn_area li:nth-child(2) i {
    background-image: url("https://webcdn.jide.com/jide_upload/2016_01/1453273597792_x1jYyF_icon02.png");
}
.Features .Btn_area li.li2 i {
    background-image: url("https://webcdn.jide.com/jide_upload/2016_01/1453273597792_x1jYyF_icon02.png");
}
.Features .Btn_area li:nth-child(3) i {
    background-image: url("https://webcdn.jide.com/jide_upload/2016_01/1453273598068_W8Xelh_icon04.png");
}
.Features .Btn_area li.li3 i {
    background-image: url("https://webcdn.jide.com/jide_upload/2016_01/1453273598068_W8Xelh_icon04.png");
}
.Features .Btn_area li:nth-child(4) i {
    background-image: url("https://webcdn.jide.com/jide_upload/2016_01/1453273598297_nKsdZX_icon06.png");
}
.Features .Btn_area li.li4 i {
    background-image: url("https://webcdn.jide.com/jide_upload/2016_01/1453273598297_nKsdZX_icon06.png");
}
.Features .Btn_area li:nth-child(5) i {
    background-image: url("https://webcdn.jide.com/jide_upload/2016_07/1469440280355_5WFXC1_capture_icon.png");
}
.Features .Btn_area li.li5 i {
    background-image: url("https://webcdn.jide.com/jide_upload/2016_07/1469440280355_5WFXC1_capture_icon.png");
}
.Features .Btn_area li:nth-child(6) i {
    background-image: url("https://webcdn.jide.com/jide_upload/2016_01/1453273598489_sP9cSZ_icon08.png");
}
.Features .Btn_area li.li6 i {
    background-image: url("https://webcdn.jide.com/jide_upload/2016_01/1453273598489_sP9cSZ_icon08.png");
}
.Features .Btn_area li p {
    font-size: 1rem;
    font-size: 16px;
}
@media screen and (max-width: 540px) {
    .Features p.info {
        width: 90%;
        text-align: justify;
    }
    .Features .Btn_area {
        margin-top: 0;
    }
    .Features .Btn_area ul {
        margin: 24px 0% 80px !important;
    }
    .Features .Btn_area ul li {
        padding: 0;
        width: 48% !important;
        vertical-align: top;
    }
    .Features .img-wrapper {
        width: 100%;
    }
}

/*-----------------------------------------------------------------------------
* ---------------------------------------------------------------------------*/
.Steps {
    background-color: #008cff;
    color: #fff;
    padding: 90px 0;
}
.Steps ul {
    display: flex;
    justify-content: center;
    width: 80%;
    max-width: 600px;
    margin: 40px auto 0;
}
.Steps li {
    margin: 2% 5%;
}
@media screen and (max-width: 767px) {
    .Steps ul {
        flex-wrap: wrap;
        align-items: center;
        margin-top: 0;
    }
    .Steps {
        padding-bottom: 90px!important;
    }
}
.Steps li {
    font-size: 16px
}
.Steps li:nth-child(1) i {
    width: 110px;
    background-image: url(https://webcdn.jide.com/jide_upload/2016_07/1469440410122_bqFsf4_icon-done.png);
}
.Steps li:nth-child(2) i {
    width: 143.75px;
    background-image: url(https://webcdn.jide.com/jide_upload/2016_07/1469440409985_8Dc0j9_icon-run.png);
}
.Steps li:nth-child(3) i {
    width: 143.75px;
    background-image: url(https://webcdn.jide.com/jide_upload/2016_07/1469440406961_hUehzr_icon-continue.png);
}
.Steps li i {
    display: block;
    height: 114.375px;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 auto;
}
.Steps li p {
    text-align: center;
}
.Experience {
    padding:  90px 0;
}
.learnmore {
    margin-top: 40px;
}
.learnmore-btn {
    display: block;
    margin: 64px auto 0;
    width: 320px;
    height: 45px;
    border: 2px solid #20baee;
    background: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 46px;
    border-radius: 50px;
    color: #20baee;
    -wekbit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
.learnmore-btn:hover {
    text-decoration: none;
    color: #f1f3f5;
    background: #20baee;
}
.tryx86 {
    text-align: center;
    margin: 0 auto 32px;
    font-size: 18px;
}