﻿
body
{
    background-color: #fff;
    color: #333;
    font: 12px/150% Arial,Verdana, "宋体";
    margin: 0;
    padding: 0;
}
div, ul, li, p, img, h1, h2, h3, h4, h5, h6, span, a, input
{
    border: 0 none;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
/* topbar */
.topbar
{
    background: none repeat #2b3033;
    color: #808080;
    float: left;
    height: 28px;
    line-height: 28px;
    width: 100%;
}

.i_topbar
{
    margin: auto;
    width: 990px;
}

.welcome
{
    float: left;
}

.welcome ul li
{
    display: inline;
    float: left;
    padding: 0 5px;
}

.topbar a
{
    color: #808080;
}

.topnav
{
    float: right;
}
.topnav ul li
{
    display: inline;
    float: left;
    padding: 0 5px;
}

.topbar a
{
    color: #808080;
}
/* topbar */
/* header */
.header
{
    background: none repeat #FFFFFF;
    float: left;
    width: 100%;
}

.i_header
{
    margin: auto;
    position: relative;
    width: 990px;
    z-index: 1;
}

.logo
{
    float: left;
    height: 54px;
    padding: 13px 0;
    width: 270px;
}

a
{
    color: #000;
    text-decoration: none;
}


#nav
{
    float: right;
}
#nav ul li
{
    cursor: pointer;
    display: inline;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    margin: 20px 0 20px 30px;
}
#nav ul li:hover
{
    border-bottom: 2px solid #ffaa00;
    margin: 20px 0 18px 30px;
}
#nav ul li.hl
{
    border-bottom: 2px solid #ffaa00;
    margin: 20px 0 18px 30px;
}
#nav ul li a:hover
{
    text-decoration: none;
}
.form
{
    height: 340px;
    position: absolute;
    right: 0;
    width: 242px;
    z-index: 999;
}

.o_Consultation
{
    background: none repeat #fff;
    padding: 5px 20px;
    width: 200px;
    border-top: 1px solid #F3B11C;
}

.user
{
    border-bottom: 1px dashed #dfdfdf;
    height: 50px;
    padding: 0px 0 10px 0;
    text-align: center;
    width: 100%;
}

.price
{
    line-height: 22px;
    padding: 5px 0 0 8px;
    width: 210px;
}

.price span
{
    margin-left: 20px;
}

.b_join
{
    padding: 5px 19px;
    width: 162px;
}

.b_join a
{
    background: url(../images/botton.png) no-repeat;
    display: block;
    height: 42px;
    width: 162px;
}

.b_join a:hover
{
    background: url(../images/botton.png) no-repeat 0 -42px;
}
.joinus_bottom
{
    background: none repeat #fafafa;
    font-size: 12px;
    height: 104px;
    padding: 10px 25px;
    width: 190px;
    border-bottom: 1px solid #B32323;
}

.joinus_textBox
{
    width: 100%;
}

.joinus_textBox input
{
    border: 1px solid #d6d6d6;
    color: #666;
    display: block;
    height: 28px;
    text-indent: 0.5em;
    width: 188px;
    line-height: 28px;
}

.joinus_captcha
{
    margin-top: 8px;
    width: 100%;
}

.joinus_captcha input
{
    border: 1px solid #d4d4d4;
    color: #666;
    display: block;
    float: left;
    height: 28px;
    text-indent: 0.5em;
    width: 100px;
    line-height: 28px;
}


.joinus_captcha span
{
    background: none repeat #f60;
    display: inline-block;
    float: right;
    height: 30px;
    width: 80px;
}


.joinus_consult
{
    float: left;
    height: 28px;
    line-height: 28px;
    margin-top: 8px;
    width: 100%;
}


.joinus_consult a
{
    background: none repeat #ff9500;
    display: inline-block;
    float: left;
    height: 28px;
    text-align: center;
    width: 84px;
}


.joinus_consult span
{
    margin-left: 5px;
    position:relative;
    bottom:10px;
}
/* header */
/* banner */
.banner
{
    float: left;
    width: 100%;
}


.a_banner a
{
    background: url(/vip/img/banner-2024.png) no-repeat center center;
    display: block;
    height: 342px;
    width: 100%;
}
/* banner */
/* dynamic */
.dynamic
{
    background: none repeat #fafafa;
    float: left;
    height: 40px;
    width: 100%;
}

.i_dynamic
{
    margin: auto;
    width: 990px;
}

.dynamic_member h3
{
    float: left;
    font-size: 12px;
}

.dynamic_member ul
{
    float: left;
    padding-right: 20px;
    width: 350px;
}

.dynamic_member ul li
{
    float: left;
    height: 30px;
    line-height: 15px;
    width: 100%;
}

.dynamic_more
{
    color: #999;
    display: block;
    height: 14px;
    position: absolute;
    right: 0;
    top: 14px;
    width: 42px;
}
.dynamic_member
{
    float: left;
    height: 40px;
    line-height: 40px;
    position: relative;
}

.dynamic_member ul li a
{
    color: #808080;
    display: inline;
    margin-left: 5px;
}

a.dynamic_more_left
{
    background: url(../images/more02.png) no-repeat right center;
    display: block;
    float: left;
    height: 14px;
    line-height: 14px;
    padding-right: 14px;
    width: 42px;
}
/* dynamic */
/* main */

.main
{
    float: left;
    width: 100%;
}

.i_main
{
    margin: auto;
    position: relative;
    width: 990px;
}

.i_main h2
{
    float: left;
    font-size: 16px;
    margin-top: 5px;
    padding: 15px 0;
    width: 100%;
}

.main_list
{
    float: left;
    position: relative;
    width: 234px;
}

.first_list
{
    background: url(../images/main_bg.png) no-repeat;
    height: 70px;
    position: relative;
    width: 100%;
}

.first_list em
{
    background: url(../images/main_bg.png) no-repeat -234px 0;
    bottom: -5px;
    display: block;
    height: 5px;
    left: 45px;
    position: absolute;
    width: 14px;
}

.main_list ul
{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #d6d6d6 #d6d6d6;
    border-image: none;
    border: 1px solid #d6d6d6;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    display: inline;
    float: left;
    height: 358px;
    padding: 10px;
    width: 212px;
}

.main_list ul li
{
    margin-top: 10px;
    width: 100%;
}

.main_list ul li h4
{
    font-size: 14px;
    padding: 10px 0;
    width: 100%;
}

.main_list ul li p
{
    color: #999;
    height: 40px;
    line-height: 20px;
    width: 100%;
}

.main_buttom
{
    bottom: 15px;
    height: 28px;
    left: 10px;
    position: absolute;
    width: 120px;
}

.main_buttom a
{
    background: none repeat #407cd1;
    color: #fff;
    display: block;
    height: 28px;
    line-height: 28px;
    text-align: center;
    width: 120px;
}

.m18
{
    display: inline;
    margin-left: 18px;
}

.second_list
{
    background: url(../images/main_bg.png) no-repeat -252px 0;
    height: 70px;
    position: relative;
    width: 100%;
}

.second_list em
{
    background: url(../images/main_bg.png) no-repeat -234px -6px;
    bottom: -5px;
    display: block;
    height: 5px;
    left: 45px;
    position: absolute;
    width: 14px;
}

.third_list
{
    background: url(../images/main_bg.png) no-repeat -504px 0;
    height: 70px;
    position: relative;
    width: 100%;
}

.third_list em
{
    background: url(../images/main_bg.png) no-repeat -234px -12px;
    bottom: -5px;
    display: block;
    height: 5px;
    left: 45px;
    position: absolute;
    width: 14px;
}

.fourth_list
{
    background: url(../images/main_bg.png) no-repeat -756px 0;
    height: 70px;
    position: relative;
    width: 100%;
}

.fourth_list em
{
    background: url(../images/main_bg.png) no-repeat -234px -18px;
    bottom: -5px;
    display: block;
    height: 5px;
    left: 45px;
    position: absolute;
    width: 14px;
}

.main_more
{
    float: left;
    width: 100%;
}

.main_more a
{
    color: #d9272a;
    text-decoration: underline;
}

.service
{
    margin: 12px 0;
}

.tab1
{
    background: none repeat #dedede;
}

.tab1 th
{
    background: url(../images/th.png) repeat-x center top;
    color: black;
    font-size: 14px;
    font-weight: bold;
    padding: 0 3px 0 3px;
    text-align: center;
}
.tab1 tr .t1
{
    font-weight: bold;
    padding: 0 5px 0 15px;
    text-align: left;
}
.tab1 tr .t2
{
    text-align: left;
    padding: 0 5px 0 20px;
}
.tab1 td
{
    background: none repeat white;
    color: #444;
    font-size: 14px;
    padding: 0 5px 0 10px;
    text-align: center;
}
/* main */

/* footer */

.footer
{
    background: #3d3d3d;
    border-top: 1px solid #fff;
    float: left;
    padding-bottom: 60px;
    width: 100%;
}

.footer_990px
{
    margin: auto;
    padding-top: 25px;
    width: 990px;
}

.logo_wjw
{
    float: left;
    height: 74px;
    width: 157px;
}

.logo_wjw a
{
    background: url(../images/footer_bg.png) no-repeat;
    display: block;
    height: 74px;
    width: 157px;
}
.logo_wjw a:hover
{
    background: url(../images/footer_bg.png) no-repeat;
}
.footerbav
{
    border-left: 1px solid #FFFFFF;
    color: #a4a4a4;
    display: inline;
    float: left;
    height: 74px;
    line-height: 22px;
    margin: 0 0 0 25px;
    padding-left: 25px;
    width: 320px;
}
.footerbav a
{
    color: #a4a4a4;
    margin: 0 5px;
}

.contact
{
    border-left: 1px solid #FFFFFF;
    display: inline;
    float: left;
    line-height: 22px;
    margin: 0 0 0 25px;
    padding-left: 25px;
    width: 330px;
    color: #a4a4a4;
}

.contact span
{
    margin-left: 20px;
}

.dinal_code
{
    border-left: 1px solid #FFFFFF;
    display: inline;
    float: right;
    height: 44px;
    margin: 0;
    padding-left: 25px;
    position: relative;
    width: 42px;
}
/* footer */

/* back_top */
.back_top
{
    bottom: 50px;
    height: 54px;
    position: fixed;
    right: 50px;
    z-index: 99;
}

.back_top a
{
    background: url(../images/topbg.png) no-repeat;
    display: block;
    height: 54px;
    width: 54px;
}
/* back_top */

/* success */

.success
{
    background: none repeat #fafafa;
    border-top: 1px solid #fff;
    float: left;
    margin-top: 30px;
    width: 100%;
}

.success_990px
{
    margin: auto;
    width: 990px;
}

.success_990px h1
{
    float: left;
    font-size: 16px;
    height: 26px;
    line-height: 26px;
    margin: 25px 0 0;
    width: 990px;
}
.success_rec li.mr
{
    display: inline;
    margin-right: 65px;
}
.success_rec li
{
    float: left;
    height: 130px;
    margin: 25px 0 45px;
    width: 460px;
}

.success_rec_pic
{
    display: inline;
    float: left;
    height: 130px;
    margin-right: 24px;
    overflow: hidden;
    width: 130px;
}

.success_rec_box
{
    float: left;
    width: 306px;
}
p.success_box_title
{
    color: #333;
    font-size: 14px;
    font-weight: bold;
}
.success_rec_box p
{
    color: #999;
    line-height: 22px;
    width: 100%;
}

.success_box_title a
{
    color: #333;
}
.success_rec_box p
{
    color: #999;
    line-height: 22px;
    width: 100%;
}
.success_rec_box span
{
    color: #d9272a;
}
.success_rec_box p
{
    color: #999;
    line-height: 22px;
    width: 100%;
}
.success_box_text
{
    margin-top: 5px;
}

.success_box_text a
{
    background: none repeat #d9272a;
    color: #fff;
    margin: 0 0 0 5px;
    padding: 0 4px;
}

.success_more
{
    float: left;
    width: 100%;
}
.success_more a
{
    background: url(../images/next.png) no-repeat;
    border-radius: 3px;
    color: #4f5355;
    display: inline-block;
    float: left;
    font-size: 16px;
    height: 46px;
    line-height: 46px;
    margin: 0 0 40px 305px;
    width: 346px;
}
.success_more a:hover
{
    background: url(../images/next.png) no-repeat 0 -46px;
    color: #fff;
    text-decoration: none;
}
.success_more a span
{
    margin-left: 160px;
}
/* success */

/*huodong.aspx*/


.p1
{
    background: url(../images/p1.jpg) no-repeat center center;
    height: 432px;
}
.huodongdiv p
{
    float: left;
    width: 100%;
}

.p2
{
    background: url(../images/p.jpg) no-repeat center center;
    height: 347px;
}

.p3
{
    background: url(../images/p2.jpg) no-repeat center center;
    height: 278px;
}

.p4
{
    background: url(../images/p3.jpg) no-repeat center center;
    height: 404px;
}

.p5
{
    background: url(../images/p4.jpg) no-repeat center center;
    height: 405px;
}

.p6
{
    background: url(../images/p5.jpg) no-repeat center center;
    height: 615px;
}
/*huodong.aspx*/

/*Privilege*/

.priv_left
{
    left: 0;
    position: absolute;
    top: 20px;
    width: 172px;
}

.priv_title
{
    background: url(../images/privilege.png) no-repeat;
    float: left;
    height: 555px;
    width: 100%;
}
.priv_title ul li.p1
{
    background: url(../images/privilege.png) no-repeat -172px 0;
}

.priv_title ul li.p1b:hover
{
    background: url(../images/privilege.png) no-repeat -172px 0;
}
.priv_title ul li a
{
    display: block;
    height: 69px;
    width: 100%;
}

.priv_title ul li
{
    cursor: pointer;
    float: left;
    height: 69px;
    width: 100%;
}

.help
{
    float: left;
    margin-top: 10px;
    width: 162px;
}

.help h3
{
    border-bottom: 2px solid #7f7f7f;
    height: 30px;
    line-height: 30px;
    width: 100%;
}

.help ul
{
    padding: 5px 0;
    width: 100%;
}

.help ul li
{
    line-height: 24px;
    width: 100%;
}

.help ul li a
{
    color: #333;
}
.help ul li a:hover
{
    color: #d82a27;
    text-decoration: underline;
}
.priv_right
{
    border: 1px solid #d7d7d7;
    color: #444;
    display: inline;
    float: right;
    font-family: "微软雅黑" , "黑体";
    margin: 20px 0 5px;
    padding: 35px 45px;
    width: 727px;
}
.priv_right1
{
    border: 1px solid #d7d7d7;
    color: #444;
    display: inline;
    float: right;
    font-family: "微软雅黑" , "黑体";
    margin: 20px 0 10px;
    padding: 35px 45px;
    width: 727px;
}
.m1
{
    float: left;
    font-size: 36px;
    font-weight: 500;
    line-height: 36px;
    margin-top: 10px;
    text-align: center;
    width: 100%;
}

.m2
{
    border-bottom: 1px dashed #dedede;
    color: #666;
    float: left;
    font-size: 16px;
    line-height: 18px;
    padding: 15px 0 25px;
    text-align: center;
    width: 100%;
}

.m3
{
    background: url(../images/privilege02.png) no-repeat;
    color: #d82a27;
    display: inline;
    float: left;
    font-size: 22px;
    height: 27px;
    line-height: 26px;
    margin: 20px 0 0;
    padding: 0 0 0 40px;
    width: 687px;
}
.df
{
     display: inline;
    float: left;
    line-height: 26px;
    margin: 15px 0 0;
    padding: 0 0 0 10px;
    width: 727px;
    }
.m4
{
    background: url(../images/privilege02.png) no-repeat 0 -166px;
    display: inline;
    float: left;
    line-height: 24px;
    margin: 15px 0 0;
    padding: 0 0 0 40px;
    width: 687px;
}
.m5
{
    float: left;
    width: 100%;
}

.m6
{
    background: url(../images/privilege02.png) no-repeat 0 -27px;
}

.m7
{
    background: url(../images/privilege02.png) no-repeat 0 -54px;
}

.m8
{
    background: url(../images/privilege02.png) no-repeat 0 -81px;
}
.m9
{
    background: url(../images/privilege02.png) no-repeat 0 -108px;
}
.m10
{
    background: url(../images/privilege03.png) no-repeat 0 -135px;
}
.m11
{
    background: url(../images/privilege03.png) no-repeat 0 -162px;
}
.m12
{
    background: url(../images/privilege03.png) no-repeat 0 -189px;
}


.next_more
{
    float: right;
    width: 727px;
    height: 91px;
}
.next_more a
{
    background: url(../images/next.png) no-repeat 0 -46px;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 16px;
    height: 46px;
    line-height: 46px;
    margin: 15px 0 30px 145px;
    width: 346px;
}

.next_more a span
{
    margin-left: 160px;
}
/*Privilege*/

/*Privilege02*/

.priv_title ul li.p2
{
    background: url(../images/privilege.png) no-repeat -172px -69px;
}
.priv_title ul li.p2b:hover
{
    background: url(../images/privilege.png) no-repeat -172px -69px;
}
/*Privilege02*/


/*Privilege03*/
.priv_title ul li.p3
{
    background: url(../images/privilege.png) no-repeat -172px -138px;
}
.priv_title ul li.p3b:hover
{
    background: url(../images/privilege.png) no-repeat -172px -138px;
}
/*Privilege03*/

/*Privilege04*/
.priv_title ul li.p4
{
    background: url(../images/privilege.png) no-repeat -172px -207px;
}
.priv_title ul li.p4b:hover
{
    background: url(../images/privilege.png) no-repeat -172px -207px;
}

/*Privilege04*/

/*Privilege05*/
.priv_title ul li.p5
{
    background: url(../images/privilege.png) no-repeat -172px -276px;
}
.priv_title ul li.p5b:hover
{
    background: url(../images/privilege.png) no-repeat -172px -276px;
}

/*Privilege05*/
/*Privilege05*/
.priv_title ul li.p6
{
    background: url(../images/privilege.png) no-repeat -172px -345px;
}
.priv_title ul li.p6b:hover
{
    background: url(../images/privilege.png) no-repeat -172px -345px;
}

/*Privilege05*/
/*Benefits*/

.benefits
{
    border: 1px solid #dedede;
    float: left;
    margin: 12px 0;
    padding: 20px;
    width: 948px;
}
.b1
{
    background: url(../images/privilege02.png) no-repeat;
    color: #d82a27;
    font-family: "微软雅黑" , "黑体";
    font-size: 22px;
    height: 27px;
    line-height: 26px;
    padding: 0 0 0 40px;
}

.b3
{
    margin-top: 15px;
    text-align: center;
}
.b2
{
    background: url(../images/privilege02.png) no-repeat 0 -27px;
    color: #d82a27;
    font-family: "微软雅黑" , "黑体";
    font-size: 22px;
    height: 27px;
    line-height: 26px;
    padding: 0 0 0 40px;
}

/*Benefits*/

/*Join_jjt*/

.tab2
{
    background: none repeat #dedede;
}

.tab2 th
{
    background: url(../images/th.png) repeat-x center top;
    color: black;
    font-size: 14px;
    font-weight: bold;
    padding: 0 6px 0 0;
}

.e1
{
    color: #f60;
    font-style: normal;
}

.tab2 td
{
    background: none repeat white;
    color: #444;
    font-family: "微软雅黑" , "黑体";
    font-size: 14px;
}
.b4
{
    border: 1px solid #dedede;
    height: 30px;
    line-height: 30px;
    width: 250px;
}
.join_bg
{
    background: url(../images/001.jpg) repeat;
}
/*Join_jjt*/

/*pay*/
.pay_div
{
    border: #ddd 1px solid;
    float: left;
    margin: 12px 0;
    padding: 0 20px 20px 20px;
    width: 948px;
}

.paykj
{
    float: left;
    width: 253px;
    height: 180px;
    border: 2px solid #ffe405;
    margin: 10px 28px;
    background: #fffcdf;
}
.paykjzfb
{
    float: left;
    width: 253px;
    height: 410px;
    border: 2px solid #ffe405;
    margin: 10px 28px;
    background: #fffcdf;
}
.payimage
{
    margin-top: 20px;
    padding-bottom: 20px;
    text-align: center;
}
.h2_title
{
    border-bottom: 1px solid #ddd;
    color: #333;
    font: 18px/20px;
    padding: 25px 0 10px 10px;
}
/*pay*/