/*---fixfox--*/  
	.video-js .vjs-big-play-button{
		display:none;
	}
	
		
	body {
		overflow-x: hidden;	
		background-color:#f1f2f3;
	}
	html,body{
		height:100%;
	}
	button{
		outline:none;
	}
	input, textarea, select, button {
		padding: 0;
		margin: 0;
		border: none;
	}
	*{
        padding:0;
        margin:0;
    }
	textarea {
		resize: none;
	}

	ul, li {
		list-style: none;
	}

	img {
		display: block;
		vertical-align: top;
		max-width: 100%;
	}
	.weui-navbar:after {
		z-index: 1;
	}
	.weui-navbar-item.active .txt:after {
		z-index: 10;
	}
	.content-item{
		display:none;
		height: 636px;
		overflow: auto;
	}



    .container{
        width:1170px;
        padding:10px 0;
        margin:0 auto;
    }
    section{
        clear: both;
        display: table;
		white-space:nowrap;
		font-size:0;
    }
    .main{
        display:inline-block;
		vertical-align:top;
        padding-right:10px;
        width:720px;
        background-color:#f1f2f3;
    }
    .theme{
        padding:10px;
        line-height:35px;
        font-size:20px;
		font-weight:normal;
		background-color:#fff;
		color:rgb(85, 85, 85);
    }
    .sidebar{
        display:inline-block;
		vertical-align:top;
        position:relative;
        width:440px;
        padding-top:5px;
        background-color:#fff;
    }
    .jc-qrcode{
		display:none;
        position:absolute;
        bottom:-215px;
        left: 0;
        z-index: 10;
        width:100%;
        padding:30px 0;
        background: #fff;
    }
    .qrcode-pic{
        text-align: center;
    }
    .qrcode-pic>img{
        display: inline-block;
        width:100px;
        height: auto;
    }
    .qrcode-txt{
        padding-top:10px;
        padding-bottom:5px;
        text-align: center;
        font-size: 14px;
        line-height: 25px;
        color:#333;
    }
    .code-phone{
        display: inline-block;
        position:relative;
        width:200px;
        padding:15px 0;
        border:1px solid #e0e0e0;
        background-color:#fff;
    }
    .share-phone:hover .share-phoneinner{
        display:block;
    }
    .share-phoneinner:hover{
        display: block;
    }
    .arrow{
		width: 20px;
		height: 20px;
		position: absolute;
		overflow: hidden;
		right: 50px;
		bottom: -20px;
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
    }
    .arrow:before{
        content: "";
        position: absolute;
        right: 1px;
        top: 10px;
        width: 16px;
        height: 16px;
        border: 1px solid #e0e0e0;
        border-radius: 2px;
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        background-color: #fff;
    }







    /*选项卡*/
    .segmented-content{
    }
	/*导航begin*/
	.weui-navigator-list li{
		position:relative;
	}
	.weui-navigator-list li a {
		position:relative;
	}
	.weui-navigator-list li.weui-state-hover, .weui-navigator-list li.weui-state-active a {
		color: #3284ea;
	}
	.weui-navigator-list li.weui-state-hover, .weui-navigator-list li.weui-state-active:after {
		content: "";
		width: 10px;
		height:8px;
		position: absolute;
		left: 50%;
		bottom: -1px;
		line-height: 8px;
		-webkit-transform: translate(-50%);
		transform: translate(-50%);
		background-color: #fff;
		background-image:url(../img/arrow-top.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size:contain;
	}
	.weui-navigator-list li:before {
		content: " ";
		position: absolute;
		left: 0;
		bottom:0;
		width: 100%;
		height: 1px;
		color: #e5e5e5;
		-webkit-transform: scaleY(.5);
		transform: scaleY(.5);
		background-color: #e5e5e5;
	}
	.weui-navigator-list li.weui-state-hover, .weui-navigator-list li.weui-state-active a:after {
		content: '';
		display: block;
		height: 0;
	}
	/*导航end*/
	/*detail begin*/
		/*视频处理*/
	.player-wrapper{
		position:relative;
		width:100%;
		padding-top:408px;
		background-color:#fff;
	}
	.player-wrapper .video-wrapper{
		position:absolute;
		top:0;
		bottom:0;
		width:100%;
		z-index:1;
	}
	.player-wrapper video{
		display:block;
		width:100%;
		height:100%;
		z-index:-1;
	}
	.player-wrapper .play-cover {
		position: absolute;
		top: 0;
		bottom: 0;
		width: 100%;
		overflow: hidden;
		z-index: 2;
	}
	.player-wrapper .play-cover img {
		width: 100%;
		min-height: 100%;
	}
	.player-wrapper .play-cover .player-btn {
		border-radius: 30px;
		width: 60px;
		height: 60px;
		background: url(http://mp.jingchang.tv/static/live/img/player-btn.png) no-repeat center center;
		background-size: 100% 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -30px;
		margin-top: -30px;
	}
	.player-mask{
		position: absolute;
		top: 0;
		bottom: 0;
		width: 100%;
		overflow: hidden;
		z-index: 3;
		background-color:rgba(0,0,0,.5)
	}
	.player-pay{
		position: absolute;
		top:50%;;
		left:50%;
		-webkit-tansform:translate(-50%,-50%);
		transform:translate(-50%,-50%);
		border-radius: 40px;
		padding:5px 10px;
		border:1px solid #fff;
		white-space: nowrap;
		line-height: 20px; 
		color:#fff;
	}
	.player-pay .fa{
		padding-right:5px;
	}
	.player-pay:before{
		content:"";
		border-left-width:20px;
		border-right-width:20px;
		border-top-width:20px;
		border-top-color:red;
	}
	
	.emphasis{
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.title.emphasis{
		color:#333;
	}
	/*详情导航*/
    .tab{
        position:relative;
        height:50px;
    }
	.navbar{
		box-sizing: border-box;
		padding: 0 18%;
        white-space:nowrap;
        position: absolute;
        z-index: 100;
        top: 0;
        width: 100%;
        background-color: #fff;
	}
    .navbar:after {
        content: " ";
        z-index: 1;
		display:block;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background-color:#bcbab6;
        color: #bcbab6;
    }
    .navbar-item {
        position: relative;
        display: inline-block;
		width:50%;
        padding: 13px 0;
        text-align: center;
        font-size: 15px;
        -webkit-tap-highlight-color: transparent;
    }

	.navbar-item .txt{
		position:relative;
		font-size:16px;
		color:rgb(85, 85, 85);
	}
	.navbar-item.active  .txt{
		color:#0a6ed2;
	}
	.navbar-item.active .txt:after{
		content: "";
		width: 100%;
		height: 3px;
		position: absolute;
		background-color: #0a6ed2;
		bottom: -16px;
		left: 0;
	}
	/*资料*/
	.pic-group{
		padding:10px;
	}
	.pic-grounp img{
		display: block;
		width:100%;
		height:auto;
	}
	.pic-group p {
		font-size: 14px;
	}
	.pic-cell{
		padding-top:10px;
		text-align:center;
	}
	.pic-cell>img{
		display: inline-block;
		max-width:100%;
		height:auto;
	}
	
	/*相关的头像以及总描述*/
	.company{
		min-height:136px;
        border-top: 10px solid #f1f2f3;
		background-color:#fff;
	}
	.company-inner{
		position:relative;
		padding:20px 30px;
	}
	.company .avatar{
		position:absolute;
		top:20px;
		left:30px;
		width:60px;
		height:60px;
	}
	.company .avatar>img{
		display:inline-block;
		width:100%;
		height:100%;
		border-radius:40px;
	}
    .company-bd{
        padding-left:90px;
    }
	.company .title{
		line-height:21px;
		font-weight:bold;
		color:#333;
	}
	.company .tips{
		color:#666;
	}
	.box-folder .txt{
		white-space:normal;
		margin-top:5px;
		font-size:14px;
		color:#666;
		overflow: hidden;
		height:40px;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		word-break: break-all;
		line-height: 20px;
	}
	.folder{
		display:none;
		padding-top:10px;
		line-height:20px;
		font-size:14px;
		text-align:right;
		color:#0a6ed2;
	}
    .share{
        border-top: 10px solid #f1f2f3;
        padding:15px 30px;
        min-width:180px;
        line-height: 25px;
        font-size:14px;
        color:#666;
        background-color:#fff;
    }
    .share-phone{
        float:right;
        position: relative;
        width: 80px;
        line-height: 45px;
        text-align: right;
    }
    .share-phoneinner{
		display: none;
		z-index: 10;
		position: absolute;
		right: -30px;
		top: -185px;
		clear: both;
		text-align: right;
    }
    .share .icon.fa-weixin{
        width:25px;
        height:25px;
        margin-left:10px;
        line-height:25px;
        text-align: center;
        color:#fff;
       border-radius: 13px;
       background-color:#aaa;
    }
    .share .icon.fa-mobile{
        position: absolute;
        top: 10px;
        right:55px;
        color:#aaa;
        font-size: 24px;
        margin-right:10px;
    }
	/*倒计时*/
	.player-wrapper .stopWatch {
		position: absolute;
		bottom: 0;
		left: 0;
		right:0;
		z-index: 100;
		width: 100%;
		height: 50%;
		display: flex;
		display: -webkit-flex;
		justify-content: space-around;
		align-items: center;
		background: -webkit-linear-gradient(transparent,rgba(0,0,0,.8));
		background: -o-linear-gradient(transparent,rgba(0,0,0,.8));
		background: -moz-linear-gradient(transparent,rgba(0,0,0,.8));
		background: linear-gradient(transparent,rgba(0,0,0,.8));
	}

	.player-wrapper .stopWatch h5 {
		font-size: 16px;
		text-align: center;
		color: #fff;
	}

	.playerplayer-wrapper .jtime-list {
		width:100%;
		font-size: 0;
		color: #fff;
		text-align:center;
		display: inline-block;
	}
	.stopwatch-box{
		position: absolute;
		left:0;
		bottom: 11px;
		width: 100%;
		text-align: center;
	}
	.player-wrapper .jtime-list .jtime-list-cell {
	padding:0 0.1rem;
	display: table-cell;
	text-align: center;
	width:1.8rem;
	height:1.8rem;
	margin: 0.1rem;
	position: relative;
	padding:0.2rem 0.2rem 0.2rem 0.3rem;
	}
	.bg-clock{
	border-radius:8px;
	width:100%;
	}
	.player-wrapper .jtime {
	display:inline-block;
	border-radius: 5px;
	height:30px;
	color: #fff;
	text-align: center;
	font-size:24px;
	font-family:dinends;
	}

	.player-wrapper .jt-w {
		display:inline-block;
		padding:0 5px;
		color:#fff;
		font-size:14px;
		text-align: center;
		font-family: dinends;
		line-height:30px;
		font-weight:bold;
	}
	/* 权限 */
	.limit,.limit-box{
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background-color: rgba(0,0,0,0.5);
		z-index: 10;
		box-sizing: border-box;
	}
	.limit .inner,.limit-box .inner{
		position: absolute;
		left: 50%;
		top: 50%;
		padding: 10px 20px;
		-webkit-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		text-align: center;
	}
	.limit-box .inner{
		width:200px;
	}
	.limit .text{
		width:100%;
		line-height: 25px;
		font-size: 16px;
		color: #fff;
	}
	.limit .check-btn{
		display:inline-block;
		margin:10px 5px;
		width: 130px;
		border-radius:20px;
		line-height: 32px;
		cursor:pointer;
		text-align: center;
		font-size: 14px;
		color: #fff;
		background-color: #0A6ED2;
	}
	.limit .trysee-btn{
		display:inline-block;
		width: 130px;
		margin:10px 5px;
		border-radius:20px;
		line-height: 32px;
		cursor:pointer;
		text-align: center;
		font-size: 14px;
		color: #fff;
		background-color: #0A6ED2;
	}
	.limit-box .close {
		position: absolute;
		height:30px;
		width:30px;
		padding:10px;
		top: 0;
		right: 0;
		border-radius:0 15px 0 0;
		background: url(/static/play/img/close.png) no-repeat center center;
		background-size: 13px 13px;
		z-index: 202;
		cursor: pointer;
	}
	.limit-box{
		display:none;
	}
	.limit-box .inner{
		width:270px;
		padding: 0;
		border-radius:15px;
		background-color: #fff;
	}
	.limit-box .limit-title{
		width: 100%;
		height: 80px;
		padding-top: 40px;
		color: #fff;
		font-size:15px;
		box-sizing: border-box;
		background: url(/static/play/img/bombox-bg.png);
		background-size: 100% 100%;
	}
	.limit-body{
		padding:10px 20px 20px;
	}
	.limit-body .input-box{
		position: relative;
		width:100%;
		box-sizing: border-box;
		border: 1px solid #ececec;
		position: relative;
		margin-top: 10px;
		text-align: left;
	}
	.limit-body .input-box input{
		box-sizing: border-box;
		padding: 0 10px;
		width: 100%;
		line-height: 28px;
		font-size: 13px;
	}
	.limit-body .code-btn{
		position: absolute;
		right: 0;
		top: -1px;
		width: 80px;
		cursor: pointer;
		line-height: 30px;
		text-align: center;
		font-size: 13px;
		color: #fff;
		background-color: #0A6ED2;
	}
	.limit-body .tip{
		width: 100%;
		box-sizing: border-box;
		height:31px;
		padding:8px 0 3px;
		line-height: 20px;
		font-size: 13px;
		color: #e93330;
		text-align: center;
	}
	.limit-body .confirm-btn{
		width:100%;
		line-height:34px;
		border-radius: 19px;
		text-align: center;
		font-size: 15px;
		background-color: #0A6ED2;
		color: #fff;
		opacity: 0.4;
	}
	.pwds-body{
		position: relative;
		width:200px;
		border: 1px solid #0a6ed2;
		border-radius: 3px;
		margin: 15px auto 0;
	}
	.pwds-body .pwd-input{
		position: relative;
		border: none;
		width: 230px;
		height: 48px;
		letter-spacing: 40px;
		font-size: 20px;
		text-indent: 20px;
		z-index: 1;
		background: transparent;
	}
	.pwds-body .whitemask{
		position: absolute;
		right: -31px;
		width: 30px;
		top: -1px;
		height: 50px;
		z-index:2;
		background-color: #fff;
	}
	.pwds-body:before {
		content: "";
		position: absolute;
		left:50px;
		top: 0;
		z-index: 2;
		width: 50px;
		height: 48px;
		border-width: 0 1px 0 1px;
		border-color:#0a6ed2;
		border-style: solid;
	}
	.pwds-body:after {
		content: "";
		position: absolute;
		left:150px;
		top: 0;
		z-index: 2;
		width:1px;
		height: 48px;
		background-color:#0a6ed2;
	}
	.pay-qrcode img{
		padding:10px 0;
		text-align: center;
	}
	.pay-qrcode img{
		display:inline-block;
		width:85%;
	}