﻿/* public */
html,body,form,ol,ul,li,div,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,th,td,font,em,ins,span,a{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;font-weight:normal}
html{_filter:expression(document.execCommand("BackgroundImageCache",false,true));}
ul,li,div,dl,dt,dd{list-style:none;}
h1.wm-public{height:0px; line-height:0px; font-size:0px;}
a{text-decoration:none;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
img{border:0;}
font,em{font-style:normal; font-family:\5b8b\4f53;}
label{vertical-align:middle; font-family:tahoma;}
textarea,input{resize:none; outline:none;}
ins{float:right; text-decoration:none; font-weight:normal;}
.pub_wsp{word-wrap:break-word; word-break:break-all;}
.pub_abso{vertical-align:middle;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.pub_ani{-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.pub_yh{font-family:"Microsoft YaHei";}
.none{display:none;}
body{background:none; font-size:12px; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53; background: #f9f9f9;}
#content{padding-top: 99px; width: 750px;}
#wrap{background: url(https://xxa.wanmei.com/tongrenzhan/m/images/bg.jpg) no-repeat center 0; position: relative; width: 750px; margin:0 auto;}


#header{width:750px; height: 630px; position: relative;}
.logo{ position: absolute; left: 0; top: 0; width: 217px; height: 291px; background: url(https://xxa.wanmei.com/tongrenzhan/m/images/logo.png) no-repeat 0 0; }
.logo a{ position: absolute; top: 25px; left: 30px; width: 70px; height: 200px; }
.btnBox{width:348px; position: absolute; right: 0; top: 42px;}
.btnBox a{float: left; width: 164px; height: 53px; line-height: 53px; text-align:center; font-size: 20px; color: #FFF;}
.btnBox a.a1{background: url(https://xxa.wanmei.com/tongrenzhan/m/images/enterbtn.png) no-repeat center 0; color: #453420; margin-right: 20px;}
.btnBox a.a2{background: url(https://xxa.wanmei.com/tongrenzhan/m/images/infobtn.png) no-repeat center 0; font-family:"黑体";}
.btnBox a:hover{-webkit-transform: translate(0,-10px);transform: translate(0,-10px);}

.tg{ position: absolute; top: 14px; right: 13px; width: 98px; height: 105px; background: url(https://xxa.wanmei.com/tongrenzhan/m/images/tg.png) no-repeat 0 0; z-index: 1; }
.tg_tip{ position: absolute; top: 0; left: -327px; width: 327px; height: 80px; padding-top: 17px; text-align: center; background: url(https://xxa.wanmei.com/tongrenzhan/m/images/tg_tip.png) no-repeat 0 0; line-height: 20px; font-size: 15px; color: #FFF; display: none; }

.popShow{width: 313px; position: absolute; left: 0px; top: 0;}
.popShow span{display: block; text-align: center; font-size: 16px; color: #373737; line-height: 24px; padding-top: 14px;}

.popCode{width: 137px;}
.popCode img{display: block; width: 129px; height: 129px; margin:0 auto; padding: 4px;}
.popCode span{display: block; text-align: center; font-size: 18px; color: #FFF; padding-top: 3px; height: 31px; line-height: 31px;}


#main{width:750px; position: relative; padding-bottom: 210px; overflow: hidden;}

.publicTop{height: 174px;}
.navTab{width: 700px; margin:0 auto;}
.navTab a{float: left; width: 140px; height: 30px; line-height: 26px; background-repeat: no-repeat; background-position: center bottom; cursor: pointer; font-size: 20px; color: #303030; text-align: center; margin-bottom: 20px;}
.navTab a:hover,.navTab a.on{background-image: url(https://xxa.wanmei.com/tongrenzhan/m/images/navbg.png); color: #55a1cf;}

.listTab{height: 62px; text-align: center;}
.listTab a{cursor: pointer; display: inline-block; width: 115px; height: 42px; background: url(https://xxa.wanmei.com/tongrenzhan/m/images/hot.png) no-repeat 0 0; line-height: 42px; font-size: 20px; color: #50aa9a; text-align: center; margin:0 10px;}
.listTab a.last{margin:0;}
.listTab a.on,.listTab a:hover{background: #ec9c5b; color: #fff;}

.listBox{width: 700px; margin:0 auto;}
.item{width: 330px; background: #FFF; box-shadow: 0 0 10px #999; margin:0 10px 22px 10px;}
.imgBox{position: relative;}
.imgBox img{display: block; width: 330px;}
.imgBox span{display: block; width: 44px; height: 37px; position: absolute; right: 0; bottom: 0; z-index: 2;}
.imgBox span.img{background: url(https://xxa.wanmei.com/tongrenzhan/m/images/img.png) no-repeat 0 0;}
.imgBox span.music{background: url(https://xxa.wanmei.com/tongrenzhan/m/images/music.png) no-repeat 0 0;}
.imgBox .name{ padding: 15px; font-size: 18px; color: #262626; }
.imgBox .des{ height: 120px; padding: 0 15px; line-height: 24px; font-size: 14px; color: #bbbbbb; display: -webkit-box; -webkit-line-clamp:5; -webkit-box-orient: vertical; overflow: hidden; }
.textBox{height: 74px;}
.textLeft{float: left; width: 175px; padding: 10px 0 0 15px; font-size: 14px;}
.textLeft strong{display: block; height: 30px; line-height: 30px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color: #262626; font-weight: normal; width: 100%;}
.textLeft span{display: block; background: url(https://xxa.wanmei.com/tongrenzhan/m/images/icon.png) no-repeat 0 center; height: 20px; line-height: 20px; color: #b2a365; text-indent: 24px;}
.textRight{float: right; width:54px; padding-top: 22px;}
.textRight a{cursor: pointer; background: url(https://xxa.wanmei.com/tongrenzhan/m/images/x.png) no-repeat 0 -18px; width: 21px; height: 18px; display: block; margin:0 auto;}
.textRight a.off{ background-position: 0 0; }
.textRight span{display: block; text-align: center; color: #d54848; padding-top:4px;}
.moreBox{width: 160px; height: 28px; margin:0 auto; font-size: 20px; color: #838383; text-align: right;}
.moreBox span{float: left; width: 26px; height: 26px; border: 1px solid #838383; border-radius: 26px; position: relative;}
.moreBox strong{display: block; width: 8px; height: 8px; background: #838383; border-radius: 8px; position: absolute; left: 9px; top: 9px; z-index: 10; -webkit-transform: translate(-12px,0);transform: translate(-12px,0)}

.moveyuan2{
  -webkit-animation: moveyuan2 1s linear infinite;
  -moz-animation: moveyuan2 1s linear infinite;
  -o-animation: moveyuan2 1s linear infinite;
  -ms-animation: moveyuan2 1s linear infinite;
  animation: moveyuan2 1s linear infinite;
}
@-webkit-keyframes moveyuan2{
  0%{-webkit-transform:rotate(0deg);}
  100%{-webkit-transform:rotate(360deg);}
}
@keyframes moveyuan2{
  0%{transform:rotate(0deg);}
  100%{transform:rotate(360deg);}
}

.waitBox{width: 540px; margin:0 auto;}

.waitBox li{width: 540px; height: 410px;}
.waitBox li span{width: 540px; height: 300px; background: #959595 url(https://xxa.wanmei.com/tongrenzhan/m/images/wait.png) no-repeat center center; display: block;}
.waitBox li strong{display: block; text-align: center; font-weight: normal; font-size: 22px; color: #959595; line-height: 48px;}

.popFiex{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #FFF; z-index: 101; display: none; }
.popFiex .main{ position: fixed; top: 20px; left: 50%; margin-left: -340px; width: 680px; height: 90%; }
.goBack{height: 94px;}
.goBack a{display: block; width: 136px; height: 50px; line-height: 50px; text-align: center; background: #ec9c5b; color: #FFF; font-size: 20px;}
.popMain{width: 650px; margin: 0 auto; height: 100%; }
.poplrTop{height: 82px; font-size: 20px;}
.poplrText{float: left; width: 444px; padding-left: 38px;}
.poplrText strong{display: block; height: 36px; line-height: 32px; width: 100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color: #262626; font-weight: normal; padding-top:4px;}
.poplrText span{display: block; background: url(https://xxa.wanmei.com/tongrenzhan/m/images/icon.png) no-repeat 0 center; height: 20px; line-height: 20px; color: #b2a365; text-indent: 24px;}
.poplrBtn{float: right; width:70px; padding-top: 10px;}
.poplrBtn a{cursor: pointer; background: url(https://xxa.wanmei.com/tongrenzhan/m/images/x.png) no-repeat 0 -18px; width: 21px; height: 18px; display: block; margin:0 auto;}
.poplrBtn a.off{ background-position: 0 0; }
.poplrBtn span{display: block; text-align: center; color: #d54848; padding-top:4px;}

.popSelect{float: left; width: 60px; padding-left: 16px;}
.popSelect span{display: block; width: 60px; height: 60px; line-height: 60px; font-size: 20px; border: 1px solid #b2a365; color: #b2a365; text-align: center; border-radius: 60px; background: none; }
.popSelect span.ok{ background: #b2a365; color: #FFF; }

.popRight{width: 605px; margin: 0 auto; padding-top: 26px;}
.popSource{height: 40px; margin-bottom: 18px;}
.popSource span{display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; overflow: hidden; height: 40px; line-height: 40px; border-radius: 4px; background: #e5e5e5; font-size: 20px; color: #9d9d9d; padding: 0 10px;}


.popInput{height: 50px;}
.popTextarea{height: 36px; float: left; width: 495px;}
.popTextarea input{font-size: 14px; color: #000; line-height: 34px; border-radius: 4px; width:438px; border:1px solid #dcdcdc; background:#f9f9f9; height: 34px; padding: 0 26px;}
.popBtn{float: right;}
.popBtn a{display: block; width: 100px; height: 36px; line-height: 36px; text-align:center; background: #d54848; font-size: 18px; color: #FFF; float: right; border-radius: 3px; cursor: pointer;}

.bigImg{width: 650px; height: 70%; position: relative; overflow-x: hidden; overflow-y: auto; }
.bigImg img.big{display: block; max-width: 650px; margin: 0 auto; }
.zimu{ position: absolute; }
#picShow .zimu{ top: 176px; left: 12px; width: 650px; height: 200px; }
#musicShow .zimu{ top: 176px; left: 0; width: 100%; height: 33%;}
.media_play{ position: absolute; top: 176px; left: 0; width: 100%; height: 462px; z-index: 102; }
.bigIcon{ width: 41px; height: 41px; background: url(https://xxa.wanmei.com/tongrenzhan/m/images/big.png) no-repeat 0 0; position: absolute; right: 15px; top: 234px; z-index: 101; }

.musicBox{width: 620px; height: 136px; margin:0 auto;}
.bigImg2{width: 100%; height: 462px; position: relative;}
.bigImg2 .media{ width: 100%; height: 462px; }
.bigImg2 video{ width: 100%; }
.bigImg2 img{ position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 70%;
  -webkit-transform:translate(-50%,-50%);
  -moz-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  -o-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
}
.musicMain{width: 620px; height: 136px; position: relative;}
.musicLight{width: 363px; height: 68px; position: absolute; left: 50%; margin-left: -182px; top: 0; overflow: hidden;}

.musicLight span{float: left; width: 4px; height: 67px; margin-right:2px;}
.musicLight span.v1{background: url(https://xxa.wanmei.com/tongrenzhan/m/images/a1.png) no-repeat 0 0;}
.musicLight span.v2{background: url(https://xxa.wanmei.com/tongrenzhan/m/images/a2.png) no-repeat 0 0;}
.musicLight span.v3{background: url(https://xxa.wanmei.com/tongrenzhan/m/images/a3.png) no-repeat 0 0;}
.musicLight span.v4{background: url(https://xxa.wanmei.com/tongrenzhan/m/images/a4.png) no-repeat 0 0;}
.musicLight span.v5{background: url(https://xxa.wanmei.com/tongrenzhan/m/images/a5.png) no-repeat 0 0;}
.musicLight span.v6{background: url(https://xxa.wanmei.com/tongrenzhan/m/images/a6.png) no-repeat 0 0;}

.musicLight span.v7{background: url(https://xxa.wanmei.com/tongrenzhan/m/images/a4.png) no-repeat 0 20px;}
.musicLight span.v8{background: url(https://xxa.wanmei.com/tongrenzhan/m/images/a4.png) no-repeat 0 30px;}
.musicLight span.v9{background: url(https://xxa.wanmei.com/tongrenzhan/m/images/a4.png) no-repeat 0 0px;}
.musicLight span.v10{background: url(https://xxa.wanmei.com/tongrenzhan/m/images/a4.png) no-repeat 0 15px;}
.musicLight span.v11{background: url(https://xxa.wanmei.com/tongrenzhan/m/images/a4.png) no-repeat 0 40px;}
.musicLight span.v12{background: url(https://xxa.wanmei.com/tongrenzhan/m/images/a4.png) no-repeat 0 25px;}

.musicPlay{width: 620px; height: 70px; bottom: 0; position: absolute; left: 0;}
.audioplayer-bar{width:100%; position: absolute; left: 0; top: 0; height:2px; background: #e7e2da; line-height: 0;}
.audioplayer-bar-loaded,.audioplayer-volume{display: none;}
.audioplayer-bar-played{height: 2px; line-height: 0; background: #ec9c5b; width: 0;}
.audioplayer-time-duration{color: #9d9d9d; font-size: 13px; position: absolute; right: 0; top: 10px; width: 46px; text-align: right; background: url(https://xxa.wanmei.com/tongrenzhan/m/images/x2.png) no-repeat 0 center;}
.audioplayer-time-current{color: #9d9d9d; font-size: 13px; position: absolute; right:56px; top: 10px; width: 40px; text-align: right;}
.audioplayer-playpause{width:50px; height: 50px; background: #ec9c5b; border-radius: 50px; position: absolute; left: 50%; margin-left: -25px; bottom: 0; cursor: pointer;}
.audioplayer-playpause a{overflow: hidden; text-indent: -999px; display: block; width: 50px; height: 50px;}
.audioplayer-playpause a.play{background: url(https://xxa.wanmei.com/tongrenzhan/m/images/play.png) no-repeat 19px center;}
.audioplayer-playpause a.stop{background: url(https://xxa.wanmei.com/tongrenzhan/m/images/stop.png) no-repeat center center;}

.musicMove span.v1,.musicMove span.v12{
  -webkit-animation: moveTop 0.9s alternate infinite ease-in-out;
  -moz-animation: moveTop 0.9s alternate infinite ease-in-out;
  -o-animation: moveTop 0.9s alternate infinite ease-in-out;
  -ms-animation: moveTop 0.9s alternate infinite ease-in-out;
  animation: moveTop 0.9s alternate infinite ease-in-out;
}
.musicMove span.v2,.musicMove span.v11{
  -webkit-animation: moveTop 0.9s 0.2s alternate infinite ease-in-out;
  -moz-animation: moveTop 0.9s 0.2s alternate infinite ease-in-out;
  -o-animation: moveTop 0.9s 0.2s alternate infinite ease-in-out;
  -ms-animation: moveTop 0.9s 0.2s alternate infinite ease-in-out;
  animation: moveTop 0.9s 0.2s alternate infinite ease-in-out;
}
.musicMove span.v3,.musicMove span.v10{
  -webkit-animation: moveTop 0.9s 0.4s alternate infinite ease-in-out;
  -moz-animation: moveTop 0.9s 0.4s alternate infinite ease-in-out;
  -o-animation: moveTop 0.9s 0.4s alternate infinite ease-in-out;
  -ms-animation: moveTop 0.9s 0.4s alternate infinite ease-in-out;
  animation: moveTop 0.9s 0.4s alternate infinite ease-in-out;
}
.musicMove span.v4,.musicMove span.v9{
  -webkit-animation: moveTop 0.9s 0.5s alternate infinite ease-in-out;
  -moz-animation: moveTop 0.9s 0.5s alternate infinite ease-in-out;
  -o-animation: moveTop 0.9s 0.5s alternate infinite ease-in-out;
  -ms-animation: moveTop 0.9s 0.5s alternate infinite ease-in-out;
  animation: moveTop 0.9s 0.5s alternate infinite ease-in-out;
}
.musicMove span.v5,.musicMove span.v8{
  -webkit-animation: moveTop 0.9s 0.4s alternate infinite ease-in-out;
  -moz-animation: moveTop 0.9s 0.4s alternate infinite ease-in-out;
  -o-animation: moveTop 0.9s 0.4s alternate infinite ease-in-out;
  -ms-animation: moveTop 0.9s 0.4s alternate infinite ease-in-out;
  animation: moveTop 0.9s 0.4s alternate infinite ease-in-out;
}
.musicMove span.v6,.musicMove span.v7{
  -webkit-animation: moveTop 0.9s 0.2s alternate infinite ease-in-out;
  -moz-animation: moveTop 0.9s 0.2s alternate infinite ease-in-out;
  -o-animation: moveTop 0.9s 0.2s alternate infinite ease-in-out;
  -ms-animation: moveTop 0.9s 0.2s alternate infinite ease-in-out;
  animation: moveTop 0.9s 0.2s alternate infinite ease-in-out;
}
@-webkit-keyframes moveTop{
  0%{-webkit-transform:translate(0,0);}
  100%{-webkit-transform:translate(0,30px);}
}
@-moz-keyframes moveTop{
  0%{-moz-transform:translate(0,0);}
  100%{-moz-transform:translate(0,30px);}
}
@-ms-keyframes moveTop{
  0%{-ms-transform:translate(0,0);}
  100%{-ms-transform:translate(0,30px);}
}
@-o-keyframes moveTop{
  0%{-o-transform:translate(0,0);}
  100%{-o-transform:translate(0,30px);}
}
@keyframes moveTop{
  0%{transform:translate(0,0);}
  100%{transform:translate(0,30px);}
}

#textShow .popRight{ position: absolute; top: 25px; right: 20px; }
.bigText{ width: 590px; height: 70%; margin: 40px 0 0 20px; padding: 20px; float: left; color: #3f3f3f; overflow-x: hidden; overflow-y: auto; }
.bigText .tit{ margin-bottom: 30px; text-align: center; font-size: 40px; }
.bigText .text{ line-height: 40px; font-size: 26px; }

.go_top{ position: fixed; right: 0; bottom: 100px; width: 121px; height: 121px; background: url(https://xxa.wanmei.com/tongrenzhan/m/images/go_top.png) no-repeat 0 0; background-size: 100% auto; display: none; z-index: 2; }