/**
 * index css
 *
 * @author Chensiren <245017279@qq.com>
 * 
 * @since  2018-01-26
 *
**/
body{ background: url(../../images/index/index-body-bg.png) no-repeat center 126px;}
.focus-con{ padding: 10px 12px; background: #fff;margin-top: 23px;}
.focus-news{ width: 386px; margin-left:12px;}

.focus-news h2{ font-size: 20px;}
.focus-news h2,.red-dl li{ margin-bottom: 14px;}
.focus-news h2 a{ height: 26px; line-height: 26px;}
.focus-news h2 a,.red-dl li a{ display: block; word-break: break-all; overflow: hidden; -o-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; -moz-text-overflow: ellipsis;   overflow: hidden; white-space: nowrap; -moz-white-space: nowrap; -ms-white-space: nowrap; -o-white-space: nowrap; -webkit-white-space: nowrap;}
.focus-news h2 span{ top: -3px; display: inline-block; margin-right: 5px; line-height: 20px; font-size: 10px; color: #fff; padding: 0 4px; border-radius: 2px; font-weight: normal; position: relative;} 
.focus-news h2 span.red-tip{background: #de0000;}
.focus-news h2 span.blue-tip{background: #1a8ad9;}
.red-dl li{ font-size: 16px;}
.focus-news h2{ font-size: 20px; font-weight: bold;}

.focus-banner{ width: 370px;}
.focus-banner .carousel-inner .item img{ width: 100%; height: 230px;}
.focus-banner .carousel-inner img{-webkit-transform: scale(1) translateZ(0); -webkit-transition: -webkit-transform .75s; transform: scale(1) translateZ(0); transition: transform .75s;}
.focus-banner .carousel-inner img:hover{-webkit-transform: scale(1.2) translateZ(0); -webkit-transition: -webkit-transform .75s cubic-bezier(0,1,.75,1); transform: scale(1.2) translateZ(0); transition: transform .75s cubic-bezier(0,1,.75,1);}
.focus-banner .carousel-control { display: block; height: 90px; width: 34px; background: #000; opacity: 0.3; filter: alpha(opacity=30); top: 50%; margin-top: -45px;}
.focus-con .focus-banner .carousel-control:hover{opacity: 0.75; filter: alpha(opacity=75);}
.focus-banner .carousel span{ display: block; width: 100%; height: 100%; overflow: hidden; }
.focus-banner .carousel .left span{ background: url(../../images/index/prev-arrow.png) no-repeat center center;}
.focus-banner .carousel .right span{ background: url(../../images/index/next-arrow.png) no-repeat center center;}
.focus-banner .carousel-indicators{ margin-bottom: 0; left: 98%!important;  bottom: 10px!important;text-align: right; z-index: 999; width: 30%;}
.carousel-indicators li { border: none; background-color: #fff; margin: 0 2px;}
.carousel-indicators .active { width: 10px; height: 10px; background-color: #1078c0; border: 1px solid #1078c0; box-shadow: none; margin: 0 2px;}
.fbanner-title{position: absolute;bottom: 0; left: 0; z-index: 99; background: rgba(0,0,0,0.6); height: 45px; line-height: 45px; width: 100%; color: #fff; padding-left: 10px; font-size: 16px;}

.video-con{ margin-top: 20px;}
.rb-title{ width: 117px; height: 32px; line-height: 32px; font-size: 16px; color: #fff; padding-left: 30px; background: url(../../images/index/rb-titile.png) no-repeat 0 center; position: absolute; left: 0;}
.video-con .title{ margin-bottom: 10px; position: relative;}
.video-con .titleNav{ height: 32px; line-height: 28px; width: 322px; text-align: right; border-bottom: 4px solid #1a8ad9;}
.video-con .titleNav li{ float: right;}
.video-con .titleNav a{ padding: 0 4px; font-size: 12px;}
.video-con .titleNav span{ color: #e1e1e1; margin: 0 2px;}
.video-list-ul{ margin-left: -5.5px; margin-right: -5.5px; margin-bottom: 10px;}
.video-list-ul .video-list{ margin: 3px;}
.video-list-ul .video-list a{ display: block; position: relative; color: #ffffff; overflow: hidden;}
.video-list-ul .video-list p{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 3px 8px; background: rgba(0,0,0,0.5);}
.video-list-ul .video-list .trapezoid{ position: absolute; left: 0; top: 0;  height: 18px; line-height: 18px; padding: 0 10px; background: #e82929; font-size: 10px;}
.video-list-ul .video-list .trapezoid::after{ content:""; position: absolute; right: -8px; top: 0; width: 0; height: 0; border-top: 18px solid #e82929; border-right: 8px solid transparent;}
.video-list-ul .video-list a img { -webkit-transform: scale(1) translateZ(0); -webkit-transition: -webkit-transform .75s; transform: scale(1) translateZ(0); transition: transform .75s;}
.video-list-ul .video-list a:hover img {-webkit-transform: scale(1.2) translateZ(0); -webkit-transition: -webkit-transform .75s cubic-bezier(0,1,.75,1); transform: scale(1.2) translateZ(0); transition: transform .75s cubic-bezier(0,1,.75,1);}
.video-list-ul .video-list .playBtn { filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(.7); -webkit-transition-property: opacity,-webkit-transform;-webkit-transition-duration: .5s; transform: scale(.7); transition-property: opacity,transform; transition-duration: .5s; zoom: 1;}
.video-list-ul .video-list a:hover .playBtn{background: 0 0\9; filter: progid:dximagetransform.microsoft.alphaimageloader(src="http://imgcache.gtimg.cn/mediastyle/yqq/img/cover_play.png", sizingmethod="crop") alpha(opacity=90); opacity: .9; -webkit-transform: scale(1); -webkit-transition-property: opacity,-webkit-transform; -webkit-transition-duration: .5s; transform: scale(1); transition-property: opacity,transform; transition-duration: .5s; cursor: pointer;}
.video-list-ul .video-list .coverMask {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity .5s; transition: opacity .5s;}
.video-list-ul .video-list a:hover .coverMask{opacity: .2; filter: alpha(opacity=20); -webkit-transition: opacity .5s; transition: opacity .5s;}
.video-item-ul .video-item{ margin-bottom: 10px;}
.video-item-ul .video-item a{ font-size: 16px; color: #666;}
.video-item-ul .video-item a:hover{ color: #e82929;}
.video-item-ul .video-item .video-icon{ display: inline-block; width: 14px; height: 14px; color: #e82929; top: 2px; margin-right: 4px; background: url(../../images/common/red-video-icon.png) no-repeat 0 0; position: relative;}


.focus-live{ width: 340px;}


.topicLeft{ width: 1140px;}
.ballTopic .leftTitle span{ display: block; height: 100%; line-height: 36px; font-size: 16px; color: #ffffff; padding: 0 10px 0 42px; position: relative; font-weight: 700;}
.ballTopic{ height: 36px; margin-bottom: 10px;}
.ballTopic .leftTitle span::after{ content:""; position: absolute; right: -10px; top: 0; width: 0; height: 0; border-top: 36px solid #209dda; border-right: 10px solid transparent;}
.ballTopic .rightNav{ line-height: 36px;}
.ballTopic .rightNav li{ float: left;}
.ballTopic .rightNav a{ display: inline-block; margin: 0 10px; color: #fff;}
.ballTopic .rightNav a.cur,.ballTopic .rightNav a:hover{ color: #fff600;}

.football.ballTopic{ background: #1089c4 url(../../images/index/fb-sports-title-bg.jpg) no-repeat 0 0;;}
.basketball.ballTopic{ background: #905728 url(../../images/index/bs-sports-title-bg.jpg) no-repeat 0 0;;}
.comsports.ballTopic{ background: #1089c4 url(../../images/index/com-sports-title-bg.jpg) no-repeat 0 0;}
.game.ballTopic{ background: #061a24 url(../../images/index/mym-title-bg.jpg) no-repeat 0 0;}
.football.ballTopic .leftTitle{ background: #209dda;}
.basketball.ballTopic .leftTitle{ background: #c06f2c;}
.comsports.ballTopic .leftTitle{ background: #069de3;}
.game.ballTopic .leftTitle{ background: #d9a300;}
.basketball.ballTopic .leftTitle span::after{ border-top: 36px solid #c06f2c;}
.comsports.ballTopic .leftTitle span::after{ border-top: 36px solid #069de3;}
.game.ballTopic .leftTitle span::after{ border-top: 36px solid #d9a300;}
.football.ballTopic .leftTitle span{ padding-left: 12px; background: url(../../images/index/fb-title-icon.png) no-repeat 10px center;}
.basketball.ballTopic .leftTitle span{ padding-left: 12px; background: url(../../images/index/bs-title-icon.png) no-repeat 10px center;}
.comsports.ballTopic .leftTitle span{ padding-left: 12px; background: url(../../images/index/comspr-title-icon.png) no-repeat 10px center;}
.game.ballTopic .leftTitle span{ padding-left: 12px; background: url(../../images/index/mym-title-icon.png) no-repeat 10px center;}

.typeNav{ height: 32px; border-bottom: 2px solid #389fd1; background: url(../../images/index/type-icon-title.png) no-repeat 0 0; position: relative;}
.typeNav .typeTitle h2{ font-size: 16px; line-height: 30px; font-weight: 700; text-transform: uppercase;}
.typeNav .typeNavList{ line-height: 30px; margin-left: 20px;}
.typeNav .typeNavList a{ margin: 0 2px;}
.typeNav .typeNavList a:hover,.typeNav .typeNavList a.on{ color: #209dda;}

.titAndm{ margin-bottom: 5px; padding-right: 20px;}

.typeArtLeft{ width: 370px;}
.typeArtLeft .typeArtNav a{ color: #999999; display: inline-block; margin-right: 10px;}
.typeArtLeft .typeArtNav span{color: #209dda;font-weight: 700; margin-right: 10px; font-size: 16px; display: inline-block;}
.typeArtLeft .typeArtNav li{ float: left;}
.typeArtNav a.on, .typeArtNav a.on:hover{ color: #209dda; font-weight: 700;}
.typeArtNav a:hover{ color: #de0000;}
.typeArtUl{ padding-top: 12px; margin-bottom: 15px; border-bottom: 1px dashed #dbdbdb;}
.nbaType .typeArtUl{ margin-bottom: 20px; padding-top: 20px;}
.nbaType .typeArtUl li:nth-child(6){ margin-bottom: 35px;}
.typeArtUl li{ margin-bottom: 10px;}
.typeArtUl li a{ display: block; padding-left: 10px; padding-right: 8px; position: relative;}
.typeArtUl li a i{ content:""; position: absolute; left: 0; top: 50%; margin-top: -2px; width: 4px; height: 4px; border-radius: 50%; background: #209dda;}
.h-15{ height: 15px;}


.typeArtRight{ padding-left: 2px; width: 393px;}

.recUl,.videoBoxUl{ margin-bottom: 18px;}
.recUl{ border-bottom: 1px dashed #dbdbdb;}
.noDashed{ border-bottom: 0 none;}
.recUl li{ margin-bottom: 18px;}
.recUl .lastRecLi{ margin-bottom: 30px;}
.recUl .recImg img{ width: 100px; height: 72px;}
.recUl .recArt{ width: 260px; padding-left: 10px;}
.recUl .recArt h3{ margin-bottom: 2px; font-size: 16px; font-weight: 700;}
.recUl .recArt p{ font-size: 14px; color: #999;}
.recUl .recArt p a{ color: #00a2de;}
.recUl li a:hover a{ color: #de0000;}

.titAndm span{ font-size: 16px; color: #209dda; margin-bottom: 10px; font-weight: 700;}
.videoBoxUl{ margin-left: -5px; margin-right: -5px; border-bottom: 1px dashed #dbdbdb; padding-bottom: 21px;}
.videoBoxUl li{ margin-left:8px;}
.videoBoxUl li a{ display: block; width: 104px; position: relative;}
.videoBoxUl li a.videoImg{ width: 116px; height: 72px; margin-bottom: 6px; overflow: hidden; position: relative;}
.videoBoxUl li a img{width: 116px; height: 72px;}
.videoBoxUl li a img,.videoDayUl li .playBtn{-webkit-transform: scale(1) translateZ(0); -webkit-transition: -webkit-transform .75s; transform: scale(1) translateZ(0); transition: transform .75s;}
.videoBoxUl li p.row-2{ display: block; height: 40px; overflow: hidden; word-wrap: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;-moz-box-orient: vertical; word-break: break-all;}
.videoBoxUl li a:hover img{webkit-transform: scale(1.2) translateZ(0); -webkit-transition: -webkit-transform .75s cubic-bezier(0,1,.75,1); transform: scale(1.2) translateZ(0); transition: transform .75s cubic-bezier(0,1,.75,1);}
.videoBoxUl li .playBtn,.video-list-ul .video-list .playBtn{ position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; width: 30px; height: 30px; background: url(../../images/index/play-btn.png) no-repeat 0 0;}
.videoBoxUl li .coverMask{ opacity: .2;}


.picBoxUl{ margin-left: -8px; margin-right: -8px; padding-bottom: 15px;}
.picBoxUl li{ margin-left:8px; margin-bottom: 20px;}
.picBoxUl li:nth-child(3),.picBoxUl li:nth-child(4){ margin-bottom: 0;}
.picBoxUl li a{ display: block; width: 158px;}
.picBoxUl .picImg{ width: 180px; height: 124px; margin-bottom: 10px; overflow: hidden; position: relative;}

.homeArtBox .typeArtUl{ padding-top: 0;}
.homeArtBox .typeArtUl li a i{ background: #397894;}
.homeVideoBox h3{ color: #209dda;}

/* nbaType and cbaType */
.nbaType .titAndm span,.cbaType .titAndm span{ color: #905728;}
.nbaType .recUl .recArt h3 a,.cbaType .recUl .recArt h3 a{ color: #905728;}
.cbaType .typeArtNav a.on, .cbaType .typeArtNav a:hover,.nbaType .typeArtNav a.on, .nbaType .typeArtNav a:hover{ color: #905728;}
.cbaType .typeArtUl li a i,.nbaType .typeArtUl li a i{ background: #905728;}

/* comsType */
.comsType .typeArtNav a.on, .comsType .typeArtNav a:hover{ color: #2183b1;}
.comsType h3{color: #2183b1;}
.comsType .typeArtUl li a i{ background: #2183b1;}
.comsType .picBoxUl li{ margin-bottom: 30px;}

/* mymType */
.mymType .titAndm span{ color: #d9a300;}
.mymType .typeArtNav a.on, .mymType .typeArtNav a:hover{ color: #d9a300;}
.mymType h3 a{color: #d9a300;}
.mymType .typeArtUl li a i{ background: #d9a300;}
.mymType li{ margin-bottom: 8px;}
.noDashed{ border-bottom: 0 none;}
.noMarBot{ margin-bottom: 0;}
.noPadTop{ padding-top: 0;}
.noPadBot{ padding-bottom: 0;}


.topicRight{ width: 326px;}
.fbTable,.bsTable{ border: 1px solid #dbdbdb;}
.fbTable .ladyScroll,.bsTable .ladyScroll{background: #fafafa; position: relative;    width: 338px;
    height: 36px;}
.fbTable .ladyScroll .prev,.fbTable .ladyScroll .next,.bsTable .ladyScroll .prev, .ladyScroll .next .ladyScroll .prev,.bsTable .ladyScroll .next{ display: block; height: 32px; line-height: 32px; width: 20px; text-align: center; font-size: 16px; background: #209dda; color: #fff;}
.fbTable .ladyScroll .prev,.fbTable .ladyScroll .next{ position: absolute; top: 0;}
.fbTable .ladyScroll .prev{ left: 0;}
.fbTable .ladyScroll .next{ right: 0;}
.fbTable .ladyScroll ul,.bsTable .ladyScroll ul{ margin-bottom: 0; position: relative; list-style: none;}
.fbTable .ladyScroll ul li,.bsTable .ladyScroll ul li{ float: left; padding: 0 11px; line-height: 32px; word-break: break-all; position: relative;}
.fbTable .ladyScroll ul li a.active,.fbTable .ladyScroll ul li a.active:hover,.bsTable .ladyScroll ul li a.active,.bsTable .ladyScroll ul li a.active:hover{ color: #209dda;}
.fbTable .scrollWrap,.bsTable .scrollWrap{ width: 284px; height: 32px; background: #fafafa; overflow: hidden; position: relative;}
.bsTable .scrollWrap{ width: 100%;}
.fbTabNva{ border-bottom: 1px solid #dbdbdb;}
.fbTabNva ul li{ width: 50%; text-align: center;}
.fbTabNva ul li a{ display: block; padding: 10px 0; background: #fafafa; border-left: 1px solid #dbdbdb; position: relative; margin-left: -1px; font-weight: 700;}
.fbTabNva ul li a.on,.fbTabNva ul li a:hover{ background: #ffffff; color: #209dda;}

.bsTabNva{ border-bottom: 1px solid #dbdbdb;}
.bsTabNva ul { background: #fafafa;}
.bsTabNva ul li a{ display: inline-block; padding: 6px 10px; color: #666; font-weight: 700;}
.bsTabNva ul li a.on,.bsTabNva ul li a:hover{ background: #ffffff; color: #209dda;}

.fbTable,.bsTable{ margin-bottom: 30px; min-height: 400px;}
.fbTable .table > thead > tr > th,.bsTable .table > thead > tr > th{ color: #666666; padding: 10px 8px;}
.fbTable .matchLogo,.fbTable .playerLogo,.bsTable .matchLogo{ margin: 0 auto; width: 48px; height: 48px; overflow: hidden; border-radius: 50%;}
.fbTable .matchLogo img,.fbTable .playerLogo img,.bsTable .matchLogo img{ width: 100%; height: 100%; border-radius: 50%;}
.fbTable .noRank,.bsTable .noRank{ display: inline-block; width: 18px; height: 18px; line-height: 18px; color: #fff;}
.fbTable .noOne,.bsTable .noOne{ background: #de0000;}
.fbTable .noTwo,.bsTable .noTwo{ background: #de6800;}
.fbTable .noThree,.bsTable .noThree{ background: #de9700;}
.fbTable .noFour,.bsTable .noFour{ background: #decc00;}
.fbTable .playerName,.bsTable .playerName{ width: 84px;}
.fbTable .teamName,.bsTable .teamName{ width: 84px;}
.fbTable .teamName,.bsTable .teamName{ display: block; overflow: hidden; -o-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; -moz-white-space: nowrap; -ms-white-space: nowrap; -o-white-space: nowrap; -webkit-white-space: nowrap;}
.fbTable  .table > tbody > tr > td,.bsTable  .table > tbody > tr > td{ border-top: none;}
.groupList{ background: #fafafa; padding: 10px 15px; border-bottom: 1px solid #dbdbdb;}
.groupList a{ font-size: 18px; display: inline-block; margin: 0 7px;}

.groupList a.on,.groupList a:hover{ text-decoration: underline !important; color: #0a2476;}
.groupList a.on,.groupList a:hover{ text-decoration: underline !important; color: #78bbe6;}
.noRank{ display: inline-block; width: 18px; height: 18px; line-height: 18px;}
.redRank{ background: #bf000c; color: #fff;}
.grayRank{ background: #999999; color: #fff;}
.ogredRank{ background: #d53039; color: #fff;}
.ogblueRank{ background: #0a2476; color: #fff;}
.ygredRank{ background: #d83c0c; color: #fff;}


.poiTable,.shoTable{ border: 1px solid #dbdbdb; margin-bottom: 20px;}
.poiTable .poiTitle,.shoTable .shoTitle{ padding: 10px 0; border-bottom: 1px solid #dbdbdb;}
.poiTable .poiTitle strong{ padding-left: 12px; font-size: 20px; position: relative;}
.poiTable .poiTitle strong i{ position: absolute; left: 0; top: 5px; width: 6px; height: 18px;}

.actTitle{ height: 34px; line-height: 32px; border: 1px solid #dbdbdb; border-left: 4px solid #209dda; padding: 0 10px; margin-bottom: 10px; background: #fafafa;}
.actTitle a{font-size: 12px; color: #666666;}
.actTitle .rightIcon{ padding: 0; font-size: 8px; background: #fff; border: 1px solid #dbdbdb; margin-left: 8px; color: #315669;}
.actAd{ display: block; width: 100%; margin-bottom: 10px;}
.actList{ margin-bottom: 30px;}
.actList ul li{ margin-bottom: 8px;}
.actList ul li a.on,.actList ul li a.on:hover{ color: #209dda;}
.actList ul li a:hover{ color: #de0000;}

.spoList{ margin-bottom: 20px;}
.spoList a{ padding: 10px 0; border-bottom: 1px solid #dbdbdb;}
.spoList .spoImg{ width: 52px; height: 52px; overflow: hidden;}
.spoList .spoImg img{ width: 52px; height: 52px;}
.spoList .spoArt{ width: 244px; padding-left: 10px;}
.spoList .spoArt article{ color: #999; font-size: 12px;}
.spoList .row-2{ overflow: hidden;word-wrap: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;-moz-box-orient: vertical; word-break: break-all;}

.offiWebLink{ margin-bottom: 20px;}
.offiWebLink .actTitle{ margin-bottom: 0;}
.offiWebLink .webLink{ border: 1px solid #dbdbdb; border-top: 0 none; padding: 10px;}
.offiWebLink .webLink ul li{ margin-bottom: 10px;}
.offiWebLink .webLink ul li span{ color: #209dda;}
.offiWebLink .webLink ul li:hover span{ color: #eb0000;}

.spoComm .actTitle{ margin-bottom: 0;}
.commList{border: 1px solid #dbdbdb; border-top: 0 none; }
.commList .listTitle{ padding: 10px 0;}
.commList .listTitle .trapezoid{height: 26px; line-height: 26px; color: #fff; padding: 0 10px; background: #e82929; position: relative;}
.commList .listTitle .bsTrapezoid{ background: #209dda;}
.commList .listTitle .otTrapezoid{ background: #1bac55;}
.commList .listTitle .trapezoid::after{content: ""; position: absolute; right: -10px;top: 0; width: 0; height: 0; border-top: 26px solid #e82929; border-right: 10px solid transparent;}
.commList .listTitle .bsTrapezoid::after{ border-top-color: #209dda;}
.commList .listTitle .otTrapezoid::after{ border-top-color: #1bac55;}
.commList .listCom{ padding: 0 10px;}
.commList .topList{ margin-bottom: 10px;}
.commList .topList a{padding-bottom: 15px; border-bottom: 1px dashed #dbdbdb;}
.commList .topListImg{ width: 120px; height: 80px; overflow: hidden;}
.commList .topListArt{ width: 154px; padding-left: 8px;}
.commList .topListArt p{ margin-bottom: 15px;}
.commList .topListArt article{font-size: 12px; color: #999;}
.commList .replyIcon{ padding-left: 15px;  font-size: 12px; color: #999; background: url(../../images/index/reply-icon.png) no-repeat 0 center;}
.commList .bottomList li{ margin-bottom: 8px;}
.commList .bottomList li a{display: block; padding-left: 10px; position: relative;}
.commList .bottomList li a i{content: ""; position: absolute; left: 0; top: 50%; margin-top: -2px; width: 4px;  height: 4px; border-radius: 50%; background: #209dda;}

.top-menu .top-menu-list a.active {
	color: #f85959
}

.top-menu .menu-more {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	background-color: #f4f5f6
}

.top-menu .menu-more .list-shadow {
	position: absolute;
	left: -10px;
	width: 10px;
	height: 36px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABIAAABXAgMAAAB0Nf0bAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJUExURQAAAAAAAAAAAINj6cAAAAADdFJOUwEIFV6wwAoAAACbSURBVCjPtZAxDsMgDEVtKexhoOdpBvYuIDVTpw6cJnMm5p6y+t+o5gANw9OTbcC2yF/O3XUxfwCRDORGJnAp9AxGuqYXAuVgFszPjvLSkaz0vSP5hmfzE14aHVRGonn60EG9NXcy1uZu8TrVjLv+jpT9V28+/rXe6DL6ROca0LmEiuk2ThRs6jGjb0PTtCXuRJRczW2t6+SXnC92Mzp31piZCgAAAABJRU5ErkJggg==) no-repeat 100%;background-color: rgba(244,245,246,.3);
	background-size: contain
}

.top-menu .menu-more .more-btn {
	display: block;
	width: 40px;
	height: 36px;
	background-size: 20px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8AgMAAABHkjHhAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAMUExURQAAAPhZWfhZWfhZWVw9SV4AAAADdFJOUwB9HHTmnyoAAAAxSURBVCjPY2CgDhBB49eO8unEFw0FgXowGQLk1/9HgL9Y+BD1/+HqR8NzIPgiVMp3AM6LOHXh3LGaAAAAAElFTkSuQmCC) no-repeat 50%;background-size: 50%
}

.top-menu {
	position: relative;
	height: 36px;
	width:338px;
	background-color: #f4f5f6
}

.top-menu:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-image: -webkit-linear-gradient(top,transparent,transparent 40%,#ddd 0);
	background-size: 100% 1px;
	background-position: bottom;
	background-repeat: no-repeat
}

.top-menu .top-menu-list {
	overflow: hidden;
	overflow-x: scroll;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch
}

.top-menu .top-menu-list::-webkit-scrollbar {
	display: none
}

.top-menu .top-menu-list a {
	font-size: 17px;
	line-height: 36px;
	display: inline-block;
	height: 36px;
	margin-left:16px;
	white-space: nowrap;
	color: #505050
}