.canon-specs {
    border-bottom: 100px solid #f5f5f5 !important;
}
.J_nav-bar-con {
    width: 100%;
    position: relative;
    z-index: 4;
    background: #fff;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.07);
    box-shadow: 0px 5px 5px rgba(0,0,0,0.07);
}
.nav_container {
    height: 60px;
    overflow: hidden;
}
.sub_nav {
    height: 60px;
}
.sub_nav h2 {
    float: left;
    margin: 0;
    line-height: 60px;
    color: #333;
    font-size: 24px;
    font-weight: 400;
}
.sub_nav .nav {
    height: 100%;
    float: right;
    overflow: hidden;
}
.sub_nav .nav li {
    height: 100%;
    float: left;
    line-height: 60px;
    margin: 0 16px;
    color: #434a54;
    font-size: 14px;
    cursor: pointer;
}
.sub_nav .nav li.current a {
    color: #8c8c8c;
    cursor: default;
}
.sub_nav .nav li a {
    color: #333;
}
.J_fixNavbar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 60px;
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
    -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.07);
    box-shadow: 0px 5px 5px rgba(0,0,0,0.07);
}
.xm-product-box .hd {
    background-color: #f5f5f5
}

.xm-product-box .ft {
    border-top: 1px solid #e0e0e0
}

.xm-product-box .nav-bar {
    margin-top: 15px;
    position: relative;
    height: 50px;
    color: #616161
}

.xm-product-box .nav-bar .title {
    float: left;
    _display: inline;
    margin: 10px 0 0 0
}

.xm-product-box .nav-bar .title h2 {
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    color: #424242
}

.xm-product-box .nav-bar .title small {
    font-size: 12px
}

.xm-product-box .nav-bar .nav {
    float: right;
    _display: inline;
    margin: 10px 0 0 0
}

.xm-product-box .nav-bar .nav .nav-switch {
    margin-right: 10px;
    line-height: 30px
}

.xm-product-box .nav-switch .separator {
    color: #eee
}

.xm-product-box .nav-switch .tab,
.xm-product-box .nav-switch .link {
    color: #616161
}

.xm-product-box .nav-switch .tab:hover,
.xm-product-box .nav-switch .link:hover {
    color: #ff6700
}

.xm-product-box .nav-switch .active,
.xm-product-box .nav-switch .tab-active {
    color: #ff6700;
    cursor: default
}

.xm-product-box .nav-switch .active:hover,
.xm-product-box .nav-switch .tab-active:hover {
    color: #ff6700
}

.xm-product-box .separator {
    font-family: sans-serif
}

.xm-product-box .btn-disable {
    cursor: default
}

.xm-product-box .btn-disable:hover {
    background: #616161
}

.xm-product-box .btn-disable:active {
    background: #616161;
    -webkit-box-shadow: none;
    box-shadow: none
}

.xm-product-box {
    position: relative;
    z-index: 4;
    background: #fff;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.07)
}

.xm-product-box .nav-bar {
    position: relative;
    height: 63px;
    width: 100%;
    margin-top: 0;
    color: #616161
}

.xm-product-box .nav-bar h2 {
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 60px;
    color: #212121;
    float: left
}

.xm-product-box .nav-bar .right,
.xm-product-box .nav-bar .left {
    float: right;
    _display: inline;
    margin: 17px 0 0 0
}

.xm-product-box .nav-bar .right a,
.xm-product-box .nav-bar .left a {
    color: #616161
}

.xm-product-box .nav-bar .right a:hover,
.xm-product-box .nav-bar .left a:hover {
    color: #ff6700
}

.xm-product-box .nav-bar .right a.cur,
.xm-product-box .nav-bar .left a.cur {
    color: #ff6700
}

.xm-product-box .nav-bar .right .separator,
.xm-product-box .nav-bar .left .separator {
    margin: 0 .25em;
    color: #212121
}

.xm-product-box .nav-bar .right .btn,
.xm-product-box .nav-bar .left .btn {
    color: #fff;
    margin-left: 5px;
    vertical-align: inherit
}

.xm-product-box .nav-bar .right .btn:hover,
.xm-product-box .nav-bar .left .btn:hover {
    color: #fff
}

.xm-product-box .nav-bar .left {
    float: left;
    margin-left: 5px;
    font-size: 12px;
    margin-top: 21px
}

.xm-product-box .nav-bar .right .separator {
    color: #e0e0e0
}

.xm-product-box.nav-bar-hidden {
    position: fixed;
    top: -10px;
    left: 0;
    z-index: 99;
    width: 100%;
    margin-top: -60px;
    -webkit-transition: margin-top .3s linear;
    transition: margin-top .3s linear;
    -webkit-box-shadow: none;
    box-shadow: none
}

.xm-product-box.nav-bar-hidden.nav_fix {
    position: fixed;
    top: 0;
    background: #fff;
    margin-top: 0;
    border-bottom: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.07)
}

.section-mp-qrcode {
    background: #fafafa
}

.section-mp-qrcode .mp-qrcode-content {
    text-align: center
}

.section-mp-qrcode .mp-qrcode-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    width: 613px;
    padding: 45px 0;
    text-align: left

}

.section-mp-qrcode .mp-qrcode-pic {
    float: left;
    _display: inline;
    margin: 0 35px 0 30px;
    width: 100px;
    height: 100px
}

.section-mp-qrcode .mp-qrcode-text {
    float: left;
    line-height: 28px;
    padding: 15px 0 0 0;
    color: #000;
    font-size: 14px
}

.section-mp-qrcode .mp-qrcode-text .mp-qrcode-title {
    line-height: 44px;
    font-size: 28px
}

@font-face {
    font-family: 'F2e04b';
    src: url("https://s3.xiaomistore.pk/107/2e04b26c6e98dd.eot");
    src: local(FZLanTingHei-EL-GBK), url("https://s3.xiaomistore.pk/107/2e04b26c6e98dd.eot?#iefix") format("embedded-opentype"), url("https://s3.xiaomistore.pk/107/2e04b26c6e98dd.woff") format("woff"), url("https://s3.xiaomistore.pk/107/2e04b26c6e98dd.ttf") format("truetype"), url("https://s3.xiaomistore.pk/107/2e04b26c6e98dd.svg") format("svg")
}

.webfont {
	font-family: ProximaNova,Arial,Sans-serif
}

.sound-cooker-box {
    overflow: hidden;
    _zoom: 1
}

.sound-cooker-box .font-i {
    font-style: italic
}

.sound-cooker-box .align-l {
    text-align: left
}

.sound-cooker-box .align-c {
    text-align: center
}

.sound-cooker-box .align-r {
    text-align: right
}

.sound-cooker-box .pos {
    position: relative
}

.sound-cooker-box .abs {
    position: absolute
}

.sound-cooker-box .abs-lt5 {
    position: absolute;
    left: 50%;
    top: 50%
}

.sound-cooker-box .background-rp {
    background-repeat: no-repeat;
    background-position: center center
}

.sound-cooker-box .cl:after {
    content: '';
    clear: both;
    height: 0;
    display: block;
    width: 100%
}

.sound-cooker-box .fl {
    float: left
}

.sound-cooker-box .fr {
    float: right
}

.sound-cooker-box h1,
.sound-cooker-box h2,
.sound-cooker-box h3,
.sound-cooker-box h4,
.sound-cooker-box h5,
.sound-cooker-box h6,
.sound-cooker-box strong,
.sound-cooker-box p,
.sound-cooker-box ul,
.sound-cooker-box li,
.sound-cooker-box dl,
.sound-cooker-box dd,
.sound-cooker-box span,
.sound-cooker-box b,
.sound-cooker-box em {
    margin: 0 auto;
    font-style: normal;
    font-weight: normal;
    list-style: none;
    padding: 0
}

.sound-cooker-box .text-content {
    position: absolute;
    left: 50%;
    top: 50%
}

.sound-cooker-box .text-content h2 {
    font-size: 26px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 30px;
}

.sound-cooker-box .text-content p {
    font-size: 14px;
    line-height: 27px;
}

.sound-cooker-box .filter img {
    filter: url(blur.svg#blur);
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);
    filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false)
}

.sound-cooker-box .sound-section-01,
.sound-cooker-box .sound-section-02,
.sound-cooker-box .sound-section-03,
.sound-cooker-box .sound-section-04,
.sound-cooker-box .sound-section-05,
.sound-cooker-box .sound-section-06,
.sound-cooker-box .sound-section-07,
.sound-cooker-box .sound-section-08,
.sound-cooker-box .sound-section-09,
.sound-cooker-box .sound-section-10 {
    position: relative;
    overflow: hidden;
    _zoom: 1
}

.sound-cooker-box .sound-section-01 {
    height: 1250px;
    background: #e9ebec
}

.sound-cooker-box .sound-section-01 .sound-section-01-t {
    width: 100%;
    height: 1250px;
    background: #e9ebec
}

.sound-cooker-box .sound-section-01 .text-content {
    width: 460px;
    top: 200px;
    margin-left: -500px;
    z-index: 5
}

.sound-cooker-box .sound-section-01 .text-content h1 {
    height: 50px;
    line-height: 50px;
    font-size: 38px;
    color: rgba(0, 0, 0, 0.8);
    background: url(https://s3.xiaomistore.pk/107/number-2.png) no-repeat 320px center;
}

.sound-cooker-box .sound-section-01 .text-content span {
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    color: rgba(0, 0, 0, 0.7);
    display: block;
    margin: 7px 0;
}

.sound-cooker-box .sound-section-01 .text-content P {
    font-size: 16px;
    color: #888889
}

.sound-cooker-box .sound-section-01 .text-content P em {
    padding: 0 5px
}

.sound-cooker-box .sound-section-01 .text-content .money {
    font-family: "Avenir", arial, sans-serif;
    height: 60px;
    line-height: 60px;
    margin-top: 45px
}

.sound-cooker-box .sound-section-01 .text-content .money span {
    color: #00c6d4;
    display: inline-block;
    *zoom: 1;
    *display: inline
}

.sound-cooker-box .sound-section-01 .text-content .money del {
    margin-left: 10px;
    font-size: 18px;
    color: #999
}

.sound-cooker-box .sound-section-01 .text-content .money .curnum {
    font-size: 34px
}

.sound-cooker-box .sound-section-01 .text-content .money i {
    font-style: normal
}

.sound-cooker-box .sound-section-01 .text-content .money em {
    font-size: 20px;
    padding-left: 10px
}

.sound-cooker-box .sound-section-01 .sound-logo {
    width: 75px;
    height: 75px;
    background: #727272 url("https://s3.xiaomistore.pk/107/sound-logo.png") no-repeat center center;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 10;
    margin: 400px -480px
}

.sound-cooker-box .sound-section-01 .section-01-cp {
    position: absolute;
    left: 50%;
    top: 50%
}

.sound-cooker-box .sound-section-01 .section-01-cp img {
    width: 100%
}

.sound-cooker-box .sound-section-01 .section-01-a {
    width: 629px;
    height: 774px;
    z-index: 3;
    -webkit-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin-left: -360px;
    top: -1000px
}

.sound-cooker-box .sound-section-01 .section-01-b {
    width: 400px;
    -webkit-transition: all 2s ease-in-out 0.5s;
    transition: all 2s ease-in-out 0.5s;
    -webkit-transform: rotate(-100deg);
    -ms-transform: rotate(-100deg);
    transform: rotate(-100deg);
    top: -900px;
    margin-left: -950px
}

.sound-cooker-box .sound-section-01 .section-01-c {
    width: 550px;
    height: 774px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: all 2s ease-in-out 0.5s;
    transition: all 2s ease-in-out 0.5s;
    top: -900px
}

.sound-cooker-box .sound-section-01 .section-01-a.active {
    -webkit-transform: translate(-1000px, -500px) !important;
    -ms-transform: translate(-1000px, -500px) !important;
    transform: translate(-1000px, -500px) !important;
    width: 400px
}

.sound-cooker-box .sound-section-01.active .section-01-a {
    top: 440px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.sound-cooker-box .sound-section-01.active .section-01-b {
    top: 300px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.sound-cooker-box .sound-section-01.active .section-01-c {
    top: 100px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.sound-cooker-box .sound-section-02 {
    height: 960px
}

.sound-cooker-box .sound-section-02 ul {
    height: 480px
}

.sound-cooker-box .sound-section-02 ul li {
    float: left;
    width: 50%;
    height: 480px;
    position: relative;
    overflow: hidden;
    _zoom: 1
}

.sound-cooker-box .sound-section-02 ul li .text-list {
    padding-top: 125px
}

.sound-cooker-box .sound-section-02 ul li .text-list .text-st {
    margin-bottom: 65px
}

.sound-cooker-box .sound-section-02 ul li .text-st-h1 {
    height: 40px;
    line-height: 40px;
    font-size: 28px;
    color: #555c60;
    margin-bottom: 20px;
}

.sound-cooker-box .sound-section-02 ul li .text-st-info {
    font-size: 15px;
    color: #555c60;
}

.sound-cooker-box .sound-section-02 ul li.list-01 {
    background: #f8f9f9 url("https://s3.xiaomistore.pk/107/sound-st-02-01.jpg") no-repeat right 100px;
    -webkit-transition: all 1s 0.5s;
    transition: all 1s 0.5s
}

.sound-cooker-box .sound-section-02 ul li.list-02 {
    text-align: left
}

.sound-cooker-box .sound-section-02 ul li.list-02 .text-list {
    padding-left: 130px
}

.sound-cooker-box .sound-section-02 ul li.list-03 {
    text-align: right
}

.sound-cooker-box .sound-section-02 ul li.list-03 .text-list {
    padding-right: 130px
}

.sound-cooker-box .sound-section-02 ul li.list-04 {
    background: #e6e8e9
}

.sound-cooker-box .sound-section-02 ul li.list-04>div {
    position: absolute;
    left: 50%;
    top: 50%
}

.sound-cooker-box .sound-section-02 ul li.list-04 .list-04-a {
    width: 100%;
    height: 480px;
    background: url("https://s3.xiaomistore.pk/107/sound-st-02-02.png") no-repeat 0 0;
    left: 130px;
    top: -100px;
    -webkit-transition: all 2s 0.5s;
    transition: all 2s 0.5s
}

.sound-cooker-box .sound-section-02 ul li.list-04 .list-04-b {
    width: 100%;
    height: 480px;
    background: url("https://s3.xiaomistore.pk/107/sound-st-02-03.png") no-repeat -220px bottom;
    left: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0)\9;
    -webkit-transition: all 1s 1s;
    transition: all 1s 1s
}

.sound-cooker-box .sound-section-02.active .list-01 {
    background-position: right -16px
}

.sound-cooker-box .sound-section-02.active .list-04 .list-04-a {
    top: 0
}

.sound-cooker-box .sound-section-02.active .list-04 .list-04-b {
    opacity: 1;
    filter: alpha(opacity=100)\9
}

.sound-cooker-box .sound-section-03 {
    height: 965px;
    background: #000
}

.sound-cooker-box .sound-section-03 .text-content {
    width: 1000px;
    margin-left: -500px;
    text-align: center;
    top: 130px
}

.sound-cooker-box .sound-section-03 .text-content h2 {
    color: #d7d8d9
}

.sound-cooker-box .sound-section-03 .text-content p {
    color: #666768
}

.sound-cooker-box .sound-section-03 .section-03-a {
    width: 1128px;
    height: 1128px;
    background: url("https://s3.xiaomistore.pk/107/sound-st-03.png") no-repeat center top;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 160px 0 0 -564px;
    -webkit-transition: all 1.5s 0.5s;
    transition: all 1.5s 0.5s;
    -webkit-transform: rotate(-80deg);
    -ms-transform: rotate(-80deg);
    transform: rotate(-80deg)
}

.sound-cooker-box .sound-section-03.active .section-03-a {
    margin-top: -127px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.sound-cooker-box .sound-section-04 {
    height: 830px
}

.sound-cooker-box .sound-section-04 .section-04-a {
    width: 100%;
    height: 830px;
    background: url("https://s3.xiaomistore.pk/107/sound-st-04.jpg") no-repeat center center;
    -webkit-transition: all 2s 1s;
    transition: all 2s 1s
}

.sound-cooker-box .sound-section-04.active .section-04-a {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.sound-cooker-box .sound-section-05 {
    height: 965px;
    background: #e2e2e3
}

.sound-cooker-box .sound-section-05 .text-content {
    width: 1000px;
    margin-left: -500px;
    text-align: center;
    top: 130px
}

.sound-cooker-box .sound-section-05 .text-content h2 {
    color: #555c60
}

.sound-cooker-box .sound-section-05 .text-content p {
    color: #666768
}

.sound-cooker-box .sound-section-05 .section-05-cp {
    position: absolute;
    left: 50%;
    top: 50%;
    background: url("https://s3.xiaomistore.pk/107/sound-st-05.png") no-repeat center center;
    height: 398px;
    top: 365px
}

.sound-cooker-box .sound-section-05 .section-05-cp.section-05-a {
    width: 375px;
    background-position: 0 0;
    margin-left: -515px;
    z-index: 5;
    -webkit-transition: all 1.5s 0.6s;

    transition: all 1.5s 0.6s
}

.sound-cooker-box .sound-section-05 .section-05-cp.section-05-b {
    width: 280px;
    background-position: -411px 0;
    margin-left: -210px;
    z-index: 4;
    -webkit-transition: all 1.5s 0.5s;
    transition: all 1.5s 0.5s
}

.sound-cooker-box .sound-section-05 .section-05-cp.section-05-c {
    width: 285px;
    background-position: -720px 0;
    margin-left: -102px;
    z-index: 3;
    -webkit-transition: all 1.5s 0.5s;
    transition: all 1.5s 0.5s
}

.sound-cooker-box .sound-section-05 .section-05-cp.section-05-d {
    width: 285px;
    background-position: -1032px 0;
    margin-left: -33px;
    z-index: 2;
    -webkit-transition: all 1.5s 0.5s;
    transition: all 1.5s 0.5s
}

.sound-cooker-box .sound-section-05 .section-05-cp.section-05-e {
    width: 505px;
    background-position: -1343px 0;
    margin-left: 107px;
    z-index: 1;
    -webkit-transition: all 1.5s 0.6s;
    transition: all 1.5s 0.6s
}

.sound-cooker-box .sound-section-05.active .section-05-cp.section-05-a {
    margin-left: -615px
}

.sound-cooker-box .sound-section-05.active .section-05-cp.section-05-b {
    margin-left: -310px
}

.sound-cooker-box .sound-section-05.active .section-05-cp.section-05-c {
    margin-left: -142px
}

.sound-cooker-box .sound-section-05.active .section-05-cp.section-05-d {
    margin-left: 67px
}

.sound-cooker-box .sound-section-05.active .section-05-cp.section-05-e {
    margin-left: 207px
}

.sound-cooker-box .sound-section-06 {
    background: #313233;
    height: 910px
}

.sound-cooker-box .sound-section-06 .text-content {
    width: 1000px;
    margin-left: -500px;
    text-align: center;
    top: 130px
}

.sound-cooker-box .sound-section-06 .text-content h2 {
    color: #c1c1c1
}

.sound-cooker-box .sound-section-06 .text-content p {
    color: #a3a3a3
}

.sound-cooker-box .sound-section-06 ul {
    height: 560px;
    width: 1226px;
    margin: 0 auto;
    padding-top: 350px
}

.sound-cooker-box .sound-section-06 ul li {
    float: left;
    width: 322px;
    height: 322px;
    position: relative
}

.sound-cooker-box .sound-section-06 ul li .li-box {
    width: 322px;
    height: 322px;
    overflow: hidden;
    _zoom: 1;
    position: relative
}

.sound-cooker-box .sound-section-06 ul li i {
    position: absolute
}

.sound-cooker-box .sound-section-06 ul li i.bg-box {
    display: block;
    width: 322px;
    height: 322px;
    background: url("https://s3.xiaomistore.pk/107/sound-st-06-list.png") no-repeat center center;
    left: 0;
    top: 0;
    z-index: 2
}

.sound-cooker-box .sound-section-06 ul li i.top {
    width: 183px;
    height: 76px;
    background: url("https://s3.xiaomistore.pk/107/sound-st-06-top.png") no-repeat center center;
    left: 46px;
    top: 136px;
    z-index: 4
}

.sound-cooker-box .sound-section-06 ul li i.hand {
    width: 206px;
    height: 132px;
    background: url("https://s3.xiaomistore.pk/107/sound-st-06-sz.png") no-repeat center center;
    left: 180px;
    top: 0;
    z-index: 1
}

.sound-cooker-box .sound-section-06 ul li.list-01 i.top {
    -webkit-transition: all 0.5s ease-in-out 0.2s;
    transition: all 0.5s ease-in-out 0.2s
}

.sound-cooker-box .sound-section-06 ul li.list-01 i.hand {
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

.sound-cooker-box .sound-section-06 ul li.list-02 {
    margin: 0 130px;
    background: url("https://s3.xiaomistore.pk/107/sound-st-06-list.png") no-repeat center center
}

.sound-cooker-box .sound-section-06 ul li.list-03 .list-03-bg {
    width: 322px;
    height: 322px;
    background: url("https://s3.xiaomistore.pk/107/sound-st-06-c.png") no-repeat center center
}

.sound-cooker-box .sound-section-06 ul li.list-03 i {
    width: 66px;
    height: 202px;
    background: url("https://s3.xiaomistore.pk/107/sound-st-06-jj.png") no-repeat center center;
    top: 55px;
    left: 30px
}

.sound-cooker-box .sound-section-06 ul li .li-text {
    position: absolute;
    left: 50%;
    width: 400px;
    z-index: 2;
    color: #a5a5a5;
    text-align: center;
    margin-left: -200px
}

.sound-cooker-box .sound-section-06 ul li .li-text span {
    font-size: 20px;
    padding-top: 60px;
    display: block
}

.sound-cooker-box .sound-section-06 ul li .li-text p {
    font-size: 14px;
    padding-top: 3px;
    color: #8B8A8A
}

.sound-cooker-box .sound-section-06.active ul>li.list-01 i.top {
    top: 140px
}

.sound-cooker-box .sound-section-06.active ul>li.list-01 i.hand {
    top: 13px
}

.sound-cooker-box .sound-section-06.active ul>li.list-01.a_cur i.top {
    top: 136px
}

.sound-cooker-box .sound-section-06.active ul>li.list-01.a_cur i.hand {
    top: 0
}

.sound-cooker-box .sound-section-06.active ul>li.list-02.a_cur i.top {
    -webkit-animation: listtwo2 1s 2s linear;
    animation: listtwo2 1s 2s linear
}

.sound-cooker-box .sound-section-06.active ul>li.list-02.a_cur i.hand {
    -webkit-animation: listhand2 1s 1.8s linear;
    animation: listhand2 1s 1.8s linear
}

.sound-cooker-box .sound-section-06.active ul>li.list-03.a_cur .list-03-bg {
    animation: quan 2s 3s linear;
    -webkit-animation: quan 2s 3s linear;
    -moz-animation: quan 2s 3s linear
}

.sound-cooker-box .sound-section-07 {
    height: 819px
}

.sound-cooker-box .sound-section-07 .section-07-a {
    width: 100%;
    height: 819px;
    background: url("https://s3.xiaomistore.pk/107/sound-st-07.jpg") no-repeat center center;
    -webkit-transition: all 2s 1s;
    transition: all 2s 1s
}

.sound-cooker-box .sound-section-07.active .section-07-a {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.sound-cooker-box .sound-section-08 {
    background: #fff;
    height: 640px
}

.sound-cooker-box .sound-section-08 .text-content {
    width: 500px;
    margin-left: 100px;
    text-align: left;
    top: 130px;
    z-index: 2
}

.sound-cooker-box .sound-section-08 .text-content h2 {
    color: #555c60
}

.sound-cooker-box .sound-section-08 .text-content p {
    color: #a3a3a3
}

.sound-cooker-box .sound-section-08 .section-08-a {
    width: 1896px;
    height: 950px;
    background: url("https://s3.xiaomistore.pk/107/sound-st-08.png") no-repeat center center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -1330px;
    margin-top: -900px;
    -webkit-transition: all 1s ease-in-out 0.5s;
    transition: all 1s ease-in-out 0.5s
}

.sound-cooker-box .sound-section-08 .section-08-b {
    width: 400px;
    height: 110px;
    background: url("https://s3.xiaomistore.pk/107/sound-st-08-b.png") no-repeat center center;
    margin-top: 40px
}

.sound-cooker-box .sound-section-08.active .section-08-a {
    margin-top: -700px
}

.sound-cooker-box .sound-section-09 {
    height: 495px;
    background: #313233 url("https://s3.xiaomistore.pk/107/sound-st-09.png") no-repeat center 107px
}

.sound-cooker-box .sound-section-09 .text-content {
    width: 500px;
    margin-left: 100px;
    text-align: center;
    top: 283px
}

.sound-cooker-box .sound-section-09 .text-content h2 {
    color: #e0e0e0;
    margin-bottom: 15px
}

.sound-cooker-box .sound-section-09 .text-content p {
    color: #a1a1a1
}

.sound-cooker-box .sound-section-09 .text-content.text-01 {
    margin-left: -540px
}

.sound-cooker-box .sound-section-09 .text-content.text-02 {
    margin-left: 20px
}

.sound-cooker-box .sound-section-10 {
    height: 1015px
}

.sound-cooker-box .sound-section-10 .section-10-a {
    width: 100%;
    height: 1015px;
    background: url("https://s3.xiaomistore.pk/107/sound-st-10.jpg") no-repeat center center;
    -webkit-transition: all 2s 1s;
    transition: all 2s 1s
}

.sound-cooker-box .sound-section-10.active .section-10-a {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

@keyframes quan {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    40% {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg)
    }
    80% {
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg)
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-webkit-keyframes quan {
    0% {
        -webkit-transform: rotate(0deg)
    }
    40% {
        -webkit-transform: rotate(20deg)
    }
    80% {
        -webkit-transform: rotate(-20deg)
    }
    100% {
        -webkit-transform: rotate(0deg)
    }
}

@-webkit-keyframes listtwo2 {
    0% {
        top: 136px
    }
    25% {
        top: 140px
    }
    50% {
        top: 136px
    }
    75% {
        top: 140px
    }
    100% {
        top: 136px
    }
}

@keyframes listtwo2 {
    0% {
        top: 136px
    }
    25% {
        top: 140px
    }
    50% {
        top: 136px
    }
    75% {
        top: 140px
    }
    100% {
        top: 136px
    }
}

@-webkit-keyframes listhand2 {
    0% {
        top: 0
    }
    25% {
        top: 13px
    }
    50% {
        top: 0
    }
    75% {
        top: 13px
    }
    100% {
        top: 0
    }
}

@keyframes listhand2 {
    0% {
        top: 0
    }
    25% {
        top: 13px
    }
    50% {
        top: 0
    }
    75% {
        top: 13px
    }
    100% {
        top: 0
    }
}

.sound-cooker-info {
    width: 1226px;
    margin: 0 auto;
    overflow: hidden;
    _zoom: 1
}

.sound-cooker-info ul {
    padding: 40px 0;
    margin: 0
}

.sound-cooker-info ul li {
    overflow: hidden;
    _zoom: 1;
    list-style: none
}

.sound-cooker-info ul li .cp-header-img {
    background: url("https://s3.xiaomistore.pk/107/info-usb-4.jpg") no-repeat -80px center;
    width: 714px;
    height: 350px
}

.sound-cooker-info ul li .info-left-title {
    left: 0;
    position: absolute;
    width: 300px;
    text-align: center;
    border-right: 1px solid #e9e9e9;
    top: 0;
    height: 100%
}

.sound-cooker-info ul li .info-left-title span {
    font-size: 20px;
    color: #000;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -20px;
    width: 100%
}

.sound-cooker-info ul li .info-right-msg {
    color: #999;
    border-bottom: 1px solid #e9e9e9;
    position: relative;
    padding-left: 300px
}

.sound-cooker-info ul li .info-right-msg .msg-text {
    font-size: 14px;
    padding: 40px 0 40px 96px
}

.sound-cooker-info ul li .info-right-msg .msg-text p {
    line-height: 35px;
    margin: 0;
    height: 35px
}

.sound-cooker-info ul li .info-right-msg .msg-text p b {
    float: left;
    width: 180px;
    font-weight: normal
}

.sound-cooker-info ul li.info-item3 .info-right-msg {
    border-bottom: 0
}

.msg-note {
    height: 120px;
    line-height: 120px;
    padding-left: 120px;
    color: #999898;
    text-align: center;
    background-color: #fafcfb;
}