/*专题导航*/
#topic_nav_box{width:100%;height:35px;background:#000;overflow:visible;}
#topic_nav{width:1000px;height:35px; margin:0 auto;padding:0;font-size:12px;font-family:"宋体","Arial Narrow"; background:#000;clear:both;}
#topic_nav img{border:none;}
#topic_nav ul,#topic_nav li{margin:0;padding:0;list-style:none;}
#topic_nav .logo{float:left;padding:6px 8px 3px 10px;}
#topic_nav .link{float:left;width:186px;}
#topic_nav .end{border:none;}
#topic_nav ul{float:right;padding:12px 3px 0 0;}
#topic_nav li{float:left;padding:0 8px;*padding-top:1px;border-right:#8f8f8f 1px solid;line-height:12px;color:#666;}
#topic_nav .link a{color:#8f8f8f; text-decoration:none;line-height:14px;}
#topic_nav .link a:visited{color:#8f8f8f;}
#topic_nav .link a:hover{color:#8f8f8f; text-decoration: underline;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Opera 9 rules here */
#topic_nav{font-family:宋体, STSong;}
}
#site_nav_mblogin{margin-top:4px;}
#site_nav_mblogin a{line-height:24px;}



body, h1, h2, p, dl, dt, dd, ul, ol, li {margin:0;padding:0}
.loginWrap {float:right;height:35px}
.login {text-align:center;font:12px/35px Tahoma,"宋体";margin-right:5px}
.login a {text-decoration:none;outline:0}
.login a:hover {text-decoration:none}
.login .active {color:#3a9bea}
.login em {font-style:normal}
.login img {border:none}
.quickArea {position:relative;float:left}
.quickLink {float:left;height:35px;display:block;padding:0 8px 0 27px;overflow:hidden;background-repeat:no-repeat}
.clearfix {*zoom:1}.clearfix:after{content:'';display:table;clear:both}
.quickLink em{display:none}
.loginBtn {width:27px;height:24px;margin:7px 5px 0 10px}

.logined .hover .quickLink{}
.loginBtn:hover {background-position:0 -42px}
.infoNum{text-decoration:none;display:block}
.quickArea dl{width:102px;padding:6px 14px;background:#fff;position:absolute;top:35px;font:12px/23px Tahoma,"宋体";border:1px solid #e2e2e2;border-width:0 1px 1px;text-align:left;display:none;box-shadow:1px 2px 2px #e2e2e2;z-index:9999}
.quickArea dl a span{margin-left:10px}
.loginNav {float:left;border-left:1px solid #d6d6d6;height:26px;line-height:18px;margin:6px 0 0 20px;padding-left:9px}
#login_layer_bg{width:100%;position:absolute;top:0;left:0;z-index:9999;background:url(../img/alphabg.png);_background:#000;_opacity:0.3;_filter:alpha(opacity=30);height:100%}
#login_layer_main {position:fixed;_position:absolute;width:490px;height:382px;top:50%;left:50%;margin:-165px 0 0 -276px;z-index:10000}
/* user */
.user {font-family:tohama;padding:5px 0 4px 10px}
.user .menu-hd {width:28px;line-height:0;margin-top:0;margin-right:5px;display:block;position:relative;text-decoration:none}
.user img {vertical-align:top}
.user .menu-hd img {width:22px;height:22px;overflow:hidden;background:#d6edff;padding:2px}
.user .menu-hd:hover .userVip{visibility:visible}
.user .menu-bd {position:absolute;top:39px;width:185px;display:none;z-index:9999}
.user .menu-bd-in {border:1px solid #e2e2e2;border-top:none;background:#fff;padding:5px 10px 10px;border-radius:4px;box-shadow:1px 2px 2px #e2e2e2}
.user .menu-hd .userVip .icon_member {position:absolute;width:13px;height:13px;right:-3px;bottom:0px;padding:0;border:none;background:none}
.user .menu-bd .userVip  {margin-right:10px}
.picT-p {width:38px;height:38px;overflow:hidden;background:#fff;border:1px solid #d9d9d9;padding:2px;float:left;margin-right:7px;margin-top:5px}
.picT-t p {line-height:24px;color:#666;text-align:left}
.picT-t a {color:#333}
.user .menu-bd .picT-p {width:38px;height:38px;overflow:hidden;background:#fff;border:1px solid #d9d9d9;padding:2px}
.quickLink {background-image:url(../img/loginall_24_1x_v1.png);_background-image:url(img/loginall_8_1x_v1.png)}

@media only screen and (-webkit-min-device-pixel-ratio:2) {.quickLink{background-size:62px auto;background-image:url(../img/loginall_24_2x_v2.png)}}

@media only screen and (min--moz-device-pixel-ratio:2) {.quickLink{background-size:62px auto;background-image:url(../img/loginall_24_2x_v2.png)}}

@media only screen and (-o-min-device-pixel-ratio:2/1) {.quickLink{background-size:62px auto;background-image:url(../img/loginall_24_2x_v2.png)}}

@media only screen and (min-device-pixel-ratio:2) {.quickLink{background-size:62px auto;background-image:url(../img/loginall_24_2x_v2.png)}}


/* sprite图 */
.loginBtn {background-position:0 0}
.weiboLink {background-position:2px -87px}
.qzoneLink {background-position:2px -130px}
.qmailLink {background-position:2px -171px}
.dyLink {background-position:2px -256px}
.dyLike {background-position:2px -297px}
/* color */

.login a {color:#fff} /* 登录数字颜色 */
.login .menu-bd a {color:#5c5c5c} /* 隐藏框内链接颜色 */
.login .menu-bd a:hover {color:#000} /* 隐藏框内链接颜色 */
.logined .hover .quickLink {color:#fff} /* 鼠标滑过背景色和字体颜色 */
.quickArea dl a span {color:#5c5c5c}

.loginBg_def {background:#379be9} /*默认背景色*/
.loginBg_def .logined .hover .quickLink{background-color:#1669ab}
.loginBg_def .quickArea dl{border-top:1px solid #1669ab}

.loginBg_green{background:#539325}/*可配置的绿色*/
.loginBg_green .logined .hover .quickLink{background-color:#3b7710}
.loginBg_green .quickArea dl{border-top:1px solid #3b7710}

.loginBg_darkgreen{background:#329B97}/*可配置的深绿色*/
.loginBg_darkgreen .logined .hover .quickLink{background-color:#00847D}
.loginBg_darkgreen .quickArea dl{border-top:1px solid #00847D}

.loginBg_red{background:#c32728}/*可配置的红色*/
.loginBg_red .logined .hover .quickLink{background-color:#a20202}
.loginBg_red .quickArea dl{border-top:1px solid #a20202}

.loginBg_black{background:#000}/*可配置的黑色*/
.loginBg_black .logined .hover .quickLink{background-color:#333}
.loginBg_black .quickArea dl{border-top:1px solid #666}

.loginBg_white{background:#fff;color:#5c5c5c}/*可配置的白色*/
.loginBg_white .logined .hover .quickLink{background-color:#cc1c1c;color:#fff}
.loginBg_white #oneKey{width:73px;height:35px;text-align:center;border:1px solid #e6e6e6;border-width:0 1px;color:#5c5c5c;background:none;margin:0;padding:0}
.loginBg_white #oneKey:hover{color:#fff;background:#cc1c1c}
.loginBg_white #oneKey em{display:block}

.loginBg_white .quickLink{color:#5c5c5c}

.loginBg_white .weiboLink {background-position:0 -335px}
.loginBg_white .qzoneLink {background-position:0 -375px}
.loginBg_white .qmailLink {background-position:0 -412px}
.loginBg_white .dyLink {background-position:0 -452px}
.loginBg_white .dyLike {background-position:0 -495px}

.loginBg_white .weiboLink:hover,.loginBg_white .logined .weiboLink {background-position:0 -535px}
.loginBg_white .qzoneLink:hover,.loginBg_white .logined .qzoneLink {background-position:0 -575px}
.loginBg_white .qmailLink:hover,.loginBg_white .logined .qmailLink {background-position:0 -612px}
.loginBg_white .dyLink:hover,.loginBg_white .logined .dyLink {background-position:0 -652px}
.loginBg_white .dyLike:hover,.loginBg_white .logined .dyLike {background-position:0 -695px}


.loginBg_white .logined .weiboLink:hover {background-position:0 -87px}
.loginBg_white .logined .qzoneLink:hover {background-position:0 -129px}
.loginBg_white .logined .qmailLink:hover {background-position:0 -170px}
.loginBg_white .logined .dyLink:hover {background-position:0 -254px}
.loginBg_white .logined .dyLike:hover {background-position:0 -296px;background-color:#cc1c1c}

.loginBg_white .logined .hover .quickLink {background-color:#cc1c1c;color:#fff}


.tcopyright {width:960px;margin:0 auto;padding:8px 0;font-size:12px;line-height:28px;color:#333; text-align:center; overflow:hidden;clear:both;}
.tcopyright .en{font-family:Arial;}
.tcopyright a{color:#333;text-decoration: none;}
.tcopyright a:hover{color:#bd0a01;text-decoration: underline;}


/*animation*/
.pt-page-moveToTopEasing {
  -webkit-animation: moveToTop .7s ease-in-out both;
    -moz-animation: moveToTop .7s ease-in-out both;
    animation: moveToTop .7s ease-in-out both;
}
.pt-page-moveFromBottom {
    -webkit-animation: moveFromBottom .6s ease both;
    -moz-animation: moveFromBottom .6s ease both;
    animation: moveFromBottom .6s ease both;
}
.pt-page-moveToBottomEasing {
    -webkit-animation: moveToBottom .7s ease-in-out both;
    -moz-animation: moveToBottom .7s ease-in-out both;
    animation: moveToBottom .7s ease-in-out both;
}
.pt-page-moveFromTop {
    -webkit-animation: moveFromTop .6s ease both;
    -moz-animation: moveFromTop .6s ease both;
    animation: moveFromTop .6s ease both;
}
.fadeIn{
    animation: fadeIn 1s linear forwards; 
    -moz-animation: fadeIn 1s linear forwards; 
    -webkit-animation: fadeIn 1s linear forwards;
}

.fadeOut{
    animation: fadeOut 1s linear forwards; 
    -moz-animation: fadeOut 1s linear forwards; 
    -webkit-animation: fadeOut 1s linear forwards;
}
.fadeInUp {
  -webkit-animation: fadeInUp 1s linear forwards;
  -moz-animation: fadeInUp 1s linear forwards;
          animation: fadeInUp 1s linear forwards;
}

.fadeOutUp {
  -webkit-animation: fadeOutUp 1s linear forwards;
  -moz-animation: fadeOutUp 1s linear forwards;
          animation: fadeOutUp 1s linear forwards;
}
.fadeInDown {
-webkit-animation: fadeInDown 1s linear forwards;
  -moz-animation: fadeInDown 1s linear forwards;
          animation: fadeInDown 1s linear forwards;
}
.fadeOutDown {
-webkit-animation: fadeOutDown 1s linear forwards;
  -moz-animation: fadeOutDown 1s linear forwards;
          animation: fadeOutDown 1s linear forwards;
}

.rotate {
  -webkit-animation: rotate  3s linear infinite;
  -moz-animation: rotate  3s linear infinite;
          animation: rotate  3s linear infinite;
}
.swipeAnimate{
  -webkit-animation:2s swipeAnimate ease-in-out infinite;
  -moz-animation:swipeAnimate 2s ease-in-out infinite;
      animation:swipeAnimate 2s ease-in-out infinite;
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
  }
}
@-moz-keyframes rotate {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate3d(0, 0, 1, 360deg);
  }

  100% {
    -moz-transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes rotate {
  0% {
    transform-origin: center center;
    transform: rotate3d(0, 0, 1, 360deg);
  }

  100% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes fadeIn{
  0%{opacity: 0;}
  100%{opacity: 1;}
}
@-webkit-keyframes fadeIn{
  0%{opacity: 0;}
  100%{opacity: 1;}
}
@-moz-keyframes fadeIn{
  0%{opacity: 0;}
  100%{opacity: 1;}
}
@keyframes fadeOut{
  0%{opacity: 1;}
  100%{opacity: 0;}
}
@-webkit-keyframes fadeOut{
  0%{opacity: 1;}
  100%{opacity: 0;}
}
@-moz-keyframes fadeOut{
  0%{opacity: 1;}
  100%{opacity: 0;}
}
@-webkit-keyframes moveToTop {
    to { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes moveToTop {
  to { -moz-transform: translateY(-100%); }
}
@keyframes moveToTop {
    to { transform: translateY(-100%); }
}
@-webkit-keyframes moveFromBottom {
    from { -webkit-transform: translateY(100%); }
}
@-moz-keyframes moveFromBottom {
    from { -moz-transform: translateY(100%); }
}
@keyframes moveFromBottom {
    from { transform: translateY(100%); }
}
@-webkit-keyframes moveToBottom {
    to { -webkit-transform: translateY(100%); }
}
@-moz-keyframes moveToBottom {
    to { -moz-transform: translateY(100%); }
}
@keyframes moveToBottom {
    to { transform: translateY(100%); }
}
@-webkit-keyframes moveFromTop {
    from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes moveFromTop {
    from { -moz-transform: translateY(-100%); }
}
@keyframes moveFromTop {
    from { transform: translateY(-100%); }
}

@-webkit-keyframes fadeInUp {
  0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); }
  100% { opacity: 1; -webkit-transform: none; }
}
@-moz-keyframes fadeInUp {
  0% { opacity: 0; -moz-transform: translate3d(0, 100%, 0); }
  100% { opacity: 1; -moz-transform: none;}
}
@keyframes fadeInUp {
  0% { opacity: 0; transform: translate3d(0, 100%, 0); }
    100% { opacity: 1; transform: none; }
}

@-webkit-keyframes fadeOutUp {
  0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); }
}

@-moz-keyframes fadeOutUp {
  0% { opacity: 1; }
  100% { opacity: 0; -moz-transform: translate3d(0, -100%, 0); }
}
@keyframes fadeOutUp {
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0, -100%, 0); }
}
@-webkit-keyframes fadeInDown {
  0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0);}
  100% { opacity: 1; -webkit-transform: none;  }
}
@-moz-keyframes fadeInDown {
  0% { opacity: 0; -moz-transform: translate3d(0, -100%, 0);}
  100% { opacity: 1; -moz-transform: none;  }
}
@keyframes fadeInDown {
  0% { opacity: 0; transform: translate3d(0, -100%, 0); }
  100% {opacity: 1; transform: none; }
}
@-webkit-keyframes fadeOutDown {
   0%{opacity:1}
   100%{opacity:0;-webkit-transform:translate3d(0,100%,0);}
}
@-moz-keyframes fadeOutDown {
   0% { opacity: 1; }
  100% { opacity: 0; -moz-transform: translate3d(0, 100%, 0); }
}
@keyframes fadeOutDown {
   0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0, 100%, 0); }
}
@-webkit-keyframes swipeAnimate {
      0% {
          opacity: 0;
      }
      50% {
          opacity: 0.8;
      }
      100% {
          opacity: 0;
          -webkit-transform: translate3d(0px, -26px, 0px);
          -moz-transform: translate3d(0px, -26px, 0px);
          transform: translate3d(0px, -26px, 0px);
      }
    }
    @-moz-keyframes swipeAnimate {
      0% {
          opacity: 0;
      }
      50% {
          opacity: 0.8;
      }
      100% {
          opacity: 0;
          -webkit-transform: translate3d(0px, -26px, 0px);
          -moz-transform: translate3d(0px, -26px, 0px);
          transform: translate3d(0px, -26px, 0px);
      }
    }
    @keyframes swipeAnimate {
      0% {
          opacity: 0;
      }
      50% {
          opacity: 0.8;
      }
      100% {
          opacity: 0;
          -webkit-transform: translate3d(0px, -26px, 0px);
          -moz-transform: translate3d(0px, -26px, 0px);
          transform: translate3d(0px, -26px, 0px);
      }
    }

/*main*/
html, body{ height: 100%; overflow: hidden; font-family:Microsoft YaHei; font-size: 62.5%; line-height: 1.5rem; }
.pt-perspective { position: relative; width: 100%; height: 100%; bottom: 0; position: absolute;top: 0; z-index: 1;}
.pt-page { width: 100%; height: 100%; position: absolute; top: 0; left: 0; visibility: hidden; overflow: hidden;}
.pt-page-current,.no-js .pt-page {  visibility: visible;  z-index: 1; }

  
.icons,#sidle_bar li,.screen-main .info:before{background: url(../img/icon.png) no-repeat;}
.screen-main{width:100%; max-width:1000px; height:100%; margin:0px auto; position: relative; z-index: 2;}


.screen-main .commcount{position: relative; border: 2px solid rgba(255,255,255,0.5); border-radius: 20px; padding:0px 0px; z-index: 2; margin:3px 0; padding: 0 10px 0 30px; cursor: pointer; display: inline-block; margin-left: 50px; z-index: 2; background-position: -1000px -1000px;}
.screen-main .commcount #commcount{font-size: 22px; line-height: 32px; color:#fff; text-decoration: none; opacity: 0.5; filter:alpha(opacity=50);}
.screen-main .commcount .comm{ background-position: -309px -28px; display: inline-block;  height: 20px;  left: 5px;  position: absolute;  top: 6px;  width: 20px;}
.screen-main .commcount.hover .comm{background-position: -309px -97px;}
.screen-main .commcount.hover #commcount{opacity: 1; filter:alpha(opacity=100);}
.musicBtn{background-position: -356px -18px; width:36px; height:36px; position: fixed; top:70px; left:60px;  display: none; z-index: 99;}
.musicBtnHover{ background-position:-356px -88px; }
#sidle_bar{position: fixed;top: 50%;right: 65px;z-index: 99999;width: 24px;}
#sidle_bar li{margin: 10px 0 10px 4px;height: 22px;width: 22px;cursor: pointer; background-position: -524px -48px;}
#sidle_bar li.current{background-position: -525px -104px;}


.fm{background: url(../img/fm.jpg) no-repeat scroll; background-position:center top; background-size: cover;}
.fd{background: url(../img/fd.jpg) no-repeat scroll;  background-position:center top;  background-size: cover;}
.swipeAnimate{width:100px; height:100px; position: absolute; bottom: 40px; right:20px; background-position: -642px -200px; z-index: 9999; display: none;}
.loading{ position: absolute; width:100%; height:100%; top:0px; left:0px; right:0px; bottom: :0px; background: url(../img/load_cover.jpg) repeat; z-index: 3;}
.load-img{background: url("../img/load_bg.png") no-repeat scroll left center;  height: auto; left: 50%; position: absolute; top: 50%; width: 388px; margin-left: -194px; }
.load-img img{width:49px; margin:0px auto; display: block;}
.loading-progress{position: absolute; left:0px; top:-3rem; width:100%; text-align: center; }
.loading-progress span{ width:auto; display: inline-block; font-size: 20px; font-size: 2rem; color:#a0a0a0; line-height: 30px; line-height: 3rem; padding: 0px 5px;}
.load-text{background: url(../img/load_text.png) no-repeat scroll center top;  height: 235px; left: 50%; margin-left: -12px; margin-top: -235px;  position: absolute; top:-40px; top: -4rem; width: 24px;}

.text,.text1,.text2{width:400px; height: 453px; position: absolute; top: 15%; left: 47%;}
.text1,.text2{width:400px; height: 453px; position: absolute; top: 15%;left: 47%;  z-index: 1; }

.pm,.pt,.pz{background: url(../img/text.png) no-repeat; display: inline-block; height: 100%; opacity: 0;  float: left; }
.pm{visibility:hidden;}
.pt,.pz{position: absolute; top:0px; display: none; }
.pm1{ width: 90px; background-position: 0 0;}
.pm2{  width: 90px;  background-position: -90px 0 ;}
.pm3{ width: 45px; background-position: -196px 0;}
.pm4{  width: 45px;  background-position: -245px 0;}
.pm5{  width: 45px; background-position: -290px 0;}
.pm6{  width:45px;  background-position: -335px 0;}
.pt1{  width: 60px; right:315px; background-position: -850px 0;}
.pt2{width: 60px; right:255px; background-position: -915px 0;}
.pt3{  width: 60px; right:195px; background-position: -980px 0;}
.pt4{ width: 45px; right:135px; background-position: -1045px 0;}
.pt5{ width: 45px; right:90px; background-position: -1090px 0;}
.pt6{ width: 90px; right:0px; background-position: -1135px 0;}
.pz{background-position: -420px 0; right:0px;  width:400px;}
.logo{  position: absolute;  width: 484px;  height: 220px; left:50%; margin-left:-242px; margin-top:15%;  opacity: 0; display: none; }
.tencent{ width:40px; margin-right:100px; height:180px; background-position: -742px 0px; float:left; opacity: 0; display: none;}
.text2{ width:550px;}

/*选集页*/
.selecters{position: relative; width:100%; height:100%; background: #000;}
.selecter{ position: absolute; top:0px; left:0px; width:20%; height:100%; overflow: hidden; cursor: pointer;}

.selecter .layer{width:100%; height:100%; background: #000; opacity: 0.5; filter:alpha(opacity=50); position: absolute; top: 0px; left: 0; z-index: 2; }

.selecter .title{position: absolute; left:12%; bottom:11%; width:76%; height:auto; display: none; z-index: 2;}
.selecter .mark{ position: absolute; left:0px; bottom:0px; width:40px; height:44px; background-position: -3px -521px; opacity: 0; display: none;}
.selecter.hover .layer{ display: none;}
.selecter.hover .title,.selecter.hover .mark{display: block;}

.selecter.current{cursor: inherit;}
.selecter.current .layer{display: none;}
.selecter.current .title{display: none;}
.selecter.current .mark{display: none;}


.selecter .selectImg{position: relative; height:100%;}
.selecter0 .selectImg{background: url(../img/e1.jpg) no-repeat scroll left top;  background-size: cover; left:-20%;}
.selecter1 .selectImg{background: url(../img/e2.jpg) no-repeat scroll left top;  background-size: cover; left:-60%;}
.selecter2 .selectImg{background: url(../img/e3.jpg) no-repeat scroll left top;  background-size: cover; left:-60%;}
.selecter3 .selectImg{background: url(../img/e4.jpg) no-repeat scroll left top;  background-size: cover; left:-20%;}
.selecter4 .selectImg{background: url(../img/e5.jpg) no-repeat scroll left top;  background-size: cover;  left:-65%;}

.back{background-position: -356px -198px; position: absolute; left:5%; bottom: 10%; opacity: 0; display: none; width:100px; height:100px; font-size: 0; text-indent: -9999px; cursor: pointer;}
.back.hover{background-position: -477px -198px;}

.selectImg .etitle{width:20%; height:auto; background-size: 100% auto; position: absolute; top:10%; left:32%; opacity: 0;  display: none;}
.selectImg .info{width:9%; height:auto; position: relative; position: absolute; top:40%; right:9px; opacity: 0; display: none;z-index: 2000}

.selectImg .info img{width:100%; height:auto;}
.selectImg .info .iden{background-position:-435px -22px; position: absolute; right:-29px; top:0px; width:20px; height:20px; content: " ";}
.selecter .screen-main{display: none;}
.selecter.current .screen-main{display: block;}
.goJj,.goZp{width:160px; height:60px; position: absolute; right: 0px; cursor: pointer;}
.goJj{ background-position: -453px -508px; bottom:-75px;}
.goZp{ background-position: -450px -593px; top:-75px;}
.goJj.hover{ background-position: -639px -508px;}
.goZp.hover{ background-position: -638px -593px;}
.screen-main .videoStart{position: absolute; top:50%; left:50%; cursor: pointer;}
.screen-main .zp .videoStart{ width:160px; height:160px; margin-left: -80px; margin-top:-80px; background-position: -30px -180px; opacity: 0; display: none;}


.screen-main .rightLine{ width:1px; height:0%; background: #fff; opacity: 0.5; filter:alpha(opacity=50); position: absolute; right:-10px; top:0px; bottom:0px;}
.screen-main .videoWrap{width:70%; height:100%; position: absolute; top:0px; right:-9px; z-index: 2;}
.screen-main .videoCon{ width:100%; height:100%; display: none;}
.screen-main .video{position: absolute; left:0px; top:0px; width:100%; height:100%; z-index: 2; overflow: hidden;}
.screen-main .videoWrap .close{background-position: -322px -573px; width:72px; height:72px; position: absolute; top:0px; right:-71px; z-index: 2; cursor: pointer;}
.screen-main .videoWrap.jj{display: none;}

.screen-main .end{width:50%; height:100%; float: left; position: relative; }
.screen-main .end .videoStart{width:100px; height:100px; background-position: -224px -216px; top:32%; margin-left:-45px;}
.screen-main .end .endIntr{position: absolute; left:0px; bottom:0px; right:0px; text-align: center; font-size:24px; font-size:2.4rem; line-height: 48px; line-height: 4.8rem; color:#fff; text-indent:24px; text-indent:1rem;}
.screen-main .end .vote{position: absolute; bottom:-100px; left:50%; width:170px; height:60px; margin-left:-85px; cursor: pointer;}
.screen-main .end0 .vote{background-position:0px -362px;}
.screen-main .end1 .vote{background-position:-190px -362px; }
.screen-main .end0 .vote.hover{background-position:0px -447px;}
.screen-main .end1 .vote.hover{background-position:-190px -447px; }

.screen-main .result{position: absolute; top:0px; left:0px; width:100%; height:100%; background: rgba(0,0,0,0.9); z-index: 3;}

.screen-main .result .voteA,.screen-main .result .voteB{position: absolute; width:50%; height:100px; height:10rem; top: 42%; margin-top: -40px; margin-top: -4rem; line-height: 60px; line-height: 6rem; font-size: 48px; font-size: 4.8rem; color:#3d2e7f; text-align: center; }
.screen-main .result .voteA{ color:#7f4444; left:0px;}
.screen-main .result .voteB{right:0px;}
.screen-main .result section{  display: inline-block; text-align: left; text-indent: 50px;}
.screen-main .result .voteNum{font-size: 30px; font-size: 3rem; line-height: 50px; line-height: 5rem; background-position: 1000px 1000px;}
.screen-main .result .voteA.on .voteNum{background-position: -372px -367px;}
.screen-main .result .voteB.on .voteNum{background-position: -372px -449px;}
.screen-main .result .bingtu{margin: 0px auto;  position: absolute; top:42%; left:50%; }
.screen-main .end .count,.screen-main .end .digg{display: none;}
.shareBtnWrap{position: absolute; width:100%; bottom: 10%; text-align: center; z-index: 99;}
.shareChoose{width:30%; cursor: pointer;}
.shareChoose.hover{background-position: -536px -789px;}
.footer{font-size: 12px; color:#fff; text-align: center; position: absolute; bottom: 10%; left:0px; width:100%; border:none;}
.footer a{ color:#fff;}


@media screen and (max-width: 1024px) {
  .screen-main .result .voteA, .screen-main .result .voteB{
    height:80px; height:8rem; margin-top: -50px; margin-top: -5rem; line-height: 40px; line-height: 4rem; font-size: 32px; font-size: 3.2rem;
  }
  .screen-main .result .voteNum{font-size: 24px; font-size: 2.4rem; line-height: 40px; line-height: 4rem; background-position: 1000px 1000px;}
  .screen-main .result .voteB.on .voteNum{background-position:-372px -453px;}
  .screen-main .result .voteA.on .voteNum{background-position:-372px -372px;}
}
/*
.back.fadeIn,.selectImg .etitle.fadeIn,.selectImg .info.fadeIn,.screen-main .zp .videoStart.fadeIn,.pm.fadeIn,.pt.fadeIn,.pz.fadeIn,.logo.fadeIn{filter:alpha(opacity=100);}
.back.fadeOut,.selectImg .etitle.fadeOut,.selectImg .info.fadeOut,.screen-main .zp .videoStart.fadeOut,.pm.fadeOut,.pt.fadeOut,.pz.fadeOut{filter:alpha(opacity=0);}*/
/*  |xGv00|11ec439adab21767df1266a30b1fe91d */