@font-face {

    font-family: 'MiSans-Regular';

    src: url('../fonts/MiSans-Regular.ttf');

    src:
        url('../fonts/MiSans-Regular.eot') format('embedded-opentype'),
        url('../fonts/MiSans-Regular.ttf') format('truetype'),
        url('../fonts/MiSans-Regular.woff') format('woff'),
        url('../fonts/MiSans-Regular.svg') format('svg');

    font-style: normal;

}

@font-face {

    font-family: 'MiSans-Semiboldr';

    src: url('../Semibold/MiSans-Semibold.ttf');

    src:
        url('../fonts/Semibold/MiSans-Semibold.eot') format('embedded-opentype'),
        url('../fonts/Semibold/MiSans-Semibold.ttf') format('truetype'),
        url('../fonts/Semibold/MiSans-Semibold.woff') format('woff'),
        url('../fonts/Semibold/MiSans-Semibold.svg') format('svg');

    font-style: normal;

}

@font-face {
    
    font-family: 'MiSans-Light';
    
    src: url('../fonts/Light/MiSans-Light.ttf');

    src:
        url('../fonts/Light/MiSans-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Light/MiSans-Light.woff') format('woff'),
        url('../fonts/Light/MiSans-Light.ttf') format('truetype'),
        url('../fonts/Light/MiSans-Light.svg#MiSans-Light') format('svg');

    font-style: normal;
}

.content_donwload_rect {
    width: 1200px;
    height: 90vh;
    left: 0;
    margin: 0 auto;
    position: relative;
}

.right {
    left: 0;
    float: right;
}

.right img {
    height: 685px;
}

.left {
    float: left;
    margin-top: 110px;
}

.left img {
    margin-right: 20px;
}

.left p {
    margin-top: 46px;
    margin-bottom: 106px;
}

.left p b {
    font-size: 48px;
    font-family: 'MiSans-Light';
    font-weight: 300;
    color: #646464;
    line-height: 56px;
    letter-spacing: 12px;
}

.left a {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-right: 33px;
    padding-left: 63px;
    font-size: 18px;
    font-family: 'MiSans-Regular';
    text-decoration: none;
    color: #0CC85C;
    border-radius: 30px;
    margin-right: 24px;
    border: 2px solid #0CC85C;
}

.left .fl {
    float: right;
    margin-right: 33px;
    position: relative;
}

.left .fl a {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-right: 33px;
    padding-left: 63px;
    font-size: 18px;
    font-family: 'MiSans-Regular';
    text-decoration: none;
    color: #0CC85C;
    border-radius: 30px;
    margin-right: 24px;
    border: 2px solid #0CC85C;
}

.download {
    width: 140px;
    height: 0px;
    position: absolute;
    box-shadow: 0 1px 5px #aaa;
    top: 60px;
    left: 8%;
    overflow: hidden;
}

.download img {
    width: 140px;
}

.android_icon {
    background-image: url(../images/android_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: 30px;
}

.left .android_icon:hover {
    color: #FFFFFF;
    background-color: #0CC85C;
    background-image: url(../images/android_icon_select.png);
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: 30px;
}

.left .ios_icon {
    background-image: url(../images/ios_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: 30px;
}

.left .ios_icon:hover {
    color: #FFFFFF;
    background-color: #0CC85C;
    background-image: url(../images/ios_icon_select.png);
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: 30px;
}

.code_icon {
    background-image: url(../images/code_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: 30px;
}

.left .code_icon:hover {
    color: #FFFFFF;
    background-color: #0CC85C;
    background-image: url(../images/code_icon_select.png);
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: 30px;
}

.left .fl:hover>.download {
    height: 148px;
}