@font-face {
  font-family: 'iconfont';  /* project id 26997 */
  src: url('../fonts/font_rb875qt03ddq85mi.eot');
  src: url('../fonts/font_rb875qt03ddq85mi.eot') format('embedded-opentype'),
  url('../fonts/font_rb875qt03ddq85mi.woff') format('woff'),
  url('../fonts/font_rb875qt03ddq85mi.ttf') format('truetype'),
  url('../fonts/font_rb875qt03ddq85mi.svg#iconfont') format('svg');
}

.iconfont{
    font-family:"iconfont";
    font-size:16px;
    font-style:normal;
}


body{
}


.bg1{
    background:url(../images/p_1.jpg) no-repeat center;
    height:715px;
    position: relative;
}
.bg2{
    background:url(../images/p_2.jpg) no-repeat center;
    height:807px;
    position:relative;
}
.bg3{
    background:url(../images/p_3.jpg) no-repeat center;
    height:854px;
    position:relative;
}
.bg4{
    background:url(../images/p_4.jpg) no-repeat center;
    height:467px;
    position:relative;
}
.bg5{
    background:url(../images/p_5.jpg) no-repeat center;
    height:1322px;
    position:relative;
}
.bg6{
    background:url(../images/p_6.jpg) no-repeat center;
    height:1183px;
    position:relative;
}
.bg7{
    background:url(../images/p_7.jpg) no-repeat center;
    height:848px;
    position:relative;
}
.bg8{
    background:url(../images/p_8.jpg) no-repeat center;
    height:959px;
    position:relative;
}
.bg9{
    background:url(../images/p_9.jpg) no-repeat center;
    height:767px;
    position:relative;
}
.bg10{
    background:url(../images/p_10.jpg) no-repeat center;
    height:749px;
    position:relative;
}
.bg11{
    background:url(../images/p_11a.jpg) no-repeat center;
    height:1353px;
    position:relative;
}
.bg11v2{
    background:url(../images/p_11v2.jpg) no-repeat center;
    height:875px;
    position:relative;
}

.bd_c{
    background: #2b2b2b;
}



.clear{
    clear:both;
}


/*播放器*/

.audio_bg{
    background:#f9c63c;
    width:616px;
    position: absolute;
    left:50%;
    top:528px;
    margin-left: -308px;
    padding:23px;
    box-sizing: border-box;
    border-radius: 10px;
    z-index: 999;
}
.audio_box{
    border: 1px solid #000000;
    border-radius: 10px;
    padding:24px;
}
.audio_title{
    font-size:12px;
    clear:both;
}
.audio_title strong{
    display:block;
    color:#333;
    font-size:16px;
    font-weight:normal;
    margin-left:72px;
}
.audio_title span {
    color: #eed981;
    display: block;
    margin-left:25%;

}
#musicAudio {
    height: 60px;
    font-size: 0px;
    clear:both;
    margin-top: -20px;
}

#musicAudio * {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
}

#musicAudioPlayAndPause {
    line-height: 62px;
    width: 62px;
    height: auto;
    margin-right: 10px;
}

#musicAudioTime {
    margin: 5px 5px;
    position:absolute;
    left:0;
    color:#000000;
    right:0;
    top:5px;
}
.currentTime{
    float:left;
}
.totalTime{
    float:right;
}
#musicAudioProgress, #musicAudioProgressPar {
    height: 3px;
}

#musicAudioProgressPar {
    width: 430px;
    position:relative;
    background-color: #ffffff;
}

#musicAudioProgress {
    width: 0px;
    background-color: #09bc08;
    vertical-align:top;
}



.show_box{
    position:fixed;
    z-index:999;
    width:663px;
    height:530px;
    top:50%;
    left:50%;
    margin-left:-331px;
    margin-top:-265px;
    background:url(../images/tan.png) no-repeat center;
}
.show_box .show_close{
    display:block;
    position:absolute;
    bottom:0;
    width:50px;
    height:50px;
    left:50%;
    margin-left:-25px;
    cursor:pointer;
}

.shadow_box{
    background:rgba(0,0,0,.5);
    position:fixed;
    left:0;
    top:0;
    height:100%;
    width:100%;
    z-index:99;
}


.fix_box,.fix_box2,.fix_over{
    position:fixed;
    height:80px;
    bottom:0;
    left:0;
    right:0;
    z-index:999;
    width:100% !important;
    background:url(../images/btn.jpg) no-repeat center rgba(0,68,37,.7);
}
.fix_box2{
    background:url(../images/p_fix_1.jpg) no-repeat center rgba(0,68,37,.7);
}
.fix_box3{
    background:url(../images/p_fix_3.jpg) no-repeat center rgba(0,68,37,.7);
}
.fix_over{
    background:url(../images/p_fix_over.jpg) no-repeat center rgba(0,68,37,.7);
}
.fix_box a.buy_btn,.fix_box2 a.buy_btn{
    display:block;
    position:absolute;
    left:50%;
    margin-left:330px;
    width:210px;
    height:80px;
}





.category_v4 {margin:0 auto;width:1253px;padding:20px 0;
}
.category_v4 li {
    display:inline-block;
    width:100%;
}
.category_v4 li h2 {
    font-size:22px;
    width:168px;
    float:left;
    text-align: center;
    border-radius:5px;
    line-height:60px;
    margin: 0 5px 0 0;
    color:#000000;
    background: #f9c63c;
}
.category_v4 .c_desc {
    display:inline-block;
    float:left;
    width:1080px;
}
.category_v4 .c_desc a{
    display:block;
    width:168px;
    height:60px;
    line-height:60px;
    text-align:center;
    background:#353535;
    border-radius:5px;
    color:#ffffff;
    float:left;
    margin-right:5px;
    font-size:20px;
    margin-bottom:5px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}

.category_v4 .c_desc.type_2 a {
    background:#212121;
}
.category_v4 .c_desc a:hover {
    background:#f9c63c;
    font-size:18px;
    color:#fff;
}