.mobile-hide {
    display: block
}

.mobile-show {
    display: none
}

.break {
    display: none
}

.section h2 {
    font-size: 40px
}

.section .img {
    margin-top: 0
}

.section img.invisible {
    display: none
}

.section .content-wrap {
    width: 960px;
    margin: 0 auto
}

#main {
    height: 635px
}

#main .article {
    padding-top: 150px !important
}

#main .bg {
    background-position: center top;
    height: 795px;
    top: 0
}

#main .banner {
    height: 635px
}

#main .scroller-switcher {
    display: block;
    top: 600px
}

#video-container {
    top: 80px;
    border: solid 2px #fff;
    margin-left: -450px
}

#video-container .close-btn {
    font-size: 36px;
    padding: 2px 8px
}

#video-mask {
    height: 635px
}

#menu-placeholder {
    height: 70px;
    display: none
}

#menu {
    display: block;
    width: 100%;
    height: 70px;
    text-align: center;
    background: #f8f8f8;
    z-index: 10
}

#menu.fixed {
    position: fixed;
    top: 0
}

#menu ul {
    display: inline-block;
    list-style: none;
    min-width: 960px
}

#menu li {
    float: left
}

#menu a {
    color: #444;
    display: table-cell;
    vertical-align: middle;
    height: 70px;
    width: 120px
}

#menu .active a {
    color: #fff;
    background: #282828
}

#menu li:not(.active) a:hover {
    background: #ccc;
    color: #fff
}

#intro {
    height: 810px
}

#intro h2 {
    padding: 76px 0 25px
}

#intro .article {
    width: 100%;
    background: #fff;
    height: 405px
}

#intro .article .inner {
    width: 960px;
    margin: 0 auto
}

#intro .img {
    height: 404px;
    padding-top: 1px;
    background-image: url(../image/pic01_background_657a591.png)
}

#intro .img img {
    display: block;
    width: 942px;
    height: 412px;
    margin: 0 auto;
    margin-top: -113px
}

#keybord-mapping {
    background: url(../image/pic09_keyboard_background_831b61b.jpg) center top no-repeat;
    background-color: #1a273b;
    background-size: 1400px auto;
    height: 494px
}

#keybord-mapping .img {
    position: relative
}

#keybord-mapping .content-wrap img {
    position: absolute;
    top: 73px;
    left: 0;
    width: 670px;
    height: 421px
}

#keybord-mapping .article {
    float: right;
    width: 336px;
    padding-top: 110px;
    text-align: left;
    color: #fff
}

#tasks {
    background: #272727;
    text-align: left;
    color: #fff
}

#tasks .content {
    width: 880px;
    padding-left: 25px
}

#tasks .article {
    width: 100%;
    padding-top: 20px
}

#tasks .article h2 {
    padding-bottom: 10px
}

#tasks .screenshots li {
    float: left;
    list-style: none;
    margin-right: 50px;
    margin-top: 40px
}

#tasks .screenshots .dot {
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    margin-right: 8px;
    background-color: #a8b6be;
    vertical-align: middle
}

#tasks .pic1 .dot {
    background-color: #1194e5
}

#tasks .pic2 .dot {
    background-color: #e2331b
}

#tasks .pic3 .dot {
    background-color: #9a38ff
}

#tasks .screenshots img {
    margin-top: 30px;
    width: 390px;
    max-width: 390px
}

#app-list {
    background-color: #667f95
}

#app-list .content-wrap img {
    margin: 25px 0 -2px 0;
    width: 80%
}

#app-list .article {
    color: #fff
}

#start-menu {
    height: 530px;
    background: #fff
}

#start-menu .img {
    float: left
}

#start-menu .article {
    padding-top: 62px;
    width: 336px;
    text-align: right;
    float: left
}

#start-menu .icons {
    padding-top: 20px
}

#start-menu .icon-text {
    margin-left: 20px
}

#start-menu .img {
    margin-left: 25px;
    position: relative
}

#start-menu .img-rot {
    width: 624px;
    height: 400px;
    top: 82px;
    left: 0;
    background-size: 100%
}

#multiple-tasks {
    height: 530px;
    background: #fff
}

#multiple-tasks .img {
    float: right
}

#multiple-tasks .img {
    position: relative;
    width: 566px;
    height: 437px;
    padding-top: 93px
}

#multiple-tasks .img .bg {
    height: 437px;
    width: 548px;
    position: absolute
}

#multiple-tasks .img img {
    width: 90%;
    position: absolute;
    bottom: 0;
    left: 0
}

#multiple-tasks .img img.zoom-in {
    transition-property: width;
    transition-duration: 1s;
    width: 100%
}

#multiple-tasks .article {
    width: 394px;
    float: right;
    text-align: left
}

#multiple-tasks h2 {
    padding-top: 73px
}

#multiple-tasks .icons {
    padding-top: 36px
}

#multiple-tasks .icon-text {
    max-width: 100px;
    margin-right: 20px
}

#multiple-tasks .icon {
    padding-bottom: 0;
    border-radius: 0;
    font-size: 42px;
    border: 0;
    width: auto;
    height: auto;
    line-height: normal
}

#hot-keys {
    display: none
}

#file-manager {
    position: relative;
    text-align: right;
    height: 744px;
    background-color: #fff
}

#file-manager .content-wrap {
    position: relative
}

#file-manager .article {
    width: 355px;
    margin: 0
}

#file-manager .article.mhide {
    padding-top: 40px
}

#file-manager .icons {
    display: inline-block;
    padding-top: 10px
}

#file-manager .icon-text {
    margin-top: 0;
    width: 95px
}

#file-manager .icon {
    margin: 9px 10px
}

#file-manager .img {
    width: 558px;
    position: absolute;
    top: 94px;
    right: 0
}

#file-manager .img-rot {
    width: 558px;
    height: 378px;
    background-size: 100%
}

#file-manager .keyboard {
    width: 558px;
    height: 272px;
    display: block;
    padding-top: 378px
}

#file-manager .bg {
    position: absolute;
    width: 100%;
    top: 0;
    z-index: -1
}

#file-manager .bg1 {
    height: 435px;
    background: url(../image/pic04_background_35c2052.png) repeat-x;
    background-color: #fff
}

#file-manager .bg2 {
    height: 310px;
    position: relative
}

#file-manager .slope {
    position: absolute;
    top: 0;
    right: 0;
    border-left: 4500px solid #fff;
    border-bottom: 310px solid #dcdcdc
}

#notifications {
    height: 530px;
    background-color: #fff
}

#notifications .content-wrap {
    position: relative
}

#notifications .article {
    width: 339px;
    padding-top: 56px;
    float: right;
    text-align: left
}

#notifications .img {
    padding-top: 35px;
    float: left;
    width: 581px
}

#notifications .img .left {
    width: 338px;
    height: 495px;
    background: url(../image/pic05_left_49b6d5d.jpg);
    background-size: 100%
}

#notifications .img .right {
    position: relative
}

#notifications .img .img-rot {
    width: 243px;
    height: 495px;
    background-size: 100%
}

#notifications .icons {
    padding-top: 0
}

#notifications .icon-text {
    margin-right: 20px;
    max-width: 90px
}

#browser {
    height: 530px;
    background-color: #496de7;
    color: #fff
}

#browser .article {
    width: 379px;
    padding-top: 50px;
    margin: 0;
    float: left;
    text-align: right
}

#browser .img {
    width: 581px;
    height: 530px;
    float: left
}

#browser .img-rot {
    top: 114px
}

#browser .features {
    margin-top: 60px;
    padding-top: 0
}

#optimization {
    height: 530px;
    background-color: #fff
}

#optimization .article {
    width: 60%
}

#optimization h2 {
    padding-top: 70px
}

#optimization .icons {
    padding-top: 60px;
    text-align: center
}

#optimization .icon-text {
    margin: 0 60px;
    max-width: 140px
}

#apps {
    height: 530px;
    background: url(../image/pic08_f10fef9.jpg) center bottom no-repeat;
    background-size: 2150px 277px;
    background-color: #ececec
}

#apps .article {
    width: 600px
}

#apps h2 {
    padding-top: 70px
}

#apps .img {
    display: none
}

#more {
    height: 517px;
    background-color: #fff;
    padding-bottom: 0
}

#more h2 {
    padding-top: 70px
}

#more .icons-wide {
    margin-top: 40px;
    text-align: center
}

#more .icon-text {
    margin: 0 36px
}

#more #weixin {
    position: relative
}

#more .weixin-qrcode {
    position: absolute;
    bottom: 98px;
    left: -98px;
    opacity: 0;
    transition-property: bottom, opacity;
    transition-duration: 1s;
    width: 147px
}

#more .weixin-qrcode.show {
    bottom: 120px;
    opacity: 1;
    display: block
}

a#top-link {
    display: none;
    position: fixed;
    bottom: 90px;
    right: 80px;
    background: url(../image/sprites_ea60a04.png) no-repeat;
    background-size: 221px 62px;
    background-position: -100px -3px;
    width: 56px;
    height: 56px
}

a#top-link:hover {
    background-position: -3px -3px
}

a#top-link:active {
    background-position: -162px -3px
}

#multiple-tasks .img,
#file-manager .img,
#browser .img,
#hot-keys .img {
    margin-top: 0
}

#file-manager,
#notifications,
#browser,
#optimization {
    margin-top: 0
}

.article .outer_link {
    bottom: -412px;
    font-size: 14px
}

[lang=zh-CN] .section h2 {
    font-size: 48px
}

[lang=zh-CN] .section h2.small {
    font-size: 32px
}

[lang=zh-CN] #intro .article .inner {
    width: 614.4px
}

[lang=zh-CN] #multiple-tasks .icons {
    padding-top: 72px
}

[lang=zh-CN] #file-manager .article {
    padding-top: 70px
}

[lang=zh-CN] #file-manager .icon-text {
    margin-top: 10px
}

[lang=zh-CN] #notifications .icons {
    padding-top: 55px
}

[lang=zh-CN] #menu a {
    width: 96px
}

[lang=ru-RU] #multiple-tasks h2,
[lang=ru-RU] #file-manager h2,
[lang=ru-RU] #browser h2 {
    font-size: 32px
}

[lang=ru-RU] #browser .article {
    padding-top: 0
}

[lang=ru-RU] #optimization .article {
    width: 80%
}

[lang=ru-RU] #optimization .icons {
    padding-top: 0
}

[lang=ko-KR] #file-manager .shortcuts {
    padding-top: 40px
}

[lang=ar-SA] #file-manager .article {
    padding-right: 624px;
    padding-top: 70px
}

[lang=ar-SA] #file-manager .icon-text {
    margin-top: 10px
}

[lang=ar-SA] #multiple-tasks .article,
[lang=ar-SA] #notifications .article {
    text-align: right
}