/*
   本页样式为虚拟主机--基本型、超G型、Linux、多线型、双线型、集群主机、香港、美国、asp.net主机、Java主机、成品网站主机
   公共样式
*/

.content {
    padding: 20px 0 40px;
    background: #f2f3f5;
}

/**************************主机介绍 开始**************************/

.content-title{
    padding: 50px 0 20px 390px;
    min-height: 240px;
    height: auto;
    background-repeat: no-repeat;
    background-position: top left;
    background-color: #fff;
}
.content-title h1 {
    font-size: 30px;
    color: #585858;
}
.content-title p {
    padding-right: 10px;
    line-height: 2;
    font-size: 14px;
    color: #727272;
}

/*基本型虚拟主机*/
.basic-title{
    background: url("/Tpl_2016/images2016/webhosting/webhosting-basic.jpg") no-repeat top left #fff;
}
/*数据库*/
.database-title{
    background-image: url("/Tpl_2016/images2016/webhosting/webhosting-database.jpg");
}
/*双线型*/
.twolinevhost-title{
    background-image: url("/Tpl_2016/images2016/webhosting/webhosting-twolinevhost.jpg");

}
/*多线型*/
.morelinevhost-title{
    background-image: url("/Tpl_2016/images2016/webhosting/webhosting-morelinevhosti.jpg");
}
/*香港虚拟主机*/
.twhost-title{
    background-image: url("/Tpl_2016/images2016/webhosting/webhosting-twhost.jpg");
}
/*美国虚拟主机*/
.usa-title{
    background-image: url("/Tpl_2016/images2016/webhosting/webhosting-usa.jpg");
}
/*linux虚拟主机*/
.linux_host-title{
    background-image: url("/Tpl_2016/images2016/webhosting/webhosting-linux_host.jpg");
}
/*超G型虚拟主机*/
.superg-title{
    background-image: url("/Tpl_2016/images2016/webhosting/webhosting-surperg.jpg");
}
/*asp.net虚拟主机*/
.asp_net-title{
    background-image: url("/Tpl_2016/images2016/webhosting/webhosting-asp_net.jpg");
}
/*java虚拟主机*/
.java-title{
    background-image: url("/Tpl_2016/images2016/webhosting/webhosting-java.jpg");
}
/*集群主机*/
.dishosting-title{
    background-image: url("/Tpl_2016/images2016/webhosting/dishosting.jpg");
}

/*首行缩进*/
.twolinevhost-title p, .morelinevhost-title p, .linux_host-title p, .asp_net-title p, .database-title p{
    text-indent: 28px;
}


/*热销、推荐*/
.webhosting-icon{
    position: absolute;
    top: 0;
    right: 0;
    width: 42px;
    height: 34px;
    background: url("/Tpl_2016/images2016/webhosting/basic-icon.jpg") no-repeat;
    font-size: 12px;
    color: #fff;
    font-style: normal;
    text-indent: 14px;
    z-index: -1;
}
.webhosting-hot{
    background-position: 0 -192px;
}
.webhosting-tuijian{
    background-position: 0 -296px;
}
/**************************主机介绍 结束**************************/


/**************************tab切换 开始**************************/

.webhosting-tab {
    margin-top: 20px;
}
.webhosting-tab .webhosting-tab-list {}
.webhosting-tab .webhosting-tab-list li {
    float: left;
    margin-right: 10px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 290px;
    height: 50px;
    line-height: 50px;
    background: #2086ee;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
}
.webhosting-tab .webhosting-tab-list li a {
    color: #fff;
}
.webhosting-tab .webhosting-tab-list li.active {
    width: 288px;
    background: #fff;
    border: 1px solid #dfdfdf;
    border-bottom: none;
}
.webhosting-tab .webhosting-tab-list li.active a {
    padding: 0 10px 10px;
    border-bottom: 2px solid #00a0e9;
    color: #313131;
}

/**************************tab切换 结束**************************/


/**************************表格 开始**************************/

.webhosting-info {
    padding: 26px 10px 20px;
    background: #fff;
    position: relative;
}
.webhosting-info table {
    border: 1px solid #e9e9e9;
    text-align: center;
    table-layout: fixed;
}
.webhosting-info table tr {
    height: 70px;
}
.webhosting-info table tr:nth-child(even) {
    background-color: #f4faff;
}
/*叉叉*/
.webhosting-info table tr:nth-child(even) .no{
    background-position: -164px -110px;
}


/*加号*/
.webhosting-info table tr:nth-child(even) .add{
    background-position: -326px -110px;
}

/*对号*/
.webhosting-info table tr:nth-child(even) .right{
    background-position: 0 -110px;
}
.webhosting-info table tr.even-row {
    background-color: #f4faff;
}
.webhosting-info table tr th {
    height: 56px;
    /*line-height: 56px;*/
    background: #e6f5ff;
    font-size: 14px;
    font-weight: bold;
    color: #555;
    border-right: 1px solid #d5e3f5;
    border-bottom: 1px solid #e9e9e9;
    position: relative;
    z-index: 1;
}
.webhosting-info table tr td {
    border-right: 1px solid #d5e3f5;
    font-size: 12px;
    color: #202020;
    border-bottom: 1px solid #e9e9e9;
    word-break: break-all;
}

/*左侧属性*/

.webhosting-info table tr .left {
    padding-left: 10px;
    width: 120px;
    background: #f9f9f9;
    border-right-color: #e9e9e9;
    font-size: 14px;
    font-weight: normal;
    color: #202020;
    text-align: left;
}

/*价格*/

.webhosting-info table tr td .info-price {
    padding-top: 30px;
    color: #8c8b8b;
    position: relative;
}

.webhosting-info table tr td .info-price span {
    font-size: 26px;
    font-weight: bold;
    color: #ff5f20;
}

.webhosting-info table tr td .info-price-old {
    color: #8c8b8b;
    position: relative;
	text-decoration:line-through;
}


.webhosting-info table tr td .info-price-old span {
    font-size: 16px;
    font-weight: bold;
    color:#666
}


/*立即购买*/

.webhosting-info table tr td .info-btn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-top: 10px;
    margin-bottom: 35px;
    width: 90px;
    height: 30px;
    line-height: 30px;
    background: #2086ee;
    font-size: 14px;
    color: #fff;
    text-align: center;
}
.link_blue {
    color: #0a74e0;
}

/*小图标*/

.info-icon {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 5px;
    width: 12px;
    height: 12px;
    background: url("/Tpl_2016/images2016/webhosting/basic-icon.jpg") no-repeat;
}

/*叉叉*/

.no {
    background-position: -164px 0;
}

/*加号*/

.add {
    width: 16px;
    height: 16px;
    background-position: -326px 0;
}

/*对号*/

.right {
    width: 14px;
    background-position: 0 0;
}

/*高亮显示表格*/

.webhosting-info table.high-light-table {
    position: absolute;
    top: 24px;
    left: 132px;
    width: 144px;
    background-color: #fff;
    border: 1px solid #ffaf90;
    box-shadow: 0 0 5px 1px #ffaf90;
    /*IE BUG table+collapse 则无法应用box-shadow*/
    border-collapse: separate;
    z-index: 9;
}
.webhosting-info table.high-light-table tr.last-row {
    height: 75px;
}
.webhosting-info table.high-light-table th {
    color: #1f6ed9;
    background-color: #fff;
    border: none;
}
.webhosting-info table.high-light-table td {
    border: none;
}

/*激活状态下符号*/
.webhosting-info table.high-light-table td .no{
    background-position: -164px 0;
}
.webhosting-info table.high-light-table td .add{
    background-position: -326px 0;
}
.webhosting-info table.high-light-table td .right{
    background-position: 0 0;
}
/*热销*/
.webhosting-info table.high-light-table th .webhosting-hot {
    background-position: -164px -192px;
}
/*推荐*/
.webhosting-info table.high-light-table th .webhosting-tuijian {
    background-position: -164px -296px;
}


.webhosting-info table.high-light-table tr:nth-child(even) {
    background-color: #fff;
}
.webhosting-info table.high-light-table tr td .info-btn {
    background-color: #0eb7fd;
}

/**************************表格 结束**************************/


/**************************说明 开始**************************/

.webhosting-explain {
    margin-top: 20px;
    padding: 20px 30px;
    background: #fff;
}
.webhosting-explain .webhosting-explain-title {
    padding-bottom: 3px;
    border-bottom: 1px solid #ebebeb;
}
.webhosting-explain .webhosting-explain-title span {
    padding: 0 6px 4px;
    font-size: 14px;
    font-weight: bold;
    color: #4d4d4d;
    border-bottom: 2px solid #00a0e9;
}
.webhosting-explain h6 {
    padding-left: 5px;
    padding-top: 30px;
    color: #555;
}
.webhosting-explain .webhosting-explain-txt {
    padding-top: 30px;
    padding-left: 5px;
}
.webhosting-explain .webhosting-explain-txt span {
    color: #255bd6;
}
.webhosting-explain .webhosting-explain-txt p {
    padding-left: 60px;
    line-height: 2;
    color: #6b6b6b;
}

/**************************说明 结束**************************/


/**************************成品网站--购买页样式重置 结束**************************/


/*介绍*/

.sites-title {
    padding: 60px 50px 80px 434px;
    background: url("/Tpl_2016/images2016/sites/sites-title-bg.jpg") no-repeat top left #fff;
}

/*表格*/

.sites-info {
    padding: 0 40px 20px;
}
.sites-info table tr .left {
    width: 150px;
}

/*原价*/

.sites-info table tr .list-price {
    text-decoration: line-through;
}

/*价格*/

.sites-info table tr td .info-price {
    padding-top: 6px;
}

/*立即购买*/

.sites-info table tr td .info-btn {
    margin-top: 8px;
    margin-bottom: 14px;
}

/*说明*/

.sites-explain {
    padding: 20px 40px 44px;
}
.sites-explain table {
    margin-top: 32px;
    padding-left: 30px;
    border: 1px solid #ececec;
    text-align: center;
}
.sites-explain table tr {
    height: 50px;
    line-height: 50px;
}
.sites-explain table tr th {
    background: #f4f8fd;
    font-size: 14px;
    color: #3e3e3e;
    border-bottom: 1px solid #ececec;
    border-right: 1px solid #ececec;
}
.sites-explain table tr td {
    border-bottom: 1px solid #ececec;
    border-right: 1px solid #ececec;
    color: #4e4e4e;
}
.sites-explain table tr .star-icon {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 12px;
    background: url("/Tpl_2016/images2016/icon.jpg") no-repeat;
}
.sites-explain table tr .star-three {
    width: 52px;
    background-position: 0px -40px;
}
.sites-explain table tr .star-two {
    width: 32px;
    background-position: 0px -40px;
}
.sites-explain table tr .star-one {
    width: 12px;
    background-position: 0px -40px;
}
.sites-explain table tr .star-no {
    width: 12px;
    background-position: 0px -60px;
}

/**************************成品网站--购买页样式重置 结束**************************/

@media screen and (max-width: 1206px) {
    /*选项卡切换*/
    .webhosting-tab .webhosting-tab-list li {
        width: 240px;
    }
    /*激活状态*/
    .webhosting-tab .webhosting-tab-list li.active {
        width: 238px;
    }
    /**********成品网站--购买页样式重置 开始**********/
    /*表格*/
    .sites-info {
        padding: 0 10px 20px;
    }
    /*说明*/
    .sites-explain {
        padding: 20px 10px 44px;
    }
    /**********成品网站--购买页样式重置 结束**********/
}

/***********IE6-8 responsed START*************/


/*选项卡切换*/

.desktop .webhosting-tab .webhosting-tab-list li {
    width: 240px;
}

/*激活状态*/

.desktop .webhosting-tab .webhosting-tab-list li.active {
    width: 238px;
}

/**********成品网站--购买页样式重置 开始**********/


/*表格*/

.desktop .sites-info {
    padding: 0 10px 20px;
}

/*说明*/

.desktop .sites-explain {
    padding: 20px 10px 44px;
}

/**********成品网站--购买页样式重置 结束**********/


/***********IE6-8 responsed END*************/