/**
##
#	Project: PHPDISK File Storage Solution
#	This is NOT a freeware, use is subject to license terms.
#
#	Chinese Website: http://www.phpdisk.com
#
#	International Website: http://www.phpdisk.net
#
#	Author: Along ( admin@phpdisk.com )
#
#	$Id: vip.css 75 2024-08-23 14:45:00Z along $
#
#	Copyright (C) 2008-2083 PHPDisk Team. All Rights Reserved.
#
##
*/
body {
    color: #333;
}
ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,p {
    margin: 0;
    padding: 0;
    list-style: none;
}
i,em { font-style: normal; }

.pay-area {
	padding:0;
}
.pay-box {
    padding: 0 10px;
}
.pay-area .title {
    color: #999;
    margin-bottom: 20px;
}
.pay-table dl {
    padding: 0 0 15px 0;
    zoom: 1;
}
.pay-table dl:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
}
.pay-table dt {
    float: left;
    font-size: 14px;
    font-weight: bold;
    width: 100px;
    line-height: 34px;
    padding-right: 10px;
    text-align: right;
}
.pay-table dd {
    float: left;
    /* width: 822px; */
}
.pay-table .pay-btn-row dt { width: 20px; }
/* .pay-table .pay-btn-row dd { width: 902px; } */
.pay-table .ipt-label {
    margin: 5px 30px 4px 0;
    position: relative;
}
.pay-table .ipt-label label,
.pay-table .ipt-label input { cursor: pointer; }
.pay-table .ipt-label label { font-size: 14px; }
.pay-table .ipt-label input { width: 13px; }
.pay-table .pay_btn {
    background: url("../images/pay_icon.gif") -20px -40px;
    float: left;
    height: 34px;
    line-height: 12;
    margin-bottom: 10px;
    overflow: hidden;
    width: 119px;
	background-position: -20px -80px;
}
.pay-table .agreement {
    height: 24px;
    clear: both;
}
.pay-table .agreement .left { float: left; }
.pay-table .agreement .right { float: right; }
.pay-table .agreement input,
.pay-table .agreement label,
.pay-table .agreement a {
    display: inline-block;
    vertical-align: middle;
}
.pay-table .agreement .right a { margin-left: 20px; }
.pay-table .agreement .right .icon-light {
    background: url(pay_icon.gif) 0 -50px;
    display: inline-block;
    height: 22px;
    width: 12px;
    vertical-align: middle;
    margin: 0 3px;
}
.pay-account {
    float: left;
    height: 34px;
    line-height: 27px;
    margin-right: 30px;
}
.pay-account strong {
    color: #F60;
    font-size: 24px;
    margin-right: 5px;
}
.pay-account .present {
    background-color: #f60;
    color: #fff;
    display: inline-block;
    line-height: 17px;
    margin-right: 5px;
    padding: 0 3px;
}
.pay-title {
    color: #333;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}

.service-list {
    position: relative;
    /* width: 990px; */
    margin-bottom: 10px;
    overflow: hidden;
    zoom: 1;
}
.service-list li {
    /* float: left;
    margin-right: 30px; */
}
.service-list .box {
    background-color: #fafcff;
    border: 1px solid #e8f2ff;
    border-radius: 3px;
    color: #666;
    display: block;
    font-size: .8em;
    height: auto;
    line-height: 20px;
    width: 188px;
    padding: 95px 5px 5px;
    position: relative;
    text-align: center;
	margin-bottom: 20px;
}
.service-list .box:hover {
    background-color: #f4f8ff;
    border-color: #c0d8fc;
}
.service-list .focus .box {
    background-color: #FFFDEE;
    border-color: #FA4103;
    border-width: 3px;
    padding: 94px 4px 4px;
}
.service-list .focus .pic { top: 9px; }
.service-list .pic {
    height: 100px;
	width:165px;
    position: absolute;
    top: 10px;
    left: 50px;
    margin-left: -40px;
}
.service-list .box .ipt-label {
    color: #666;
    float: none;
    display: block;
    height: 22px;
    margin: 3px 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
    padding: 0 10px;
}
.service-list .box .ctn {
    color: #666;
    float: none;
	display: block;
    height: auto;
    margin: 3px 0;
    text-align: left;
    padding: 0 10px;
	word-wrap:word-break;
	word-break:break-all;
	
}
.service-list .box .ipt-label em {
    color: #f60;
    font-weight: bold;
    margin-right: 3px;
}
.service-list .box .ipt-label .discount {
    background-color: #f60;
    display: inline-block;
    color: #fff;
    line-height: 16px;
    padding: 0 3px;
    margin: 0 3px;
}
.service-list li .desc {
    color: #999;
    height: 20px;
    overflow: hidden;
}
.service-list li .lightspot {
    color: #333;
    border-top: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
    display: block;
    font-size: 18px;
    height: 46px;
    line-height: 46px;
    margin: 5px 0 7px 0;
    overflow: hidden;
}
.pay_tips{margin-left:10px;padding-top:5px; padding-left:5px; padding-bottom:4px; border:1px #C0D8FC solid; float:left; margin-top:5px;}
.vip_box{ width:800px; height:100%; margin:auto; border:1px #dfdfdf solid;}
.vip_box ul{ padding:0; margin:0;}
.vip_box ul li{ background:url("../images/yes.jpg") left no-repeat; float:left; display:block; width:120px; padding:5px; padding-left:30px; line-height:25px; height:25px; margin-right:30px; margin-left:10px;}