/*!
 * @authors     sunxingfan
 * @date        2015-02-12 17:30:00
 * @description Yi Camera Overall
 */.mi1scroll-pagination { position: fixed; top: 50%; right: 20px; z-index: 99; width: 20px; margin: 0; *margin-top:-50px;
padding: 0; list-style-type: none; -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
.mi1scroll-pagination li { position: relative; width: 14px; height: 14px; margin: 7px 0 }
.mi1scroll-pagination a { display: block; width: 100%; height: 100% }
.mi1scroll-pagination a .dot { position: absolute; left: 5px; top: 5px; width: 4px; height: 4px; border-radius: 50%; text-indent: -9999em; background: #8c8c8c }
.mi1scroll-pagination a .title { position: absolute; top: 0; right: 20px; text-align: right; font-size: 12px; white-space: nowrap; color: #6ec9fd; opacity: 0; -webkit-transition: opacity .3s linear; -moz-transition: opacity .3s linear; -ms-transition: opacity .3s linear; transition: opacity .3s linear }
.mi1scroll-pagination a:hover .title { opacity: 1 }
.mi1scroll-pagination .active a .dot { top: 1px; left: 1px; width: 8px; height: 8px; border: 2px solid #95d7fd; background: none }
@-webkit-keyframes breathe {
0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes breathe {
0% {
opacity:1
}
100% {
opacity:0
}
}
@-webkit-keyframes dot1 {
0%, 14.99% {
opacity:0
}
15% {
opacity:1
}
}
@keyframes dot1 {
0%, 14.99% {
opacity:0
}
15% {
opacity:1
}
}
@-webkit-keyframes dot2 {
0%, 29.99% {
opacity:0
}
30% {
opacity:1
}
}
@keyframes dot2 {
0%, 29.99% {
opacity:0
}
30% {
opacity:1
}
}
@-webkit-keyframes dot3 {
0%, 44.99% {
opacity:0
}
45% {
opacity:1
}
}
@keyframes dot3 {
0%, 44.99% {
opacity:0
}
45% {
opacity:1
}
}
@-webkit-keyframes arrow {
0%, 59.99% {
opacity:0
}
60% {
opacity:1
}
}
@keyframes arrow {
0%, 59.99% {
opacity:0
}
60% {
opacity:1
}
}
.xm-product-box .nav-bar-hidden { _display: none; position: fixed; top: 0; left: 0; z-index: 99; width: 100%; margin-top:-52px; border-bottom: 1px solid #dfdfdf; background: #f3f3f3; background: rgba(255,255,255,0.9); -webkit-transition: margin-top .5s ease-out; transition: margin-top .5s ease-out; box-shadow: 0 0 3px #c3c3c3 }
.xm-product-box .nav-bar-fixed { margin-top: 0px;}
.yicamera-overall .section { position: relative; width: 100%; height: 800px; overflow: hidden; _zoom: 1; color: #333; -webkit-font-smoothing: antialiased }
.yicamera-overall .section .title { margin: 0 0 15px; font-size: 26px; font-weight: 400; line-height: 1.25; color: #000 }
.yicamera-overall .section .subtitle { margin: -10px 0 15px; font-size: 18px; font-weight: 400; line-height: 1.25; color: #000 }
.yicamera-overall .section .text { margin: 0 0 20px; line-height: 1.8 }
.yicamera-overall .section .link { text-decoration: none; color: #62c5fd }
.yicamera-overall .section .link:hover { text-decoration: underline }
.yicamera-overall .section .feature-list { margin: 0; padding: 0; list-style-type: none }
.yicamera-overall .section-start { z-index: 2; overflow: visible }
.yicamera-overall .section-start .container { position: relative; height: 100% }
.yicamera-overall .section-start .content { position: absolute; left: 0; top: 50%; z-index: 6; width: 100%; height: 580px; margin-top: -290px; text-align: center }
.yicamera-overall .section-start .title { margin-bottom: 15px; font-size: 50px }
.yicamera-overall .section-start .subtitle { margin-bottom: 25px; font-size: 22px; color: #8c8c8c }
.yicamera-overall .section-start .price { margin: 0; font-size: 16px; color: #e31a48 }
.yicamera-overall .section-start .num { margin: 0 2px; font-size: 40px; line-height: 1.25 }
.yicamera-overall .section-start .versions { margin: -5px 0 0; color: #8c8c8c }
.yicamera-overall .section-start .stage { position: absolute; top: 50%; left: 50%; width: 600px; height: 338px; margin-left: -300px; margin-top: -48px }
.yicamera-overall .section-start .video-container { position: relative; z-index: 9; width: 600px; height: 338px; overflow: hidden }
.yicamera-overall .section-start .video { position: absolute; top: -1px; left: 0; z-index: 1; width: 600px; height: 338px }
.yicamera-overall .section-start .poster { width: 600px; height: 338px; margin-top: -1px }
.yicamera-overall .section-start .arrow { position: absolute; left: 50%; top: 95%; z-index: 1; width: 10px; height: 16px; margin-left: -5px; *background:url(//c1.mifile.cn/f/i/2014/cn/yicamera/icon-scroll-static-arrow.png) no-repeat 50% 50%
}
.yicamera-overall .section-start .arrow:after { position: absolute; left: 50%; bottom: 0; content: ''; width: 10px; height: 6px; margin-left: -5px; background: url(//c1.mifile.cn/f/i/2014/cn/yicamera/icon-scroll-arrow.png) no-repeat 50% 100%; -webkit-animation: arrow 1.5s cubic-bezier(0, .5, 0, 1) infinite; animation: arrow 1.5s cubic-bezier(0, .5, 0, 1) infinite }
.yicamera-overall .section-start .arrow .dot { display: block; width: 2px; height: 2px; margin: 0 auto; background: #959595; -webkit-animation: dot1 1.5s cubic-bezier(0, .5, 0, 1) infinite; animation: dot1 1.5s cubic-bezier(0, .5, 0, 1) infinite }
.yicamera-overall .section-start .arrow .dot:before,
.yicamera-overall .section-start .arrow .dot:after { position: absolute; left: 50%; width: 2px; height: 2px; margin-left: -1px; content: ''; background: #959595 }
.yicamera-overall .section-start .arrow .dot:before { top: 4px; -webkit-animation: dot2 1.5s cubic-bezier(0, .5, 0, 1) infinite; animation: dot2 1.5s cubic-bezier(0, .5, 0, 1) infinite }
.yicamera-overall .section-start .arrow .dot:after { top: 8px; -webkit-animation: dot3 1.5s cubic-bezier(0, .5, 0, 1) infinite; animation: dot3 1.5s cubic-bezier(0, .5, 0, 1) infinite }
.yicamera-overall .section-intro { z-index: 1; background: url(//c1.mifile.cn/f/i/2014/cn/yicamera/intro-bg.jpg) no-repeat 50% 50% }
.yicamera-overall .section-intro .container { position: relative; height: 100% }
.yicamera-overall .section-intro .content { position: absolute; left: 50%; top: 50%; width: 600px; height: 600px; margin-top: -300px; margin-left: -130px }
.yicamera-overall .section-intro .text { margin-bottom: 10px }
.yicamera-overall .section-intro .link { font-size: 16px }
.yicamera-overall .section-wide-angle.section-transition .wide-l,
.yicamera-overall .section-wide-angle.section-transition .wide-r { display: block }
.yicamera-overall .section-wide-angle .content { position: absolute; left: 0; top: 50%; width: 100%; height: 560px; margin-top: -280px; text-align: center }
.yicamera-overall .section-wide-angle .stage { position: relative; width: 750px; height: 350px; margin: 0 auto 50px; -webkit-perspective: 200px; perspective: 200px }
.yicamera-overall .section-wide-angle .stage:before,
.yicamera-overall .section-wide-angle .stage:after { position: absolute; top: -20px; z-index: 3; width: 425px; height: 390px; background: rgba(255,255,255,0.1); content: '' }
.yicamera-overall .section-wide-angle .stage:before { left: -426px; border-right: 1px dashed #dfdfdf }
.yicamera-overall .section-wide-angle .stage:after { right: -426px; border-left: 1px dashed #dfdfdf }
.yicamera-overall .section-wide-angle .wide-c { position: relative; z-index: 2 }
.yicamera-overall .section-wide-angle .wide-l,
.yicamera-overall .section-wide-angle .wide-r { display: none; position: absolute; top: 0; z-index: 1; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: -webkit-transform 1s ease-out; transition: transform 1s ease-out }
.yicamera-overall .section-wide-angle .wide-l { left: -425px; -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transform-origin: 100% 0; transform-origin: 100% 0 }
.yicamera-overall .section-wide-angle .wide-r { right: -425px; -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 0 0; transform-origin: 0 0 }
.yicamera-overall .section-wide-angle .title,
.yicamera-overall .section-wide-angle .subtitle { font-size: 22px }
.yicamera-overall .section-wide-angle .text { width: 800px; margin: 0 auto 40px; color: #8c8c8c }
.yicamera-overall .section-wide-angle .feature-list { width: 960px; margin: 0 auto }
.yicamera-overall .section-wide-angle .feature-list li { float: left; width: 240px }
.yicamera-overall .section-wide-angle.section-done .wide-l,
.yicamera-overall .section-wide-angle.section-done .wide-r { display: block; -webkit-transform: rotateY(0); transform: rotateY(0) }
.yicamera-overall .section-connect .content { position: absolute; left: 0; top: 50%; width: 100%; height: 630px; margin-top: -315px; text-align: center }
.yicamera-overall .section-connect .stage { width: 960px; height: 315px; margin: 0 auto 50px }
.yicamera-overall .section-connect .stage .connect { height: 315px }
.yicamera-overall .section-connect .stage .connect-01 { position: relative; float: left }
.yicamera-overall .section-connect .stage .record { position: absolute; right: 10px; bottom: 10px; padding-left: 18px; color: #fff; background: url(//c1.mifile.cn/f/i/2014/cn/yicamera/icon-record.png) no-repeat 0 50% }
.yicamera-overall .section-connect .stage .connect-02 { float: right }
.yicamera-overall .section-connect .title { font-size: 24px }
.yicamera-overall .section-connect .text { width: 930px; margin: 0 auto 40px; color: #8c8c8c }
.yicamera-overall .section-connect .feature-list { width: 510px; margin: 0 auto; padding: 0; color: #8c8c8c }
.yicamera-overall .section-connect .feature-list li { float: left; width: 170px; text-align: center }
.yicamera-overall .section-connect .icon-connect { display: block; width: 70px; height: 70px; margin: 0 auto 5px; background-image: url(//c1.mifile.cn/f/i/2014/cn/yicamera/icons-connect.png); background-repeat: no-repeat }
.yicamera-overall .section-connect .icon-connect-app { background-position: 0 0 }
.yicamera-overall .section-connect .icon-connect-bluetooth { background-position: -70px 0 }
.yicamera-overall .section-connect .icon-connect-pole { background-position: -140px 0 }
.yicamera-overall .section-camera .frame { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.yicamera-overall .section-camera .frame-01 { background: url(//c1.mifile.cn/f/i/2014/cn/yicamera/video-camera-static-bg.jpg)\9 }
.yicamera-overall .section-camera .frame-01 .content { position: absolute; left: 0; top: 50%; z-index: 5; width: 100%; height: 400px; margin-top: -200px; text-align: center; color: #fff }
.yicamera-overall .section-camera .frame-01 .title,
.yicamera-overall .section-camera .frame-01 .subtitle { font-size: 25px; color: #fff }
.yicamera-overall .section-camera .frame-01 .text { width: 910px; margin: 0 auto 15px }
.yicamera-overall .section-camera .frame-01 .feature-list { width: 660px; margin: 60px auto 0 }
.yicamera-overall .section-camera .frame-01 .feature-list li { float: left; width: 220px; font-size: 14px; text-align: center }
.yicamera-overall .section-camera .frame-01 .icon-performance { display: block; width: 114px; height: 100px; padding: 7px 0; margin: 0 auto; border: 1px solid #fff; border-color: rgba(255,255,255,0.5); border-radius: 10px; line-height: 1.25; text-align: center }
.yicamera-overall .section-camera .frame-01 .icon-performance .data { display: block; margin: 0 10px }
.yicamera-overall .section-camera .frame-01 .icon-performance .r { display: block; padding: 8px 0 }
.yicamera-overall .section-camera .frame-01 .icon-performance .r1 { border-bottom: 1px solid #fff; border-bottom-color: rgba(255,255,255,0.2) }
.yicamera-overall .section-camera .frame-01 .icon-performance b { font-size: 20px; font-weight: 400; line-height: 1.1 }
.yicamera-overall .section-camera .frame-01 .stage { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100% }
.yicamera-overall .section-camera .frame-01 .stage:before { display: none\9; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; content: ''; background: #000; opacity: .65; filter: alpha(opacity=65) }
.yicamera-overall .section-camera .frame-01 .stage .video-bg { position: absolute; left: 50%; top: 50%; z-index: 1 }
.yicamera-overall .section-camera .frame-01 .media-info { position: absolute; right: 10px; bottom: 10px; z-index: 5; margin: 0; color: #fff; color: rgba(255,255,255,0.75) }
.yicamera-overall .section-camera .frame-02 { color: #fff; background: #000 }
.yicamera-overall .section-camera .frame-02 .stage { position: absolute; left: 0; top: 50%; width: 100%; height: 800px; margin-top: -400px }
.yicamera-overall .section-camera .frame-02 .videobox { position: absolute; height: 50%; overflow: hidden }
.yicamera-overall .section-camera .frame-02 .mask { position: absolute; top: 0; left: 0; z-index: 2; width: 110%; height: 110%; background: #000; opacity: .5; filter: alpha(opacity=50); -webkit-transition: opacity .5s; transition: opacity .5s }
.yicamera-overall .section-camera .frame-02 .active .mask { opacity: 0; filter: alpha(opacity=0) }
.yicamera-overall .section-camera .frame-02 .col-3-1 { width: 33.33% }
.yicamera-overall .section-camera .frame-02 .col-2-1 { width: 50% }
.yicamera-overall .section-camera .frame-02 .videobox-01 { left: 0; top: 0; z-index: 1 }
.yicamera-overall .section-camera .frame-02 .videobox-02 { left: 50%; top: 0; width: 35%; z-index: 2 }
.yicamera-overall .section-camera .frame-02 .videobox-03 { right: 0; top: 0; z-index: 1 }
.yicamera-overall .section-camera .frame-02 .videobox-04 { left: 0; bottom: 0; z-index: 3 }
.yicamera-overall .section-camera .frame-02 .videobox-05 { right: 0; bottom: 0; z-index: 3 }
.yicamera-overall .section-camera .frame-02 .video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1 }
.yicamera-overall .section-accessories { background: url(//c1.mifile.cn/f/i/2014/cn/yicamera/accessories-bg.jpg) no-repeat 50% 50%; -webkit-background-size: cover; background-size: cover }
.yicamera-overall .section-accessories .container { position: relative; height: 100%; z-index: 2 }
.yicamera-overall .section-accessories .content { position: absolute; left: 50%; top: 50%; width: 490px; height: 630px; margin: -200px 0 0 }
.yicamera-overall .section-accessories .title { font-size: 24px }
.yicamera-overall .section-accessories .text { margin-bottom: 10px }
.yicamera-overall .section-accessories .link { color: #00a0e9 }
.yicamera-overall .section-accessories .light { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: url(//c1.mifile.cn/f/i/2014/cn/yicamera/accessories-light-bg.png) no-repeat 50% 50%; -webkit-background-size: cover; background-size: cover; -webkit-animation: breathe 2s linear infinite alternate-reverse; animation: breathe 2s linear infinite alternate-reverse }
.yicamera-overall .section-performance .frame { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.yicamera-overall .section-performance .frame-01 .stage { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100% }
.yicamera-overall .section-performance .frame-01 .stage:before { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; content: ''; background: #000; opacity: .45; filter: alpha(opacity=45) }
.yicamera-overall .section-performance .frame-01 .stage .video-bg { position: absolute; left: 50%; top: 50%; z-index: 1 }
.yicamera-overall .section-performance .frame-01 .btn-continue { position: absolute; left: 50%; top: 80%; z-index: 2; width: 62px; height: 62px; margin: -31px 0 0 -31px; line-height: 62px; text-align: center; color: #fff; background: url(//c1.mifile.cn/f/i/2014/cn/yicamera/btn-circle.png) no-repeat 50% 0 }
.yicamera-overall .section-performance .frame-01 .btn-continue:hover { color: #333; background-position: 50% 100% }
.yicamera-overall .section-performance .frame-01 .media-info { position: absolute; right: 10px; bottom: 10px; z-index: 5; margin: 0; color: #fff; color: rgba(255,255,255,0.75) }
.yicamera-overall .section-performance .frame-02 .content { position: absolute; left: 0; top: 50%; width: 100%; height: 350px; padding-top: 210px; margin: -280px 0 0 }
.yicamera-overall .section-performance .frame-02 .stage { position: absolute; top: 0; left: 50%; width: 2052px; margin: 0 0 0 -1026px }
.yicamera-overall .section-performance .frame-02 .camera-roll-list { width: 2052px; height: 162px; margin: 0; padding: 0; list-style-type: none }
.yicamera-overall .section-performance .frame-02 .camera-roll-list li { float: left; width: 293px; height: 162px }
.yicamera-overall .section-performance .frame-02 .main-feature { width: 1000px; margin: 0 auto 10px }
.yicamera-overall .section-performance .frame-02 .feature-01,
.yicamera-overall .section-performance .frame-02 .feature-02 { float: left; width: 419px; padding: 0 40px }
.yicamera-overall .section-performance .frame-02 .feature-02 { border-left: 1px solid #c3c3c3 }
.yicamera-overall .section-performance .frame-02 .title { font-size: 20px; color: #333 }
.yicamera-overall .section-performance .frame-02 .text { color: #8c8c8c }
.yicamera-overall .section-performance .frame-02 .feature-list { width: 760px; margin: 0 auto }
.yicamera-overall .section-performance .frame-02 .feature-list li { float: left; width: 190px }
.yicamera-overall .section-performance .frame-02 .feature-icon { width: 130px; height: 70px; padding: 30px 0; margin: 0 auto; border: 1px solid #c3c3c3; border-color: rgba(210,210,210,0.5); border-radius: 10px; font-size: 14px; line-height: 1.25; text-align: center; color: #8c8c8c }
.yicamera-overall .section-performance .frame-02 .feature-icon .data { display: block; margin-bottom: 5px; font-size: 30px; color: #333 }
.yicamera-overall .section-app { background: url(//c1.mifile.cn/f/i/2014/cn/yicamera/app-bg.jpg) no-repeat 50% 50% }
.yicamera-overall .section-app .container { position: relative; height: 100% }
.yicamera-overall .section-app .content { position: absolute; left: 50%; top: 50%; z-index: 5; width: 800px; height: 300px; margin: -300px 0 0 -430px }
.yicamera-overall .section-app .text { margin-bottom: 10px }
.yicamera-overall .section-app .link { font-size: 16px; color: #4db9fd }
.yicamera-overall .section-app .feature-list { width: 360px; margin-top: 30px }
.yicamera-overall .section-app .feature-list li { float: left; width: 50px; margin-right: 30px; text-align: center; color: #fff }
.yicamera-overall .section-app .icon-app { display: block; width: 52px; height: 52px; margin-bottom: 10px; border-radius: 25px; background-image: url(//c1.mifile.cn/f/i/2014/cn/yicamera/icons-app.png); background-repeat: no-repeat; cursor: pointer }
.yicamera-overall .section-app .icon-app-video { background-position: 0 0 }
.yicamera-overall .section-app .icon-app-video:hover { background-position: 0 -52px }
.yicamera-overall .section-app .icon-app-share { background-position: -52px 0 }
.yicamera-overall .section-app .icon-app-share:hover { background-position: -52px -52px }
.yicamera-overall .section-app .icon-app-edit { background-position: -104px 0 }
.yicamera-overall .section-app .icon-app-edit:hover { background-position: -104px -52px }
.yicamera-overall .section-app .icon-app-photo { background-position: -156px 0 }
.yicamera-overall .section-app .icon-app-photo:hover { background-position: -156px -52px }
.yicamera-overall .section-app .stage { position: absolute; left: 50%; top: 50%; z-index: 1; width: 2560px; height: 1440px; margin: -720px 0 0 -1280px }
.yicamera-overall .section-app .screen-slides { position: absolute; left: 50%; top: 50%; width: 306px; height: 542px; margin: 34px 0 0 21px; padding: 0; list-style-type: none }
.yicamera-overall .section-app .screen-slides img { border-radius: 2px }
.yicamera-overall .section-design .container { position: relative; height: 100% }
.yicamera-overall .section-design .content { position: absolute; top: 50%; left: 0; width: 100%; height: 600px; margin: -300px 0 0; text-align: center }
.yicamera-overall .section-design .text { width: 680px; margin: 0 auto }
.yicamera-overall .section-design .stage { position: relative; width: 730px; height: 240px; padding: 160px 0 45px; margin: 0 auto }
.yicamera-overall .section-design .product { position: relative; width: 730px; height: 240px }
.yicamera-overall .section-design .front,
.yicamera-overall .section-design .middle,
.yicamera-overall .section-design .back { position: absolute; top: 0; -webkit-transition: -webkit-transform .5s; transition: transform .5s }
.yicamera-overall .section-design .front { left: 0; z-index: 2; -webkit-transform: translate3d(270px, 0, 0); transform: translate3d(270px, 0, 0) }
.yicamera-overall .section-design .middle { left: 50%; z-index: 1; margin-left: -80px }
.yicamera-overall .section-design .back { right: 0; z-index: 0; -webkit-transform: translate3d(-125px, 0, 0); transform: translate3d(-125px, 0, 0) }
.yicamera-overall .section-design .text-list { margin: 0; padding: 0; list-style-type: none }
.yicamera-overall .section-design .text-list li { position: absolute; z-index: 9; overflow: visible; _zoom: 1; font-size: 16px; color: #70c9fd; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity .5s .5s; transition: opacity .5s .5s }
.yicamera-overall .section-design .text-list li:before { position: absolute; width: 1px; height: 160px; content: ''; background: #a7d8fd }
.yicamera-overall .section-design .text-list li:after { position: absolute; width: 5px; height: 5px; border-radius: 5px; content: ''; background: #a7d8fd }
.yicamera-overall .section-design .text-list .lens,
.yicamera-overall .section-design .text-list .chip,
.yicamera-overall .section-design .text-list .cmos { top: 85px; padding-bottom: 200px }
.yicamera-overall .section-design .text-list .lens { right: 488px; padding-right: 10px }
.yicamera-overall .section-design .text-list .lens:before { right: 2px; top: 11px; height: 160px }
.yicamera-overall .section-design .text-list .lens:after { right: 0; top: 9px }
.yicamera-overall .section-design .text-list .chip { right: 297px; padding-right: 10px }
.yicamera-overall .section-design .text-list .chip:before { right: 2px; top: 11px; height: 130px }
.yicamera-overall .section-design .text-list .chip:after { right: 0; top: 9px }
.yicamera-overall .section-design .text-list .cmos { left: 513px; padding-left: 10px }
.yicamera-overall .section-design .text-list .cmos:before { left: 2px; top: 11px; height: 160px }
.yicamera-overall .section-design .text-list .cmos:after { left: 0; top: 9px }
.yicamera-overall .section-design .text-list .led,
.yicamera-overall .section-design .text-list .gpu {padding-top: 25px }
.yicamera-overall .section-design .text-list .led { left: 80px; padding-left: 10px }
.yicamera-overall .section-design .text-list .led:before { left: 2px; bottom: 11px; height: 133px }
.yicamera-overall .section-design .text-list .led:after { left: 0; bottom: 9px }
.yicamera-overall .section-design .text-list .gpu { left: 358px; padding-left: 10px }
.yicamera-overall .section-design .text-list .gpu:before { left: 2px; bottom: 11px; height: 133px }
.yicamera-overall .section-design .text-list .gpu:after { left: 0; bottom: 9px }
.yicamera-overall .section-design.section-done .front,
.yicamera-overall .section-design.section-done .middle,
.yicamera-overall .section-design.section-done .back { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.yicamera-overall .section-design.section-done .text-list li { opacity: 1; filter: alpha(opacity=100) }

@media (max-width:1260px) {
.yicamera-overall .section-intro .content { margin-left: -150px }
.yicamera-overall .section-accessories .content { margin-left: -30px }
.yicamera-overall .section-performance .main-feature { width: 930px }
.yicamera-overall .section-performance .frame-02 .feature-01,
.yicamera-overall .section-performance .frame-02 .feature-02 { float: left; width: 424px; padding: 0 20px }
}

@media (max-height:730px) {
.yicamera-overall .section-start .content { height: 540px; margin-top: -250px }
.yicamera-overall .section-intro .content { margin-top: -260px }
.yicamera-overall .section-app .content { margin-top: -260px }
.yicamera-overall .section-design .content { height: 560px; margin-top: -250px }
.yicamera-overall .section-design .stage { margin-top: -50px }
.yicamera-overall .section-version .content { height: 560px; margin-top: -250px }
.yicamera-overall .section-version .version-list { margin-top: 20px }
}