@charset "utf-8";
html, body {background-color: #f0eff5;}
body {width:100%;margin: 0 auto;color: #333; padding: 0; font-size:14px; font-family:"Microsoft YaHei",Verdana,sans-serif;line-height: 1.6em; display:table}
body, h1, h2, h3, h4, h5, h6, p, ul, dl, ol {margin: 0;}
a:hover{text-decoration:none}
img{ border:0}
ul li{ list-style:none}
.left{ float:left}
.right{ float:right}


.slide{width:100%; margin:0 auto; padding:0px; display:table}
.slide h2 {width:96%; padding:15px 0px;color: #888;font-size: 14px;font-weight: normal; margin-left:2%}
.slide .tabdiv {background: #fff;}
.list1 {width:100%; margin:0 auto; padding:0px; display:table;position: relative;}
.list1 li{width:100%;overflow: hidden;-webkit-tap-highlight-color: rgba(0,0,0,0); padding:0px 2%;}
.list1 li:active{ background:#eeeeee;width:100%;}
.wrapper1 {position:relative;padding:16px 0 15px 0;display:block;height:100%;width:100%;font-size:15px;padding-right: 50px;box-sizing: border-box; border-bottom:1px solid #e7e7e7}
.wording_area {color: #000;vertical-align: middle;word-wrap: break-word;text-align: left;}
.arrow_area {width: 16px;text-align: right;padding-right: 1em;padding-left: 1em;position: absolute;right: 0;top: 50%;margin-top: -9px;}
.arrow_area img{ height:16px;}


.s_noborder{border-bottom:1px solid #ffffff !important}
.player_b{width:96%;margin:0 auto; padding:0px; display:table;}
.p_player{width: 100%;overflow: hidden;top: 0;left: 0; position:relative}
.t_play {position:absolute;z-index: 5; border:none; background:none; top:43%;width:100%}
.play_icon{ font-size:45px !important; color:rgba(255,255,255,0.8); text-align:center;}


.q_slide{width:100%; margin:0 auto; padding:0px; display:table; margin-top:10px;background: #fff;}
.q_title{width:96%;padding:15px 0px; margin-left:2%;font-size: 16px;line-height: 24px;font-weight: bolder; border-bottom:#e7e7e7 1px solid}
.q_content {font-size: 15px;color: #333;line-height: 24px;padding:20px 15px;}
.q_content b{ padding:15px 0px; display:block}
.q_content img{width:100%; padding:10px 0px}



/* 视频播放页 */
.videoPlay {width:96%;height: auto; margin:0 auto; padding:0px; display:table; margin-left:2%;}

.videoPlay .plyr, .videoPlay .plyr .plyr__video-wrapper {
    width: 100%;
   /* height: 100%;*/
    float: left;
}

.videoPlay video {
    width: 100%;
    float: left;
	height:190px; background:#000
}



.videoPlay .videoTxt {
    width: 100%;
    height: auto;
    float: left;
    background: #fff;
    padding: 12px;
}

.videoPlay .videoTxt h4 {
    width: 100%;
    float: left;
    line-height: 36px;
    font-size: 1.3rem;
}

.videoPlay .videoTxt span {
    display: block;
    width: 100px;
    height: 17px;
    float: left;
    background: url(../images/pingjiastar.png) no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
}

.videoPlay .videoTxt em {
    width: auto;
    float: left;
    font-style: normal;
    font-size: 1.16rem;
    color: #333;
    position: relative;
    top: -1px;
    margin-left: 6px;
}

.videoPlay .videoTxt strong {
    display: block;
    float: left;
    width: 100%;
    line-height: 40px;
    font-size: 1.8rem;
    color: #f41f51;
}

.videoPlay .videoTxt strong i {
    font-style: normal;
    float: right;
    font-size: 1.1rem;
    color: #999;
    font-weight: normal;
}

.videoPlayContent {
    display: none;
    margin-bottom: 80px;
}

.videoPlayMain {
    width: 100%;
    float: left;
    background: #fff;
    border-top: 12px solid #eee;
}

.videoPlayMain .videoPlayMainTitle {
    width: 100%;
    float: left;
    height: 48px;
}

.videoPlayMain .videoPlayMainTitle dd {
    width: 33.33%;
    float: left;
    text-align: center;
    line-height: 48px;
    font-size: 1.26rem;
    color: #999;
    position: relative;
}

.videoPlayMain .videoPlayMainTitle dd i {
    display: block;
    position: absolute;
    width: 1px;
    height: 24px;
    background: #eee;
    top: 12px;
    right: 0;
}

.videoPlayMain .videoPlayMainTitle dd:last-child i {
    left: 0;
}

.videoPlayMain .videoPlayMainTitle .ddColor {
    color: #e99316;
}

.videoPlayMain .videoPlayMainTitle dd .bColor {
    display: block;
    position: absolute;
    width: 24px;
    height: 2px;
    background: #e99316;
    bottom: 0;
    left: calc(50% - 12px);
}

.videoPlayMain .videoPlayMainCon {
    width: 100%;
    float: left;
    margin-top: 24px;
    padding: 0 12px;
}

.videoPlayMain .videoPlayMainCon ul, .videoPlayMain .videoPlayMainCon ul li {
    width: 100%;
    float: left;
}

.videoPlayMain .videoPlayMainCon ul li {
    margin-bottom: 12px;
}

.videoPlayMain .videoPlayMainCon ul li h4 {
    font-size: 1.3rem;
    color: #333;
    line-height: 48px;
}

.videoPlayMain .videoPlayMainCon ul li h4 i {
    color: #e99316;
    font-size: 1.6rem;
    font-weight: bold;
}

.videoPlayMain .videoPlayMainCon ul li p {
    width: 100%;
    float: left;
    line-height: 24px;
    font-size: 1.2rem;
    color: #666;
}

.videoPlayMain .videoPlayMainCon ul li #videoPlayMainDiv {
    width: 100%;
    height: auto;
    float: left;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.videoPlayMain .videoPlayMainCon ul li dl {
    width: auto;
    float: left;
    margin-top: 24px;
}

.videoPlayMain .videoPlayMainCon ul li dl dd {
    width: 120px;
    float: left;
    text-align: center;
}

.videoPlayMain .videoPlayMainCon ul li dl dd img {
    width: 88px;
    height: 88px;
    margin: 0 16px;
    float: left;
    border-radius: 150px;
}

.videoPlayMain .videoPlayMainCon ul li dl dd span {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 36px;
    font-size: 1.26rem;
    color: #333;
}

.videoPlayMain .videoPlayMainCon ul li dl dd em {
    font-style: normal;
    color: #999;
}

.videoPlayMain .videoPlayMainCon .videoPlayMainConShang {
    width: 100%;
    float: left;
    margin-top: 30px;
}

.videoPlayMain .videoPlayMainCon .videoPlayMainConShang span {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 1.16rem;
    color: #999;
    line-height: 36px;
    float: left;
}

.videoPlayMain .videoPlayMainCon .videoPlayMainConShang #RewardBtn {
    width: 88px;
    height: 36px;
    background: #e99316;
    color: #fff;
    border: 0;
    font-size: 1.2rem;
    margin: 10px calc(50% - 44px) 10px calc(50% - 44px);
    border-radius: 6px;
}

.videoPlayMain .videoPlayMainCon .videoPlayMainConShang p {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 1.16rem;
    color: #999;
}

.videoPlayMain .videoPlayMainCon .videoPlayMainConShang p em {
    font-style: normal;
    color: #e99316;
}

.videoPlayMain .videoPlayMainCon .videoPlayMainConShang .RewardList {
    width: 100%;
    float: left;
    margin: 16px auto;
}
.videoPlayMain .videoPlayMainCon .videoPlayMainConShang .RewardList li{
    width: 100%;
    float: left;
    height: 42px;
    border-bottom: 1px solid #eee;
}
.videoPlayMain .videoPlayMainCon .videoPlayMainConShang .RewardList li h5{
    width: 100%;
    float: left;
    height: 100%;
    line-height: 42px;
    font-size: 1.26rem;
    color: #333;
}
.videoPlayMain .videoPlayMainCon .videoPlayMainConShang .RewardList li h5 i{
    display: block;
    float: left;
    padding-top: 1px;
    color: #e99316;
    font-size: 1.6rem;
    margin-right: 6px;
}
.videoPlayMain .videoPlayMainCon .videoPlayMainConShang .RewardList li img{
    width: 36px;
    height: 36px;
    border-radius: 150px;
    float: left;
}
.videoPlayMain .videoPlayMainCon .videoPlayMainConShang .RewardList li span{
    width: calc(100% - 160px);
    padding-left: 16px;
    text-align: left;
}
.videoPlayMain .videoPlayMainCon .videoPlayMainConShang .RewardList li span b{
    color: #e99316;
}
.videoPlayMain .videoPlayMainCon .videoPlayMainConShang .RewardList li em{
    display: block;
    width: 120px;
    font-size: 1.16rem;
    line-height: 42px;
    font-style: normal;
    color: #999;
    float: right;
}

.videoPlayBaoMing {
    width: 100%;
    max-width: 640px;
    float: left;
    background: #fff;
    height: 68px;
    position: fixed;
    bottom: 0;
    padding: 0 12px;
    border-top: 1px solid #eee;
}

.videoPlayBaoMing span {
    display: block;
    float: left;
    height: 30px;
    margin: 19px auto;
}

.videoPlayBaoMing span img {
    width: auto;
    height: 100%;
    float: left;
    position: relative;
}

.videoPlayBaoMing span em {
    display: block;
    float: left;
    font-style: normal;
    color: #666;
    font-size: 1.1rem;
    position: relative;
    top: 6px;
    left: 4px;
}

.videoPlayBaoMing #videoPlayBaoMingBtn {
    float: right;
    width: 120px;
    height: 40px;
    border: 0;
    border-radius: 6px;
    background: #e99316;
    color: #fff;
    font-size: 1.26rem;
    margin: 14px auto;
}

.videoPlayMain .videoPlayMainCatalog {
    width: 100%;
    float: left;
    margin-top: 24px;
    padding: 0 12px;
}

.videoPlayMain .videoPlayMainCatalog dl {
    width: 100%;
    float: left;
}

.videoPlayMain .videoPlayMainCatalog dl dt {
    width: 100%;
    float: left;
    font-size: 1.26rem;
    color: #333;
    line-height: 36px;
}

.videoPlayMain .videoPlayMainCatalog dl dd {
    width: 100%;
    float: left;
    font-size: 1.16rem;
    color: #666;
    line-height: 26px;
}

.videoPlayMain .videoPlayMainCatalog dl dd em {
    float: right;
    font-style: normal;
    color: #999;
}

.videoPlayMain .videoPlayMainComment {
    width: 100%;
    float: left;
    margin-top: 24px;
}
.videoPlayMain .videoPlayMainComment h2{
    width: calc(100% - 24px);
    margin: 0 12px;
    height: 36px;
    line-height: 36px;
    padding: 0 12px;
    color: #999;
    background: #f5f5f5;
    border: 0;
    border-radius: 6px;
}