/*
    本页为--2016双11样式
*/
.container {
    min-width: 1190px;
    background: #070632;
    position: relative;
}

.main {
    position: relative;
    z-index: 1;
}

/***************背景图 开始***************/
.bg {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.bg .bg1 {
    height: 846px;
    background: url("../images/2016/bg1.jpg") no-repeat top center;
}

.bg .bg2 {
    height: 782px;
    background: url("../images/2016/bg2.jpg") no-repeat top center;
}

.bg .bg3 {
    height: 634px;
    background: url("../images/2016/bg3.jpg") no-repeat top center;
}

/***************背景图 结束***************/

/***************banner 开始***************/
.banner {
    width: 100%;
}

.banner .banner1 {
    height: 291px;
    background: url("../images/2016/banner1.png") no-repeat top center;
}

.banner .banner2 {
    height: 291px;
    background: url("../images/2016/banner2.png") no-repeat top center;
}

.banner .banner3 {
    height: 303px;
    background: url("../images/2016/banner3.png") no-repeat top center;
}

/***************banner 结束***************/

/***************双11活动攻略 开始***************/
.gonglue {
    margin: -200px auto 0;
    width: 790px;
    height: 210px;
    background: url("../images/2016/icon.png") no-repeat 0 -704px;
    text-align: center;
}

/*标题*/
.gonglue h2 {
    padding-top: 30px;
    font-size: 48px;
    color: #dfff6f;
}

/*文字*/
.gonglue p {
    padding-top: 36px;
    font-size: 20px;
    color: #ffdb6f;
}

.gonglue p a {
    color: #ffdb6f;
}

.gonglue p a:hover {
    color: #fff;
}

.gonglue p span {
    padding: 0 6px;
    font-family: '宋体';
    font-weight: bold;
    color: #19f1ff;
}

/***************双11活动攻略 结束***************/

/***************优惠券 开始***************/
.quan {
    margin: -70px auto 0;
    padding: 106px 0 62px;
    background: url("../images/2016/quan-bg.png") no-repeat top center;
}
.quan .line{
    margin: 20px 80px 0;
    border-bottom: 1px dashed #b4ff14;
}
.quan h3.title{
    margin: -18px auto 0;
    background: #0062e6;
    width: 400px;
    font-size: 30px;
    color: #fffa67;
    text-align: center;
}
.quan .quan-list {
    padding-top: 42px;
}

.quan .quan-list li {
    float: left;
    text-align: center;
}

/*5折*/
.quan .quan-list li h3 {
    font-size: 36px;
    font-weight: bold;
    color: #ff4e00;
}

/*券码*/
.quan .quan-list li p {
    padding-top: 22px;
    font-size: 24px;
    font-style: italic;
    color: #fff;
}
/*复制优惠码*/
.quan .quan-list li .quan-copy {
    display: inline-block;
    width: 84px;
    height: 18px;
    line-height: 18px;
    background: rgba(0,0,0,0.45);
    border-radius: 10px;
    font-size: 14px;
    font-style: italic;
    color: #e3e3e3;
    text-align: center;
}
/*文本说明*/
.quan .quan-list li .quan-txt {
    padding-top: 26px;
    line-height: 30px;
    font-size: 16px;
    color: #2d2d2d;
    text-align: center;
}

/***************优惠券 结束***************/

/***************快捷导航 开始***************/
.main-nav {
    padding: 40px 0 0 0px;
    margin: 0 auto;
    height: 180px;
    background: url("../images/2016/icon.png") no-repeat center -506px;
    box-sizing: border-box;
}

/*左侧标题*/
.main-nav .mn-left {
    float: left;
    line-height: 40px;
    font-size: 30px;
    font-weight: bold;
    color: #fdff53;
    margin-left:60px;
}

.main-nav p {
    padding-left: 70px;
    padding-top: 30px;
    font-size: 24px;
    overflow: hidden;
}

.main-nav p a {
    font-family: '微软雅黑 Light';
    color: #fff;
}

/*竖线*/
.main-nav p i {
    margin: 0 30px;
    display: inline-block;
    width: 1px;
    height: 35px;
    background: #9b0f40;
    vertical-align: middle;
}

/***************快捷导航 结束***************/

/***************部分公共样式 开始***************/
.main-section {
}

/*标题*/
.main-section .ms-title {
    padding-top: 88px;
    padding-bottom: 16px;
    margin: 0 auto;
    width: 976px;
    background: url('../images/2016/icon.png') no-repeat 0 -944px;
    font-size: 30px;
    font-weight: bold;
    color: #dfff6f;
    text-align: center;
}

.main-section .ms-top {
    margin-top: -10px;
    width: 100%;
    height: 150px;
    background: url('../images/2016/icon.png') no-repeat -1px -1132px;
    z-index: 1;
    position: relative;
}

.main-section .ms-inner {
    margin-right: 6px;
    padding: 20px;
    background: #d7e9f5;
    border: 2px solid #41858e;
    margin-top: -60px;
    z-index: 0;
}

.main-section .ms-inner .ms-box {
    padding: 40px 60px;
    background: #fff;
    border: 2px solid #41858e;
    line-height: 32px;
    font-size: 16px;
    color: #2a2a2a;
}

.main-section .ms-inner .ms-box label {
    color: #0075ed;
}

.main-section .ms-inner .ms-box span {
    color: #ff0000;
}

/***************部分公共样式 结束***************/

/***************购买、续费虚拟主机、云主机、VPS低至5折 开始***************/

.host .host-link {
    margin-top: 20px;
}

.host .host-link .hl-icon {
    margin-right: 20px;
    float: left;
    width: 74px;
    height: 74px;
    background: url("../images/2016/icon.png") no-repeat;
}

.host .host-link .hl-icon1 {
    background-position: -1092px -704px;
}

.host .host-link .hl-icon2 {
    background-position: -988px -704px;
}

.host .host-link p {
    padding-top: 20px;
}

/***************购买、续费虚拟主机、云主机、VPS低至5折 结束***************/

/***************域名特价促销 开始***************/

.domain .ms-inner .ms-box{
    padding: 40px 20px;
}
.domain .domain-list li {
    padding-top: 60px;
    float: left;
    width: 20%;
    text-align: center;
}
.domain .domain-list .pb-img img{
    max-height: 70px;
}
/***************域名特价促销 结束***************/

/***************聚划算 开始***************/
.taocan .taocan-box {

}

.taocan .taocan-box .tb-title {
    margin: 40px auto;
    width: 790px;
    height: auto;
    background: url('../images/2016/icon.png') no-repeat 0 -1290px;
    font-size: 24px;
    color: #0051d7;
    text-align: center;
}

/****主机套餐包优惠 开始****/
.taocan .taocan-box .item {
    padding: 0 0 20px;
    width: 426px;
    border: 1px solid #00c0ff;
    text-align: center;
}

.taocan .taocan-box .item h4 {
    height: 52px;
    line-height: 52px;
    background: #2086ee;
    font-size: 24px;
    color: #fff;
}

.taocan .taocan-box .item .item-title {
    padding: 20px 0;
    margin: 0 20px;
    border-bottom: 1px solid #dcdcdc;
    font-size: 24px;
}

.taocan .taocan-box .item .item-title span {
    padding-top: 10px;
    display: block;
    font-size: 18px;
    color: #707070;
}

.taocan .taocan-box .item .item-price {
    padding: 12px 0;
    margin: 0 20px;
    border-bottom: 1px solid #dcdcdc;
    line-height: 36px;
    font-size: 20px;
    color: #f25b00;
}

.taocan .taocan-box .item .item-btn {
    display: inline-block;
    width: 300px;
    height: 50px;
    line-height: 50px;
    background: #2086ee;
    font-size: 18px;
    color: #fff;
    text-align: center;
}

/****主机套餐包优惠 结束****/

/****域名包优惠券 开始****/
.column {
    float: left;
    width: 298px;
    height: auto;
    border-radius: 4px;
    text-align: center;
}

.column1 {
    margin-left: 184px;
    border: 1px solid #ffc45d;
}

.column2 {
    margin-left: 50px;
    border: 1px solid #a4e0ab;
}

.column3 {
    border: 1px solid #b9d7e9;
}

.column .column-title {
    height: 78px;
    line-height: 78px;
    font-size: 40px;
    font-weight: bold;
}

.column1 .column-title {
    background: #fff7e5;
    border-bottom: 1px solid #ffc45d;
    color: #f9551b;
}

.column2 .column-title {
    background: #e5ffe8;
    border-bottom: 1px solid #a4e0ab;
    color: #15902f;
}

.column3 .column-title {
    background: #dff3ff;
    border-bottom: 1px solid #b9d7e9;
    color: #1584c7;
}

.column .column-txt {
    padding: 16px 0;
    line-height: 30px;
    font-size: 20px;
}

.column1 .column-txt {
    color: #ff6000;
}

.column2 .column-txt {
    color: #14902f;
}

.column3 .column-txt {
    color: #1483c6;
}

.column .column-btn {
    display: block;
    width: 100%;
    height: 46px;
    line-height: 46px;
    font-size: 20px;
    color: #fff;
}

.column1 .column-btn {
    background: #ff8459;
    border-top: 1px solid #ffc45d;
}

.column2 .column-btn {
    background: #1ba338;
    border-top: 1px solid #a4e0ab;
}

.column3 .column-btn {
    background: #1f99e2;
    border-top: 1px solid #b9d7e9;
}

/****域名包优惠券 结束****/
/***************聚划算 结束***************/

/***************抽奖 开始***************/
.chou .chou-icon {
    margin-right: 30px;
    float: left;
    display: inline-block;
    width: 144px;
    height: 144px;
    background: url("../images/2016/icon.png") no-repeat -1194px -700px;
}

/***************抽奖 结束***************/

/***************版权 开始***************/
.main-bottom {
    padding: 40px 0;
    line-height: 32px;
    font-size: 16px;
    color: #c7c7c7;
    text-align: center;
}

/***************版权 结束***************/

/***************侧导航 开始***************/
.subnav {
    width: 84px;
    height: auto;
    color: #fff;
    text-align: center;
    position: fixed;
    top: 20%;
    right: 0;
    z-index: 1;
    opacity: 0;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.subnav.active {
    opacity: 1;
    right: 0;
}

.subnav .subnav-top {
    padding: 57px 0 6px;
    font-size: 16px;
    background: url('../images/2016/icon.png') no-repeat -1266px -908px #f9665d;
    position: relative;
}

.subnav .subnav-top i {
    display: inline-block;
    width: 84px;
    height: 9px;
    background: url('../images/2016/icon.png') no-repeat -1253px -876px;
    position: absolute;
    top: -9px;
    left: 0;
}

.subnav .subnav-top span {
    font-size: 14px;
}

.subnav .item {
    display: block;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    color: #fff;
}

.subnav .item.host {
    background: #90b841;
}

.subnav .item.domain {
    background: #26c2d1;
}

.subnav .item.taocan {
    background: #5caae8;
}

.subnav .item.chou {
    background: #e9ce2e;
}

.subnav .item.back-top {
    height: 50px;
    line-height: 50px;
    background: #764ef5;
}

.subnav .item.back-top i {
    margin-left: 4px;
    display: inline-block;
    width: 9px;
    height: 7px;
    background: url("../images/2016/icon.png") no-repeat -1253px -916px;
    vertical-align: middle;
}

/***************侧导航 结束***************/