/*
ST05-CSS-xiaohei-dtmuban.com-20170707
*/
@charset "utf-8";

/*con*/
.success p span,.service-list table tr td em,.service-list table tr td i,.service-list span.fade,.one-content p a em,.link-bar ul li em,.sideBar li span,.screen-two .scroll-area span{background:url(img/vipbg.png) 0 0 no-repeat}
.content_vip{min-height:600px;width:100%; min-width: 1200px;margin:0;padding:0}
.content-service{background:#f8f8f8;padding-bottom:83px}
.screen-one{width:100%;background:url(img/vipindex_bg.jpg) center top no-repeat;background-attachment:fixed;background-size:100% 100%;position:relative;}
.one-content{width:1200px;margin:0 auto;padding-top:200px}
.one-content p{text-align:center;color:#fff;font-size:26px;font-weight:100; margin-bottom: 5px;}
.one-content p.p-big{font-size:60px;font-weight:normal}
.one-content p.p-text{letter-spacing:2px}
.one-content p.price{margin-top:50px;font-weight:normal}
.one-content p a{width:266px;height:66px;border:solid 2px #fff;color:rgba(255,255,255,0);text-align:center;line-height:66px;border-radius:50px;display:inline-block;margin-top:15px}
.one-content p a em{width:184px;height:32px;display:inline-block;background:url(img/zx-qq.png) 0 0 no-repeat;vertical-align:-7px;margin-top:15px}
.one-content p a:hover em{-webkit-transition:all .4s ease;transition:all .4s ease;background-position:0 -32px}
.content-service p{text-align:center;font-size:20px;font-weight:100;color:#000;margin-top:80px}
.link-bar{width:100%;height:80px;background:rgba(0,0,0,0.8);position:absolute;bottom:0;left:0}
.link-bar ul{width:1200px;margin:0 auto}
.link-bar ul li{width:33%;text-align:center;font-size:18px;float:left;line-height:80px;cursor:pointer}
.link-bar ul li a{display:block;width:100%;height:100%;color:#fff}
.link-bar ul li:hover{background:#064adb}
.link-bar ul li em{width:18px;height:18px;display:inline-block;background-position:-210px 0;margin-left:5px; vertical-align: 7px;}
.screen-two{height: 500px;padding: 200px 0 10px 0;background:#fff;}
.screen-two p{text-align:center;font-size:34px;color:#000}
.screen-two .scroll-area{margin:120px auto 0 auto;height:258px}
.screen-two .scrollArea{width:1086px;margin:0 auto;height:258px;position:relative;    overflow: hidden;}
.screen-two .scroll-area .scroll-box{position:absolute;}
.screen-two ul li{float:left;width:237px;height:258px;margin:0 55px;text-align:center;font-size:14px;color:#696969;line-height:24px}
.screen-two ul li img{margin-bottom:8px}
.screen-two span{width:43px;height:86px;display:block;position:absolute;cursor:pointer}
.scroll-area span.prev{background-position:0 0;left:0;top:41px}
.scroll-area span.prev:hover{background-position:-95px 0}
.scroll-area span.prev.default,.scroll-area span.prev.default:hover{background-position:0 0}
.scroll-area span.next{background-position:-49px 0;right:0;top:41px}
.scroll-area span.next:hover{background-position:-144px 0}
.scroll-area span.next.default,.scroll-area span.next.default:hover{background-position:-49px 0}
.scroll-area .opacity{width:497px;height:258px;background:rgba(255,255,255,0.8);position:absolute;left:-517px;top:0}
.scroll-area .opacity1{width:437px;height:258px;background:rgba(255,255,255,0.8);position:absolute;right:-447px;top:0}
.screen-two .scroll-area .scroll-box p{font-size:18px;margin-bottom:5px}
.screen-three{height:832px;padding:60px 0 50px 0;width:100%;background:#f8f8f8}
.screen-three p{padding-top:100px;text-align:center;font-size:34px;color:#000}
.screen-three .tabs{margin:40px auto 0 auto;width:650px;height: 90px;}
.screen-three .tabs ul li{position:relative;float:left;margin:0 18px;width:126px;height:96px;text-align:center;color:#636363;font-size:18px;cursor:pointer}
.screen-three .tabs ul li.current{color:#000}
.screen-three .tabs ul li a{width:45px;height:48px;margin:0 auto 10px auto;display:block;background:url(img/vipbg.png) 0 -186px no-repeat}
.screen-three .tabs ul li.current a{width:59px;height:60px;background-position:0 -95px;margin-top:-13px}
.screen-three .tabs ul li a.a2{width:65px;height:49px;background-position:-68px -186px}
.screen-three .tabs ul li.current a.a2{width:81px;height:62px;background-position:-67px -99px}
.screen-three .tabs ul li a.a3{width:56px;height:47px;background-position:-150px -190px}
.screen-three .tabs ul li.current a.a3{width:71px;height:62px;background-position:-152px -102px}
.screen-three .tabs ul li a.a4{width:65px;height:49px;background-position:-223px -190px}
.screen-three .tabs ul li.current a.a4{width:69px;height:59px;background-position:-228px -105px}
.tab-content{width: 1045px;margin:0 auto;}
.tab-content .tab-detail{display:none;position:relative}
.tab-content .tab-detail img{margin:0 auto;display:block}
.tab-content .tab-detail:first-child{display:none}
.tab-content .tab-detail span{font-size:14px;position:absolute;color:#000}
.tab-content .tab1{margin-top:29px}
.tab-content .tab1 span{left:855px;top:210px}
.tab-content .tab-detail span em{color:#064adb}
.tab-content .tab2{margin-top:35px}
.tab-content .tab2 span{right: -67px;top:70px;}
.tab-content .tab3{margin:70px 0 0 60px}
.tab-content .tab3 span{top:0;right: 185px;}
.tab-content .tab4{margin:70px 0 0 35px}
.tab-content .tab4 span{right:108px;top:60px}
.screen-four{height:489px;width:100%;padding-top:210px;background:url(img/four_bg.png) left top no-repeat}
.screen-four p{text-align:center;font-size:26px;font-weight:100;color:#000}
.screen-four p.big{font-size:60px;font-weight:700;color:#000;margin-bottom: 20px;}
.screen-four p.btn_vip{margin-top:100px}
.screen-four p.btn_vip a{width:240px;height:56px;line-height:56px;text-align:center;color:#fff;border-radius:50px;display:inline-block;background:#064adb;border:solid 2px #064adb}
.screen-four p.btn_vip a:hover{background:#0041cc}
.screen-four p.btn_vip a.qq{margin-left:55px;background:#fff;color:#064adb}
.screen-four p.btn_vip a.qq:hover{background:#064adb;color:#fff}

/*hydb*/
.banner{width: 100%;height: 530px;border-bottom: solid 1px #f3f3f3;background: url(img/2017_banner.jpg) center top no-repeat;}
.banner h2{width:1200px;margin:0 auto;text-align:center;padding-top:100px;font-size:60px;color:#fff}
.banner p{color:#ffffff;margin-top: 20px;}
.service-list{width:1200px;margin:-127px auto 0 auto;position:relative}
.service-list table{width:1200px;border:solid 1px #e6e6e6;border-right:0;border-bottom:0;box-shadow:0 5px 15px #c2beb6;background:#fff}
.service-list table tr th{height:125px;border-right:solid 1px #e6e6e6;border-bottom:solid 1px #e6e6e6;font-size: 20px;color:#000;font-weight:normal;}
.service-list table tr td{border-right:solid 1px #e6e6e6;border-bottom:solid 1px #e6e6e6}
.service-list table tr th span{width:103px;height:125px;background:url(img/hydb_table.png) left top no-repeat;display:block}
.service-list table tr td.title{font-size:20px;color:#000;font-weight:bold}
.service-list table tr td{padding:13px 0;text-align:center}
.service-list table tr td.text-left{text-align:left;padding:13px 25px;font-size:16px;color:#333}
.service-list table tr td.text-small{font-size:14px;color:#333}
.service-list table tr td.text-big{font-size:18px;color:#000;background:#fffef3;border-bottom:solid 1px #e6e6e6}
.service-list table tr th.yellow{background:#fffef3}
.service-list table tr td.dashed{border-bottom:solid 1px #e6e6e6}
.service-list table tr td.orange,.service-list table tr th.orange{color: #FF8400;font-weight:bold;}
.service-list table tr td.title{line-height:24px}
.service-list table tr td em{display:block;margin:0 auto}
.service-list table tr td em.ok{width:25px;height:24px;background-position:-99px -264px}
.service-list table tr td em.no{width:30px;height:21px;background-position:-99px -298px}
.service-list table tr td em.bng_pu,.service-list table tr td em.bng_vip {background-position:0;}
.service-list table tr td em.bng_pu a{background:#0B89EE;color:#fff;padding:5px 20px}
.service-list table tr td em.bng_vip a{background:#ff8840;color:#fff;padding:5px 20px}
.service-list table tr td em.bng_pu a:hover,.service-list table tr td em.bng_vip a:hover{opacity:.8;filter:alpha(opacity=80);}
.service-list table tr td i{width:33px;height:22px;display:block;background-position:-160px -263px;margin:0 auto 6px auto}
.service-list table tr td.current,.service-list table tr th.current{border-right: solid 1px #FF8400;border-bottom: solid 1px rgba(255, 179, 15, 0.33);box-shadow: 1px 3px 10px #FF8400;}
.service-list table tr td.current1,.service-list table tr th.current1{border-right: solid 1px #FF8400;color:#0B89EE;}
.service-list span.top{display:none;width: 281px;height:34px;background-position:0 -371px;position:absolute;left: 520px;top:-33px;}
.service-list span.bottom_vip{display:none;width:283px;height:34px;background-position:0 -424px;position:absolute;left:520px;bottom:-33px}
.service-list span.top.fade,.service-list span.bottom_vip{display:block}



@media(min-height:480px) and (max-height:700px){.one-content{width:1200px;margin:0 auto;padding-top:130px}
.screen-two{height:500px;padding:100px 0 10px 0;background:#fff}
.screen-three{height:832px;padding:0 0 50px 0;width:100%;background:#f8f8f8}}@media(min-height:700px) and (max-height:800px){.one-content{width:1200px;margin:0 auto;padding-top:170px}
.screen-three{height:832px;padding:50px 0 50px 0;width:100%;background:#f8f8f8}}@media(min-width:1280px) and (max-width:1600px){.screen-two .scroll-area{width:1085px;margin:100px auto 0 auto;overflow:hidden}
.scroll-area span.prev{background-position:0 0;left:0;top:41px}
.scroll-area span.next{background-position:-49px 0;right:0;top:41px}
.scroll-area .opacity,.scroll-area .opacity1{display:none}}


/* 样式覆盖 */
.main-content .fee-content .item .price{
    height: 40px;
    display: flex;
    justify-content: center;
    align-items:center;
}
.main-content .fee-content .item .price>b{
    margin: 0;
    font-size: 48px;
    color: #f45656;
    height: 40px;
    overflow: hidden;
    line-height: 38px;
}
.main-content .fee-content .item .price.line-through-price>b{
    color: #404040;
text-decoration: line-through;
font-size: 36px;

}
.main-content .fee-content .item .price.line-through-price>span{
    text-decoration: line-through;
}
.project table th>.line-through-price{
    text-decoration: line-through;
}
.project table th>.line-through-price>i,
.project table th>.line-through-price>b{
    font-size: 14px;
}
.project table th i,
.project table th b{
    font-size: 14px;
}
.project table th>.price-now{
    font-size: 12px;
}
.project table th>.btn-red{
    margin-bottom: 6px;
}
.m-table .price.line-through-price{
    text-decoration: line-through;
}
.m-table .price.line-through-price .em{
    font-size: 14px;
    font-weight: normal;
}
.gift-score-hint{
    position: relative;
}
.gift-score-hint>.ad-num{
	clear: both;
padding: 2px;
font-size: 12px;
border: 1px solid #00196d;
margin-bottom: 6px;
position: relative;
color: #00196d;
width: 116px;
clear: both;
display: block;
margin: 4px auto;
}
.gift-score-hint>.ad-num::before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border: 1px solid #00196d;
    transform: rotate(45deg);
    top: -5px;
    background: #dfedff;
    border-right: 0;
    border-bottom: 0;
	left: 64px;
    }
    .gift-score-hint>.ad-num.bg1::before{
        background: #51aae6;
    }
    .gift-score-hint>.ad-num.bg2::before{
        background: #2487d8;
    }


    .banner-wrap .content-layout{
        height: auto;
    }
    .card-wrap{
        padding-bottom: 90px;
    }
    .card-box{
        height: auto;
    }
    .card-box .border{
        height: auto;
    }
    .card-box .link-btn{
        margin-top: 32px;
height: 42px;
line-height: 42px;
margin-bottom: 10px;
    }
    .card-box .active-btn{
        margin-bottom: 10px;
    }
    .card-box.active, .card-box:hover{
        background-size: 100% 100%;
    }
    .card-box .gift-score-hint{
        position: relative;
        top: 0;
    }
    .o-price{
        text-decoration: line-through;
        font-size: 16px;
    }
    .card-box .border .ad-num{
        clear: both;
    padding: 2px;
    font-size: 12px;
    border: 1px solid #9E8254;
    margin-bottom: 6px;
    position: relative;
    color: #9E8254;
    width: 116px;
    clear: both;
    display: block;
    margin: 4px 0 0 88px;
    }
    .card-box .border .ad-num::before {
        content: "";
        position: absolute;
        width: 8px;
        height: 8px;
        border: 1px solid#9E8254;
        transform: rotate(45deg);
        top: -5px;
        background: #fff;
        border-right: 0;
        border-bottom: 0;
        left: 64px;
        }
        .card-box.active .border .ad-num::before, .card-box:hover .border .ad-num::before{
            background: #ede8da;
        }