body,figure,ul,ol,dl,dt,dd,p,h1,h2,h3,h4,h5,h6 {margin:0}
table {border-collapse:collapse;border-spacing:0}
ul,ol,li,td,th,dt,dd {padding:0}
li {list-style:none}
i, em {font-style:normal}
article,section,nav,aside,main,figure {display:block}
a {text-decoration:none;outline:0 none}
img {vertical-align:middle}
.h5bp {display:inline-block;font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;overflow:hidden}
.clearfix:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden}
.clearfix {zoom:1}
html {background-color:#313131}
body {font-size:14px;color:#333;font-family:-apple-system, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif}
.section {padding:0 6px;margin:0 auto}

.loading-box {padding-top:160px;color:#a7a7a7}
.loading-box p {text-align:center;line-height:1.6}
.loading-box p:before {content:"";width:120px;height:120px;background:url(../img/bg_logo_loading.png) no-repeat 50% 50%;display:block;margin:0 auto;-webkit-animation:motion .8s ease-in-out infinite;-moz-animation:motion .8s ease-in-out infinite;-ms-animation:motion .8s ease-in-out infinite;-o-animation:motion .8s ease-in-out infinite;animation:motion .8s ease-in-out infinite}
@-webkit-keyframes motion {0%, 100%{-webkit-transform:rotate(0deg);-webkit-transform-origin:bottom center}20%{-webkit-transform:rotate(-5deg);-webkit-transform-origin:bottom center}80%{-webkit-transform:rotate(5deg);-webkit-transform-origin:bottom center}}
@-moz-keyframes motion {0%, 100%{-moz-transform:rotate(0deg);-moz-transform-origin:bottom center}20%{-moz-transform:rotate(-5deg);-moz-transform-origin:bottom center}80%{-moz-transform:rotate(5deg);-moz-transform-origin:bottom center}}
@-ms-keyframes motion {0%, 100%{-ms-transform:rotate(0deg);-ms-transform-origin:bottom center}20%{-ms-transform:rotate(-5deg);-ms-transform-origin:bottom center}80%{-ms-transform:rotate(5deg);-ms-transform-origin:bottom center}}
@-o-keyframes motion {0%, 100%{-o-transform:rotate(0deg);-o-transform-origin:bottom center}20%{-o-transform:rotate(-5deg);-o-transform-origin:bottom center}80%{-o-transform:rotate(5deg);-o-transform-origin:bottom center}}
@keyframes motion {0%, 100%{transform:rotate(0deg);transform-origin:bottom center}20%{transform:rotate(-5deg);transform-origin:bottom center}80%{transform:rotate(5deg);transform-origin:bottom center}}
.loading-box span {color:#f6561b;cursor:pointer}
.loading-box em, .loading-box i {position:relative;overflow:hidden}
.loading-box em {width:400px;height:12px;border-radius:12px;background-color:#282828;display:block;margin:0 auto 10px}
.loading-box i {width:0;height:12px;display:block;background-color:#f6561b;-webkit-transition:width .3s ease-in-out;-moz-transition:width .3s ease-in-out;-o-transition:width .3s ease-in-out;transition:width .3s ease-in-out;display:block;height:100%;-webkit-border-top-right-radius:8px;-webkit-border-bottom-right-radius:8px;-moz-border-radius-topright:8px;-moz-border-radius-bottomright:8px;border-top-right-radius:8px;border-bottom-right-radius:8px;-webkit-border-top-left-radius:20px;-webkit-border-bottom-left-radius:20px;-moz-border-radius-topleft:20px;-moz-border-radius-bottomleft:20px;border-top-left-radius:20px;border-bottom-left-radius:20px;background-color:#f6561b;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, #f6561b),color-stop(1, #f7cb3a));background-image:-moz-linear-gradient(center bottom,#f6561b 37%,#f7cb3a 69%)}
.loading-box i:after {content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-image:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent));background-image:-moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);z-index:1;-webkit-background-size:50px 50px;-moz-background-size:50px 50px;background-size:50px 50px;-webkit-animation:move 1s linear infinite;-moz-animation:move 1s linear infinite;-o-animation:move 1s linear infinite;animation:move 1s linear infinite;overflow:hidden}
@-webkit-keyframes move { 0% { background-position:0 0} 100% { background-position:50px 50px}}
@-moz-keyframes move { 0% { background-position:0 0} 100% { background-position:50px 50px}}
@-o-keyframes move { 0% { background-position:0 0} 100% { background-position:50px 50px}}
@keyframes move { 0% { background-position:0 0} 100% { background-position:50px 50px}}
.notice-tips-fb{ text-align: center; color: #fff; }
.goods-details .section {min-height:1024px;position:relative}
.goods-logo {width:75px;height:74px;position:absolute;left:10px;top:10px;background-repeat:no-repeat;background-position:50% 50%;background-size:contain}
.rp, .rc-item {position:absolute}
.goods-details .bg {width:473px;height:542px;background:url(../img/bg_goods_part.png) no-repeat;top:150px}
.goods-details .bg {left:-150px}
.goods-details .cw {right:-150px}
.goods-details h3 {line-height:24px;color:#a7a7a7;padding:10px}
.rc {padding-top:180px}
.rc-main {background-repeat:no-repeat;width:370px;height:460px;margin:0 auto;position:relative}
.rc-item {display:none;z-index:10}
.hide {display:none}
.rp {width:34px;height:34px}
.rp1 {left:240px;top:52px}
.rc1_1 {left:34px;top:0}
.rp2 {left:282px;top:52px}
.rc1_2 {left:34px;top:0}
.rp3 {left:324px;top:52px}
.rc1_3 {left:34px;top:0}
.rp4 {left:28px;top:132px}
.rc1_4 {left:34px;top:0}
.rp5 {left:28px;top:175px;width:30px;height:30px}
.rc1_5 {left:30px;top:0}
.rp6 {left:28px;top:220px}
.rc1_6 {left:34px;top:-50px}
.rp7 {left:28px;top:264px}
.rc1_7 {left:34px;top:-50px}
.rp8 {left:28px;top:308px}
.rc1_8 {left:34px;top:-50px}
.rp9 {left:324px;top:88px}
.rc1_9 {left:34px;top:-50px}
.rp10 {left:324px;top:132px}
.rc1_10 {left:34px;top:-50px}
.rp11 {left:324px;top:175px}
.rc1_11 {left:34px;top:-200px}
.rp12 {left:324px;top:220px}
.rc1_12 {left:34px;top:-200px}
.rp13 {left:324px;top:264px}
.rc1_13 {left:34px;top:-50px}
.rp14 {left:324px;top:308px}
.rc1_14 {left:34px;top:-50px}
.rp15 {left:75px;top:94px;width:202px;height:230px}
.rc1_15 {left:-60px;top:-60px}
.rp16 {left:82px;top:339px;width:64px;height:18px}
.rca1_16 {left:-164px;top:18px;width:390px;text-align:center}
.rp17 {left:294px;top:93px;width:16px;height:22px}
.rca1_17 {left:-170px;top:-200px}

.sec-attach, .sec-bg {position:relative;top:50px;font-size:14px}
.attach-aside, .package-aside {position:fixed;left:10px;top:60px;z-index:100;width:112px;background-color:#595959;padding:3px;border-radius:5px}
.aside-menu li {border-top:1px solid #525252}
.aside-menu .menu-item {background:url(../img/btn_label.png) repeat-x}
.aside-menu {border:1px solid rgb(43, 43, 43);border-radius:5px;position:relative;overflow:hidden}
.aside-menu li:first-child {border-top:0 none}
.aside-menu label, .aside-menu a {display:block;text-align:center;line-height:36px;background-color:#444;color:#dedede}
.aside-menu label {cursor:pointer;background:url(../img/ico_arr.png) no-repeat 90% 50%}
.aside-menu ul {display:none}
.aside-menu label.active {color:#ffc207;background-image:url(../img/ico_arr_active.png)}
[data-menu="package"] label, [data-menu="package"] label.active {background:none}
.menu-item span {font-size:24px;padding-right:5px;display:inline-block;vertical-align:middle;color:#444}
.menu-item .active a, .menu-item .active span {color:#ffc207}
.attach-main, .package-main {width:1450px;height:800px;margin: auto;}
.attach-show {height:740px;display:none;position:relative;background-repeat:no-repeat;background-position:50% 50%}
.attach-show img {position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}

.attach-slider {height:740px;width:1000px;margin: auto;}
.attach-slider .slidesjs-container {overflow:visible!important}
.attach-show-item {height:740px}
.attach-show .attach-show-item img {top:50%;bottom:auto;left:50%;;right:auto;backface-visibility:hidden;-webkit-transform:translate(-50%,-49.9%) translateZ(0) scale(1.0, 1.0);-moz-transform:translate(-50%,-49.9%) translateZ(0) scale(1.0, 1.0);-ms-transform:translate(-50%,-49.9%) translateZ(0) scale(1.0, 1.0);-o-transform:translate(-50%,-49.9%) translateZ(0) scale(1.0, 1.0);transform:translate(-50%,-49.9%) translateZ(0) scale(1.0, 1.0);margin:0}
.attach-slider .slidesjs-pagination {width:100%;position:fixed;bottom:160px;left:0;right:0;text-align:center;z-index:20}
.attach-slider .slidesjs-pagination li {display:inline-block;text-align:center}
.attach-slider .slidesjs-pagination-item a {display:block;width:41px;height:41px;font-size:0;text-indent:-9999em;overflow:hidden;margin:0 10px;background:url(../img/ico_dot.png) no-repeat 50% 50%}
.attach-slider .slidesjs-pagination-item a:hover {background-image:url(../img/ico_dot_hover.png)}
.attach-slider .slidesjs-pagination-item a.active {background-image:url(../img/ico_dot_active.png)}
.attach-slider .slidesjs-previous, .attach-slider .slidesjs-next {display:none}

.sx-show {text-align:center;padding-top:200px}
.sx-item, .sx-item p, .bg-item, .bg-show {background-repeat:no-repeat;background-position:50% 50%}
.sx-item {display:inline-block;margin:0 50px;width:374px;height:397px;position:relative}
.sx-item p {width:395px;height:430px;position:absolute;left:-10px;top:-21px}
.section.shown {display:block}
.bg-item {height:800px;position:relative}
.bg-show {text-align:center;height:800px;display:none;}
.bg-show img {position:absolute;top:0;bottom:0;left:0;right:0;margin:0 auto;max-width:100%}

.package-slider {height:550px;width:1000px}
.package-show-item {height:100%}
.package-show .package-show-item img {top:50%;bottom:auto;left:50%;;right:auto;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin:0}
.package-slider .slidesjs-pagination {width:100%;position:fixed;bottom:160px;left:0;right:0;text-align:center;z-index:20}
.package-slider .slidesjs-pagination li {display:inline-block;text-align:center}
.package-slider .slidesjs-pagination-item a {display:block;width:41px;height:41px;font-size:0;text-indent:-9999em;overflow:hidden;margin:0 10px;background:url(../img/ico_dot.png) no-repeat 50% 50%}
.package-slider .slidesjs-pagination-item a:hover {background-image:url(../img/ico_dot_hover.png)}
.package-slider .slidesjs-pagination-item a.active {background-image:url(../img/ico_dot_active.png)}
.package-slider .slidesjs-previous, .package-slider .slidesjs-next {display:none}


.cw {padding-top:200px}
.cw-main {width:493px;height:444px;margin:0 auto;position:relative}
.rn, .rn-item {position:absolute}
.rn-item {display:none;z-index:1000}
.hide {display:none}
.rn {width:34px;height:34px}
.rn1_1 {left:34px;top:0}
.rn1 {left:74px;top:183px}
.rn1_2 {left:34px;top:0}
.rn2 {left:329px;top:176px}
.rn1_3 {left:34px;top:0}
.rn3 {left:327px;top:309px}
.rn1_4 {left:34px;top:0}
.rn4 {left:329px;top:365px}
.rn1_5 {left:34px;top:0}
.rn5 {left:290px;top:365px}
.rn1_6 {left:34px;top:0}
.rn6 {left:251px;top:365px}
.rn1_7 {left:34px;top:0}
.rn7 {left:212px;top:365px}
.rn1_8{left:34px;top:0}
.rn8 {left:173px;top:365px}
.rn1_9 {left:-150px;top:-140px}

.goods-tab {position:fixed;left:0;right:0;bottom:0;background-color:#1d1d1d;z-index:200}
.goods-tab .section {text-align:center;padding:18px 0;height:84px}
.goods-tab ul, .goods-tab li {display:inline-block}
.goods-tab li {padding:0 10px}
.goods-tab a {color:#a7a7a7;width:65px;height:30px;padding-top:55px;background-repeat:no-repeat;background-position:50% 12px;display:block}
.goods-tab .active {background-color:#343333}
.goods-tab .rc {background-image:url(../img/ico_rc.png)}
.goods-tab .bg {background-image:url(../img/ico_bg.png)}
.goods-tab .cw {background-image:url(../img/ico_cw.png)}
.goods-tab .attach {background-image:url(../img/ico_attach.png)}
.goods-tab .sx {background-image:url(../img/ico_sx.png)}

.highlight, .tooltip {background-color:transparent}
.highlight {border:2px solid #fbf695}
.tooltip {color:#fbf695;box-shadow:none;min-width:240px;padding-top:14px}
.introjs-arrow {border:0 none}
.introjs-button {background:none;box-shadow:none;color:#fbf695;border-color:#fbf695;font-size:12px;text-shadow:none;border-radius:4px}
.introjs-button:hover, .introjs-button:active, .introjs-button:focus {background:none;color:#fbf695;border-color:#fbf695;box-shadow:none}
.introjs-nextbutton.introjs-fullbutton {border-radius:4px}
.introjs-skipbutton {color:#a09b3f;border-color:#a09b3f}
.introjs-skipbutton:hover, .introjs-skipbutton:active, .introjs-skipbutton:focus {background:none;color:#a09b3f;border-color:#a09b3f;box-shadow:none}
.tooltip.introjs-left {background:url(../img/ico_pointer_left.png) no-repeat 100% 0;padding-right:24px;-webkit-animation:pos-l .8s ease-in-out infinite;-moz-animation:pos-l .8s ease-in-out infinite;-ms-animation:pos-l .8s ease-in-out infinite;-o-animation:pos-l .8s ease-in-out infinite;animation:pos-l .8s ease-in-out infinite}
.tooltip.introjs-right {background:url(../img/ico_pointer_right.png) no-repeat;padding-left:56px;;-webkit-animation:pos-r .8s ease-in-out infinite;-moz-animation:pos-r .8s ease-in-out infinite;-ms-animation:pos-r .8s ease-in-out infinite;-o-animation:pos-r .8s ease-in-out infinite;animation:pos-r .8s ease-in-out infinite}
@-webkit-keyframes pos-l {0%, 100%{background-position:100% 0}50%{background-position:96% 0}}
@-moz-keyframes pos-l {0%, 100%{background-position:100% 0}50%{background-position:96% 0}}
@-ms-keyframes pos-l {0%, 100%{background-position:100% 0}50%{background-position:96% 0}}
@-o-keyframes pos-l {0%, 100%{background-position:100% 0}50%{background-position:96% 0}}
@keyframes pos-l {0%, 100%{background-position:100% 0}50%{background-position:96% 0}}
@-webkit-keyframes pos-r {0%, 100%{background-position:0 0}50%{background-position:4% 0}}
@-moz-keyframes pos-r {0%, 100%{background-position:0 0}50%{background-position:4% 0}}
@-ms-keyframes pos-r {0%, 100%{background-position:0 0}50%{background-position:4% 0}}
@-o-keyframes pos-r {0%, 100%{background-position:0 0}50%{background-position:4% 0}}
@keyframes pos-r {0%, 100%{background-position:0 0}50%{background-position:4% 0}}
.introjs-tooltipbuttons {text-align:center}
.introjs-prevbutton {display:none}

/* toast */
.toast {position:fixed;z-index:100000;top:120px;left:0;right:0;width:100%}
.toast-transition {-webkit-transition:all .6s .12s;-webkit-transform:translateY(-20px);transition:all .6s .12s;transform:translateY(-20px);opacity:0}
.toast.is-visible .toast-transition {-webkit-transform:translateY(0);transform:translateY(0);opacity:1;visibility:visible;-webkit-transition-delay:0s;transition-delay:0s}
.toast p {max-width:280px;line-height:1;margin:0 auto;text-align:center;color:#fff}
.toast span {display:inline-block;padding:14px 20px;background-color:#f6561b;background-color:rgba(246,86,27,.8);border-radius:40px;box-shadow:0 0 5px rgba(93,71,40,.3)}

/* page selection */
::-moz-selection {background-color:#1d1d1d;color:#a7a7a7}
::selection {background-color:#1d1d1d;color:#a7a7a7}