._wipe{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;}
.wipe-list{ position: absolute; overflow: hidden; top: 0px; left: 0px; bottom: 0px; right: 0px;}
.wipe-list-item{ opacity: 0; position: absolute; z-index: 4450; top: 0px; left: 0px; right: 0px; bottom: 0px;}
.wipe-list-item-inside{ bottom: auto;}
.wipe-list-active{ opacity: 1; z-index: 4451;}
.dis_no{ display: none;}

.doc{
  background: url( http://y1.ifengimg.com/ifengimcp/pic/20150322/c3c15ea6d76823e5098e_size5_w640_h432.jpg)
    no-repeat center top black;
  background-size: 100% auto;
  position: absolute;
  z-index: 4500;
  top: 0px; left: 0px; right: 0px; bottom: 0px;
}

.logo{
  position: absolute;
  top: 32px; left: 23px;
  background: url( http://y3.ifengimg.com/ifengimcp/pic/20150323/d733b06f547c4652d33a_size5_w206_h56.png)
    no-repeat center center transparent;
  background-size: 100% auto;
  width: 103px;
  height: 28px;
  z-index: 4501;
}


.logo-mini{
  position: absolute;
  top: 20px; left: 6px;
  background: url( http://y3.ifengimg.com/ifengimcp/pic/20150323/1d52a1f9f956611e73ad_size4_w151_h41.png)
    no-repeat center center transparent;
  background-size: 75px auto;
  width: 75px;
  height: 20px;
  z-index: 4501;
}

.abs-layer{
  position: absolute;
  top: 0px; left: 0px; right: 0px; bottom: 0px;
  z-index: 4500;
}

.pop_close{
  position       : absolute;
  z-index        : 4502;
  top            : -11px;
  right          : -11px;
  background     : url( http://y1.ifengimg.com/ifengimcp/pic/20150323/f4d7e2125b2bb433f6aa_size1_w44_h44.png) no-repeat center center transparent;
  background-size: 100% auto;
  width          : 22px;
  height         : 22px;
}

.background-mask{
  display: none;
  position: fixed;
  top: 0px; left: 0px; right: 0px; bottom: 0px;
  z-index: 6000;
  background-color: rgba( 0, 0, 0, 0.7);
}
.video-pop{
  display: none;
  position: fixed;
  top: 20px; left: 10px; right: 10px;
  z-index: 6001;
}

.common-page:after{
  content: ".";
  color: transparent;
  position: absolute;
  bottom: 0px; left: 0px; right: 0px;
  background-image: url( http://y1.ifengimg.com/ifengimcp/pic/20150322/44a995b4dce7f05189ce_size10_w640_h236.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-color: black;
  background-size: 100% auto;
  height: 118px;
  z-index: 44;
}

.common-page-static:after{
  position: static;
  display: block;
}

.rounds{ text-align: center;}
.rounds span{ color: #585858; font-size: 10px;}
.rounds span.active{ color: #a8a8a8;}

.down-pointer{
  position: absolute;
  bottom: 30px; left: 50%; right: 0px;
  margin-left: -50px;
  width: 100px;
  height: 30px;
  color: white;
  font-size: 18px;
  text-align: center;
  z-index: 4441;
}

@keyframes down-point{
  0% { opacity: 0; transform: translate(0px,0px);}
  20% { opacity: 0; transform: translate(0px,0px);}
  50% { opacity: 1; transform: translate(0px,10px);}
  90%{ opacity: 0; transform: translate(0px,10px); }
  100%{ opacity: 0; transform: translate(0px,0px);}
}
@-webkit-keyframes down-point{
  0% { opacity: 0; -webkit-transform: translate(0px,0px);}
  20% { opacity: 0; -webkit-transform: translate(0px,0px);}
  50% { opacity: 1; -webkit-transform: translate(0px,10px);}
  90%{ opacity: 0; -webkit-transform: translate(0px,10px); }
  100%{ opacity: 0; -webkit-transform: translate(0px,0px);}
}
@-moz-keyframes down-point{
  0% { opacity: 0; -moz-transform: translate(0px,0px);}
  20% { opacity: 0; -moz-transform: translate(0px,0px);}
  50% { opacity: 1; -moz-transform: translate(0px,10px);}
  90%{ opacity: 0; -moz-transform: translate(0px,10px); }
  100%{ opacity: 0; -moz-transform: translate(0px,0px);}
}

.down-pointer:before{
  content: "试驾有礼";
  color: white;
  font-size: 18px;
  line-height: 18px;
  text-align: center;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}

.down-pointer2:before{
  color: transparent;
}
.down-pointer:after{
  content: ".";
  color: transparent;
  position: absolute;
  top: 20px; left: 50%; right: 0px;
  margin-left: -11px;
  background: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAXCAYAAACS5bYWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUIxRjlGQjJEMDU5MTFFNEIzMUFDOTkxQzBDQzUxNEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUIxRjlGQjNEMDU5MTFFNEIzMUFDOTkxQzBDQzUxNEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1QjFGOUZCMEQwNTkxMUU0QjMxQUM5OTFDMENDNTE0RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1QjFGOUZCMUQwNTkxMUU0QjMxQUM5OTFDMENDNTE0RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Psha00EAAAHXSURBVHjazJbZR4RRGMa/jJK2kcxl0r4ZZYwiqUQ7ddFF/0I38ydlqIuSoWi0iTbVkFEiukq7StKedPH1HD3DMWb5ljPL4WfM+d73fX5nzHzf5Oi67tM0bRxMgAct+5YL+MGSBtl9/X+dAhfQsogycES/kNgoB+fcOMki4VIQptclqIxcqAAXvHDME2VS1AkO6XMNqsW+XFAFrlgQ5skyJRqixw2ojVyLLqzhSXSezJlm0RKwx/w7UC9fj9VQB27ZcJBG4SKwy9x70BhdE6+xgQ06T1qcYtECsM28R9Acqy7RgCY2irUDClMouimJuuPVJhvkloS3OFi16DrnP4HWRPVGBrZwkFgbCoXzwSrnPgNPsh6jgz0cKNYag+yI5oFlznsBXiN9ZgK8HCzWCgOtigYl0TajvWaD2iXhoAVhUb/A/lfQYabfyicjAt4YuGhCOBcE2PcOOs1mW/3OiaAPBgcokqjeAeZZ/wm6rOTa+ZF0M1iniCOB6Jwk2mM10+7tp1cSno0hLN7PSKJ9dvJU3C/7wReFpiVh8ern/jcYsJul6kk0CH4o5qfoFN+L/SEVOSofncOS8JkkOqIqQ/WfklHwS1HxOqZyfir+RU3yPuxTPftPgAEAUDGJd0z0PGIAAAAASUVORK5CYII%3D)
    no-repeat center top transparent;
  background-size: 100% auto;
  height: 12px; width: 22px;

  opacity: 0;

  transform: translate(0px,0px);
  -webkit-transform: translate(0px,0px);
  -moz-transform: translate(0px,0px);

  animation: down-point 1.5s ease-in 0s infinite forwards;
  -webkit-animation: down-point 1.5s ease-in 0s infinite forwards;
  -moz-animation: down-point 1.5s ease-in 0s infinite forwards;
}

.panel-slide{ z-index: 4500;}

.panel-slide .animate{
    animation-duration        : 0.7s !important;
    -webkit-animation-duration: 0.7s !important;
    -moz-animation-duration   : 0.7s !important;
    
    animation-fill-mode        : forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode   : forwards;
}

.panel-slide-up-mask{
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  height: 20%;
  z-index: 4600;
}
.panel-slide-down-mask{
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 13%;
  z-index: 4600;
}



.animation{
    animation-duration         : .4s;
    -webkit-animation-duration : .4s;
    -moz-animation-duration    : .4s;
    -ms-animation-duration     : .4s;
}

.homepage{
  background: url( http://y2.ifengimg.com/ifengimcp/pic/20150324/a62dd428118a0e42eae8_size27_w640_h630.jpg)
    no-repeat center top black;
  background-size: 100% auto;
}

.homepage .sound{
  position: absolute;
  top: 37px;
  right: 18px;
  background-image: url( http://y3.ifengimg.com/ifengimcp/pic/20150324/b573a2b5bd2a760786c4_size1_w41_h36.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px auto;
  width: 25px;
  height: 25px;
  z-index: 4601;
}
.homepage .sound_dis{
  background-image: url( http://y0.ifengimg.com/ifengimcp/pic/20150324/f42140f97e058081ab3c_size1_w41_h36.png);
}
._homepage_wipe{ }
.homepage .pointer-layer{
  padding-top: 120px;

}
.homepage .pointer{
  background         : url( http://y0.ifengimg.com/ifengimcp/pic/20150322/6c73b9bc06ef8295a5d8_size12_w62_h362.png)
  no-repeat center center transparent;
  background-size    : 100% auto;
  width              : 31px;
  height             : 181px;
  margin             : 0px auto;
  transform          : rotate( 230deg);
  -webkit-transform  : rotate( 230deg);
  -moz-transform     : rotate( 230deg);
  -moz-user-select   : none;
  -webkit-user-select: none;
  user-select        : none;
  -khtml-user-select : none;
  /*  transform: rotate( 490deg); // 表盘最大 */
}
.homepage .start-button{
  background     : url( http://y0.ifengimg.com/ifengimcp/pic/20150322/1463f028203e7120be66_size12_w152_h152.png) no-repeat center center transparent; 
  background-size: 100% auto;
  width          : 76px;
  height         : 76px;
  margin         : 30px auto 0px auto;
}
.homepage .audio{ display: none;}

#homepage_round{
  position: absolute;
  width: 100%; 
  bottom: 80px;
  left: 0px;
  z-index: 4500;
  display: none;
}
#homepage_round span{ font-size: 16px;}


/* 心跳 */

.heartbeat{
  background-image: url( http://y2.ifengimg.com/ifengimcp/pic/20150323/0172040e82e01861b491_size9_w640_h820.jpg);
  padding-top: 188px;
  box-sizing: border-box;
}
.heartbeat:after{
  background-image: url( http://y1.ifengimg.com/ifengimcp/pic/20150323/7aa0364e46c60660439e_size13_w640_h236.jpg);
}

.heartbeat .heartbeat-line{
  background-image   : url( http://y0.ifengimg.com/ifengimcp/pic/20150323/663ff2d711fcf7f3c2c8_size2_w640_h204.png);
  background-repeat  : no-repeat;
  background-position: center center;
  background-size    : 100% auto;
  height             : 104px;
  width              : 100%;
  transition        : all 0.1s;
  -webkit-transition: all 0.1s;
  
}
.heartbeat .heartbeat-line2{
  background-image: url( http://y0.ifengimg.com/ifengimcp/pic/20150323/d3feb57ba9fc13c25a37_size7_w640_h204.png);
}


/* 有面 */
.you_mian{
  padding-top: 85px;
  /* padding-top: 60px; */
  box-sizing: border-box;
}
.you_mian .title{
  position: absolute;
  top: 15px; right: 0px;
  background-image: url( http://y0.ifengimg.com/ifengimcp/pic/20150323/7dd57fc9a3a53144f2d3_size5_w235_h83.png);
  width: 117px; height: 42px;
}
.you_mian .rounds{
  background: url( http://y2.ifengimg.com/ifengimcp/pic/20150324/34d2a4101d6f2c966be8_size373_w19200_h405.jpg);
  background-repeat: no-repeat;
  background-color: gray;
  background-size: 12800px auto;
  background-position: 0px 0px;
  position: relative;
  height: 270px;
}

.you_mian .point{
  position       : absolute;
  z-index        : 4502;
  top            : 0px; left: 0px;
  background     : url( http://y3.ifengimg.com/ifengimcp/pic/20150323/7c375c1e82d7e119b0c5_size1_w32_h32.png) no-repeat center center transparent;
  background-size: 100% auto;
  width          : 25px;
  height         : 25px;
  display        : none;
}
.you_mian .p1{left: 265px; top: 145px; }
.you_mian .p2{left: 225px; top: 146px; }
.you_mian .p3{left: 130px; top: 100px; }
.you_mian .p4{left: 40px; top: 125px; }
.you_mian .p5{left: 40px; top: 150px; }

.you_mian .pop{
  display: none;
  position: absolute;
  z-index: 4502;
  left: 50%;
  top: 16px;
  width: 150px;
  margin-left: -75px;
  padding: 1px;
  box-sizing: border-box;
  background-color: white;
  box-shadow: 0px 0px 10px rgba( 119, 165, 212, 1);
}

.you_mian .pop .pop_content{padding: 2px; }
.you_mian .pop #you_mian_pop_img{ width: 100%; min-height: 100px;}
.you_mian .pop .pop_content .pop_title{
  color: #222222;
  font-size: 12px;
  line-height: 20px;
  border-bottom: solid 1px #b7b7b7;
  font-family: "黑体";
  text-align: left;
}
.you_mian .pop .pop_content .pop_desc{
  color: #222222;
  font-size: 10px;
  padding: 5px 0px;
  font-family: "黑体";
  text-align: left;
}


/* 后面几帧的公用部分 */
.common_wipe_layer{ 
  position: absolute; 
  overflow: hidden; 
  top: 63px;
  left: 10px;
  right: 10px;
  bottom: 100px;
}
.common_wipe_rounds{
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.common_capture{
  color: #c2e9fd;
  font-size: 14px;
  padding: 10px 0px;
  font-family: "黑体";
}
.common_desc{
  color: #c2e9fd;
  font-size: 12px;
  font-family: "黑体";
}

/* 有范 */
.you_fan{
  padding: 83px 10px 0px 10px;
  /* padding-top: 60px; */
  box-sizing: border-box;
}
.you_fan .title{
  position: absolute;
  top: 15px; right: 12px;
  background-image: url( http://y3.ifengimg.com/ifengimcp/pic/20150323/a4c3574a5ee591aedb53_size2_w141_h47.png);
  width: 70px; height: 23px;
}


/* 有内涵 */
.you_neihan{
  padding: 83px 10px 0px 10px;
  /* padding-top: 60px; */
  box-sizing: border-box;
}
.you_neihan .title{
  position: absolute;
  top: 15px; right: 12px;
  background-image: url( http://y2.ifengimg.com/ifengimcp/pic/20150323/03a5bc2ec5cd6f63d352_size2_w143_h53.png);
  width: 70px; height: 25px;
}

/* 更稳重 */
.wenzhong{
  padding: 83px 10px 0px 10px;
  /* padding-top: 60px; */
  box-sizing: border-box;
}
.wenzhong .title{
  position: absolute;
  top: 15px; right: 12px;
  background-image: url( http://y1.ifengimg.com/ifengimcp/pic/20150323/175001f2e9cb5625c1cc_size2_w141_h52.png);
  width: 70px; height: 25px;
}

/* 视频 */
.video{
  padding: 83px 10px 0px 10px;
  /* padding-top: 60px; */
  box-sizing: border-box;
}
.video .title{
  position: absolute;
  top: 22px; right: 12px;
  color: #c2e9fd;
  font-size: 12px;
  font-family: "黑体";
}
.video .capture{
  margin-top: 30px;
  text-align: center;
  color: #c2e9fd;
  font-size: 12px;
  font-family: "黑体";
}

/* 注册 */
.register{
  background: url( http://y0.ifengimg.com/ifengimcp/pic/20150324/fe39affcfbda7bc72bc2_size9_w640_h960.jpg) no-repeat center center transparent;
  background-size: auto 100%;
  width: 320px !important;
  margin: 0px auto;
}
body, html{
  background: url( http://y0.ifengimg.com/ifengimcp/pic/20150324/fe39affcfbda7bc72bc2_size9_w640_h960.jpg) no-repeat center center black;
  background-size: auto 100%;
}
.register .contain{
  padding: 80px 10px 26px 10px;
  box-sizing: border-box;
}
.register .head-title{
  position: absolute;
  top: 36px; right: 12px;
  color: #c2e9fd;
  font-size: 12px;
  font-family: "黑体";
}

.register .theme-line{
  overflow: hidden;
  margin-top: 15px;
}
.register .theme-line .label{
  float: left;
  color: #79c5fc;
  height: 25px;
  line-height: 25px;
}
.register .theme-line .theme-input{
  float: left;
  border: solid 1px #79c5fc;
  background-color: #05253b;
  width: 249px;
}
.register .theme-line .w1{ width: 112px;}
.register .theme-line .w2{ width: 68px;}
.register .theme-line .fr{ float: right;}
.register .theme-line .theme-input input, 
.register .theme-line .theme-input select{
  color: #79c5fc;
}
.register .theme-line .theme-select{
  background: url( http://y1.ifengimg.com/ifengimcp/pic/20150323/e6d30b38456a175780cf_size1_w30_h14.png) no-repeat right center transparent;
  background-size: 15px auto;
}
.register .theme-line .submit{
  display: block;
  width: 130px;
  margin: 0px auto;
}
.register .theme-line .text{
  font-size: 14px;
  color: #79c5fc;
  font-family: "黑体";
  text-align: center;
}
.register .theme-line .text .link{color: #eef6fb; }

/* 
第一帧 最右边的注册，由于不能滚动，必须缩小页面占用 
而下面这个aa的样式，是起占位作用的。不知道为什么
如果没有这个占用，那么在它后面的register-mini样式将不起作用。
*/
.aa{}
.register-mini{ background: none;}
.register-mini .logo{ top: 10px;}
.register-mini .head-title{ top: 14px;}
.register-mini .contain{ padding: 48px 10px 26px 10px;}
.register-mini .theme-line{ margin-top: 5px;}