.moto360-head{position: fixed; top: 0; left: 0; width: 100%; height: 1.8rem; background: rgba(255,255,255,.96); z-index: 11; box-shadow: 0 3px 3px rgba(0,0,0,.2);}
.moto360-head .moto360-logo{ position: absolute; top: 0; left: .675rem; z-index: 3; font-size: .6rem; line-height: 1.8rem;}

.moto360-head-fixed{position: fixed; top: 0; left: 0; opacity: 1; -wekbit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.moto360-nav{float: right; margin-right: .45rem;}
.moto360-nav li{float: left; font-size: .45rem; height: 1.8rem; line-height: 1.9rem; margin-left: .75rem;}
.moto360-nav li.cur a{ color: #10bad1;}
.moto360-nav li .buyBtn{ display: inline-block; width: 2.7rem; height: 1rem; background-color: #10bad1; color: #fff; font-size: .45rem; line-height: 1.1rem; text-align: center; border-radius: 2px; z-index: 4;}
.show-download .moto360-head{ top: 100px;}
.hide-download .moto360-head{ top: 44px;}
.m-section{ position: relative; background-position: top center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; overflow: hidden;}

.inner-txt .title{ font-size: 1.1rem; color: #fff; line-height: 1.35rem; font-weight: normal; padding: 0 0.925rem; text-align: center;}
.inner-txt .text{ font-size: .45rem; color: #fff; line-height: .7rem; margin-top: .75rem; padding: 0 0.925rem; text-align: center;}

.o-bg1{ position: relative; height: 10.425rem; background: #e1e1e5 url(../images/overview/o-bg1.jpg) no-repeat bottom center; background-size: contain;}
.o-bg1 .look-more{ position: absolute; bottom: 0.95rem; left: 0; height: 0.6rem; line-height: 0.6rem; width: 100%; text-align: center; font-size: 0.4rem; color: #333;}
.o-bg1 .look-more img{ width: 0.35rem; height: 0.2rem; position: absolute; bottom: -0.3rem; left: 50%; margin-left: -.175rem;}
.o-bg1 .infor-txt{ position: absolute; top: 3.5rem; left: 0; width: 100%; text-align: center;}
.o-bg1 .infor-txt h3{ font-size: 0.7rem;}
.o-bg1 .infor-txt p{ font-size: 0.5rem; line-height: 0.7rem; line-height: 0.8rem;}
.o-bg2{ height: 13.8rem; background-color: #020101;}
.o-bg2 .inner-txt{ position: absolute; left: 0; bottom: 0.875rem; width: 100%;}
.o-bg2 .inner-txt .title,.o-bg2 .inner-txt .text{ color: #e5e5e5;}
.dp-icon li{ position: relative; width: 3.75rem; float: left; text-align: center; padding-top: 2.5rem;}
.dp-icon li:before{ position: absolute; content: " "; top: 0; left: 50%; margin-left: -1.25rem; background: url(../images/overview/icon.png) no-repeat; background-size: 2.5rem 17.5rem; width: 2.5rem; height: 2.5rem;}

.dp-list{ height: 6.2rem; background: #88654b; padding-top: 1.45rem; box-sizing: border-box;}
.dp-list .icon-list{ width: 15.1rem; margin: 0 auto;}
.dp-list .icon-list li{ width: 3.75rem;}
.dp-list .icon-list p{ margin-top: 0.175rem; line-height: 0.6rem; color: #fff; font-size: .45rem;}
.dp-list .icon-list li:nth-child(1):before{ background-position: 0 0;}
.dp-list .icon-list li:nth-child(2):before{ background-position: 0 -2.5rem;}
.dp-list .icon-list li:nth-child(3):before{ background-position: 0 -5rem;}
.dp-list .icon-list li:nth-child(4):before{ background-position: 0 -7.5rem;}
.tit-bg{ position: relative; z-index: 5; height: 4.425rem; line-height: 3.75rem; text-align: center; font-size: 1rem; color: #5f6064; margin-bottom: -0.7rem;}
.o-bg3{ height: 18.925rem; background-color: #fff;}
.o-bg3 .inner-txt{ padding-top: 1.85rem;}
.o-bg3 .inner-txt .title,.o-bg3 .inner-txt .text,.o-bg5 .inner-txt .title,.o-bg5 .inner-txt .text,.o-bg6 .inner-txt .title,.o-bg6 .inner-txt .text,.o-bg11 .inner-txt .title,.o-bg11 .inner-txt .text{ color: #333;}
.o-bg3 .discript,.o-bg3 .tips{ font-size: 0.4rem; color: #333; height: 0.5rem; line-height: 0.5rem; position: absolute;} 
.o-bg3 .discript{ bottom: 4.15rem; left: 4.05rem;}
.o-bg3 .tips{ width: 100%; text-align: center; bottom: 0.9rem; left: 0;}
.o-bg4{ height: 7.725rem; color: #878787;}
.o-bg4 .inner-txt{ padding-top: 1.85rem;}
.o-bg5{ height: 17.1rem; color: #fff;}
.o-bg5 .inner-txt{ padding-top: 1.85rem;}
.contrast-list{ position: absolute; bottom: 1.85rem; left: 50%; width: 12.6rem; margin-left: -6rem;}
.contrast-list li{ position: relative; float: left; width: 6.3rem; height: 0.6rem; line-height: 0.6rem; font-size: 0.4rem; padding-left: 0.45rem; box-sizing: border-box;}
.contrast-list li:nth-child(1){ color: #fa011e;}
.contrast-list li:nth-child(2){ color: #29aef2;}
.contrast-list li:before{ position: absolute; content: " "; top: 0.2rem; left:0; width: 0.2rem; height: 0.2rem; background: #fa011e; border-radius: 100%;}
.contrast-list li:nth-child(2):before{ background: #29aef2;}
.o-bg6{ height: 15.725rem; color: #f2f2f2;}
.o-bg6 .inner-txt{ padding-top: 2.1rem;}
.o-bg7{ height: 14.25rem; color: #d9d9db;}
.o-bg7 .inner-txt{ position: absolute; bottom: 2rem; left: 0; width: 100%;}
.o-bg8{ height: 18.75rem; color: #0e1020;}
.o-bg8 .inner-txt{ padding-top: 1.85rem;}

.o-bg8 .icon-list2{ width: 9.3rem; margin: 0.8rem auto 0;}
.o-bg8 .icon-list2 li{ width: 3.1rem;}
.o-bg8 .icon-list2 p{ margin-top: 0.175rem; line-height: 0.6rem; color: #fff; font-size: .45rem;}
.o-bg8 .icon-list2 li:nth-child(1):before{ background-position: 0 -10rem;}
.o-bg8 .icon-list2 li:nth-child(2):before{ background-position: 0 -12.5rem;}
.o-bg8 .icon-list2 li:nth-child(3):before{ background-position: 0 -15rem;}

.o-bg9{ height: 14.675rem;}
.o-bg9 .swiper-slide{ position: relative;}
.o-bg9 .swiper-slide img{ height: 14.675rem;}
.o-bg9 .inner1{ position: absolute; top: 1.85rem; left: 0; width: 100%;}
.o-bg9 .inner1 .title,.o-bg9 .inner1 .text{ color: #333;}
.o-bg9 .inner2{ position: absolute; bottom: 1.85rem; left: 0;}
.o-bg9 .inner2 .title,.o-bg9 .inner2 .text{ text-align: left;}
.o-bg9 .swiper-pagination span{ display: inline-block; width: 0.2rem; height: .2rem; border-radius: 0; background-color: #989898; padding: 0; opacity: 1; margin: 0 0.4rem; vertical-align: middle;}
.o-bg9 .swiper-pagination .swiper-pagination-bullet-active{ background: #000; padding: 1px;}
.o-bg9 .swiper-container-horizontal>.swiper-pagination{ bottom: .25rem;}
.o-bg10{ height: 9.3rem; background-color: #3e4750; margin-top: -.1rem;}
.o-bg10 .inner-txt{ padding-top: 2.2rem; width: 7.5rem;}
.o-bg10 .inner-txt .title,.o-bg10 .inner-txt .text{ text-align: left;}

.o-bg11{ height: 29.7rem; color: #e1e4e9;}
.o-bg11 .inner-txt{ padding-top: 1.85rem;}
.o-bg11 .inner-txt .title,.o-bg11 .inner-txt .text{ text-align: left;}
.o-bg11 .subtitle{ line-height: 0.95rem; margin-top: 1.05rem; font-size: 0.75rem; color: #333; padding: 0 0.925rem; font-weight: normal;}
.o-bg11 .discript{ line-height: 0.7rem; margin-top: 0.5rem; font-size: 0.45rem; color: #333; padding: 0 0.925rem;}