@charset "gb2312";
body{background:#f2f2f2;}

* {	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;	box-sizing: border-box;	-webkit-tap-highlight-color: rgba(0,0,0,0);	-webkit-text-size-adjust: none;	-webkit-touch-callout: none}

.swiper-container{ width:100%; height:auto; display:block; overflow:hidden; position:relative; zoom:1}
.swiper-container img{ width:100%; height:auto; display:block; overflow:hidden}
.swiper-container strong{ width:100%; height:30px; line-height:30px; font-size:14px; font-weight:normal; color:#fff; text-indent:10px; background:rgba(0,0,0,0.5); display:block; overflow:hidden; position:absolute; left:0; bottom:0; z-index:50}
.swiper-container .swiper-pagination{ width:auto; height:20px; display:inline-block; overflow:hidden; position:absolute; left:auto; right:0; bottom:0; z-index:999}
.swiper-container .swiper-pagination span{ width:22px; height:8px; background:#fff; border-radius:0; float:left; margin:0 6px 0 0; display:inline; overflow:hidden; opacity:0.5}
.swiper-container .swiper-pagination .swiper-pagination-bullet-active{ opacity:1}

.g-white{ width:100%; height:auto; background:#fff; box-shadow:0px 2px 3px #ccc; margin:0 0 10px 0; display:block; overflow:hidden;}
.recomd-four{ width:100%; height:auto; padding:0 0 20px 0; box-sizing:border-box; display:block; overflow:hidden}
.recomd-four li{ width:25%; height:auto; float:left; padding:20px 0 0 0; box-sizing:border-box; display:inline; overflow:hidden}
.recomd-four li a{ width:auto; height:auto; padding:0 10px; box-sizing:border-box; display:block; overflow:hidden; margin:auto;}
.recomd-four li a b{ width:60px; height:60px; background:url(../images/index-icon.png) no-repeat 15px 15px #ff7777; background-size:30px; border-radius:16px; display:block; overflow:hidden; margin:auto;}
.recomd-four li a strong{ width:100%; height:16px; line-height:16px; font-size:14px; font-weight:normal; color:#333; text-align:center; margin:6px 0 0; display:block; overflow:hidden;}

.recomd-four li:nth-child(2) a b{ background-color:#ffb411; background-position:15px -116px;}
.recomd-four li:nth-child(3) a b{ background-color:#56c2f4; background-position:15px -247px;}
.recomd-four li:nth-child(4) a b{ background-color:#49dbae; background-position:15px -378px;}
.recomd-four li:nth-child(5) a b{ background-color:#859efc; background-position:15px -509px;}
.recomd-four li:nth-child(6) a b{ background-color:#7ec03f; background-position:16px -642px;}
.recomd-four li:nth-child(7) a b{ background-color:#fa74b0; background-position:16px -771px;}
.recomd-four li:nth-child(8) a b{ background-color:#ff9900; background-position:15px -903px;}

.today-title{ width:100%; height:38px; margin:10px 0 0; display:block; overflow:hidden;}
.today-title strong{ width:auto; height:38px; line-height:38px; font-size:18px; font-weight:normal; color:#fff; padding:0 35px 0 15px; background:#ff7777; float:left; display:inline; overflow:hidden; position:relative; zoom:1}
.today-title strong i{width:38px;height:38px;background:#fff;border-radius: 18px / 37px;display:block;overflow:hidden;position:absolute;right: -30px;top: 0;}
.today-title ul{ width:auto; height:30px; float:right; margin:4px 10px 0 0; border:1px solid #22a7f0; border-radius:4px; display:inline; overflow:hidden;}
.today-title ul li{ width:auto; height:30px; line-height:30px; font-size:14px; font-weight:normal; color:#333; float:left; padding:0 10px; display:inline; overflow:hidden}
.today-title ul .f-hover{ background:#22a7f0; color:#fff;}
.today{ width:100%; height:auto; padding:0 0 1.2em 0; box-sizing:border-box; display:block; overflow:hidden}
.today .today-top{ width:100%; height:auto; padding:1em 1.2em 1em; border-bottom:1px solid #eee; display:-webkit-box; overflow:hidden}
.today .today-top img{ width:80px; height:80px; margin:0 1em 0 0; display:block; overflow:hidden}
.today .today-top span{ width:auto; height:auto; padding:0 10px 0 0; box-sizing:border-box; display:block; overflow:hidden; -webkit-box-flex:1}
.today .today-top span strong{ width:100%; height:18px; line-height:18px; font-size:16px; font-weight:normal; color:#333; display:block; overflow:hidden; margin:3px 0 0;}
.today .today-top span em{ width:100%; height:14px; line-height:14px; font-size:12px; font-weight:normal; color:#333; display:block; overflow:hidden; margin:4px 0 0;}
.today .today-top span p{ width:100%; height:32px; line-height:16px; font-size:12px; font-weight:normal; color:#999; display:block; overflow:hidden; margin:8px 0 0;}
.today .today-top b{ width:46px; height:46px; background:url(../images/index-icon.png) no-repeat 0 -1626px; background-size:45px; margin:3px 0 0; display:block; overflow:hidden;}

.today .today-foot{ width:100%; height:auto; padding:0 0 0 0; box-sizing:border-box; display:block; overflow:hidden;}
.today .today-foot li{ width:25%; height:auto; float:left; padding:1em 0 0 0; box-sizing:border-box; display:inline; overflow:hidden}
.today .today-foot li a{ width:65px; height:auto; margin:auto; display:block; overflow:hidden}
.today .today-foot li a img{ width:100%; height:auto; display:block; overflow:hidden}
.today .today-foot li a strong{ width:100%; height:20px; line-height:20px; font-size:15px; font-weight:normal; color:#333; text-align:center; padding:0; margin:0.3em 0 0; box-sizing:border-box; display:block; overflow:hidden}
.today .today-foot li a em{ width:100%; height:14px; line-height:14px; font-size:12px; font-weight:normal; color:#999; text-align:center; padding:0; margin:0px 0 0; box-sizing:border-box; display:block; overflow:hidden}
.today .today-foot li a b{ width:100%; height:28px; line-height:28px; font-size:16px; font-weight:normal; color:#22a7f0; border:1px solid #22a7f0; border-radius:4px; text-align:center; margin:0.5em auto 0; box-sizing:border-box; display:block; overflow:hidden}

.g-title{ width:100%; height:26px; margin:10px 0 0; display:block; overflow:hidden;}
.g-title strong{ width:auto; height:26px; line-height:26px; font-size:16px; font-weight:bold; color:#22a7f0; text-indent:10px; border-left:4px solid #22a7f0; box-sizing:border-box; float:left; display:inline; overflow:hidden;}
.g-title a{width:auto; height:26px; line-height:26px; font-size:14px; font-weight:normal; color:#333; float:right; padding:0 10px; display:inline; overflow:hidden}

.four-plate{ width:100%; height:auto; padding:0 0 1em 0; box-sizing:border-box; display:block; overflow:hidden;}
.four-plate li{ width:25%; height:auto; float:left; padding:1em 0 0 0; box-sizing:border-box; display:inline; overflow:hidden}
.four-plate li a{ width:65px; height:auto; margin:auto; display:block; overflow:hidden}
.four-plate li a img{ width:100%; height:65px; display:block; overflow:hidden}
.four-plate li a strong{ width:100%; height:20px; line-height:20px; font-size:16px; font-weight:normal; color:#333; text-align:center; padding:0; margin:0.5em 0 0; box-sizing:border-box; display:block; overflow:hidden}
.four-plate li a em{ width:100%; height:14px; line-height:14px; font-size:12px; font-weight:normal; color:#999; text-align:center; padding:0; margin:0px 0 0; box-sizing:border-box; display:block; overflow:hidden}

.g-recomd{ width:100%; height:auto; padding:0 0; box-sizing:border-box; background:#fff; display:block; overflow:hidden; position:relative; zoom:1;}
.g-recomd .xscroll-plate{ width:100%; height:auto; white-space:nowrap; overflow:hidden; overflow-x: auto; display:block; padding: 12px 10px 12px 0;}
.g-recomd .xscroll-plate li{ width:200px; height:auto; display:inline-block; margin:0 0 0 15px; white-space:nowrap}
.g-recomd .xscroll-plate li a{ width:100%; height:auto; display:block; overflow:hidden}
.g-recomd .xscroll-plate li a img{ width:100%; height:91px; border-radius:10px; display:block; overflow:hidden}
.g-recomd .xscroll-plate li a span{ width:100%; height:20px; line-height:20px; font-size:14px; font-weight:normal; color:#333; text-align:center; margin:4px 0 0 0; display:block; overflow:hidden}

.g-cms{ width:100%; height:auto; padding:0px 10px; display:block; overflow:hidden; box-sizing:border-box;}
.g-cms a{ width:100%; height:auto; padding:10px 0; box-sizing:border-box; display:-webkit-box; overflow:hidden; border-bottom:1px solid #eee;}
.g-cms a img{ width:120px; height:auto; display:inline-block; overflow:hidden;}
.g-cms a span{ width:auto; height:auto; display:block; overflow:hidden; padding:0 0 0 12px; box-sizing:border-box; -webkit-box-flex:1;}
.g-cms a span strong{width:100%;height: 18px;line-height: 18px;font-size: 16px;font-weight:normal;color:#333;margin:0 0 0;display:block;overflow:hidden;}
.g-cms a span p{width:100%;height:34px;line-height:18px;font-size:12px;font-weight:normal;color:#999;margin: 4px 0 0;display:block;overflow:hidden;}
.g-cms a span em{width:100%;height:auto;line-height:18px;font-size:12px;font-weight:normal;color:#999;margin: 3px 0 0;display:block;overflow:hidden;}

.g-rank-btn{ width:100%; height:auto; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:10px 0 0; display:-webkit-box; overflow:hidden;}
.g-rank-btn li{ width:auto; height:auto; padding:0 0; box-sizing:border-box; display:block; overflow:hidden; -webkit-box-flex:1; text-align:center; position:relative; zoom:1}
.g-rank-btn li strong{ width:auto; height:54px;  font-size:16px; font-weight:normal; color:#333; margin:auto; padding:12px 2px; box-sizing:border-box; display:inline-block; overflow:hidden; vertical-align:middle;}
.g-rank-btn li strong b{width:30px;height:30px;background:url(../images/index-icon.png) no-repeat 0 -1233px;background-size:30px;vertical-align:middle;margin: 0 7px 0 0;display:inline-block;overflow:hidden;-webkit-filter: grayscale(100%);-o-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);filter: grayscale(100%);}
.g-rank-btn li i{ width:2px; height:14px; background:#ccc; display:block; overflow:hidden; position:absolute; right:0; top:19px;}
.g-rank-btn li:nth-child(2) strong b{background-position: -3px -1379px;width: 24px;}
.g-rank-btn li:nth-child(3) strong b{background-position: -5px -1525px;width: 21px;}
.g-rank-btn .f-hover strong{ color:#22a7f0; font-weight:bold; border-bottom:2px solid #22a7f0}
.g-rank-btn .f-hover strong b{ -webkit-filter: grayscale(0%); -o-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); filter: grayscale(0%);}

.g-rank-cont{ width:100%; height:auto; padding:0 12px; box-sizing:border-box; display:block; overflow:hidden;}
.g-rank-cont a{ width:100%; height:auto; padding:10px 0; box-sizing:border-box; border-bottom:1px solid #ccc; display:-webkit-box; overflow:hidden}
.g-rank-cont a i{ width:22px; height:30px; line-height:26px; font-size:14px; font-weight:normal; font-style:normal; color:#fff; text-align:center; background:#bbb; display:block; overflow:hidden; position:relative; zoom:1}
.g-rank-cont a i span{width:0;height:0px;border-left: 11px solid transparent;border-right: 11px solid transparent;border-bottom: 5px solid #fff;display:block;overflow:hidden; position:absolute; left:0; bottom:0;}
.g-rank-cont a .g-rank-img{ width:60px; height:60px; border-radius:12px; margin:0 0 0 10px; display:block; overflow:hidden;}
.g-rank-cont a p{ width:auto; height:auto; margin:0 0 0 10px; display:block; overflow:hidden; -webkit-box-flex:1}
.g-rank-cont a p strong{ width:auto; height:20px; line-height:20px; font-size:16px; font-weight:normal; color:#333; margin:4px 0 0; display:block; overflow:hidden}
.g-rank-cont a p em{ width:auto; height:14px; line-height:14px; font-size:12px; font-weight:normal; color:#999; margin:5px 0 0; display:block; overflow:hidden}
.g-rank-cont a p img{ width:auto; height:12px; margin:3px 0 0; display:block; overflow:hidden;}
.g-rank-cont a b{ width:60px; height:30px; line-height:30px; font-size:16px; font-weight:normal; color:#fff; text-align:center; background:#22a7f0; border-radius:4px; margin:10px 0 0; display:block; overflow:hidden}
.g-rank-cont a:nth-child(1) i{ background:#ff4b4b}
.g-rank-cont a:nth-child(2) i{ background:#ff6600}
.g-rank-cont a:nth-child(3) i{ background:#ffcc00}

.g-firend-link{ width:100%; height:auto; padding:0 10px 10px 0; box-sizing:border-box; display:block; overflow:hidden}
.g-firend-link li{ width:auto; height:auto; float:left; padding:10px 0 0 10px; box-sizing:border-box; display:inline; overflow:hidden;}
.g-firend-link li a{ width:100%; height:32px;line-height:32px; font-size:14px; font-weight:normal; color:#7a7c83; border:1px solid #767c80; border-radius:4px; padding:0 10px; display:block; overflow:hidden; }