.contain{
	margin-top:10px;clear:both;margin-bottom:10px;
	}
.bg {
    padding-left: 10px;
    padding-right: 10px;
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 5px 15px 0 rgba(141, 141, 141, 0.15);
}
.contain .file{position: relative;margin-top:20px;margin-bottom:20px;margin-left:10px;}
.contain .file .cover {
    display: flex !important
;
    justify-content: center;
    align-items: center;
    width: 84px;
    height: 150px;
    border-radius: 8px;
    border: 1px solid #eee;
    overflow: hidden;
    position: relative;
}
.contain .file .cover .pic {
    width: 84px;
    height: 150px;
}
.contain .file .cover .icon {
    position: absolute;
    right: 5px;
    bottom: 5px;
    font-size: 20px !important;
	width:55px;
}

.contain .file .info{position: absolute;top:0px;right:0px;left:100px;height:150px;}
.contain .file .info .title{font-size:25px;font-weight:bold;line-height:30px;white-space: nowrap;overflow: hidden;}
.contain .file .info .item{margin-top:10px;margin-bottom:10px;}
.contain .file .info .item span {
    font-size: 12px;
    color: #999;
    line-height: 14px;
    margin-right: 15px;
}
.contain .file .price {
    font-size: 14px;
    color: #666;
}
.contain .file .f12 {
    font-size: 12px !important;
}
.contain .file .f-num {
    font-size: 20px;
    font-style: normal;
}
.contain .file .down_box{position: absolute;bottom:0px;left:0px;right:0px;height:35px;}
.contain .file .down_box a {
    color: #fff;
    padding: 2px 30px;
    margin-right: 15px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    border-radius: 30px;
    background: #009688;
    display: inline-block;
    text-align: center;
    border: 0 solid #eee;
}
.contain .file .down_box a:hover{background: #fe8103}
/*************************************************************/
.floatleft {
    float: left;
	width:920px;
}
.floatright
{
	float: right;
	width: 270px;
}
.floatright .top {
    height: 40px !important;
    line-height: 40px !important;
	clear:both;
}

.floatright li{line-height:30px;border-bottom:1px solid #ccc;
height:30px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
}

.floatleft .pic{height:700px;text-align:center;padding-top:20px;padding-bottom:20px;overflow-y: scroll;margin-bottom:10px;margin-top:10px;}
.floatleft .pic img{width:100%;}

.floatleft .text{
	margin-top:10px;
	margin-bottom:10px;
height:600px;
overflow-x:hidden;
overflow-y:scroll;
padding:10px;
}

#preview_container
{
display:none;
position:fixed;width:800px;height:500px;line-height:150%;left:50%;top:50%;transform: translate(-50%, -50%);z-index:10000000;
border:1px solid #ccc;
background:#fff;
border-radius: 8px;
}
#preview_container .content{
	position:absolute;
	top:30px;
	left:0px;
	right:0px;
	bottom:10px;
overflow-x:hidden;
overflow-y:scroll;
padding:10px;
}
#preview_container .title{text-align:center;font-weight:bold;font-size:15px;line-height:30px;}
#preview_container .title a{float:right;margin-right:3px;font-size:20px;line-height:30px}
/**********************************************************************/

#pay{
	background: #fff;position:fixed;width:400px;height:500px;left:50%;top:50%;transform: translate(-50%, -50%);z-index:10000000;color:#fff;text-align:center;font-size:16px;
	border:1px solid #ccc;
}
#pay{color:#000;}
#pay .weixin{font-size:14px;padding-top:20px;}
#pay div.title{height:50px;background:#e5e5e5;line-height:50px;text-align:left;}
#pay div.title .vip_title{font-weight:bold;padding-left:20px;color:#009688;}
#pay div.title .vip_title .joinv-icon:before {
    content: "\ea3d";
    margin-right: 3px;
    vertical-align: -2px;
	font-size:18px;
}

#pay div.title .close{float:right;font-size:25px;padding-right:10px;}

#pay .weixin img.title{width:200px;}
#pay .weixin img.qrcode{width:200px;padding:20px;border:1px solid #ccc;margin-top:20px;}

#pay .weixin .vip_price{font-size: 36px;
    font-weight: normal;}
	
#pay_msg{color:#009688;}