@font-face {font-family: 'OpenSans';src: url('../fonts/OpenSans.eot?#iefix') format('embedded-opentype'),  url('../fonts/OpenSans.woff') format('woff'), url('../fonts/OpenSans.ttf')  format('truetype'), url('../fonts/OpenSans.svg#OpenSans') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'OpenSans';src: url('../fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),  url('../fonts/OpenSans-Semibold.woff') format('woff'), url('../fonts/OpenSans-Semibold.ttf')  format('truetype'), url('../fonts/OpenSans-Semibold.svg#OpenSans-Semibold') format('svg');font-weight: 600;font-style: normal;}
@font-face {font-family: 'OpenSans';src: url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/OpenSans-Light.woff') format('woff'), url('../fonts/OpenSans-Light.ttf')  format('truetype'), url('../fonts/OpenSans-Light.svg#OpenSans-Light') format('svg');font-weight: 300;  font-style: normal;}
@font-face {font-family: 'icomoon';src:  url('../fonts/icomoon.eot?k498t2');src:  url('../fonts/icomoon.eot?k498t2#iefix') format('embedded-opentype'),    url('../fonts/icomoon.ttf?k498t2') format('truetype'),url('../fonts/icomoon.woff?k498t2') format('woff'),url('../fonts/icomoon.svg?k498t2#icomoon') format('svg');font-weight: normal;font-style: normal;}

[class^="icon-"], [class*=" icon-"] {font-family: 'icomoon' !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.icon-db-logo:before {
  content: "\e904";
  color: #fff;
}
.icon-db-cancel:before {
  content: "\e900";
}
.icon-db-star:before {
  content: "\e901";
  color: #efce4a;
}
.icon-db-star-empty:before {
  content: "\e902";
  color: #c1c1c1;
}
.icon-db-star-half:before {
  content: "\e903";
  color: #efce4a;
}

.download-banner{ width: 960px; height: 190px; border: 3px solid #03a9f4; padding: 17px 14px 17px 67px; position: fixed; bottom: 0; left: 50%; margin-left: -480px; background: #fff; z-index: 99;font-family: 'OpenSans'; line-height: 1;font-weight: 400;box-sizing: border-box; display: none;}
.download-banner_android, .download-banner_ios{display: block;}
.download-banner *{box-sizing: border-box;}
.download-banner__close{ position: absolute; top: 15px;left: 15px;color: #c1c1c1;font-size: 23px;}
.download-banner__logo{border-radius: 8px;background-color: rgb(3, 169, 244);box-shadow: 0px 6px 20.37px 0.63px rgba(0, 0, 0, 0.24);width: 150px;height: 150px; position: relative;display: inline-block;vertical-align: top; font-size: 125px; text-align: center;line-height: 152px;}
.download-banner__info{width: calc(100% - 155px);display: inline-block;vertical-align: top;padding-left: 20px;margin-top: -6px;line-height: 1.3;}
.download-banner__title{font-size: 30px;font-weight: 600;color: #000;}
.download-banner-bottom{text-align: right;padding-top: 24px;}
.download-banner-bottom:after{content: "";display: block;clear: both;}
.download-banner-store{float: left;width: calc(100% - 265px);margin-top: -5px;}
.download-banner-rate{ font-size: 27px; margin: 0;padding: 0; list-style: none;}
.download-banner-rate li{display: inline-block;margin: 0; padding: 0;}
.download-banner-store__store{font-size: 24px;color: #000;font-weight: 300;margin-top: -3px;padding-right: 2px;}
.download-banner__btn{border-radius: 8px;background-color: rgb(3, 169, 244); width: 223px; height: 54px;font-size: 30px;color: #fff;text-align: center;    float: right; padding-top: 4px;}

@media screen and (max-width: 959px) {
    .download-banner{width: 600px;height: 150px;padding: 8px 15px 15px 50px;margin-left: -300px;}
    .download-banner__close{font-size: 17px;top: 10px;left: 10px;}
    .download-banner__logo{width: 120px;height: 120px;background-size: 100px 100px; font-size: 100px;line-height: 120px;}
    .download-banner__title{font-size: 18px;}
    .download-banner__btn{width: 180px;height: 49px;font-size: 24px;padding-top: 8px;}
    .download-banner-store {width: calc(100% - 190px); margin-top: -2px;}
    .download-banner-store__store{font-size: 16px;margin-top: 0;}
    .download-banner-bottom{text-align: left;padding-top: 26px;}
    .download-banner-rate{font-size: 22px;}
    .download-banner__info {width: calc(100% - 125px);padding-left: 15px;margin-top: 0;}
}

@media screen and (max-width: 599px) {
    .download-banner{width: 375px;height: 95px;padding: 6px 6px 6px 25px;margin-left: -187.5px;    border-width: 2px;}
    .download-banner__close{font-size: 13px;top: 35px;left: 5px;}
    .download-banner__logo{width: 80px;height: 80px;background-size: 68px 68px;font-size: 68px;line-height: 80px;}
    .download-banner__title{font-size: 12px;}
    .download-banner__btn{width: 88px;height: 32px;font-size: 16px;padding-top: 5px;border-radius: 4px;}
    .download-banner-store{width: calc(100% - 102px);margin-top: 0px;}
    .download-banner-store__store{font-size: 12px;margin-top: -2px;}
    .download-banner-bottom{text-align: right; padding-top: 12px;}
    .download-banner-rate{font-size: 14px;}
    .download-banner__info {width: calc(100% - 85px);padding-left: 1px;margin-top: 1px;}
}

@media screen and (max-width: 374px) {
    .download-banner{width: 320px;height: 80px;padding: 4px 4px 4px 22px;margin-left: -160px;}
    .download-banner__close{font-size: 13px;top: 32px;left: 5px;}
    .download-banner__logo{width: 67px;height: 67px;background-size: 57px 57px;font-size: 57px;line-height: 67px;}
    .download-banner__title{font-size: 11px;max-width: 180px;}
    .download-banner__btn{width: 81px;height: 30px;font-size: 15px;padding-top: 5px;}
    .download-banner-store {width: calc(100% - 85px);margin-top: 3px;}
    .download-banner-store__store{font-size: 10px;margin-top: -1px;}
    .download-banner-bottom{text-align: left;padding-top: 6px;}
    .download-banner-rate{font-size: 14px;}
    .download-banner__info {width: calc(100% - 71px);padding-left: 1px;margin-top: 1px;}
}