@charset "utf-8";
body{margin:0;overflow-x:hidden}
a{text-decoration:none}
/* ===== 过渡页 ===== */
.TransitWrap{position: relative;}
.Transit{position:fixed;top:0;right:0;left:0;z-index:999;
-webkit-transition-property:-webkit-transform, opacity;transition-property:transform, opacity;
-webkit-transition-duration:.3s;transition-duration:.3s}
html.ios .Transit {position:absolute}
.Transit.TransitOut{opacity:0}
/* Header */
.Transit .Header{position:absolute;top:0;left:0;width:100%;height:45px;text-align:center;margin:0;box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;z-index:19}
.Transit .HeaderInner{position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;
display:-webkit-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-webkit-box-pack:justify;
-webkit-justify-content:space-between;
        justify-content:space-between;
-webkit-box-align:center;
   -ms-flex-align:center;
-webkit-align-items:center;
        align-items:center
}
.Transit .Header .Center{position:relative;text-align:center;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:45px;font-size:3.88888888888889vw;
-webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.Transit .Header .Left,
.Transit .Header .Right{min-width:45px;
-webkit-flex-shrink:0;
        flex-shrink:0;
display:-webkit-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-webkit-box-pack:start;
   -ms-flex-pack:start;
-webkit-justify-content:flex-start;
        justify-content:flex-start;
-webkit-box-align:center;
   -ms-flex-align:center;
-webkit-align-items:center;
        align-items:center
}
.Transit .Header .Left{width:45px;display:none}
.Transit .Header .Left span{width:45px;height:45px;display:block;}
.Transit .Header .Left span i{margin-top:10px}
.Transit .Header .Right{width:45px}
.Transit .Header.NavbarShow{background-color:#fff;box-shadow: 0 0 6px 0 rgba(51,51,51,.45)}
.Transit .Header.NavbarShow .Left,
.Transit .Header.NavbarShow .Center{display:block}
/* 功能域 */
.Domain{position:absolute;right:8px;height:28px;overflow:hidden;margin:0;z-index:1100}
.Domain ul{margin:0;padding:0;display:inline-block;height:28px;list-style-type:none;position: relative}
.Domain .Basic{padding:0 8px;height:28px;margin:0;border-radius:100px;z-index:1}
.Domain .Basic:before{content:" ";position:absolute;left:0;right:0;top:0;bottom:0;border:1px solid #eee;border-radius:100px;}
.Domain .Basic li{position:relative;top:0;display:inline-block;height:28px;width:28px;margin-left:0.4em}
.Domain .Basic li:before{content:" ";position:absolute;width:1px;left:-4px;top:.46em;bottom:.46em;border-left:1px solid #c7c7c7;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.5);transform:scaleX(.5)}
.Domain .Basic li:first-child{margin-left:0}
.Domain .Basic li:first-child:before{display:none}
#DomainClose{display:none}

.Domain .Icon{position:absolute;display:inline-block;vertical-align:middle;background-size:100% auto;background-position:center;background-repeat:no-repeat;font-style:normal;width:20px;height:20px;top:50%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);pointer-events:none}
.Domain .IconShare{background-image:url('icon/share.svg')}


.Domain .Extend{z-index: 3;}
.Domain .Extend li{position:relative;top:0;display:inline-block;background-color:rgba(255,255,255,0.75);height:28px;width:28px;transition: all 2200ms;border-radius: 100px}
.Domain .Extend li.DomainItme{display: none;}

/* 版权 */
.Copyright:before{content:'Copyright©2019 Haier All Rights Reserved'}

/* 主题 */
.TransitDark .Domain .Basic{background-color:rgba(0,0,0,0.5)}
.TransitDark .Domain .Basic:before{border:none}
.TransitDark .Domain .IconShare{background-image:url('icon/share_dark.svg')}


/*iPhone*/
@media only screen and (device-width : 375px) and (device-height : 667px) and (-webkit-device-pixel-ratio : 2) {
html.WithStatusbarOverlay body .Transit{top:24px}
}
/*iPhone plus*/
@media only screen and (device-width : 414px) and (device-height : 736px) and (-webkit-device-pixel-ratio : 3) {
html.WithStatusbarOverlay body .Transit{top:24px}
}
/*iPhone 7 plus*/
@media only screen and (device-width : 414px) and (device-height : 736px) and (-webkit-device-pixel-ratio : 2) {
html.WithStatusbarOverlay body .Transit{top:24px}
}
/*iPhoneX*/
@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) { 
html.WithStatusbarOverlay body .Transit{top:33px}
}
/*iPhoneXS*/
@media only screen and (device-width : 414px) and (device-height : 896px) and (-webkit-device-pixel-ratio : 3) { 
html.WithStatusbarOverlay body .Transit{top:40px}
}
/*iPhoneXR*/
@media only screen and (device-width : 414px) and (device-height : 896px) and (-webkit-device-pixel-ratio : 2) { 
html.WithStatusbarOverlay body .Transit{top:30px}
}
/*iPhoneXR*/
@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 2) { 
html.WithStatusbarOverlay body .Transit {top:33px}
}