/* merged: mtime=2020-07-20 10:59:36, now=2020-07-20 10:59:42, files=fvwebapp-fly.common.part.css,fvwebapp-fly.flags.part.css,fvwebapp-fly.float-widget.part.css,fvwebapp-fly.footer.part.css,fvwebapp-fly.pagination.part.css,fvwebapp-fly.popup-text.part.css,fvwebapp-fly.top-navbar.part.css */
@import "/Site/Common/Css/bootstrap.min.css"; /* bootstrap 3.3 */
html {
font-size: 62.5%;
}
body {
font-family: arial, helvetica, Pingfang SC, "Microsoft Yahei", clean, sans-serif, serif;
font-weight: normal;
font-size: 14px; /* Compatible with lower version browsers that do not support rem */
font-size: 1.4rem;
color: #000000;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
input[type="number"] {
-moz-appearance: textfield;
}
a, a:hover, a:active, a:focus,
.btn, .btn:hover, .btn:active, .btn:focus {
outline: none;
box-shadow: none;
text-shadow: none;
}
a {
transition: all .25s ease-out;
}
/* Input box placeholder default color */
::-webkit-input-placeholder { /* WebKit browsers */
color: #C2C4C4;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #C2C4C4;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #C2C4C4;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #C2C4C4;
}
.btn {
height: 54px;
line-height: 42px;
font-size: 1.8rem;
background-color: #388fff;
border-radius: 6px;
border: 0;
color: #FFFFFF;
}
.btn:focus {
color: white;
}
.btn:hover {
opacity: 0.75;
color: white;
}
.flag-32 {
width: 32px;
height: 32px;
background: url(/Site/Thirdparty/flags/flags-32/flags-fs8.png) no-repeat;
}
/* FIX for uk(gb) */
.flag-32.flag-uk {
background-position: -288px -128px
}
.flag-32.flag-ad {
background-position: -32px 0
}
.flag-32.flag-ae {
background-position: -64px 0
}
.flag-32.flag-af {
background-position: -96px 0
}
.flag-32.flag-ag {
background-position: -128px 0
}
.flag-32.flag-ai {
background-position: -160px 0
}
.flag-32.flag-al {
background-position: -192px 0
}
.flag-32.flag-am {
background-position: -224px 0
}
.flag-32.flag-an {
background-position: -256px 0
}
.flag-32.flag-ao {
background-position: -288px 0
}
.flag-32.flag-ar {
background-position: -320px 0
}
.flag-32.flag-as {
background-position: -352px 0
}
.flag-32.flag-at {
background-position: -384px 0
}
.flag-32.flag-au {
background-position: -416px 0
}
.flag-32.flag-aw {
background-position: -448px 0
}
.flag-32.flag-az {
background-position: 0 -32px
}
.flag-32.flag-ba {
background-position: -32px -32px
}
.flag-32.flag-bb {
background-position: -64px -32px
}
.flag-32.flag-bd {
background-position: -96px -32px
}
.flag-32.flag-be {
background-position: -128px -32px
}
.flag-32.flag-bf {
background-position: -160px -32px
}
.flag-32.flag-bg {
background-position: -192px -32px
}
.flag-32.flag-bh {
background-position: -224px -32px
}
.flag-32.flag-bi {
background-position: -256px -32px
}
.flag-32.flag-bj {
background-position: -288px -32px
}
.flag-32.flag-bm {
background-position: -320px -32px
}
.flag-32.flag-bn {
background-position: -352px -32px
}
.flag-32.flag-bo {
background-position: -384px -32px
}
.flag-32.flag-br {
background-position: -416px -32px
}
.flag-32.flag-bs {
background-position: -448px -32px
}
.flag-32.flag-bt {
background-position: 0 -64px
}
.flag-32.flag-bw {
background-position: -32px -64px
}
.flag-32.flag-by {
background-position: -64px -64px
}
.flag-32.flag-bz {
background-position: -96px -64px
}
.flag-32.flag-ca {
background-position: -128px -64px
}
.flag-32.flag-cd {
background-position: -160px -64px
}
.flag-32.flag-cf {
background-position: -192px -64px
}
.flag-32.flag-cg {
background-position: -224px -64px
}
.flag-32.flag-ch {
background-position: -256px -64px
}
.flag-32.flag-ci {
background-position: -288px -64px
}
.flag-32.flag-ck {
background-position: -320px -64px
}
.flag-32.flag-cl {
background-position: -352px -64px
}
.flag-32.flag-cm {
background-position: -384px -64px
}
.flag-32.flag-cn {
background-position: -416px -64px
}
.flag-32.flag-co {
background-position: -448px -64px
}
.flag-32.flag-cr {
background-position: 0 -96px
}
.flag-32.flag-cu {
background-position: -32px -96px
}
.flag-32.flag-cv {
background-position: -64px -96px
}
.flag-32.flag-cy {
background-position: -96px -96px
}
.flag-32.flag-cz {
background-position: -128px -96px
}
.flag-32.flag-de {
background-position: -160px -96px
}
.flag-32.flag-dj {
background-position: -192px -96px
}
.flag-32.flag-dk {
background-position: -224px -96px
}
.flag-32.flag-dm {
background-position: -256px -96px
}
.flag-32.flag-do {
background-position: -288px -96px
}
.flag-32.flag-dz {
background-position: -320px -96px
}
.flag-32.flag-ec {
background-position: -352px -96px
}
.flag-32.flag-ee {
background-position: -384px -96px
}
.flag-32.flag-eg {
background-position: -416px -96px
}
.flag-32.flag-eh {
background-position: -448px -96px
}
.flag-32.flag-er {
background-position: 0 -128px
}
.flag-32.flag-es {
background-position: -32px -128px
}
.flag-32.flag-et {
background-position: -64px -128px
}
.flag-32.flag-fi {
background-position: -96px -128px
}
.flag-32.flag-fj {
background-position: -128px -128px
}
.flag-32.flag-fm {
background-position: -160px -128px
}
.flag-32.flag-fo {
background-position: -192px -128px
}
.flag-32.flag-fr {
background-position: -224px -128px
}
.flag-32.flag-ga {
background-position: -256px -128px
}
.flag-32.flag-gb {
background-position: -288px -128px
}
.flag-32.flag-gd {
background-position: -320px -128px
}
.flag-32.flag-ge {
background-position: -352px -128px
}
.flag-32.flag-gg {
background-position: -384px -128px
}
.flag-32.flag-gh {
background-position: -416px -128px
}
.flag-32.flag-gi {
background-position: -448px -128px
}
.flag-32.flag-gl {
background-position: 0 -160px
}
.flag-32.flag-gm {
background-position: -32px -160px
}
.flag-32.flag-gn {
background-position: -64px -160px
}
.flag-32.flag-gp {
background-position: -96px -160px
}
.flag-32.flag-gq {
background-position: -128px -160px
}
.flag-32.flag-gr {
background-position: -160px -160px
}
.flag-32.flag-gt {
background-position: -192px -160px
}
.flag-32.flag-gu {
background-position: -224px -160px
}
.flag-32.flag-gw {
background-position: -256px -160px
}
.flag-32.flag-gy {
background-position: -288px -160px
}
.flag-32.flag-hk {
background-position: -320px -160px
}
.flag-32.flag-hn {
background-position: -352px -160px
}
.flag-32.flag-hr {
background-position: -384px -160px
}
.flag-32.flag-ht {
background-position: -416px -160px
}
.flag-32.flag-hu {
background-position: -448px -160px
}
.flag-32.flag-id {
background-position: 0 -192px
}
.flag-32.flag-ie {
background-position: -32px -192px
}
.flag-32.flag-il {
background-position: -64px -192px
}
.flag-32.flag-im {
background-position: -96px -192px
}
.flag-32.flag-in {
background-position: -128px -192px
}
.flag-32.flag-iq {
background-position: -160px -192px
}
.flag-32.flag-ir {
background-position: -192px -192px
}
.flag-32.flag-is {
background-position: -224px -192px
}
.flag-32.flag-it {
background-position: -256px -192px
}
.flag-32.flag-je {
background-position: -288px -192px
}
.flag-32.flag-jm {
background-position: -320px -192px
}
.flag-32.flag-jo {
background-position: -352px -192px
}
.flag-32.flag-jp {
background-position: -384px -192px
}
.flag-32.flag-ke {
background-position: -416px -192px
}
.flag-32.flag-kg {
background-position: -448px -192px
}
.flag-32.flag-kh {
background-position: 0 -224px
}
.flag-32.flag-ki {
background-position: -32px -224px
}
.flag-32.flag-km {
background-position: -64px -224px
}
.flag-32.flag-kn {
background-position: -96px -224px
}
.flag-32.flag-kp {
background-position: -128px -224px
}
.flag-32.flag-kr {
background-position: -160px -224px
}
.flag-32.flag-kw {
background-position: -192px -224px
}
.flag-32.flag-ky {
background-position: -224px -224px
}
.flag-32.flag-kz {
background-position: -256px -224px
}
.flag-32.flag-la {
background-position: -288px -224px
}
.flag-32.flag-lb {
background-position: -320px -224px
}
.flag-32.flag-lc {
background-position: -352px -224px
}
.flag-32.flag-li {
background-position: -384px -224px
}
.flag-32.flag-lk {
background-position: -416px -224px
}
.flag-32.flag-lr {
background-position: -448px -224px
}
.flag-32.flag-ls {
background-position: 0 -256px
}
.flag-32.flag-lt {
background-position: -32px -256px
}
.flag-32.flag-lu {
background-position: -64px -256px
}
.flag-32.flag-lv {
background-position: -96px -256px
}
.flag-32.flag-ly {
background-position: -128px -256px
}
.flag-32.flag-ma {
background-position: -160px -256px
}
.flag-32.flag-mc {
background-position: -192px -256px
}
.flag-32.flag-md {
background-position: -224px -256px
}
.flag-32.flag-me {
background-position: -256px -256px
}
.flag-32.flag-mg {
background-position: -288px -256px
}
.flag-32.flag-mh {
background-position: -320px -256px
}
.flag-32.flag-mk {
background-position: -352px -256px
}
.flag-32.flag-ml {
background-position: -384px -256px
}
.flag-32.flag-mm {
background-position: -416px -256px
}
.flag-32.flag-mn {
background-position: -448px -256px
}
.flag-32.flag-mo {
background-position: 0 -288px
}
.flag-32.flag-mq {
background-position: -32px -288px
}
.flag-32.flag-mr {
background-position: -64px -288px
}
.flag-32.flag-ms {
background-position: -96px -288px
}
.flag-32.flag-mt {
background-position: -128px -288px
}
.flag-32.flag-mu {
background-position: -160px -288px
}
.flag-32.flag-mv {
background-position: -192px -288px
}
.flag-32.flag-mw {
background-position: -224px -288px
}
.flag-32.flag-mx {
background-position: -256px -288px
}
.flag-32.flag-my {
background-position: -288px -288px
}
.flag-32.flag-mz {
background-position: -320px -288px
}
.flag-32.flag-na {
background-position: -352px -288px
}
.flag-32.flag-nc {
background-position: -384px -288px
}
.flag-32.flag-ne {
background-position: -416px -288px
}
.flag-32.flag-ng {
background-position: -448px -288px
}
.flag-32.flag-ni {
background-position: 0 -320px
}
.flag-32.flag-nl {
background-position: -32px -320px
}
.flag-32.flag-no {
background-position: -64px -320px
}
.flag-32.flag-np {
background-position: -96px -320px
}
.flag-32.flag-nr {
background-position: -128px -320px
}
.flag-32.flag-nz {
background-position: -160px -320px
}
.flag-32.flag-om {
background-position: -192px -320px
}
.flag-32.flag-pa {
background-position: -224px -320px
}
.flag-32.flag-pe {
background-position: -256px -320px
}
.flag-32.flag-pf {
background-position: -288px -320px
}
.flag-32.flag-pg {
background-position: -320px -320px
}
.flag-32.flag-ph {
background-position: -352px -320px
}
.flag-32.flag-pk {
background-position: -384px -320px
}
.flag-32.flag-pl {
background-position: -416px -320px
}
.flag-32.flag-pr {
background-position: -448px -320px
}
.flag-32.flag-ps {
background-position: 0 -352px
}
.flag-32.flag-pt {
background-position: -32px -352px
}
.flag-32.flag-pw {
background-position: -64px -352px
}
.flag-32.flag-py {
background-position: -96px -352px
}
.flag-32.flag-qa {
background-position: -128px -352px
}
.flag-32.flag-re {
background-position: -160px -352px
}
.flag-32.flag-ro {
background-position: -192px -352px
}
.flag-32.flag-rs {
background-position: -224px -352px
}
.flag-32.flag-ru {
background-position: -256px -352px
}
.flag-32.flag-rw {
background-position: -288px -352px
}
.flag-32.flag-sa {
background-position: -320px -352px
}
.flag-32.flag-sb {
background-position: -352px -352px
}
.flag-32.flag-sc {
background-position: -384px -352px
}
.flag-32.flag-sd {
background-position: -416px -352px
}
.flag-32.flag-se {
background-position: -448px -352px
}
.flag-32.flag-sg {
background-position: 0 -384px
}
.flag-32.flag-si {
background-position: -32px -384px
}
.flag-32.flag-sk {
background-position: -64px -384px
}
.flag-32.flag-sl {
background-position: -96px -384px
}
.flag-32.flag-sm {
background-position: -128px -384px
}
.flag-32.flag-sn {
background-position: -160px -384px
}
.flag-32.flag-so {
background-position: -192px -384px
}
.flag-32.flag-sr {
background-position: -224px -384px
}
.flag-32.flag-st {
background-position: -256px -384px
}
.flag-32.flag-sv {
background-position: -288px -384px
}
.flag-32.flag-sy {
background-position: -320px -384px
}
.flag-32.flag-sz {
background-position: -352px -384px
}
.flag-32.flag-tc {
background-position: -384px -384px
}
.flag-32.flag-td {
background-position: -416px -384px
}
.flag-32.flag-tg {
background-position: -448px -384px
}
.flag-32.flag-th {
background-position: 0 -416px
}
.flag-32.flag-tj {
background-position: -32px -416px
}
.flag-32.flag-tl {
background-position: -64px -416px
}
.flag-32.flag-tm {
background-position: -96px -416px
}
.flag-32.flag-tn {
background-position: -128px -416px
}
.flag-32.flag-to {
background-position: -160px -416px
}
.flag-32.flag-tr {
background-position: -192px -416px
}
.flag-32.flag-tt {
background-position: -224px -416px
}
.flag-32.flag-tv {
background-position: -256px -416px
}
.flag-32.flag-tw {
background-position: -288px -416px
}
.flag-32.flag-tz {
background-position: -320px -416px
}
.flag-32.flag-ua {
background-position: -352px -416px
}
.flag-32.flag-ug {
background-position: -384px -416px
}
.flag-32.flag-us {
background-position: -416px -416px
}
.flag-32.flag-uy {
background-position: -448px -416px
}
.flag-32.flag-uz {
background-position: 0 -448px
}
.flag-32.flag-va {
background-position: -32px -448px
}
.flag-32.flag-vc {
background-position: -64px -448px
}
.flag-32.flag-ve {
background-position: -96px -448px
}
.flag-32.flag-vg {
background-position: -128px -448px
}
.flag-32.flag-vi {
background-position: -160px -448px
}
.flag-32.flag-vn {
background-position: -192px -448px
}
.flag-32.flag-vu {
background-position: -224px -448px
}
.flag-32.flag-ws {
background-position: -256px -448px
}
.flag-32.flag-ye {
background-position: -288px -448px
}
.flag-32.flag-za {
background-position: -320px -448px
}
.flag-32.flag-zm {
background-position: -352px -448px
}
.flag-32.flag-zw {
background-position: -384px -448px
}
#j-global-float-discount-notice {
position: fixed;
right: 5px;
bottom: 200px;
z-index: 9;
display: none;
}
#j-global-float-discount-notice .discount-notice-image {
position: relative;
cursor:pointer;
width: 130px;
}
#j-global-float-discount-notice .close-discount-notice {
position: absolute;
right: 3px;
top: -35px;
cursor:pointer;
}
#j-global-cookie-privacy-notice {
display: none;
position: fixed;
bottom: 0;
height: 60px;
width: 100%;
background-color: rgba(0, 0, 0, .8);
color: #FFFFFF;
text-align: center;
line-height: 60px;
font-size: 16px;
z-index: 1000;
align-items: center;
}
#j-global-cookie-privacy-notice .close-cookie-privacy-notice {
display: inline-block;
margin-left: 10px;
width:80px;
height:34px;
border:1px solid rgba(255,255,255,1);
border-radius:4px;
font-size:14px;
line-height:34px;
cursor: pointer;
text-align: center;
}
#j-global-cookie-privacy-notice .close-cookie-privacy-notice:hover {
background-color: #fff;
color: rgba(0, 0, 0, .8);
}
#j-global-cookie-privacy-notice a {
text-decoration: underline;
color: #fff;
}
#j-global-cookie-privacy-notice a:hover,
#j-global-cookie-privacy-notice a:focus,
#j-global-cookie-privacy-notice a:active {
color: #fff;
background-color: rgba(0, 0, 0, 0);
}
@media (max-width: 1270px) {
#j-global-cookie-privacy-notice {
line-height: 25px;
font-size: 12px;
text-align: left;
padding: 15px 20px;
height: auto;
align-items: center;
}
#j-global-cookie-privacy-notice .close-cookie-privacy-notice {
font-size: 12px;
}
.flex-text {
flex: 1;
}
}
@media (min-width: 768px) {
#livechat-compact-container {
bottom: 60px !important;
}
#j-global-float-discount-notice {
display: none !important;
}
}
@media (min-width: 580px) and (max-width: 766px) {
#j-global-cookie-privacy-notice {
padding: 10px;
align-items: center;
justify-content: center;
}
}
@media (max-width: 450px) {
#livechat-full {
width: 320px !important;
right: 0 !important;
}
}
@media (max-width: 320px) {
#j-global-cookie-privacy-notice {
padding: 10px;
height: auto;
}
#livechat-full {
height: 560px !important;
width: 280px !important;
right: 0 !important;
}
}
.footer {
background: #374565;
padding-top: 60px;
padding-bottom: 30px;
position: relative;
z-index: 1;
}
.footer .list-group {
background-color:  #374565;
font-weight: bold;
font-size: 14px;
color: #ffffff;
}
.footer .list-group a {
text-decoration: none;
font-size: 14px;
font-weight: 400;
line-height: 20px;
color: #adc0d9;
}
.footer .list-group a:hover {
color: #388FFF;
cursor: pointer;
}
.footer .list-group li {
background-color:  #374565;
border: 0;
}
.footer .list-group .list-group-item-title {
padding-bottom: 20px;
font-size: 1.8rem;
font-weight: 400;
line-height: 25px;
color: #adc0d9;
}
.footer .list-group .list-group-item-content:hover {
color: #388FFF;
cursor: pointer;
}
.footer .list-group-item {
padding: 5px 15px 5px 0;
}
.follow-us-group {
text-align: right;
margin-top: 90px;
}
.follow-us-group .list-group-item{
padding: 5px 0 5px 0;
}
.footer-follow-us span {
display: inline-block;
margin-left: 20px;
}
.footer-follow-us-facebook {
width: 9px;
height: 16px;
background-size: 9px 16px;
background-image: url(/Site/FlyV3/Images/icon_facebook@2x.png);
}
.footer-follow-us-facebook:hover {
background-image: url(/Site/FlyV3/Images/icon_facebook_hover@2x.png);
}
.footer-follow-us-twitter {
width: 16px;
height: 13px;
background-size: 16px 13px;
background-image: url(/Site/FlyV3/Images/icon_tiwtter@2x.png);
}
.footer-follow-us-twitter:hover {
background-image: url(/Site/FlyV3/Images/icon_tiwtter_hover@2x.png);
}
.footer-follow-us-blog {
width: 16px;
height: 16px;
background-size: 16px 16px;
background-image: url(/Site/FlyV3/Images/icon_blog@2x.png);
}
.footer-follow-us-blog:hover {
background-image: url(/Site/FlyV3/Images/icon_blog_hover@2x.png);
}
.footer-pay {
padding-left: 30px;
line-height: 50px;
text-align: right;
}
.footer-pay img {
width: 36px;
height: 25px;
margin-bottom: 5px;
}
.footer-web-lang {
display: inline-block;
}
.download-link-btn {
display: flex;
justify-content: flex-end;
}
.download-link-btn a:hover,
.download-link-btn a:focus {
opacity: 0.5;
background-color: #374565;
}
.app-store-link {
width: 166px;
height: 60px;
background: rgba(76,92,129,1);
border-radius: 6px;
display: flex;
align-items: center;
justify-content: space-around;
padding: 0 10px;
cursor: pointer;
margin-right: 30px;
}
.app-store-link img {
width: 24px;
height: 30px;
}
.app-store-text1, .google-play-text1 {
font-size: 12px;
line-height: 17px;
color: rgba(255,255,255,1);
}
.app-store-text2, .google-play-text2 {
font-size: 18px;
font-weight: bold;
line-height: 25px;
color: rgba(255,255,255,1);
}
.google-play-link {
width: 166px;
height: 60px;
background: rgba(76,92,129,1);
border-radius: 6px;
display: flex;
align-items: center;
justify-content: space-around;
padding: 0 10px;
cursor: pointer;
}
.google-play-link img {
width: 24px;
height: 26px;
}
@media (max-width: 1024px) {
.follow-us-group {
text-align: center;
margin-top: 20px;
}
}
@media (min-width: 767px) and (max-width: 1200px) {
.download-link-btn {
display: flex;
justify-content: space-around;
}
.app-store-link {
margin-bottom: 20px;
}
}
@media (max-width: 450px) {
.download-link-btn {
display: flex;
flex-direction: column;
align-items: center;
}
.app-store-link {
margin-bottom: 20px;
}
}
@media (max-width: 767px) {
.download-link-btn {
justify-content: space-around;
}
.app-store-link {
margin-right: 0;
}
.footer-pay {
padding-left: 15px;
line-height: 30px;
}
.footer .container {
padding: 10px 20px;
}
}
ul.pagination li {
width: 22px;
height: 25px;
opacity: 1;
color: #666;
float: left;
margin: 0 3px;
border-radius: 3px;
}
ul.pagination li a {
border: 0;
background: rgba(242, 242, 242, 1);
width: 100%;
height: 100%;
border-radius: 3px;
}
ul.pagination li.current a {
color: #4580FF;
text-decoration: none;
background: rgba(69, 128, 255, 0.15);
border: 0;
opacity: 1;
border-radius: 3px;
}
.pagination > li > a {
display: inline-block;
font-size: 16px;
padding: 2px 7px;
color: #999;
}
.pagination > li > a:hover {
color: #4580FF;
}
ul.pagination li a:not([href]) {
color: #ccc;
pointer-events: none;
text-decoration: none;
}
.popup-fixed-div {
display: none;
position: fixed;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.8);
z-index: 1000;
text-align: center;
top: 0;
left: 0;
}
.pointer-line-img {
width: 78px;
height: 105px;
margin: 18px 18px 0 0;
float: right;
}
.popup-fixed-text {
margin-top: 118px;
clear: both;
}
.popup-fixed-text .icon-num {
display: inline-block;
vertical-align: top;
}
.popup-fixed-text-first {
font-size:16px;
line-height:24px;
color: #fff;
margin-right: 40px;
}
.popup-fixed-text-first img {
width: 27px;
height: 19px;
margin: 0px 10px 4px;
}
.popup-fixed-text-second {
font-size: 16px;
line-height: 24px;
color: #fff;
margin-right: 18px;
margin-top: 20px;
}
.popup-fixed-text-second img {
width: 24px;
height: 24px;
margin: 0px 10px 4px;
}
/* edge */
@supports (-ms-ime-align:auto) {
.navbar-nav {
display: flex;
}
}
#j-global-top-navbar {
border-radius: 0;
min-height: 65px;
border: 0;
position: fixed;
width: 100%;
z-index: 99;
background-color: transparent;
}
#j-global-top-navbar .top-navbar-container-center {
max-width: 1200px;
margin: auto;
}
#j-global-top-navbar.navbar-custom-scroll.navbar-custom-light {
background-color: #ffffff;
}
#j-global-top-navbar .navbar-header {
height: 65px;
}
#j-global-top-navbar .navbar-brand .navbar-logo {
display: block;
width: 158px;
height: 46px;
background-repeat: no-repeat;
background-image: url(/Site/FlyV3/Images/menu_logo@2x.png);
background-size: 158px, 46px;
}
#j-global-top-navbar.navbar-custom-light .navbar-brand .navbar-logo {
background-image: url(/Site/FlyV3/Images/login_icon_logo@2x.png);
background-size: 158px, 46px;
}
#j-global-top-navbar .navbar-right {
margin: 0; /* overwrite bootstrap */
}
#j-global-top-navbar .navbar-toggle {
margin-top: 27px;
}
#j-global-top-navbar .navbar-toggle .icon-bar {
background-color: #fff;
}
#j-global-top-navbar.navbar-custom-light .navbar-toggle .icon-bar {
background-color: #666;
}
#j-global-top-navbar.navbar-custom-scroll .navbar-toggle {
margin-top: 15px;
}
#j-global-top-navbar .navbar-nav li a {
height: 65px;
line-height: 35px;
font-size: 1.6rem;
color: #fff;
border: 0;
padding: 15px 20px;
opacity: .8;
}
#j-global-top-navbar.navbar-custom-light .navbar-nav li a {
color: #333;
}
#j-global-top-navbar.navbar-custom-light li a:hover {
color: #388fff;
}
#j-global-top-navbar .navbar-nav .active a {
color: #FFFFFF;
background-color: rgba(0, 0, 0, 0);
opacity: 1;
font-weight: bold;
}
#j-global-top-navbar.navbar-custom-light .navbar-nav .active a {
color: #388fff;
}
#j-global-top-navbar .icon-portrait {
width: 24px;
height: 24px;
margin-bottom: -6px;
}
#j-global-top-navbar .navbar-btn {
margin: 11px 0 12px 20px;
height: 44px;
line-height: 44px;
padding-top: 0;
padding-bottom: 0;
width: 139px;
border: 1px solid #FFFFFF;
background-color: rgba(0, 0, 0, 0);
color: #ffffff;
font-size: 1.6rem;
outline: none;
float: left;
border-radius:22px;
}
#j-global-top-navbar.navbar-custom-light .navbar-btn {
background-color: #388fff;
color: #ffffff;
}
#j-global-top-navbar .navbar-btn a {
color: #ffffff;
text-decoration: none;
background-color: rgba(0, 0, 0, 0);
border: 0;
}
#j-global-top-navbar .dropdown-menu {
right: 15px;
top: calc(100% - 3px);
border: 1px solid #EEEEEE;
box-shadow: 0 3px 8px rgba(0, 0, 0, .12);
border-radius: 3px;
}
#j-global-top-navbar .dropdown-menu li:last-child {
border-top: 1px solid #EEEEEE;
}
#j-global-top-navbar .dropdown-menu li a {
color: #333333;
height: 60px;
font-size: 1.5rem;
}
#j-global-top-navbar .dropdown-menu li a:hover {
color: #388FFF;
background: #FFFFFF;
}
#j-global-top-navbar .nav-dropdown {
display: block;
float: left;
}
#user_msg_nums {
position: absolute;
font-size: 1.1rem;
background: #E24040;
border-radius: 10.5px;
color: #FFF;
line-height: 16px;
padding: 0 6px;
margin-top: 7px;
margin-left: 5px;
display: none;
}
#j-global-top-navbar .nav-dropdown .userinfo-tips {
background: #F54B4B;
width: 8px;
height: 8px;
border-radius: 50%;
display: none;
position: relative;
top: -10px;
}
#j-global-top-navbar .nav-dropdown .menu-item-a .userinfo-tips {
left: -10px;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
background-color: unset;
}
#head-menu-User-Profile:before {
content: '';
background: url(../Images/up-arrow.png) no-repeat;
background-size: 100% 100%;
width: 19px;
height: 9px;
display: block;
position: absolute;
top: -8px;
right: 40px;
}
@media (max-width: 1270px) {
#j-global-top-nav-menu .navbar-nav > li > a {
padding-left: 5px;
padding-right: 5px;
}
}
@media (max-width: 990px) {
#j-global-top-nav-menu .nav .navbar-btn {
width: 125px;
}
}
@media (min-width: 768px) and (max-width: 835px) {
#j-global-top-nav-menu .navbar-nav > li > a {
padding-left: 2px;
padding-right: 2px;
}
#j-global-top-navbar {
max-height: 65px;
}
#j-global-top-nav-menu .nav {
position: absolute;
right: 20px;
}
}
@media (max-width: 767px) {
#j-global-top-navbar .navbar-collapse {
position: fixed;
right: -268px;
width: 268px;
display: block;
top: 0;
height: 100%;
text-align: left;
opacity: 0.9;
background: #000000;
border-top: none;
}
#j-global-top-navbar #j-global-top-nav-menu .navbar-nav li a {
height: 40px;
line-height: 40px;
padding: 0 20px;
color: #FFFFFF;
font-size: 1.7rem;
background: black;
}
#j-global-top-navbar #j-global-top-nav-menu .navbar-nav li ul.dropdown-menu {
padding-left: 20px;
}
#j-global-top-nav-menu .nav li.close-line {
height: 55px;
border-bottom: 1px solid #3E3F42;
padding: 20px 0 0 20px;
}
#j-global-top-nav-menu .nav li.close-line .close-icon {
display: block;
background: url(../Images/close-icon.png) no-repeat;
width: 15px;
height: 15px;
background-size: 100% 100%;
cursor: pointer;
}
#j-global-top-nav-menu .nav .active .menu-item-a::after {
display: none;
}
#j-global-top-nav-menu .nav #login-register.navbar-btn {
width: 208px;
border: 1px solid #FFFFFF;
opacity: 1;
background: none;
}
#j-global-top-nav-menu .nav .dropdown-menu {
border: none;
box-shadow: none;
}
#j-global-top-nav-menu .nav .dropdown-menu li a {
color: #FFFFFF;
height: 35px;
}
#j-global-top-nav-menu .nav .dropdown-menu li:last-child {
border-top: none;
}
#head-menu-User-Profile:before {
display: none;
}
}