html,body,h1,h2,h3,h4,h5,h6,div,ul,ol,li,dl,dt,dd,iframe,textarea,input,button,p,span,a,em,i,s,img,s,b,strong,form,label,table,tbody,tfoot,thead,tr,th,td,hr,video{margin:0;padding:0}body{font:14px/1.8 "\5FAE\8F6F\96C5\9ED1",Tahoma,Arial,sans-serif;color:#333; min-width:1200px;}h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;font-weight:normal;}table {border-collapse:collapse;border-spacing:0;}em,i,s,b{font-style:normal;}ol,ul{list-style: none;}img{border:none;}video{outline: none;}a,textarea,select,input{resize:none;outline:none; font-family:"\5FAE\8F6F\96C5\9ED1",Tahoma,Arial,sans-serif;}a{color:#444;text-decoration:none;-webkit-transition:all .2s ease-out 0s;-moz-transition:all .2s ease-out 0s; transition:all .2s ease-out 0s;}a:hover {text-decoration:none;color:#3db73d;}a:hover img{opacity: 0.9;filter:alpha(opacity=90);}::-webkit-input-placeholder {color:#aaa;} :-moz-placeholder {color:#aaa;} ::-moz-placeholder {color:#aaa;} :-ms-input-placeholder {color:#aaa;}.clearfix:after {content:"\200B"; display:block; height:0; clear:both;}.clearfix {*zoom:1;}.wrap{width:1200px;margin:0 auto;}.box420{width:420px;}.box400{width:400px;}.box340{width:340px;}.box320{width:320px;}.box300{width:300px;}.box250{width:250px;}.box720{width:720px;}.box860{width:860px;}.box910{width:910px;}.bgwhite{background:#fff;}.bggray{background-color: #efefef;}.fl{float:left;}.fr{float:right;}.mt10{margin-top:10px;}.mt20{margin-top:20px;}.pd15{padding:15px;}.pd20{padding:20px;}.red{color:#f00;}.icons{background-image:url(../images/icons.png);background-repeat: no-repeat;}.top{height: 40px;background: #f4f4f4;line-height: 40px;font-size:12px;color:#888;}.top .welcome{float:left;}.top .welcome h1{display:inline;}.top-meau{float:right;}.top-meau ul li{float:left;padding:0 5px;}.top-meau ul li a{padding:0 10px;color:#888;}.header{height:110px;background:#fff;}.logo{float:left;width:226px;height:72px;margin:15px 0;}.logo img{width:100%;height:100%;}.search-box{float:right;}.search{position: relative;width:530px;height:38px;border:2px solid #3db73d;margin-top:20px;}.search-text{float:left;width:440px;height:28px; line-height:28px;padding:5px 10px;border:0 none;}.search-btn{float:left;width:70px;height:38px;background:#3db73d; font-size:16px;border:0 none; color:#fff;cursor: pointer;}.hot-search{height:28px;line-hegiht:28px;margin-top:6px;}.hot-search p,.hot-search a {float:left;font-size: 14px;color: #666;}.hot-search a {color: #999;margin-right: 14px;}.nav{height:52px;background:#3db73d;font-size:18px;}.nav ul li{float:left;height:52px;font-size:18px;}.nav ul li a{display:block;height:52px;padding:0 45px; line-height: 52px;color:#fff;}.nav ul li a:hover{background-color:#08a32c;}.nav ul li a.on{background-color:#039024;}.rec-tab{float:left;width:130px;border-left: 1px solid #e8e7ed; border-top: 1px solid #e8e7ed;}.rec-tab ul li{position:relative;width:130px;height:44px;line-height:44px;text-align:center;border-bottom:1px solid #e8e7ed;font-size: 16px; background:#f5f5f5;cursor:pointer;}.rec-tab ul li.on{background: #3db73d;color: #fff;}.rec-tab ul li.on:after{ position:absolute;right:-10px;top:50%;margin-top:-5px;content: "";display:block;width:0;height:0;border:5px solid transparent;border-left:5px solid #039024}.rec-cont{float:right;width:1066px;}.rec-cont ul{display:none;}.rec-cont ul.disb{display:block;}.rec-cont ul li{float: left;width: 80px; margin: 10px 0 0 24px;}.rec-cont ul li a{display:block;}.rec-cont ul li a img{width:80px;height:80px;border-radius:16px;}.rec-cont ul li a p{height:36px;line-height:36px;border-bottom:2px solid transparent;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.banner{position: relative;width:400px;height:280px; overflow: hidden;}.banner-list{width:400px;height:280px;}.banner-list ul li{position:absolute;width:400px;height:280px;display:none;}.banner-list ul li:first-child{display:block;}.banner-list ul li a{display:block;width:400px;height:280px;}.banner-control{position:absolute;left:0;bottom:10px; width:100%; text-align: center; z-index:9;}.banner-control ul li{display:inline-block;}.banner-control ul li{display:inline;width:0;height:0;font-size:0;color:#000;padding:6px; margin:0 4px;background: #fff;cursor: pointer;overflow: hidden;-webkit-border-radius:100%;-moz-border-radius:100%; border-radius:100%;filter:alpha(opacity=60);-moz-opacity:.6;-khtml-opacity:.6;  opacity:.6;}.banner-control ul li.on{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;  opacity:1; background:#3db73d;}.banner-mask{z-index:2;position: absolute;bottom:0;left:0; height:72px; width:100%;background:#000;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7;  opacity:.7;}.banner-bt{z-index:3;position: absolute;bottom:30px;width:100%;height:36px; line-height:36px;padding:0 10px;text-align:center; box-sizing: border-box;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}.banner-bt a{color:#fff;font-size:16px;}.banner-bt a:hover{text-decoration: underline;}.rec-hot-control ul li{float:left;width:131px;height:46px;line-height:46px;text-align: center;border-bottom: 3px solid #fff;font-size: 16px;color: #fff;cursor: pointer;}.rec-hot-control ul li.c1{background:#70d0df;margin-right:3px;}.rec-hot-control ul li.c2{background:#a6937c;margin-right:4px;}.rec-hot-control ul li.c3{background:#f0882b;}.rec-hot-control ul li.on{background:#3db73d;border-bottom: 3px solid #3db73d;}.rec-hot-box{display:none;}.rec-hot-box.disb{display:block;}.rec-hot .img-box{background:#3db73d;padding:20px 0;}.rec-hot .img-box a,.rec-hot .img-box img{display:block;}.rec-hot .img-box img{width:78px;height:78px;border-radius:20px;}.rec-hot .img-box li{width:78px;text-align:center;float:left;margin-left:16px;}.rec-hot .img-box li:hover p{font-weight:700;}.rec-hot .img-box p{color:#fff;margin-top:5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}.rec-hot .decorate{width:100%;height:8px;background:url('../images/line.png') repeat-x;}.rec-hot .txt-box{padding-top:10px;}.rec-hot .txt-box li{width:100%;float:left;margin-top:10px;}.rec-hot .txt-box a{display:block;float:left;font-size:16px;}.rec-hot .txt-box a.tag{height:26px;line-height:26px;color:#3db73d;}.rec-hot .txt-box a.txt{width:230px;height:26px;line-height:26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.rec-hot .txt-box a.btn{width:53px;height:24px;border:1px solid #3db73d;color:#3db73d;line-height:24px;text-align:center;float:right;font-size:14px;}.rec-hot .txt-box a.btn:hover{background:#3db73d;color:#fff;}.frist-screen{float:left;display:inline-block;width:410px;margin-left:25px;}.frist-screen-control{height: 40px;background: #fafafa;border-bottom: 1px solid #e8e7ed;}.frist-screen-control ul li{float:left;width:33.3333%;height:40px;font-size:18px; text-align: center; cursor: pointer;}.frist-screen-control ul li span{display:block;width:100px;line-height:38px;border-bottom:3px solid transparent;margin:0 auto;}.frist-screen-control ul li.on span{font-weight:700;color:#3db73d;border-color:#3db73d;}.frist-screen-box{display:none;}.frist-screen-box.disb{display:block;}.frist-screen-box ul{padding:14px 0;border-bottom:1px solid #eee;}.frist-screen-box ul li{width:100%;height:20px;line-height:20px;padding:7px 0;float:left;}.frist-screen-box ul li a,.frist-screen-box ul li img,.frist-screen-box ul li span{display:block;float:left;}.frist-screen-box ul li .tag{width:88px;color:#999;}.frist-screen-box ul li img{width:20px;height:20px;margin-right:10px;}.frist-screen-box ul li .txt{width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.frist-screen-box ul li .time{float:right;color:#999;}.frist-screen-box ul li .time.red{color:#f00;}.frist-screen-r{float:right;width:310px;}.tit-a{height:40px;background:#fafafa;border-bottom:1px solid #3db73d;}.tit-a .bt{float:left;display:block;height:20px;line-height:20px;color:#3db73d;font-size:18px;border-left:4px solid #3db73d;padding-left:10px;margin-top:10px;}.tit-a .more{line-height:40px;padding:0 5px;color:#888;}.tit-a .more:hover{color:#3db73d;}.focus{position: relative;width:310px;height:136px; overflow: hidden;}.focus-list{width:310px;height:136px;}.focus-list ul li{position:absolute;width:310px;height:136px;display:none;}.focus-list ul li:first-child{display:block;}.focus-list ul li a{display:block;width:310px;height:136px;}.focus-control{position:absolute;right:10px;bottom:10px; text-align: center; z-index:9;}.focus-control ul li{display:inline-block;}.focus-control ul li{display:inline;width:0;height:0;font-size:0;color:#000;padding:5px; margin:0 4px;background: #fff;cursor: pointer;overflow: hidden;-webkit-border-radius:100%;-moz-border-radius:100%; border-radius:100%;filter:alpha(opacity=60);-moz-opacity:.6;-khtml-opacity:.6;  opacity:.6;}.focus-control ul li.on{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;  opacity:1; background:#3db73d;}.focus-mask{z-index:2;position: absolute;bottom:0;left:0; height:36px; width:100%;background:#000;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7;  opacity:.7;}.focus-bt{z-index:3;position: absolute;bottom:0;width:100%;height:36px; line-height:36px;padding:0 10px; box-sizing: border-box;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}.focus-bt a{color:#fff;font-size:16px;}.focus-bt a:hover{text-decoration: underline;}.subject-list ul li{width:100%;height:28px;line-height:28px;float:left; background-image:url(../images/icons.png);background-repeat: no-repeat;background-color:#e8fbed;background-position:0 0;margin-top:12px;}.subject-list ul li span{display:block;width:80px;color:#3db73d;float:left;text-align:center;}.subject-list ul li a{display:block;width:212px;height:28px;color:#4d4d4d;float:left;margin-left:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.subject-list ul li:hover{background-position:0 -38px;}.subject-list ul li:hover span{color:#fff;}.subject-list ul li:hover a{color:#3db73d;}.titles{height: 44px;border-bottom: 1px solid #e5e5e5;}.titles .bt{position:relative;float:left;display:inline-block;height:44px;margin-right:20px; line-height:44px;padding-left:36px;font-size:20px;font-weight: bold;}.titles .bt:before{content: '';display: inline-block;width: 30px;height: 30px;position: absolute;left: 0;top: 10px;background-image:url(../images/icons.png);background-repeat:no-repeat;}.bt-ico-1:before{background-position:0 -96px;}.bt-ico-2:before{background-position:-50px -96px;}.bt-ico-3:before{background-position:-152px -96px;}.bt-ico-4:before{background-position:-204px -96px;}.bt-ico-5:before{background-position:-260px -96px;}.title-d {height:40px;line-height:40px;color: #333; border-bottom: 1px #e5e5e5 solid;padding-bottom: 2px;}.title-d .bt {position:relative;float:left;height:39px;font-size: 18px;font-weight: 600;line-height: 39px;padding-bottom: 2px;border-bottom: 2px solid #3db73d;font-weight: bold;}.titles .more {float: right;position: relative;display: inline-block;height: 44px;line-height: 44px;padding-right: 16px;color: #a78f8f;font-size: 14px;}.titles .more:before {content: '';position: absolute;top: 0;bottom: 0;right: 8px;display: inline-block; width: 4px; height: 4px;-webkit-border-radius: 50%;margin:auto;-moz-border-radius: 50%;border-radius: 50%;background: #b2b3c5;}.titles .more:after {content: '';position: absolute;top: 0;bottom: 0;right: 0;display: inline-block;width: 4px;height: 4px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background: #ddd; margin: auto;}.tl-tab-control{float:left;}.tl-tab-control ul li{float:left;height:43px;line-height:43px;margin:0 25px;font-size:16px;cursor: pointer;}.tl-tab-control ul li.on{border-bottom:2px solid #3db73d;color:#3db73d;}.tl-list{display:none; overflow: hidden; }.tl-list.disb{display: block;}.tl-list ul{width:1190px;}.tl-list ul li{float:left;width:92px;height:140px;margin-right:27px;}.tl-list ul li a .img{width:92px;height:92px;-webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px; overflow:hidden;}.tl-list ul li a span{display:block;height:28px;padding-top:5px;line-height:28px;text-align: center;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.horizontal-scroll{position: relative; }.horizontal-scroll-list{width:1100px;margin:0 auto; overflow:hidden; }.horizontal-scroll-list ul{width:2000px;}.horizontal-scroll-list ul li {float:left;width: 256px;height: 144px;margin:0 10px;}.horizontal-scroll-list ul li a {position: relative;display: block;width: 256px;height: 144px;}.horizontal-scroll-list ul li .img {width: 100%;height: 100%}.horizontal-scroll-list ul li .img img {width: 100%;height: 100%}.horizontal-scroll-list ul li p {position: absolute;bottom: 0;left: 0;width:236px;height: 30px;padding: 0 10px;text-align: center;background: rgba(0,0,0,.8);}.horizontal-scroll-list ul li p span {display: block;width: 100%;font-size: 14px;color: #fff;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;line-height: 30px;}.horizontal-scroll .prev,.horizontal-scroll .next{ position: absolute;top:50%;background:#8eaac0 url(../images/icons.png);width:26px;height:26px;margin-top:-13px; border-radius: 100%; cursor: pointer; }.horizontal-scroll .prev{left:0;background-position: 8px -136px;}.horizontal-scroll .next{right:0;background-position: -40px -136px;}.horizontal-scroll .prev:hover,.horizontal-scroll .next:hover{background-color:#3db73d;}.classification-update-control{float:left;}.classification-update-control ul li{float:left;height:43px;line-height:43px;margin:0 25px;font-size:16px;cursor: pointer;}.classification-update-control ul li.on{border-bottom:2px solid #3db73d;color:#3db73d;}.classification-update-content{overflow: hidden;}.classification-update-box{display:none;width:1203px;padding-top:20px;}.classification-update-box.disb{display:block;}.classification-update-box ul{width:378px;float:left;border-right:1px solid #ededed;margin-right:20px;}.classification-update-box ul li{width:100%;height:20px;line-height:20px;float:left;margin-bottom:10px;}.classification-update-box ul li a, .classification-update-box ul li span{display:block;float:left;}.classification-update-box ul li .tag{width:90px;}.classification-update-box ul li .tag, .classification-update-box ul li .time{color:#999;}.classification-update-box ul li .tag:hover{color:#3db73d;}.classification-update-box ul li .txt{width:200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.classification-update-box ul li .time{width:62px;float:right;margin-right:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:right;}.home-top-rank{overflow: hidden;}.home-top-rank-box{float:left;width:275px;margin-right:20px;}.home-top-rank-box .tit{height:46px;line-height:46px;text-align:center;color:#fff;font-size:20px;}.home-top-rank-box ul li{line-height:22px;padding:10px 0;border-bottom:1px dotted #e6e6e6; overflow: hidden;}.home-top-rank-box ul li:last-child{border-bottom:none;padding-bottom:0;}.home-top-rank-box ul li i,.home-top-rank-box ul li img,.home-top-rank-box ul li a,.home-top-rank-box ul li p{display:block;float:left;}.home-top-rank-box ul li i{width:22px;height:22px;text-align:center;background:#c8c8c8;color:#fff;margin-right:10px;}.home-top-rank-box ul li p{width:240px;height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.home-top-rank-box.c1 .tit,.home-top-rank .c1 ul li i.light {background:#48b53e;}.home-top-rank-box.c2 .tit,.home-top-rank .c2 ul li i.light {background:#f19149;}.home-top-rank-box.c3 .tit,.home-top-rank .c3 ul li i.light {background:#d23f3f;}.home-top-rank-box.c4 .tit,.home-top-rank .c4 ul li i.light {background:#3eade4;}.home-top-rank .c4{margin-right:0;}.home-top-rank-box ul li .show-more{display:none;float:left;width:100%;margin-top:10px;}.home-top-rank-box ul li.active .show-more{display: block;}.home-top-rank-box ul li .show-more img{display: inline-block;width: 84px;height: 84px;-webkit-border-radius:12px;border-radius:12px;margin-right:10px;}.home-top-rank-box ul li .show-more b{display: block;width: 180px;height:24px; line-height:24px; margin-bottom:5px;font-size:16px; font-weight: bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.home-top-rank-box ul li .show-more .fenlei{color:#999;}.home-top-rank-box ul li  .show-more .btn{display: inline-block; width: 66px; height: 26px;line-height: 26px;border: 1px solid #fd3939; border-radius: 2px; color: #fd3939;background: url(../images/down_ic.jpg) 4px 3px no-repeat; padding-left: 30px;margin-top: 4px;}.friends {position: relative;}.friends .left {position: relative;float: left;width: 150px;padding-top: 25px;background: #3db73d;text-align: center;}.friends .left:before {position: absolute;right: -10px;top: 0;bottom: 0;content: '';display: inline-block;width: 20px; height: 20px;background: #3db73d;transform: rotate(45deg); margin: auto;}.friends .left div {font-size: 20px;font-weight: bold;color: #fff;margin-bottom: 15px}.friends .left span {font-size: 14px;color: #cbe3f5;margin-bottom: 30px;display: inline-block}.friends .right {float: left;position: relative;width: 1000px;padding:15px 15px 10px 30px ; }.friend-list ul li {float: left;height:30px;line-height:30px;margin:0 25px 6px 0;white-space: nowrap;}.friends-list ul li a:hover {color: #3db73d}.footer{padding:20px 0;text-align: center;background: #252525;color: #555;}.footer p{ padding:3px 0;line-height: 24px; }.footer a{color: #eee;}.bread {margin-top: 10px;}.bread{font-size: 12px;color: #aaa;}.bread a{color:#666;}.bread a:hover{color: #3db73d;}.bread .icons{position: relative;top: 6px;display: inline-block;width: 20px;height: 18px;background-position: 0 -173px;margin-right: 6px;}.app-type ul li{float:left;width:199px;height:64px;margin:-1px -1px 0 0;line-height:64px;text-align:center;font-size:16px;border:1px solid #ececec;}.app-type ul li a{display:block;}.app-type ul li.on a,.app-type ul li a:hover{background:#3db73d;color:#fff;}.app-list{padding-top:20px;overflow:hidden;}.app-list ul{width:1230px;}.app-list li{position:relative;float:left;margin:30px 30px 0 0;width:173px;height:232px;padding-top:28px;border-radius:6px;border:1px solid #e0e0e0;}.app-list li:hover{border-color:#3db73d;}.app-list li:hover .btn{display:block;}.app-list li img{display:block;width:124px;height:124px;border-radius:22px;margin:0 auto;}.app-list li p{display:block;height:20px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:12px;color:#999;}.app-list li a{display:block;}.app-list li .name{font-size:16px;color:#000;margin:10px 0 5px 0;height:20px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;}.app-list li .name:hover{color:#3db73d;}.app-list li .tag span{margin:0 4px;}.app-list li .time{font-size:14px;margin-top:10px;}.app-list li .btn{display:none;width:173px;height:48px;line-height:48px;text-align:center;color:#fff;font-size:16px;background:#3db73d;border-radius:0 0 6px 6px;position:absolute;bottom:0;left:0;}.pages {text-align:center; clear:both;}.pages span,.pages a {display:inline-block; margin-right:2px;margin-bottom:10px; color:#666;background:#fff;}.pages a,.pages span {padding:8px 16px; border:1px solid #e6e6e6; }.pages a:hover,.pages a.on {background: #3db73d; border:1px solid  #3db73d; color:#fff; text-decoration:none; }.pages ul li{display:inline-block; margin-right:2px;margin-bottom:10px; color:#666;}.pages ul li.thisclass{padding:8px 16px;background: #3db73d; border:1px solid  #3db73d; color:#fff; text-decoration:none; }.news-list ul li{padding:20px 0;border-bottom:1px solid #ebebeb;overflow: hidden;}.news-list ul li a,.news-list ul li img,.news-list ul li span{display:block;}.news-list ul li .img{float:left;width:225px;height:150px;}.news-list ul li img{width:225px;height:150px;}.news-list ul li .info{float:right;width:610px;}.news-list ul li .info .name{height:40px;margin-bottom:10px;line-height:40px;font-size:24px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.news-list ul li .info p{height:48px;line-height:24px;margin-bottom:12px;font-size:14px;color:#888;overflow:hidden;}.news-list ul li .info .time{float:left;color:#999;}.news-list ul li .info .time i{display: inline-block;width: 20px;height: 20px;background-position: 0 -200px;position: relative;top: 5px;margin-right:2px;}.news-list ul li .info .tags{float:left;display:inline-block;width:480px;padding-left:20px;}.news-list ul li .info .tags a{float:left;display: block;height:24px; line-height:24px;border:1px solid #e0e0e0;background:#fff;color:#999;padding:0 10px;margin:0 5px;-webkit-border-radius: 4px; border-radius: 6px;}.news-list ul li .info .tags span{float:left;display: block;height:24px; line-height:24px;border:1px solid #e0e0e0;background:#fff;color:#999;padding:0 10px;margin:0 5px;-webkit-border-radius: 4px; border-radius: 6px;}.news-list ul li .info .tags a:hover{background:#3db73d;border-color:#3db73d;color:#fff;}.title-a{height:60px;border-bottom: 1px solid #e5e5e5;}.title-a .bt{float:left;position:relative;height:60px;line-height:60px;padding-left: 20px;color: #333; font-size: 20px;font-weight: bold;}.title-a .bt:before{content: '';display: inline-block;width: 5px;height: 20px;background: #3db73d;position: absolute;left: 0;top: 0; bottom: 0;margin: auto;}.title-a .more {float: right;position: relative;display: inline-block;height: 60px;line-height: 60px;padding-right: 16px;color: #a78f8f;font-size: 14px;}.title-a .more:before {content: '';position: absolute;top: 0;bottom: 0;right: 8px;display: inline-block; width: 4px; height: 4px;-webkit-border-radius: 50%;margin:auto;-moz-border-radius: 50%;border-radius: 50%;background: #b2b3c5;}.title-a .more:after {content: '';position: absolute;top: 0;bottom: 0;right: 0;display: inline-block;width: 4px;height: 4px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background: #ddd; margin: auto;}.hot-news-list ul li { position: relative;padding: 8px 0 8px 18px; line-height: 28px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}.hot-news-list ul li:before{content:""; position:absolute; left:0;top:20px; width:6px;height:6px; border-radius:100%; background:#ccc;	}.hot-news-list ul li a {font-size: 15px;color: #333;}.rec-rank-control{margin-bottom:15px;}.rec-rank-control li{float:left;position:relative;width:50%;height:44px;line-height:44px;text-align:center;color:#fff;background:#eee;color:#666;cursor:pointer;}.rec-rank-control li.on{background: #3db73d;color: #fff;}.rec-rank-control li.on:after{ position:absolute;left:50%;bottom:-12px;margin-left:-6px;content: "";display:block;width:0;height:0;border:6px solid transparent;border-top:6px solid #039024;}.rec-rank-box{display:none;}.rec-rank-box.disb{display:block;}.rec-rank-box ul li{border-bottom:1px solid #e8e7ed;}.rec-rank-box ul li.show-in .t-box{display:block;}.rec-rank-box ul li.show-in .f-box{display:none;}.rec-rank-box ul li .t-box{display:none;padding:10px 0;}.rec-rank-box ul li .f-box{padding:13px 0;}.rec-rank-box ul li .num,.rec-rank-box ul li .img,.rec-rank-box ul li .info,.rec-rank-box ul li p.name{display:block;float:left;}.rec-rank-box ul li .num{width:25px;height:25px;line-height:25px;text-align:center;background:#aaa;color:#fff;margin-right:15px;border-radius:4px;}.rec-rank-box ul li .t-box .num{height:80px;line-height:80px;}.rec-rank-box ul li .num1{background:#e13d3d;}.rec-rank-box ul li .num2{background:#ed9249;}.rec-rank-box ul li .num3{background:#ffb230;}.rec-rank-box ul li .img{width:80px;height:80px;border-radius:16px;margin-right:10px;overflow:hidden;}.rec-rank-box ul li .info{width:150px;}.rec-rank-box ul li .info .name{display:block;height:21px;line-height:21px;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.rec-rank-box ul li .info p{display:block;margin:5px 0;font-size:12px;}.rec-rank-box ul li .info .btn{display:block;width:80px;height:24px;line-height:24px;text-align:center;color:#fff;font-weight:700;background:#3db73d;border-radius:3px;}.rec-rank-box ul li .f-box .name{width:180px;height:25px;line-height:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.rec-rank-box ul li .f-box em{float:right;}.game-type{overflow: hidden;}.game-type ul{width:320px;margin-top:10px;}.game-type ul li{float:left;margin:10px 10px 0 0;}.game-type ul li a{display:block;width:96px;height:30px;line-height:30px;text-align:center;background:#eee;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.game-type ul li a:hover{background:#3db73d;color:#fff;}.hot-game{width:300px;overflow: hidden; }.hot-game ul{width:320px;}.hot-game li{width:72px;float:left;text-align:center;position:relative;margin:15px 34px 0 0;}.hot-game li a{display:block;}.hot-game li a:hover .btn{display:block;}.hot-game li img{display:block;width:80px;height:80px;border-radius:16px;margin-bottom:10px;}.hot-game li p{display:block;height:22px;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.hot-game li .btn{display:none;width:80px;height:24px;line-height:24px;text-align:center;border-radius:2px;color:#f6f6f6;font-weight:700;position:absolute;bottom:0;left:0;background:#3db73d;}.article-tit{padding:10px 0 20px 0;line-height: 40px;font-size: 32px;font-weight:bold;color: #333; text-align:center;}.article-info{height:24px;padding-bottom:10px;margin:5px 0; line-height:24px;color:#aaa; text-align:center;}.article-info span{margin-right:20px; }.article-rec{padding:20px;margin:10px 0; background: #fafafa;font-size: 14px;}.article-rec .img{float:left;width:100px;height:100px;margin-right:15px;-webkit-border-radius: 20px; border-radius: 20px; overflow: hidden;}.article-rec-chara{float:left;width:480px;}.article-rec-chara ul li{float:left;width:200px;height:30px;color:#777; line-height:30px; overflow:hidden;}.article-rec-chara ul li.tit{width:100%; font-weight:bold; color:#333;font-size:20px;padding-bottom:10px;}.article-rec-chara ul li span.blue{color:#09c;}.article-rec-chara ul li span.price{font-size: 16px; font-weight:bold;color: #d51216;}.article-rec-chara ul li.tl{width:100%;}.article-rec a.join-btn{float:right;display:inline-block;height:40px;padding:0 30px;margin:20px; line-height:40px; text-decoration:none; background:#f49751;background: linear-gradient(to right,#f49751,#ea6360);  color:#fff;-webkit-border-radius: 4px;border-radius: 4px;}.article-rec a.join-btn:hover{color:#fff;text-decoration:none;}.article-body{ font-size: 16px;line-height: 36px;color: #555;}.article-body p {padding:10px 0;}.article-body h2 {margin:10px 0;font-size:22px;font-weight:bold;color:#000;overflow:hidden;border-bottom: 1px solid #ddd;padding-bottom: 12px;text-indent:14px;}.article-body h2:before {content: "";float: left;display: block;width: 5px;height: 20px;background-color: #3db73d;margin: 8px 5px 0 0;}.article-body h3{margin:10px 0;font-size:18px; font-weight:bold;color:#111;}.article-body a{color:#3db73d;padding:0 4px;}.article-body img{display:block;max-width:100%;margin:0 auto;}.article-body table{width:100% !important;border-collapse:collapse;}.article-body table th{background:#fff; padding:1px 2px; line-height:2.2em; text-align:center;}.article-body table th{background:#c00; color:#fff; padding:0 10px; height:36px; line-height:20px;}.article-body table td{text-align:center; border:1px solid #e2e2e2 !important; padding:5px;}.bd-page {text-align:center; clear:both; font-size:14px;}.bd-page span,.bd-page a {display:inline-block; margin-right:4px;margin-bottom:5px; color:#666;}.bd-page a,.bd-page span {padding:6px 14px; border:1px solid #ebebeb; }.bd-page a:hover,.bd-page a.on {background:#3db73d; border:1px solid #3db73d; color:#fff; text-decoration:none; }.rel-news-list ul {padding-top:20px;}.rel-news-list ul li{float:left;width: 50%;height:36px;line-height:36px;font-size:14px;}.rel-news-list ul li a{position:relative;display:block;padding:0 30px 0 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.rel-news-list ul li a:before {content: "";position: absolute;left: 0;top: 16px;width: 6px;height: 6px;border-radius: 100%;background: #ccc;}.app-hots{overflow:hidden;}.app-hots ul{width:880px;}.app-hots ul.disb{display:block;}.app-hots ul li{float:left;width:85px;text-align:center;margin-right:25px;}.app-hots ul li a,.app-hots ul li img{display:block;}.app-hots ul li img{width:85px;height:85px;border-radius:14px;}.app-hots ul li p{height:20px;margin:15px 0 25px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666;}.app-hots ul li a:hover p{color:#3db73d;}.base-box{ position: relative;height:208px; }.base-box .bg-box{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;overflow: hidden;}.base-box .bg-img {position: absolute;top: -50%;left: 0;width: 100%;filter: blur(10px);z-index: 1;}.base-box .bg-cover {position: absolute;width: 100%;height: 208px;left: 0;top: 0;z-index: 2;background-color: #434343;opacity: .7;filter: alpha(opacity=70);}.base-box .base-box-content{position: absolute;width: 100%;height: 208px;padding:20px;left: 0;top: 0;z-index: 3; box-sizing: border-box;}.base-box .img{display:block;width:168px;height:168px;-webkit-border-radius:28px;-moz-border-radius:28px;border-radius:28px;margin-right:20px;}.base-box .info{width:800px;color:#fff;}.base-box .info h1{display:block;height:36px;line-height:36px;font-size:24px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:10px;}.base-box .info p{font-size:12px;color:#fff;margin-bottom:8px;}.base-box .info p span{display:inline-block;width:148px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.base-box .info p span label{color:#c9c9c9;}.base-box .info p span.official-website{width:300px;}.base-box .info p span.tag{width:330px;}.base-box .info p span a{display:inline-block;height:21px;line-height:21px;padding:0 6px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#fff;background:#ddd;margin-right:5px;font-size:12px;}.base-box .info p span a.c1{background:#e13d3d;}.base-box .info p span a.c1:hover{background:#e75151;}.base-box .info p span a.c2{background:#538df7;}.base-box .info p span a.c2:hover{background:#75a3f7;}.base-box .info p span a.c3{background:#13b5b1;}.base-box .info p span a.c3:hover{background:#26cbc7;}.base-box .info p span a.c4{background:#b062dd;}.base-box .info p span a.c4:hover{background:#c376ef;}.base-box .info .btn a,.base-box .info .btn span{display:inline-block;width:164px;height:44px;line-height:44px;margin-right:6px;}.base-box .info .btn a{color:#fff;font-size:18px;}.base-box .info .btn a i{display:inline-block;width:30px;height:30px;margin:0 5px 0 18px;position:relative;top:9px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}.base-box .info .btn a.android{background-color:#5a97ff;}.base-box .info .btn a.android i{background-position:6px -250px;background-color:#5080d2; }.base-box .info .btn a.android:hover{background-color:#6ea7ff;}.base-box .info .btn a.ios{background-color:#3db774;}.base-box .info .btn a.ios i{background-position:-33px -252px;background-color:#349e64;}.base-box .info .btn a.ios:hover{background-color:#4bc37f}.base-box .info .btn a.pc{background-color:#f5a630;}.base-box .info .btn a.pc i{background-position:-73px -251px;background-color:#e0972b}.base-box .info .btn a.pc:hover{background-color:#f9b044;}.base-box .info .btn a.btn-yy{background-color:#ef581c;}.base-box .info .btn a.btn-yy i{background-position:-113px -251px;background-color:#c74815;}.base-box .info .btn a.btn-yy:hover{background-color:#f7652c;}.base-box .ewm{position: relative;text-align:center;color:#666;background:#f7a934;color:#fff;}.base-box .ewm img{display:block;width:132px;height:132px;padding:4px;}.base-box .ewm p{height:28px;line-height:28px;padding-bottom:5px;}.base-box .ewm .line{position: absolute;width: 132px;height: 14px;left: 2px;top: 0;background-position: -158px -256px;-webkit-animation: scan 3s infinite linear;animation: scan 3s infinite linear;}@-webkit-keyframes scan {0% { top: 0}100% {top: 130px}}@keyframes scan {0% {top: 0}100% {top: 130px}}.title-c {height:40px;line-height:40px;color: #333; border-bottom: 1px #e5e5e5 solid;padding-bottom: 6px;}.title-c .bt {position:relative;float:left;height:38px; font-size: 20px;line-height: 38px; padding-bottom: 6px;border-bottom: 3px solid #3db73d;color:#3db73d;font-weight: bold; }.app-base-info{padding:20px 0;color: #555;}.app-base-cont{padding:10px 0; font-size: 16px;line-height: 36px;}.app-base-cont p {padding:10px 0;}.app-base-cont h3 {margin:10px 0;font-size:20px;font-weight:bold;color:#000;overflow:hidden;border-bottom: 1px solid #ddd;padding-bottom: 12px;text-indent:14px;}.app-base-cont h3:before {content: "";float: left;display: block;width: 5px;height: 20px;background-color: #8bc34a;margin: 8px 5px 0 0;}.app-base-cont a{color:#318ac6;padding:0 4px; text-decoration:underline;}.app-base-cont img{display:block;max-width:100%;margin:0 auto;}.app-base-cont table{width:100% !important;border-collapse:collapse;}.app-base-cont table th{background:#fff; padding:1px 2px; line-height:2.2em; text-align:center;}.app-base-cont table th{background:#c00; color:#fff; padding:0 10px; height:36px; line-height:20px;}.app-base-cont table td{text-align:center; border:1px solid #e2e2e2 !important; padding:5px;}.app-rec-control {float: right;width: 660px;}.app-rec-control ul li {float: left; height: 24px;line-height: 24px;margin-top: 8px;border: 1px solid #2c83ff;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; padding: 0 6px;margin-left: 10px;cursor: pointer;color: #2c83ff;}.app-rec-control ul li.on {border: 1px solid #3db73d;background: #3db73d;color: #fff;}.app-rec-box {display: none;margin-top: 20px;overflow: hidden;}.app-rec-box.disb {display: block;}.app-rec-box img {float: left;display: block;width: 222px;height: 114px;}.app-rec-box .info {position: relative; float: right;width: 620px;}.app-rec-box .info p {display: block;color: #666;}.app-rec-box .info .tit a {display: inline-block; max-width: 340px;font-size: 18px;font-weight: 700;color: #333; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.app-rec-box .info .tit span {display: inline-block;margin-left: 30px;position: relative;top: -5px;}.app-rec-box .info .tit span em {color: #1ff;font-weight: 700;}.app-rec-box .info .txt {height: 72px;line-height: 24px;overflow: hidden;margin-top: 4px;}.app-rec-box ul {width: 810px;}.app-rec-box ul li { position: relative;float: left; width: 260px;height: 88px;margin: 20px 10px 0 0;}.app-rec-box ul li a, .app-rec-box ul li p, .app-rec-box ul li .img img {display: block;}.app-rec-box ul li .img {float: left;}.app-rec-box ul li .img img {width: 88px;height: 88px;border-radius: 16px;}.app-rec-box ul li .info {width: 162px;float: left;margin-left: 10px;}.app-rec-box ul li .size {color: #ababab; margin-top: 5px;}.app-rec-box ul {width: 810px;}.app-rec-box ul li { position: relative;float: left; width: 260px;height: 88px;margin: 20px 10px 0 0;}.app-rec-box ul li a, .app-rec-box ul li p, .app-rec-box ul li .img img {display: block;}.app-rec-box ul li .img {float: left;}.app-rec-box ul li .img img {width: 88px;height: 88px;border-radius: 16px;}.app-rec-box ul li .info {width: 162px;float: left;margin-left: 10px;}.app-rec-box ul li .size {color: #ababab; margin-top: 5px;}.app-rec-box ul li .name {height: 24px;font-size: 16px;margin: 2px 0 8px 0;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.app-rec-box ul li .btn {display: none;width: 80px;height: 24px;line-height: 24px;position: absolute;bottom: 0;left: 0;cursor: pointer;border-radius: 3px;color: #fff;text-align: center;background: #3db73d;}.app-rec-box ul li:hover .btn {display: block;}.app-pic-scroll{padding-bottom:10px;overflow-x: auto;  }.app-pic-scroll ul{width:2000px; }.app-pic-scroll ul li{float:left;display:block;height:300px;margin-right:20px; overflow: hidden;}.app-pic-scroll ul li img{height:300px;}.app-pic-scroll ul li:last-child{margin-right:0;}.rel-news-list ul {padding-top:20px;}.rel-news-list ul li{float:left;width: 50%;height:36px;line-height:36px;font-size:14px;}.rel-news-list ul li a{position:relative;display:block;padding:0 30px 0 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.rel-news-list ul li a:before {content: "";position: absolute;left: 0;top: 16px;width: 6px;height: 6px;border-radius: 100%;background: #ccc;}.rel-update-list ul{padding-top:20px;}.rel-update-list ul li{float:left;width:380px;padding-right:45px;height:36px;line-height:36px; font-size:14px; overflow: hidden;}.rel-update-list ul li:nth-child(2n){padding-right:0;}.rel-update-list ul li a{float:left;position:relative;display:block;width:280px;padding:0 0 0 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.rel-update-list ul li a:before {content: "";position: absolute;left: 0;top: 16px;width: 6px;height: 6px;border-radius: 100%;background: #ccc;}.rel-update-list ul li span{float:right;color:#999;font-size:12px;}.special-list ul{padding-bottom:30px;}.special-list ul li{position: relative;float:left;width:275px;background:#f9f9f9;margin:20px 22px 0 0;-webkit-transition: all .2s ease-out;transition: all .2s ease-out;}.special-list ul li:hover{top: -5px;-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);-moz-box-shadow: 0 15px 30px rgba(0,0,0,0.1);box-shadow: 0 15px 30px rgba(0,0,0,0.1);}.special-list ul li a{display:block;}.special-list ul li img{display:block;width:100%;height:138px;}.special-list ul li .cont{padding:12px;}.special-list ul li .name{height:24px;line-height:24px;font-size:18px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:10px;}.special-list ul li p{height:70px;line-height:1.6;overflow:hidden;color:#666;}.special-base img{float:left;display:block;width:480px;height:252px;}.special-base .cont{width:680px;float:right;}.special-base .cont h1{display:block;height:60px;line-height:60px;font-size:36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.special-base .cont .total p{overflow:hidden;line-height:1.5;color:#999; margin-top:10px;}.special-base .cont .info{font-size:15px;padding:24px 0;line-height:2;color:#888;}.special-base .cont .total p em{color:#3db73d;font-weight:700;}.special-base .cont .total p span{padding-left:20px;}.specail-rel{}.specail-rel ul{position:relative;}.specail-rel ul li{float:left;position:relative;width:355px;margin-top:20px;margin:20px 7px;padding:15px;-webkit-transition: all .2s ease-out;transition: all .2s ease-out; }.specail-rel ul li:hover{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);-moz-box-shadow: 0 15px 30px rgba(0,0,0,0.1);box-shadow: 0 15px 30px rgba(0,0,0,0.1);}.specail-rel ul li a{display:block;}.specail-rel ul li img{display:block;float:left;width:124px;height:124px;border-radius:22px;}.specail-rel ul li .info{width:210px;margin-left:20px;float:left;}.specail-rel ul li .info .name{height:36px;line-height:36px;font-size:18px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.specail-rel ul li .info p span{display:inline-block;color:#999;}.specail-rel ul li .info p span em{color:#333;}.specail-rel ul li .info .txt{height:60px;line-height:20px;font-size:14px;color:#666;overflow:hidden;margin-top:5px;}.specail-rel ul li .btn{width:48px;height:24px;line-height:24px;text-align:center;color:#fff;background:#23c268;font-size:12px;border-radius:4px;position:absolute;right:30px;top:40px;}.specail-rel ul li .btn:hover{background:#19b955;}.specail-rel ul li .btn-no{background:#ffaf0f;}.specail-rel ul li .btn-no:hover{background:#f7a707;}.sub-nav{margin-top: 20px}.sub-nav ul li { float: left;margin-right: 15px; width: 90px;height: 35px;text-align: center;font-size: 14px; line-height: 35px; background-color: #eee; border-radius: 3px; overflow: hidden}.sub-nav ul li:hover { background-color: #3db73d}.sub-nav ul li:hover a {color: #fff}.sub-nav ul li.all { color: #999999;text-align: left; background: none}.title-e{position:relative;height:40px;line-height:40px;color: #333; border-bottom: 1px #e5e5e5 solid;padding-bottom: 2px;}.title-e .bt{position:relative;float:left;height:39px;font-size: 18px;font-weight: 600;line-height: 39px;padding-bottom: 2px;border-bottom: 2px solid #3db73d;font-weight: bold;}.title-e .bt:after{content: "";position: absolute;left: 50%;bottom: 0;margin-bottom: -11px;margin-left:-3px; display: block; width: 0; height: 0;border: 5px solid transparent; border-top: 5px solid #039024; }.title-e .more {float: right;position: relative;display: inline-block;height: 44px;line-height: 44px;padding-right: 20px;color: #a78f8f;font-size: 14px;}.title-e .more:after {content: '+';position: absolute;top: 0;bottom: 0;right: 0;display: inline-block;width: 14px;height: 14px;line-height:14px;font-weight: bold; text-align:center;background: #8bc34a;color:#fff; margin: auto;}.legend-list{margin-top:20px;}.legend-list ul{width:900px;}.legend-list ul li{float:left;width:100px;height:148px;margin-right:26px;}.legend-list ul li a .img{width:100px;height:100px;-webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px; overflow:hidden;}.legend-list ul li a span{display:block;height:28px;padding-top:5px;line-height:28px;text-align: center;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.leng-spring ul li{border-bottom:1px solid #e8e7ed;}.leng-spring ul li:last-child{border-bottom:0;}.leng-spring ul li.show-in .t-box{display:block;}.leng-spring ul li.show-in .f-box{display:none;}.leng-spring ul li .t-box{display:none;padding:10px 0;}.leng-spring ul li .f-box{padding:10px 0;}.leng-spring ul li .num,.leng-spring ul li .img,.leng-spring ul li .info,.leng-spring ul li p.name{display:block;float:left;}.leng-spring ul li .num{width:25px;height:25px;line-height:25px;text-align:center;background:#aaa;color:#fff;margin-right:15px;border-radius:4px;}.leng-spring ul li .t-box .num{height:80px;line-height:80px;}.leng-spring ul li .num1{background:#e13d3d;}.leng-spring ul li .num2{background:#ed9249;}.leng-spring ul li .num3{background:#ffb230;}.leng-spring ul li .img{width:80px;height:80px;border-radius:16px;margin-right:10px;overflow:hidden;}.leng-spring ul li .info{width:150px;}.leng-spring ul li .info .name{display:block;height:21px;line-height:21px;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.leng-spring ul li .info p{display:block;margin:5px 0;font-size:12px;}.leng-spring ul li .info .btn{display:block;width:80px;height:24px;line-height:24px;text-align:center;color:#fff;font-weight:700;background:#3db73d;border-radius:3px;}.leng-spring ul li .f-box .name{width:180px;height:25px;line-height:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.leng-spring ul li .f-box em{float:right;}.legend-tl{margin-top:10px;width:1266px;}.legend-tl ul li{float: left;width: 98px; margin: 10px 24px 0 0;}.legend-tl ul li a{display:block;}.legend-tl ul li a img{width:98px;height:98px;border-radius:16px;}.legend-tl ul li a p{height:36px;line-height:36px;border-bottom:2px solid transparent;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.hot-subject{margin-top: 20px;}.hot-subject ul li {position: relative;height: 160px;background: #333; margin-bottom: 10px;overflow: hidden}.hot-subject ul li img {width: 100%;height: 100%;-webkit-transition: transform .3s;-moz-transition: transform .3s;transition: transform .3s;}.hot-subject ul li:last-child {margin-bottom: 0}.hot-subject ul li span {position: absolute;bottom: 0;left: 0;width: 100%;height: 30px;text-align: center;line-height: 30px;font-size: 14px;color: #fff;background: rgba(0,0,0,.8);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 20px; box-sizing: border-box;}.hot-subject ul li:hover img {-webkit-transform: scale(.9);-moz-transform: scale(.9);transform: scale(.9);}.rel-special{overflow: hidden;}.rel-special ul{width:1235px;}.rel-special ul{margin-top: 20px;}.rel-special ul li {position: relative;float:left;display:inline-block;width:280px;height: 138px;margin-right:25px;background: #333;overflow: hidden}.rel-special ul li img {width: 100%;height: 100%;-webkit-transition: transform .3s;-moz-transition: transform .3s;transition: transform .3s;}.rel-special ul li:last-child {margin-bottom: 0}.rel-special ul li span {position: absolute;bottom: 0;left: 0;width: 100%;height: 30px;text-align: center;line-height: 30px;font-size: 14px;color: #fff;background: rgba(0,0,0,.8);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 20px; box-sizing: border-box;}.rel-special ul li:hover img {-webkit-transform: scale(.9);-moz-transform: scale(.9);transform: scale(.9);}.rel-special-news{overflow: hidden;}.rel-special-news ul{margin-top:10px;}.rel-special-news ul li {float: left;position:relative;display: inline-block; width: 50%;height:36px;padding:0 18px 0 10px;line-height:36px;box-sizing: border-box; }.rel-special-news ul li a{float: left;width:390px;height: 36px; line-height: 36px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 15px; color: #2e2e2e; }.rel-special-news ul li:before{content:""; position: absolute;top:16px;left:0; width: 3px; height: 3px; background: #ccc;}.rel-special-news ul li a:hover { color: #58b029; }.rel-special-news ul li:hover:before{ background: #58b029; }.rel-special-news ul li span { float: right; width: 92px; text-align: center; line-height: 36px; font-size: 13px; color: #9e9e9e; }