body{ background:#f4f4f4}

.g-listbox-1170{ padding:0 0 15px 0;}
.g-left{ width:850px; height:auto; margin:0 0 0 0; overflow:hidden}


.g-title{ width:100%; height:28px; line-height:28px; font-size:20px; font-weight:bold; color:#333; display:block; overflow:hidden}
.g-title i{ width:28px; height:28px; background:#f40; border-radius:100px; float:left; margin:0 6px 0 0; display:inline; overflow:hidden; position:relative; zoom:1}
.g-title i span{ width:20px; height:20px; background:url(../images/cmslist-icon.png) no-repeat 0 -324px; display:block; overflow:hidden; position:absolute; left:0; top:4px;}
.g-title a{ font-weight:normal; color:#f40; float:right}

.m-hot-recomd{ width:810px; height:auto; margin:24px 0 0 20px; display:block; overflow:hidden}
.m-hot-recomd h4{ width:40px; height:52px; line-height:26px; font-size:18px; font-weight:bold; color:#fff; text-align:center; background:#262626; padding:8px 20px; float:left; display:inline; overflow:hidden; position:relative; zoom:1}
.m-hot-recomd h4:after{ content:""; width:70px; height:59px; border:1px solid #fff; display:block; overflow:hidden; position:absolute; left:4px; top:3px; z-index:10;}
.m-hot-recomd .m-hr-cont{ width:730px; height:69px; float:left; margin:0; display:inline; overflow:hidden}
.m-hot-recomd .m-hr-cont a{ width:67px; height:28px; line-height:28px; font-size:14px; font-weight:normal; color:#666; text-align:center; padding:0 10px; border:1px solid #666; border-radius:6px 6px 0 0; float:left; margin:0 0 9px 15px; display:inline; overflow:hidden}

.m-cms-list{ margin-top:20px;}
.m-cms-list .g-title{ color:#fe3c1c}
.m-cms-list .g-title i{ margin-left:20px; background:none}
.m-cms-list .m-cms-div{ width:100%; height:auto; margin:0 0 0 5px; display:block; overflow:hidden}
.m-cms-list .m-cms-div dl{  width:810px; height:165px; border-radius:4px; float:left; margin:15px 0 5px 15px; box-shadow:0px 0px 5px #ccc; display:inline; overflow:hidden}
.m-cms-list .m-cms-div dl dt{ width:245px; height:137px; float:left; margin:14px 16px 0 14px; display:inline; overflow:hidden}
.m-cms-list .m-cms-div dl dt a{ display:block; overflow:hidden}
.m-cms-list .m-cms-div dl dt a img{ width:100%; height:auto; display:block; overflow:hidden}
.m-cms-list .m-cms-div dl dd{ width:522px; height:auto; float:left; margin:14px 0 0; display:inline; overflow:hidden}
.m-cms-list .m-cms-div dl dd .u-name{ width:100%; height:20px; line-height:20px; font-size:18px; font-weight:bold; color:#333; margin:0; padding:0; float:left; display:inline; overflow:hidden;}
.m-cms-list .m-cms-div dl dd p{width:100%; height:44px; line-height:24px; font-size:14px; font-weight:normal; color:#808080; margin:9px 0 0; float:left; display:inline; overflow:hidden}
.m-cms-list .m-cms-div dl dd b{ width:432px; height:20px; float:left; margin:44px 0 0 0; display:inline; overflow:hidden}
.m-cms-list .m-cms-div dl dd b a{ width:auto; height:18px; line-height:18px; font-size:12px; font-weight:normal; color:#4d4d4d; border:1px solid #eee; border-radius:4px; padding:0 12px; float:left; margin:0 10px 0 0; display:inline; overflow:hidden}
.m-cms-list .m-cms-div dl dd b a:hover{ background:#f40; color:#fff; border-color:#f40}
.m-cms-list .m-cms-div dl dd em{ width:auto; height:20px;line-height:20px; font-size:12px; font-weight:normal; color:#808080; float:left; margin:50px 0 0 0; display:inline; overflow:hidden}
.m-cms-list .m-cms-div dl dd em i{ width:16px; height:16px; background:url(../images/index-icon.png) no-repeat 0 -59px; float:left; margin:2px 6px 0 0; display:inline; overflow:hidden}
.m-cms-list .m-cms-div dl:hover{ box-shadow:0px 0px 5px #f40}
.m-cms-list .m-cms-div dl:hover dd .u-name{ color:#f40}


.g-right{ width:300px; height:auto; overflow:visible}
.g-right .m-hot-rank{ width:100%; height:auto; float:left; margin:24px 0 0; display:inline; overflow:hidden}
.g-right .m-hot-rank .g-title i span{ background-position:0 -405px; left:7px; top:4px;}
.g-right .m-hot-rank .m-fxb-recomd{ width:100%; height:168px; margin:15px 0 0; display:block; overflow:hidden; position:relative; zoom:1}
.g-right .m-hot-rank .m-fxb-recomd i{ width:37px; height:44px; line-height:36px; font-size:16px; font-weight:normal; color:#fff; font-style:normal; text-align:center; background:url(../images/index-icon.png) no-repeat 0 -1354px; display:block; overflow:hidden; position:absolute; left:0; top:0; z-index:10;}
.g-right .m-hot-rank .m-fxb-recomd img{ width:100%; height:168px; display:block; overflow:hidden}
.g-right .m-hot-rank .m-fxb-recomd strong{ width:100%; height:36px; line-height:36px; font-size:12px; font-weight:normal; color:#fff; text-align:center; background:url(../images/index-icon.png) repeat-x 0 -1242px; display:block; overflow:hidden; position:absolute; left:0; bottom:0; z-index:10;}
.g-right .m-hot-rank ul{ display:block; overflow:hidden}
.g-right .m-hot-rank ul li{ width:100%; height:auto; float:left; margin:17px 0 3px; display:inline; overflow:hidden}
.g-right .m-hot-rank ul li a{ width:100%; height:24px; line-height:24px; font-size:14px; font-weight:normal; color:#333; display:block; overflow:hidden}
.g-right .m-hot-rank ul li a i{ width:24px; height:24px; border-radius:100px; background:#c6c6c6; font-size:18px; font-weight:normal; color:#fff; font-style:normal; text-align:center; float:left; margin:0 8px 0 0; display:inline; overflow:hidden}
.g-right .m-hot-rank ul li a:hover{ color:#f40}
.g-right .m-hot-rank ul li:nth-child(1){ display:none}
.g-right .m-hot-rank ul li:nth-child(2) a i{ background:#ffa200}
.g-right .m-hot-rank ul li:nth-child(3) a i{ background:#ffd200}