/* 
* @Author: anchen
* @Date:   2015-08-03 16:17:39
* @Last Modified by:   anchen
* @Last Modified time: 2015-09-28 15:41:24
*/
.main{width: 100%;height: 100%; }
.hot-news{width: 855px; height: 526px; margin: 0 auto;}
/* 标题 */
.share,.share:hover,.share-more ul li,.icon-hot{background-image: url(../images/icon.png); background-repeat: no-repeat;}
.hot-news-top,.hot-news-top-vip{  margin: 0 auto; line-height: 68px;}
.hot-news-top{width:325px;}
.hot-news-top-vip h3 em,.hot-news-top-vip h3 ,.hot-news-top h3,.hot-news-top h3 em{ font-size: 25px; font-weight: bold;}
.hot-news-top-vip{width:375px; position: relative; padding-left: 68px; box-sizing: border-box; margin-top: 8px;}
.hot-news-top-vip i{width: 64px;height: 64px;background: url(../images/vip-title.png) no-repeat; display:block; position: absolute; left: 0;top: 0;}
.hot-news-top-vip h3,.hot-news-top h3 em{color:#666563;}
.hot-news-top h3{color:#ff9000;}
.hot-news-top-vip h3 em{color:#ff9100;}

/* banner图 */
.hot-banner{width: 855px;height: 203px; background:url(../images/banner_07.png) no-repeat; margin-bottom: 54px; margin: 0 auto;}
/* 表格里面的内容 */
.info{ position: relative; width: 854px; height: 147px; border-top: 1px solid #b7e07c; border-left: 1px solid #b7e07c; margin: 52px auto 0;}
.package,.share a,.info-title li,.info-content-vip li.info-three a,.info-content li.info-three a{font-size: 16px;}
.icon-hot,.info-content-vip li.info-three-last a,.info-content li.info-three-last a,.info-three-renewal a,.share a{display: block; /* padding: 0 3px; */}

/* ******************表格上的套餐详情**************** */
.package{width: 110px;height: 30px;background: #73c400; color: #fff; position: absolute; top: -30px; left: -1px; line-height: 30px; text-align: center; }
/* *************表格里面的详细内容 ****************/
.info-content-vip,.info-content,.info-title{ text-align: center; color:#72706f;}
.info-title{ height: 35px;  line-height: 35px; font-weight: bold;}
.info-title li,.info-content-vip li,.info-content li{border-bottom: 1px solid #b7e07c; border-right: 1px solid #b7e07c; float: left; _display:inline;}
.info-title li{height: 35px; background: #fafdea;}
.info-content-vip li,.info-content li{height: 110px;}
.info-title .info-three{color:#ff9002;}


.icon-hot{width: 24px; height: 35px; background: url(../images/hot.jpg) no-repeat; position: absolute; top: 0; right:40px;}
.info-one-vip,.info-one{ width: 126px;}
.info-two{ width: 523px;}
.info-three,.info-three-last,.info-three-renewal{position: relative; width: 202px;color:#cfd4d7; overflow: hidden;}
.info-content-vip li.info-one-vip p,.info-content li.info-one p{text-align: center; font-size: 16px; color:#fe8f01; font-weight: bold; margin-top: 45px;}
.info-content-vip li.info-two,.info-content li.info-two{padding-top: 5px;height:105px;}
.info-content-vip li.info-two p,.info-content li.info-two p{margin:0 25px 0 52px;line-height: 20px;text-align:left; }

/* 点击的部分续费和vip */
.info-three-last a,.info-three-renewal a{width: 130px; height: 38px;  line-height: 38px; color:#fff; margin:35px 35px 0; }
.info-content-vip .info-three-last a,.info-three-renewal a{width: 90px; margin:35px 57px 0;}
.info-content-vip a,.info-content a{color:#72706f;}

/******************续费**************/
 .info-three-last a{color:#fff; background: #cfd4d7;}
.info-three-last a:hover{background: #cfd4d7;} 


/****************成为vip和续费的不灰化***************/
 .info-three-renewal a{background: #ffb400;  color:#fff;}
.info-three-renewal a:hover,.info-content .info-three-last a:hover,.info-three-last a:hover{background: #ff9600;} 
.info-content .info-three-last a,.info-three-last a{background: #ffb400;  color:#fff;}
/*  .info-content .info-three-last a:hover,.info-three-renewal a:hover{background: #ff9600;} */
.info-content-vip .info-three-renewal a{color:#fff; background: #cfd4d7;  cursor:default;}
.info-content-vip .info-three-renewal a:hover{background: #cfd4d7;} 



/* 分享 */
.last-share{width:855px;height: 66px; position: relative;margin: 12px auto 0;}
.share{width: 66px; height: 62px; background-position: 4px -43px;cursor: pointer; position: absolute; right:0;}
.share a{ text-align: center; margin-top: 20px;  font-weight: bold; color:#73c400;  z-index: 1;}

/* 鼠标点击时的状态 */
.share-more{width: 347px;height: 63px; position: absolute; right:0;top: 0; display:none;}
.share-more ul li{width: 42px; height: 63px; float: left; _display:inline; margin-left: 12px;}
.share-more ul li.share-one{background-position: -388px -45px; height: 40px;margin-top: 12px;}
.share-more ul li.share-two{background-position: -327px -45px; height: 40px;margin-top: 12px;}
.share-more ul li.share-three{background-position: -272px -45px;height: 40px;margin-top: 12px;}
.share-more ul li.share-four{background-position: -217px -45px; height: 40px;margin-top: 12px;}
.share-more ul li.share-five{background-position: -156px -45px; height: 40px;margin-top: 12px;}
.share-more ul li.share-six{width: 65px;height: 66px; background-position: -76px -40px;}