@charset "utf-8";
/*厂商入驻*/
.clearfix:after{
    content:"."; display:block; height:0; clear:both;
    visibility:hidden;
}
html,body{margin: 0;padding: 0;}
h1{

    font-size: 30px;
    font-weight:400;
    line-height: 106px;
    margin-bottom: 20px;
    color: #333;
    text-align: center;
}
.vip-package {
    box-sizing: border-box;
    text-align: center;
    width: 100%;
    background:url("../image/vip-bg.png") no-repeat;
    padding: 0 0 30px 0;
}

.vip-package-table{

    margin: 50px auto 0;
    width: 1200px;
}

/*左边项*/
.package-left{
    width: 320px;
    height: auto;
    float: left;
    background-color: #f2f2f2;
    border-radius: 8px 0 0 8px;
    overflow: hidden;
}

.left-second,.left-third,.left-fourth,.left-fifth{
    padding-left: 26px;
}

/*对比项字体共用*/
.text-public{
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    float: left;
    width: 20px;
}

/*对比项*/
.package-left .left-first{
    height: 157px;
    background-color: #ffffff;
    font-size: 20px;
    color: #333333;
    line-height: 157px;
    text-align: center;
    letter-spacing: 1px;
}

/*企业专属服务*/
.package-left .left-second{
    height: 226px;
    background-color: #f2f2f2;
}

.left-second .left-second-1{
    color: #666666;
    margin: 30px 22px 0 0;
}

.left-second .left-second-2{
    width: 196px;
    margin-top: 18px;
    float: left;
}

.left-second-2>li{
    display: block;
    font-size: 14px;
    color: #808080;
    line-height: 38px;
}

/*版权保障服务*/
.left-third{
    height: 654px;
    background-color: #ffffff;
}

.left-third .left-third-1{
    color: #666666;
    margin: 268px 22px 0 0;
}

.left-third .left-third-2{
    width: 196px;
    margin-top: 18px;
    float: left;
}

.left-third-2>li{
    display: block;
    font-size: 14px;
    color: #808080;
    line-height: 38px;
}

/*.left-third-2>p:nth-of-type(1){*/
    /*font-weight: bold;*/
    /*color: #333333;*/
/*}*/

/*商用授权范围*/
.package-left .left-fourth{
    height: 228px;
    background-color: #f2f2f2;
}
.left-fourth-2>li{
    display: block;
    font-size: 14px;
    color: #808080;
    line-height: 38px;
}

.left-fourth .left-fourth-1{
    color: #D7A967;
    margin: 36px 22px 0 0;
}

.left-fourth .left-fourth-2{
    width: 196px;
    float: left;
    margin-top: 18px;
}

.left-fourth-2 .fourth-2-1{
    height: 289px;
}

.fourth-2-1 .fourth-2-1-1{
    width: 100%;
    height: 100%;
}

.fourth-2-1-1 .fourth-title{
    color: #000000;
}

.fourth-2-1-1 .fourth-title{
    margin: 92px 20px 0  0;
    float: left;
}

.fourth-2-1-1 .fourth-text{
    float: left;
    width: 224px;
    height: 100%;
    border-bottom: 1px solid rgba(204,204,204,.64);
    padding-left: 34px;
}

.fourth-text>div:nth-of-type(1){
    width: 100%;
    height: 170px;
    border-bottom: 1px solid rgba(204,204,204,.64);
    padding-top: 25px;
    padding-right: 30px;
}

.fourth-text>div:nth-of-type(2){
    width: 100%;
    height: auto;
    padding-top: 15px;
    padding-right: 30px;
}

.fourth-text>div>p{
    display: block;
    font-size: 12px;
    color: #7a7a7a;
    text-align: left;
    line-height: 18px;
}

.left-fourth-2 .fourth-2-2 {
    height: 452px;
}

.fourth-2-2 .fourth-2-2-1{
    width: 100%;
    height: 100%;
}

.fourth-2-2-1 .fourth-title{
    color: #000000;
}

.fourth-2-2-1 .fourth-title{
    margin: 140px 20px 0  0;
    float: left;
}

.fourth-2-2-1 .fourth-text{
    float: left;
    width: 224px;
    height: 100%;
    padding-left: 34px;
}

.fourth-text>div:nth-of-type(1){
    width: 100%;
    height: 170px;
    border-bottom: 1px solid rgba(204,204,204,.64);
    padding-top: 25px;
    padding-right: 30px;
}

.fourth-text2>div{
    border-bottom: 1px solid rgba(204,204,204,.64);
}

.fourth-text2>div:nth-of-type(1){
    height: 174px;
    padding-top: 16px;
}

.fourth-text2>div:nth-of-type(2){
    height: 132px;
    padding-top: 12px;
}

.fourth-text2>div:nth-of-type(3){
    height: 146px;
    padding-top: 36px;
}

.left-fourth-2 .fourth-2-3 {
    height: 139px;
}

.fourth-2-3 .fourth-2-3-1{
    width: 100%;
    height: 100%;
}

.fourth-2-3-1 .fourth-title{
    color: #000000;
}

.fourth-2-3-1 .fourth-title{
    margin: 30px 20px 0  0;
    float: left;
}

.fourth-2-3-1 .fourth-text3{
    float: left;
    width: 224px;
    height: 100%;
    padding-left: 34px;
    border-bottom: 1px solid rgba(204,204,204,.64);
}

.fourth-text3>div:nth-of-type(1){
    padding-top: 15px;
    height: 139px;
}

.fourth-text3>div:nth-of-type(1) p:nth-of-type(2){
    margin-bottom: 16px;
}

/*网站基础服务*/
.package-left .left-fifth{
    height: 300px;
    background: #ffffff;
}

.left-fifth .left-fifth-1 {
    color: #666666;
    margin: 85px 22px 0 0;
}

.left-fifth .left-fifth-2 {
    width: 196px;
    margin-top: 18px;
    float: left;
}

.left-fifth-2>li {
    display: block;
    font-size: 14px;
    color: #808080;
    line-height: 38px;
}

/*右边项*/
.package-right {
    width: 880px;
    height: auto;
    float: left;
    border-radius: 0 8px 8px 0;
    margin-bottom: 20px;
}

.right-first,.right-second,.right-third,.right-fourth{
    width: 293px;
    height: auto;
    float: left;
}
.right-public-css>p{
    display: block;
    line-height: 38px;
    color: #ffffff;
    letter-spacing: 2px;
    font-size: 14px;
    text-align: center;
}
.right-public-css>li{
    display: block;
    line-height: 38px;
    color: #ffffff;
    letter-spacing: 2px;
    font-size: 14px;
    text-align: center;
}
.left-second .left-second-2 li{
    border-bottom: 1px solid #f1edea;
}
.left-third .left-third-2 li{
    border-bottom: 1px solid #fcf8f5;
}
.left-fourth .left-fourth-2 li{
    border-bottom: 1px solid #fcf8f4;
}
.left-fifth .left-fifth-2 li{
    border-bottom: 1px solid #fcf8f5;
}
.right-first .right-first-2 p{
    border-bottom: 1px solid #d1a770;
}
.right-first .right-first-3 p{
    border-bottom: 1px solid #d9ae73;
}
.right-first .right-first-4 p{
    border-bottom: 1px solid #d1a870;
}
.right-first .right-first-5 p{
    border-bottom: 1px solid #daaf74;
}
.right-second .right-first-2 li{
    border-bottom: 1px solid #c78a4e;
}
.right-second .right-first-3 p{
    border-bottom: 1px solid #cf8f50;
}
.right-second .right-first-4 p{
    border-bottom: 1px solid #c7894d;
}
.right-second .right-first-5 p{
    border-bottom: 1px solid #cf8f4f;
}
.right-third .right-first-2 li{
     border-bottom: 1px solid #a46d36;
 }
.right-third .right-first-3 li{
    border-bottom: 1px solid #aa7138;
}
.right-third .right-first-4 p{
    border-bottom: 1px solid #a46d36;
}
.right-third .right-first-5 li{
    border-bottom: 1px solid #a46d36;
}

.right-public-css>p>i{
    display: inline-block;
    margin-top: 10.5px;
    height: 16px;
}

.right-public-css>p>i.icon-yes{
    width: 22px;
    background: url(//js.ibaotu.com/images/vipQy/v1.4/vip/yes.png) no-repeat;
}

.right-public-css>p>i.icon-no{
    width: 16px;
    background: url(//js.ibaotu.com/revision/img/vip/no.png) no-repeat;
}

.right-first-4,.right-first-5,.right-first-6,.right-first-7,.right-first-8,.right-first-9{
    border-bottom: 1px solid rgba(204,204,204,.64);
}

/*.right-size-small>p:nth-of-type(2){*/
    /*font-size: 12px;*/
    /*line-height: 18px;*/
/*}*/

.right-size-big>p:nth-of-type(2){
    font-size: 18px;
    line-height: 18px;
}

.right-first-1{
    height: 102px;
    background-color: #d7a967;
    padding-top: 55px;
}

.right-first-2{
    height: 190px;
    padding: 18px 0;
}

.right-first-3{
    height: 618px;
    background-color: #d7a967;
    padding: 18px 0;
}

.right-first-4{
    height: 210px;
    padding-top: 18px;
}

.right-first-5{
    height: 282px;
    padding-top:18px;
}

.right-first-6{
    height: 174px;
    padding-top: 67px;
}

.right-first-7{
    height: 132px;
    padding-top: 46px;
}

.right-first-8{
    height: 146px;
    padding-top: 53px;
}

.right-first-9{
    height: 139px;
    padding-top: 50px;
}

.right-first-10{
    height: 312px;
    padding-top: 35px;
}

.right-first-1>h2{
    display: block;
    width: 100%;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    letter-spacing: 1px;
}

/*first-1*/
.right-first-1>a.button{
    display: block;
    width: 133px;
    height: 51px;
    border: 0;
    background: url(//js.ibaotu.com/revision/img/vip/com/button.png) center;
    margin: 18px auto 0px;
}

/*first-3*/
.right-first-1>a.button>p{
    display: block;
    width: 133px;
    height: 36px;
    border-radius: 15px;
    overflow: hidden;
}

/*.right-first-3>p:nth-of-type(1){*/
    /*font-size: 20px;*/
    /*font-weight: bold;*/
    /*text-shadow: 0 2px 4px rgba(0,0,0,.3);*/
/*}*/

/*标准版999*/
.package-right .right-first{
    background-color: #cca062;
}

/*升级版1999*/
.package-right .right-second{
    background-color: #c38141;
    margin-top: -21px;
    border-radius: 4px 4px 0 0;
    box-shadow:5px 17px 20px rgba(9,1,4,0.38);
    -webkit-box-shadow: 5px 17px 20px rgba(9,1,4,.38);
    position: relative;
}

.right-second .right-first-1,.right-second .right-first-3{
    background-color: #cd8844;
}

.right-second .right-first-1{
    height: 113px;
    /* border-radius: 4px 4px 0 0; */
    padding-top: 65px;
}

.right-second .right-first-1>a.button{
    margin-top: 29px;
}


.right-second .right-first-6{
    padding-top: 60px;
}

.right-second .right-first-7{
    padding-top: 39px;
}

/*至尊版2999*/
.package-right .right-third{
    background-color: #9a632c;
    margin-top: -42px;
    box-shadow:5px 17px 20px rgba(9,1,4,0.38);
    -webkit-box-shadow: 5px 17px 20px rgba(9,1,4,.38);
    position: relative;
}

.right-third .right-first-1,.right-third .right-first-3{
    background-color: #a2682e;
}
.package-right .right-third .right-first-1{
    height: 144px;
}

.right-third .right-first-6{
    padding-top: 60px;
}

.right-third .right-first-7{
    padding-top: 39px;
}

.right-third .right-first-8{
    padding-top: 46px;
}

/*至尊版5999*/
.package-right .right-fourth{
    background-color: #663a0d;
    border-radius: 0 8px 8px 0px;
    overflow: hidden;
}

.right-fourth .right-first-1,.right-fourth .right-first-3{
    background-color: #6c3d0e;
}

.right-fourth .right-first-6{
    padding-top: 60px;
}

.right-fourth .right-first-7{
    padding-top: 39px;
}

.right-fourth  .right-first-8{
    padding-top: 46px;
}

.right-fourth  .right-first-9{
    padding-top: 43px;
}
.vip-package .zx{
    width: 800px;
    margin: 0 auto;

}
.vip-package .zx p{
    display: block;
    float: left;
    font-size: 14px;
    color: #333;
    line-height: 40px;
    padding: 0 10px;
    background: #DDDDDD;
    margin-right: 12px;
}
.vip-package .zx a{
    display: block;
    float: left;
    width: 160px;
    height: 40px;
    background: #A2682E;
    font-size: 14px;
    line-height: 40px;
    color: #ffffff;
}
.vip-package-table .help{
    display: inline-block;
    position: relative;
}
.help>i.icon{display: inline-block;width: 16px;height: 16px;border-radius: 50%;background: #ff8848;font-style: normal;font-size: 13px;color: #fff;text-align: center;line-height: 16px;cursor: pointer;margin-left: 2px;}
.help>.help-cacr{z-index:2;position: absolute;right: -17px;top: 30px;font-size: 14px;color: #666666;height: 65px;width: 195px;line-height: 20px;text-align:left;box-sizing: border-box;border: 1px solid #eaecef;background: #FDFAF8;padding-top: 12px;visibility: hidden;opacity: 0;transition: all 0.2s;padding: 10px 7px 0;}
.help>.help-cacr:after{content: '';position: absolute;top: -6px;right: 17px;display: block;width: 12px;height: 12px;background: #FDFAF8;box-sizing: border-box;border-top: 1px solid #eaecef;border-left: 1px solid #eaecef;transform: rotate(45deg);}
.help:hover .help-cacr{opacity: 1;visibility: visible;}