@charset "utf-8";
*{ margin:0; padding:0;}
body{ margin:0; padding:0; background:url(images/vip8-body-bg.jpg) no-repeat center 68px ;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ padding:0;margin:0;font-size:12px; font-family:'宋体';}
fieldset,img {border: 0;}
ol,ul,li {list-style: none;}
a{ text-decoration:none;}
img{ border:0;}
.card-mar{ margin-right:89px;}

h5{ width:23px; height:50px; background:#fff; float:left;}
.td-64-bobg{ width:64px; height:50px; border-bottom:1px dotted #5d444d;float:left; line-height:50px; font-size:14px; color:#7d7d7d;}
.td-89-bobg{ width:89px; height:50px; border-bottom:1px dotted #5d444d;float:left; line-height:50px; font-size:14px; color:#7d7d7d;}
.td-77-bobg{ width:77px; height:50px; border-bottom:1px dotted #5d444d;float:left; line-height:50px; font-size:14px; color:#7d7d7d;}
.td-425-bobg{ width:425px; height:50px; border-bottom:1px dotted #5d444d;float:left; line-height:50px; font-size:14px; color:#7d7d7d;}
.td-64{ width:64px; height:50px; background:#fdecef; border-bottom:1px dotted #5d444d;float:left; line-height:50px; color:#c91a00; text-indent:10px;}
.td-89{ width:89px; height:50px; background:#f0f9ff; border-bottom:1px dotted #5d444d;float:left; line-height:50px; color:#1b6aad; text-indent:10px;}
.td-77{ width:77px; height:50px; background:#fffef0; border-bottom:1px dotted #5d444d;float:left;line-height:50px; color:#f6810f; text-indent:10px;}
.td-425{ width:425px; height:50px; background:#f2f9ed;border-bottom:1px dotted #5d444d;float:left;line-height:50px; color:#285905; text-indent:10px;}
.td-425 a{ color:#285905; text-decoration:underline; height:50px; line-height:50px;}
.td-425 span{ height:50x; overflow:hidden; background:url(images/td-ico.jpg) no-repeat left center; padding-left:15px;}

.margin-left{ margin-left:23px;}

#title{ width:100%; height:68px; background:#8f0100;}
#title h1{ width:953px; height:68px; margin:0 auto; padding-left:35px;}
#layout{ width:988px; margin:0 auto;}
#top{ width:988px; height:573px; position:relative;}
#top .dooland-card{ width:558px; height:460px; position:absolute; right:0; top:30px;}
#top .dooland-card .card-cont{ width:218px; height:460px; float:left;}
.card-cont .card-title{ width:218px; height:42px; line-height:42px; color:#575757; font-size:12px; font-weight:bold;}
.card-cont .pic{ width:217px; height:158px; background:url(images/card-bg.jpg) no-repeat left bottom;}
.card-cont .card-gg{ width:178px; height:50px; background:url(images/card-cont-txt.jpg) no-repeat 0 0; margin-top:3px; padding:10px 0 0 40px; color:#a6a6a6; line-height:20px;}
.card-cont .card-gg a{color:#7d7d7d;}
.card-cont .classic{ width:218px; height:106px; margin-top:21px;}
.card-cont .classic h2{ width:218px; height:18px; background:url(images/classic-ico.jpg) no-repeat 9px 0px; color:#7d7d7d; line-height:20px; font-weight:lighter; text-indent:30px;}
.card-cont .classic ul{}
.card-cont .classic li{ width:218px; height:43px; border-bottom:1px solid #d7d7d7; background:url(images/classic-li-ico.jpg) no-repeat right center; line-height:43px;}
.card-cont .classic li a{ color:#7d7d7d;}
.card-cont .price{ width:218px; height:70px;}
.card-cont .price .btn{ width:165px; height:70px; float:left;}
.card-cont .price .btn .detail-btn{ width:40px; height:40px; float:left; background:url(images/detail-btn.jpg) no-repeat 0 0; line-height:40px; text-align:center; margin:15px 10px 0 0;}
.card-cont .price .btn .detail-btn a{ color:#fff;}
.card-cont .price .btn .buy-btn{ width:40px; height:40px; float:left; background:url(images/buy-btn.jpg) no-repeat 0 0; line-height:40px; text-align:center; margin-top:15px;}
.card-cont .price .btn .buy-btn a{ color:#fff;}
.card-cont .price .price-txt{ width:53px; line-height:70px; height:70px; float:right; text-align:right; font-size:14px; color:#636363;}

#mainContent{ width:988px;}
#mainContent #leftCol{ width:793px; float:left;}
#mainContent #leftCol .vip-card-cont{ width:793px; height:249px;}
#mainContent #leftCol .vip-card-cont ul{ margin-top:26px;}
#mainContent #leftCol .vip-card-cont li{ width:173px; height:170px; display:inline; float:left; margin:0 12px;_margin:0 8px;}
#mainContent #leftCol .vip-card-cont .img{ width:173px; height:107px; position:relative;}
#mainContent #leftCol .vip-card-cont .txt{ width:173px; height:65px;}
#mainContent #leftCol .vip-card-cont .txt .name{ width:90px; height:55px;float:left; text-align:center; line-height:20px; padding-top:10px; color:#7d7d7d;}
#mainContent #leftCol .vip-card-cont .txt .name b{ color:#4a4a4a;}
#mainContent #leftCol .vip-card-cont .txt .btn{ width:83px; height:65px; float:left; line-height:65px; }
#mainContent #leftCol .vip-card-cont .txt .btn a{color:#ff871f; margin:0 8px;}
#mainContent .top{ width:100%; height:34px; border:1px solid #ebebeb; background:#fafafa url(images/vip-card-cont-bg.jpg) no-repeat left center; line-height:34px;}
#mainContent .top h4{padding-left:20px; color:#333; float:left;}
#mainContent .top a{ width:60px; height:34px; line-height:34px; display:block; color:#a3a3a3; float:right; text-align:center;}
#mainContent #leftCol .vip-function{ width:793px; height:430px;}
#mainContent #leftCol .vip-function td{}
#mainContent #leftCol .vip-function td span{ width:7px; height:7px; background:url(images/td-ico.jpg) no-repeat left center; margin-right:8px;}
#mainContent #rightCol{ width:182px; float:right;}
#mainContent #rightCol .vip-ranking{ width:180px; height:560px; border:1px solid #ebebeb; background:#fafafa;}
#mainContent #rightCol .vip-ranking .top{ border:none;}
#mainContent #rightCol .vip-ranking .top h4{ font-weight:lighter; color:#8a8080;}
#mainContent #rightCol .vip-ranking ul{width:160px; margin-left:10px;}
#mainContent #rightCol .vip-ranking li{ width:140px; padding-left:20px; border-top:1px dotted #5d444d;}
#mainContent #rightCol .vip-ranking .name{ width:140px; height:40px; line-height:40px;}
#mainContent #rightCol .vip-ranking .name a{ color:#333232;}
#mainContent #rightCol .vip-ranking .num{ width:120px; height:25px; text-align:right; color:#7a7979; padding-right:20px;}
#mainContent #rightCol .vip-ranking #card-pic{ width:130px; height:65px; text-align:left; padding-left:10px;}
.ico1{ background:url(images/ranking-1.jpg) no-repeat 0 15px;}
.ico2{ background:url(images/ranking-2.jpg) no-repeat 0 15px;}
.ico3{ background:url(images/ranking-3.jpg) no-repeat 0 15px;}
.ico4{ background:url(images/ranking-4.jpg) no-repeat 0 15px;}
.ico5{ background:url(images/ranking-5.jpg) no-repeat 0 15px;}
.ico6{ background:url(images/ranking-6.jpg) no-repeat 0 15px;}
.ico7{ background:url(images/ranking-7.jpg) no-repeat 0 15px;}
#mainContent #rightCol .service{ width:180px; height:202px; border:1px solid #ebebeb; background:#fafafa; margin-top:12px;}
#mainContent #rightCol .service .top{ border:none;}
#mainContent #rightCol .service .top h4{ font-weight:lighter; color:#8a8080;}
#mainContent #rightCol .service ul{ width:165px; margin:0 7px; border-top:1px dotted #5d444d; padding-top:5px; color:#8a8080;}
#mainContent #rightCol .service li{ height:25px; line-height:25px;padding-left:23px; margin-left:10px;}
.phone-ico{ background:url(images/phone-ico.jpg) no-repeat left center; line-height:25px;}
.xin-ico{ background:url(images/xin-ico.jpg) no-repeat left center; line-height:25px;}
.phone-mun{ /*font-family:'MoolBoran';*/ color:#f49243; font-size:18px;}


.frame {width:173px; height:107px;background:#fff;float:left; margin-right:8px; display:inline; cursor:pointer;}
.wrap {width:173px; height:107px; position:relative; overflow:hidden; font-family:arial, sans-serif;}
.wrap a { widht: 173px; height: 106px; display: block; position: relative; z-index: 0; }
.wrap img {display:block;}
.wrap div {width:153px; height:107px; padding:107px 10px 10px 10px; position:absolute; left:0; top:0; z-index: 9;}
.wrap div b {display:block; width:107px; height:87px; position:absolute; left:0; top:107px; z-index:1; background:url(images/vip-card-bg.jpg) no-repeat 0 0;padding:10px; width:153px; font-weight:lighter;}
.wrap div span {position:relative;z-index:100000; color:#fff;}
.wrap div p {font-size:12px; color:#fff; line-height:16px;line-height:20px; width:152px; height:87px; }
.clear {clear:both;}

.hot{ width:173px; height:47px;z-index:999; position:absolute; left:0; bottom:8px; }
.hot .ico{width:128px; height:42px;position:absolute; left:-5px; top:0;background:#fff url(images/hot-ico.jpg) no-repeat left center; line-height:20px; color:#3b1723;padding:3px 10px 0 40px;}