@charset "UTF-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }
q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }
a img { border: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat; background-position: center top; background-size: 100%; background-origin: content-box; }
input { padding: 0; border: 0px solid transparent; margin: 0; font-family: inherit; -webkit-appearance: none; }
input[type="text"] { line-height: inherit; }
input:focus { outline: 0; }
input::-moz-focus-inner { border: 0; }
input, button, select, textarea { outline: none; padding: 0; border: none; margin: 0; }
textarea { resize: none; }
li { vertical-align: bottom; list-style: none; outline: none; }
em { font-style: normal; }
a { cursor: pointer; blr: expression(this.onFocus=this.blur()); outline: none; text-decoration: none; -webkit-user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; }
img { max-width: 100%; vertical-align: middle; outline: none; }
html { max-width: 640px; overflow-x: hidden; margin: 0 auto; font-size: 625%; width: 100%; height:100%;}
body { position: relative; max-width: 640px; margin: 0 auto; font-family: "微软雅黑", "Tahoma", "宋体", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: .12rem; line-height: 1.5; width: 100%; height:100%;}

/*图片按钮*/
.a_img{background-repeat: no-repeat; background-size: 100%; text-indent: -43999px; overflow: hidden; font-size: 0;}
/*悬浮*/
.fixed{ position:fixed; z-index: 100;}
/*弹窗*/

.wrapper{position:relative;overflow: hidden;}

.pop{position: absolute; top: 0; left: 0;}

.pop_content{position: fixed; margin: auto;}

.pop_mask{   
    background: rgba(0,0,0,0.6);
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }

.pop_btn{position:absolute; background-size: 100%; background-repeat: no-repeat;}

.pop_close{position:absolute;background-size: 100%; background-repeat: no-repeat;}

.pop--wl { position: fixed; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
.pop_cnt { position: absolute; top: 50%; right: 0; left: 0;  margin: 0 auto;  opacity: 0; z-index: 120; -webkit-transform: translateY(-5rem); -ms-transform: translateY(-5rem); -moz-transform: translateY(-5rem); -o-transform: translateY(-5rem); transform: translateY(-5rem); }
.pop--on { z-index: 10086;}
.pop--on, .pop--on .pop_cnt { -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.pop--on .pop_cnt { opacity: 1; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

/*轮播系列*/
.swiper-wrapper{width:100%;height:100%;display:-webkit-box;display: -ms-flexbox;display:-webkit-flex;display:flex;box-sizing:content-box;}
.swiper-slide{-webkit-box-flex:0;-moz-box-flex:0;box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;position:relative;height:100%;}
.swiper-slide img{display: block; margin: 0 auto;}
.swiper-pagination{position: absolute;width:100%;text-align: center;bottom: 0;z-index: 100;}
.swiper-pagination-bullet{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;width: 0.05rem;height: 0.05rem;margin: 0 0.02rem;background: #ffffff;cursor:pointer;border-radius: 10px;}
.swiper-pagination-bullet-active{width: 0.1rem;background: #F44336;}
/* 3D Container */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container{width: 100%; overflow:hidden; }

/*转盘*/
.zp_box{width: 100%}
.zp_bg {margin:0 auto; background-repeat: no-repeat; background-size:100%;}

.zp{position:absolute; 
    -o-transform:  transform 6s;
    -ms-transform:  transform 6s;
    -moz-transform:  transform 6s;      
    -webkit-transform:  transform 6s;
    transition: transform 6s;
    -o-transform-origin:  50% 50%;
    -ms-transform-origin:  50% 50%;
    -moz-transform-origin:  50% 50%;        
    -webkit-transform-origin:  50% 50%;
    transform-origin: 50% 50%;
}
.zp_startbtn{position:absolute; }