@charset "utf-8";
/* CSS Document */

.column_tit{margin-top:20px; margin-bottom:20px; border-bottom:#E7E7E7 2px solid;}
.column_tit h2{width:84px; padding-bottom:8px; border-bottom:#ff8700 2px solid; position:relative; bottom:-2px; font-size:20px;}

.pub_w970 .bj-col12{width:420px;}
.v-info li{font-size:14px; margin-bottom:4px; color:#666; position:relative;}
.v-info li a{color:#FF8700;}
.v-info li span{color:#000;}
.v-info li.tag a{margin-right:20px;}
.btn-down{width:92px; height:30px; background-color:#5FC322; color:#fff; font-size:16px; margin-top:20px;}
.v-info li label{float:left; padding-left:74px; color:#000; line-height:22px;}
.v-info li i{position:absolute; left:0; top:0; font-style:normal;}
.v-info li.v-descript{width:100%; height:auto; overflow:hidden;}

/*公共图片框样式*/
.pub_pic{ position:relative; left:0px; top:0px; width:200px; margin-bottom:20px; overflow:hidden; font-size:12px; }
.pub_pic .hidepic{ display:block; }
.pub_pic .hidepic img{ display:block;}
.pub_pic .bot_bg{ position:absolute; left:0px; bottom:0px; display:block; width:100%; height:24px; background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;	filter:Alpha(opacity=50);  background:#000000; 		}
.pub_pic .bot_title { position:absolute; left:0px; bottom:0px; display:block; margin:0px 5%; width:90%; line-height:24px; height:24px; color:#FFF; overflow:hidden;}
.pub_pic .imghover{ display:none;}
.js_pub_pic .botbg{ display:none;}
.js_pub_pic .imghover{ position:absolute; left:0px; top:0px; display:block; width:100%; height:130px;  color:#A9A8A8;}
.js_pub_pic .cover_bg{  position:absolute; left:0px; top:0px; display:block; width:100%; height:130px; background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important; filter:Alpha(opacity=50); background:#000000;}
.js_pub_pic .imghover h3{ position:relative; left:0px; top:0px; margin:0 auto; width:92%; padding-top:6px; height:24px; line-height:24px; overflow:hidden; font-size:16px; }
.js_pub_pic .imghover h3 a{ color:#FFF; }
.js_pub_pic h3 a:hover{ color:#ff8700; }
.js_pub_pic .imghover .pic_tip{ position:relative; left:0px; top:0px; margin:0 auto; display:block; width:92%; height:28px; line-height:28px; overflow:hidden; }
.js_pub_pic .imghover p{ position:relative; left:0px; top:0px; margin:0 auto; width:92%; height:24px; line-height:24px; overflow:hidden; color:#A9A8A8;}
.js_pub_pic p span{ display:inline; float:left;}
.js_pub_pic p .icon{ margin-top:6px; margin-right:6px;  width:12px; height:12px; background:url(http://pic.boosj.com/images/common/pub_icon.png) no-repeat 0px -600px;}
.js_pub_pic p .icon_play{ background-position:-100px -600px;}
.js_pub_pic p .icon_user{ background-position:0px -650px;}
.js_pub_pic p .username{ width:96px; overflow:hidden;}
.js_pub_pic p .played{ width:42px; overflow:hidden;}
.js_pub_pic .playbtn{ position:relative; left:0px; top:0px; z-index:3; display:block; margin:12px 0px 0px 12px; width:58px; height:24px; line-height:20px; text-align:center; overflow:hidden; font-size:14px; color:#FFF; background-color:#FF8700;}
.js_pub_pic a.playbtn:hover{ background-color:#FF8700; color:#FFF; }
.js_pub_pic .fullscreenbtn{ position:absolute; left:0px; top:0px; width:200px; height:130px; z-index:2; text-indent:-9999px; overflow:hidden;}


/*排行榜*/
.pub_pai{ width:100%; overflow:hidden; font-size:12px;}
.pub_pai dt{ display:inline; float:left; margin-bottom:10px; width:92px; height:30px; line-height:30px; text-align:center; font-size:14px; color:#FFF; clear:both; background-color:#FF8700; }
.pub_pai dd{ position:relative; left:0px; top:0px; display:inline; float:left; margin-bottom:10px; width:100%; height:20px; line-height:20px; overflow:hidden; font-size:14px; }
.pub_pai dd .pai{ display:inline; float:left; margin-right:12px; width:20px; text-align:center; overflow:hidden; color:#FFF;  background-color:#CDCDCD; }
.pub_pai dd .sty1{ background-color:#FF8700; }
.pub_pai dd .sty2{ background-color:#60C323; }
.pub_pai dd .sty3{ background-color:#Ff8700; }
.pub_pai dd .linktxt{ display:inline; float:left; width:204px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.pub_pai dd i{float:right; color:#666;}

.bn{margin-top:10px; margin-bottom:20px;}

.installapp {
	display: none;
	position: fixed;
	top: 180px;
	z-index: 100;
	background-color: #f5f5f5;
	border-radius: 6px;
	width: 450px;
	height: 225px;
	left: calc(50% - 350px);
	-webkit-box-shadow: 1px 1px 10px #ccc;
}

.installapp h4 {
text-align: center;
margin-top: 26px;
}

.installapp h4 img {
width: 117px;
height: 35px;
}

.installapp p {
text-align: center;
margin-top: 20px;
color: #f44a70;
font-size: 18px;
}

.installapp div {
width: 300px;
margin-top: 45px;
margin-bottom: 30px;
margin-left: 90px;
margin-right: 90px;
}

.installapp .install {
background-color: #f44a70;
color: #fff;
}

.installapp button {
cursor: pointer;
width: 120px;
height: 40px;
font-size: 18px;
border-radius: 6px;
}

i.inclose {
display: inline-block;
width: 20px;
height: 20px;
font-size: 12px;
background-color: #d8d8d8;
text-align: center;
line-height: 20px;
border-radius: 50%;
margin: 10px;
float: right;
color: #fff;
cursor: pointer;
}

i.inclose:hover {
background-color: #973030
}

button.inclose {
background-color: #d8d8d8;
color: #999;
float: right;
margin-right: 25px;
}
     i.inclose {
            background: url('http://www.boosj.com/dist/play/v1/images/close.png') no-repeat 0 0;
            background-size: 100%;
        }
        
        i.inclose:hover {
            background: url('http://www.boosj.com/dist/play/v1/images/onclose.png') no-repeat 0 0;
            background-size: 100%;
        }


.dropDiv {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 99;
    display: none;
  }
  .tipBox {
    width: 400px;
    position: absolute;
    top: 10%;
    left: 50%;
    margin-left: -200px;
    text-align: center;
    background-color: #fff;
    border-radius: 10px;
    font-size: 16px;
    padding-top: 56px;
    overflow: hidden;
  }
  .tipBox .code-box{
    position: relative;
    display: inline-block;
}
  .tipBox .erweima {
    width: 126px;
    height: 126px;
    vertical-align: middle;
}
.tipBox .code-cover {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 126px;
    height: 126px;
    background: rgba(0,0,0,0.3);
    z-index: 99;
    cursor: pointer;
}
.tipBox .code-cover-icon{
    width: 44px;
    height: 44px;
    margin-top: 26px;
}
.tipBox .code-refresh{
    width: 83px;
    height: 24px;
    background-color: #e24212;
    border-radius: 4px;
    color: #fff;
    margin: 12px auto;
}
.tipBox .timeLimit{
    padding-bottom: 18px;
    font-size: 14px;
    color: #666;
}
  .tipBox .bottomimg{
    width: 100%;
    height: 106px;
    vertical-align: middle;
    padding-top: 20px;
  }
  .hidebtn {
    width: 26px;
    height: 26px;
    position: absolute;
    right: 15px;
    top: 10px;
  }
  .tipBox input {
    border: 2px solid #dbdddd;
    border-radius: 8px;
    /* margin: 10px; */
    height: 40px;
    width: 200px;
    padding-left: 10px;
    margin-top: 24px;
    font-size: 16px;
  }
  .okBtn {
    width: 150px;
    height: 40px;
    background-color: #ff8700;
    color: #fff;
    text-align: center;
    line-height: 40px;
    margin: 14px auto;
    border-radius: 8px;
  }
  #textDiv {
    color: red;
    display: none;
  }