.WhatsAppWarp{padding-left: 20px;margin-bottom: 40px;box-sizing: border-box;}
.WhatsAppWarp .Title{font-size: 14px; height: auto !important; font-weight: bold;padding: 10px 0;color: #333333; border: none !important;}
.WhatsAppContent{display: flex;}
.WhatsAppWarp .IconWhats{width: 38px;height: 38px;border-radius: 50%;background-color: #fb7d3f;display: flex;align-items: center;justify-content: center;margin-right: 8px;}
.WhatsAppWarp .IconWhats::before{content: "";width: 24px;height: 24px;display: block;background: url(../images_new/master/icon-whats.png) no-repeat;background-size: 100%;}
.WhatsAppContent dl{display: flex;width: calc(100% - 46px);align-items: center;flex-wrap: wrap;}
.WhatsAppContent dd{width: 40%;height: 100%;display: flex;align-items: center;box-sizing: border-box;font-size: 13px;border: 1px solid #cccccc;border-right: none;height: 34px;}
.WhatsAppContent dd.SubscribeBtn{width: 20%;padding-left: 0;text-align: center;justify-content: center;background-color: #43bca4;color: #333;border: 1px solid #43bca4;border-radius: 0 3px 3px 0;cursor: pointer;}
.WhatsAppContent .CountryCode{border-radius: 3px 0 0 3px;cursor: pointer;position: relative; display: block;}
.CountryCode p{ position: relative; line-height: 32px; box-sizing: border-box; display: flex; align-items: center;}
.CountryCode p .CurIcon{ height: 16px; width: 24px; position: absolute; top: 6px; left: 6px;}
.CountryCode p .CountryNameInput{ cursor: pointer; background: transparent; z-index: 1; padding: 0 6px; box-sizing: border-box; width: 100%; height: 32px; }
.CountryCode p .IconArrow{ background: url(../images_new/master/icon-arrow-down.png) no-repeat; width: 8px; height: 7px; position: absolute; top: 11px; right: 10px;}
.CountryCode p .CountryName{ position: absolute; left: 33px; line-height: 14px; width: 130px;}
.CountryCode .CurrencySelect{display: none;width: 100%;position: absolute;top: 35px;background-color: #ffffff;left: -1px;border: 1px solid #cccccc;border-top: none;box-sizing: border-box;max-height: 240px;overflow-y: scroll;z-index: 10;}
.CountryCode .CurrencySelect span{height: 34px;display: flex;align-items: center; line-height: normal; padding-left: 10px;}
.CountryCode .CurrencySelect span:hover, .CountryCode .CurrencySelect .on {background: #e9e9e9; color: #90bfb6;}
.CountryCode .CurrencySelect span .CurIcon {min-width: 24px; height: 16px; background: none;}
.CountryCode .CurrencySelect.Show{display: block;}
.WhatsAppContent dd .whatAppsIpone {width: 100%; border: none; padding-left: 10px; line-height: 32px;}
.WhatsAppWarp .WhatsAppTip{color: #666;font-size: 13px;margin: 10px 0;}
.WhatsAppWarp .WhatsAppTip a{color: #2b62ef;text-decoration: underline; display: block;}
.Footer .Newsletter{border-top: none; padding: 0 0 0 20px;width: 100%;box-sizing: border-box;}
.Join{display: flex;flex-direction: column;width: 100%;}
.Join .JoinTitle{width: auto;margin-right: 0;}
.Join li:last-child{margin-right: 0;}
.CustomerWrap .FriendLink{float: none;}
.whatAppsIponeErrortip,.whatAppsIponeSuccesstip {color: #BB1320; padding-left: 50px; display: none;}
.whatAppsIponeSuccesstip {color: #90bfb6;}
@media screen and (max-width:767px) {
    .ServiceWrap .Title{height: auto !important;line-height: normal;padding: 15px 0 10px;}
    .whatAppsIponeErrortip,.whatAppsIponeSuccesstip {width: 100%; padding: 5px 0 0 0;}
    .CountryCode p .CountryName {width: 122px;}
}
@media screen and (max-width:460px) {
    .WhatsAppWarp{padding-left: 0;margin-bottom: 20px;}
    .WhatsAppContent dd{width: 50%;}
    .WhatsAppContent dd.SubscribeBtn{width: 40%;margin-top: 10px;border-radius: 3px;}
    .WhatsAppContent dd:nth-child(2){border-right: 1px solid #cccccc;border-radius: 0 3px 3px 0;}
    .CountryCode .CurrencySelect{width: calc(100% + 1px);left: 0;}
    .WhatsAppWarp .IconWhats{width: 32px;height: 32px;}
    .WhatsAppWarp .IconWhats::before{width: 20px;height: 20px;}
}
@media (min-width: 768px) and (max-width: 1023px) {
    .Footer .CustomerWrap{padding: 0 10px 70px;}
}
@media only screen and (min-width: 1024px) and (max-width: 1365px) {
    .WhatsAppWarp{margin-bottom: 20px;}
    .CustomerWrap .FriendLink li:nth-child(2){padding-left: 20px;}
    .Join li{margin-bottom: 10px;}
}
@media screen and (min-width: 1536px) and (max-width: 1799px) {
    .WhatsAppWarp{margin-left: 50px;}
    .Footer .Newsletter{padding-left: 70px;}
}
@media screen and (min-width:1800px) {
    .WhatsAppWarp{margin-left: 50px;}
    .Footer .Newsletter{padding-left: 70px;}
}