/*img*/

#BOX{min-width: 320px;max-width: 768px;margin: 0 auto;background: #f5f5f5;overflow: hidden;position: relative;}

.meunstyle #top{position: fixed ;top: 0;}

.meunstyle .menu,

.meunstyle .menu>span,

.meunstyle .meunmor{position: fixed ;top: 50px;}

.meunstyle .menuall{position: fixed !important;}

/*top*/

#top{min-width: 320px;max-width: 768px;width: 100%;position:relative;z-index:2015;-webkit-box-shadow: 0 3px 3px rgba(0,0,0,.04); -moz-box-shadow: 0 3px 3px rgba(0,0,0,.04); box-shadow: 0 3px 3px rgba(0,0,0,.04); background: #29cbcd; background:-webkit-gradient(linear, left top, right top, from(#29cbcd), to(#18e5be));}

#top>div{display: flex;flex: 1;margin: 0 12px;}

#top>div>a{display:inline-block;flex: 0 0 66px;/* 宸﹀彸涓ゅ垪鍥哄畾瀹� */order: -1;height:20px;width:66px;background: url(/images/ruan8logo-top.png) no-repeat;background-size:100% 100%;cursor: pointer;margin-top:16px;}

#top>div>a.goback{background: url(../../img/ruan8comm/back.png) no-repeat left center;background-size: 10px auto;}

#top>div>p{flex: 1;height: 50px;line-height: 50px;text-align: center;font-family: Helvetica Regular,'鏂规涓瓑绾�', Microsoft YaHei,sans-serif,'瀹嬩綋',Tahoma;font-size:20px;color: #fff;}

#top>div>.search{display: none;position: absolute;width:calc(100% - 25px);left: -10px;height: 35px;margin: 7px 30px 7px 22px;border: 1px #ddd solid;border-radius: 17.5px;background: #f6f6f6;overflow: hidden;}

.ss-clos{float: right;width: 40px;height: 26px !important;margin: 0 4px 0 0 !important;border-left: 1px solid #ddd;background:url(/images/ruan8search-clos.png) no-repeat center;}

.search div{display: block;height: 25px;margin: 5px 33.5px 5px 18px;}

.search div input{width: 90%;float: left;height: 25px;line-height: 25px;font: 14px Helvetica Regular,'鏂规涓瓑绾�', Microsoft YaHei,sans-serif,'瀹嬩綋',Tahoma;color: #888;border: none;background: none;overflow: hidden;}

.ss-warp{width:calc(100% - 100px);}

.search .search_btn{display: inline-block;
float: right;height: 20px;
width: 20px;    margin: 4px 8px;
border: none;
background: url(https://m.ruan8.com/static/img/comm/ruan8search.png) no-repeat center;
background-size: 100%;
}

#top>div>span{display:inline-block;flex: 0 0 34px;/* 宸﹀彸涓ゅ垪鍥哄畾瀹� */width: 40px;height: 34px;margin-top: 8.5px;background: url(/images/ruan8r-icon-pre.png) no-repeat left bottom;background-size: 33px auto;}

#top>div>.ssbut{width: 24px;height: 24px;background: url(/images/ruan8ico-ss.png) no-repeat;background-size: 100% 100%;margin: 14px 15px 0 0;}

/*姹夊牎鑿滃崟burger*/

.burger{position: fixed;min-width: 320px;max-width: 768px;z-index:2017;width: 100%;top:50px;background: rgba(255,255,255,.95);border-top: 1px solid #f5f5f5;overflow-x: hidden;overflow-y: scroll;display: none;}

.culumn{overflow: hidden;}

.icon-btn1{display: block;padding: 0 6px;overflow: hidden;}

.icon-btn1 li{float: left;display: inline-block;width: 25%;text-align: center;margin: 10px 0;}

.icon-btn1 li a{display: inline-block;overflow: hidden;font-size: 16px;width: 80%;height: 30px;line-height: 30px !important;border: 2px solid #bbb;border-radius: 8px;}

.btnstyle a{color: #fff !important;background: #1be0c0;border: 2px solid #22c3b7 !important;}

.icon-btn1 li a span{display: inline-block;width: 47.5px;height: 47.5px;border-radius: 50%;margin-bottom: 10px;background: url(/images/ruan8icon.png) #3aa3f4 no-repeat 0px 0px;background-size: auto 100px;}

.icon-btn1 li a p{font: 14px Helvetica Regular,'鏂规涓瓑绾�', Microsoft YaHei,sans-serif,'瀹嬩綋',Tahoma;color: #888;}

.icon-btn1 li:nth-child(2) a span{background: url(/images/icon.png) #40db8d no-repeat -50px 0px;background-size: auto 100px;}

.icon-btn1 li:nth-child(3) a span{background: url(/images/icon.png) #ff954b no-repeat -100px 0px;background-size: auto 100px;}

.icon-btn1 li:nth-child(4) a span{background: url(/images/icon.png) #f25656 no-repeat -150px 0px;background-size: auto 100px;}

.icon-btn1 li:nth-child(5) a span{background: url(/images/icon.png) #7177fc no-repeat -200px 0px;background-size: auto 100px;}

.icon-btn1 li:nth-child(6) a span{background: url(/images/icon.png) #f25050 no-repeat 0px -50px;background-size: auto 100px;}

.icon-btn1 li:nth-child(7) a span{background: url(/images/icon.png) #ff954b no-repeat -50px -50px;background-size: auto 100px;}

.icon-btn1 li:nth-child(8) a span{background: url(/images/icon.png) #6e6f84 no-repeat -100px -50px;background-size: auto 100px;}

.icon-btn1 li:nth-child(9) a span{background: url(/images/icon.png) #fe7ca3 no-repeat -150px -50px;background-size: auto 100px;}

.icon-btn1 li:nth-child(10) a span{background: url(/images/icon.png) #786960 no-repeat -200px -50px;background-size: auto 100px;}

.icon-btn1 li a span:active{opacity: .8;}

.channel{overflow: hidden;}

.icon-btn2{margin: 0 12px;overflow: hidden;}

.icon-btn2 li{float: left;width: 33.33%;margin: 5px 0;text-align: center;}

.icon-btn2 li a{display: inline-block;background: #f8f8f8;width: 90%;border-radius: 4px;overflow: hidden;border: 1px solid #ddd;}

.icon-btn2 li a:active{background: #bbb;}

.icon-btn2 li a p{display: inline-block;font: 14px Helvetica Regular,'鏂规涓瓑绾�', Microsoft YaHei,sans-serif,'瀹嬩綋',Tahoma;color: #555;line-height: 16px;margin: 9px 0;padding-left: 20px;background: url(/images/ruan8color-icon.png) no-repeat 0 -2px;background-size: 20px auto;}

.channel .icon-btn2 li:nth-child(2) a p{background: url(/images/color-icon.png) no-repeat 0 -22px;background-size: 20px auto;}
ruan8
.channel .icon-btn2 li:nth-child(3) a p{background: url(/images/ruan8color-icon.png) no-repeat 0 -42px;background-size: 20px auto;}

.channel .icon-btn2 li:nth-child(4) a p{background: url(/images/ruan8color-icon.png) no-repeat 0 -62px;background-size: 20px auto;}

.channel .icon-btn2 li:nth-child(5) a p{background: url(/images/ruan8color-icon.png) no-repeat 0 -82px;background-size: 20px auto;}

.collection .icon-btn2 li:nth-child(1) a p{background: url(/images/ruan8color-icon.png) no-repeat 0 -102px;background-size: 20px auto;}

.collection .icon-btn2 li:nth-child(2) a p{background: url(/images/ruan8color-icon.png) no-repeat 0 -122px;background-size: 20px auto;}

.collection .icon-btn2 li:nth-child(3) a p{background: url(/images/ruan8color-icon.png) no-repeat 0 -142px;background-size: 20px auto;}

.collection .icon-btn2 li:nth-child(4) a p{background: url(/images/ruan8color-icon.png) no-repeat 0 -162px;background-size: 20px auto;}

.collection .icon-btn2 li:nth-child(5) a p{background: url(/images/ruan8color-icon.png) no-repeat 0 -182px;background-size: 20px auto;}

.icon-btn2 li a p:active{color: #fff;}

.back{margin: 12px 0;text-align: center;}

.back button{display: inline-block;width: 50%;background: #FF9D01;border-radius: 4px;color: #fff;font-weight: bold;padding: 9px 0;font-size: 14px;}

.back button:active{opacity: .7;}

/*menu*/

.menu{min-width: 320px;max-width: 768px;width: 100%;height: 43px;/*position:relative;*/z-index:1999;/*top: 0;*//*margin-top: 50px;*/background: #fff;-webkit-box-shadow: 0 3px 3px rgba(0,0,0,.04); -moz-box-shadow: 0 3px 3px rgba(0,0,0,.04); box-shadow: 0 3px 3px rgba(0,0,0,.04); overflow-x: scroll; overflow-y: hidden;}

.menu>span,.meunmor{display: inline-block;height: 43px;width: 30px;position: absolute;z-index:325; top: 50px;}

.menu .l-y{background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,.3) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,.3) 100%); background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,.3) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,.3) 100%); left: 0;}

.menu .r-y{right: 40px;background: -moz-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,.3) 100%); background: -webkit-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,.3) 100%); background: -o-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,.3) 100%); background: -ms-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to left, rgba(255,255,255,1) 0%, rgba(255,255,255,.3) 100%);}

.meunmor{width: 40px;height: 43px;right: 0;background:#fff url(/images/ruan8ico-opmor.png) no-repeat center;}

.menu ul{display: inline-block;padding: 0 12px;overflow: hidden;}

.menu ul li{display: inline-block;padding: 0 15px;float: left;text-align: center;}

.menu ul li a{display: inline-block;color: #333;font: 16px Helvetica Regular,'鏂规涓瓑绾�', Microsoft YaHei,sans-serif,'瀹嬩綋',Tahoma;line-height: 35px;border-bottom: 2px solid #fff;margin: 2px 0 4px 0;}

.menu ul li a.current{color: #23d4c7;font-weight: bold;border-bottom-color: #23d4c7;}

.menuall{display: none;position: absolute;top: 50px;z-index: 2016;width: 100%;max-width: 768px;height: auto;background: #fff;-webkit-box-shadow: 0 3px 3px rgba(0,0,0,.04); -moz-box-shadow: 0 3px 3px rgba(0,0,0,.04); box-shadow: 0 3px 3px rgba(0,0,0,.04);}

.menuall span{float: left;height: 30px;line-height: 30px;margin:10px 20px;font-size: 16px;font-weight: bold;}

.menuall .closmenu{width: 40px;height: 43px;margin-top: 2px;background:#fff url(/images/ruan8ico-opmor.png) no-repeat center;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);}

.menuall ul{display: block;float: left;width: 100%;padding-bottom: 4%;}

.menuall ul .menustyle a{color: #1be0c0 !important;}

.menuall ul li A{display: block;float: left;color: #333 !important; font: 16px Helvetica Regular,'鏂规涓瓑绾�', Microsoft YaHei,sans-serif,'瀹嬩綋',Tahoma; line-height: 34px; /*font-weight: bold;*/margin: 0 6px 0 20px;}

/*menu2*/

.menu2{min-width: 320px;max-width: 768px;width: 100%;/*height: 43px;*/position:fixed;z-index:999;top: 0;margin-top: 50px;-webkit-box-shadow: 0 3px 3px rgba(0,0,0,.04); -moz-box-shadow: 0 3px 3px rgba(0,0,0,.04); box-shadow: 0 3px 3px rgba(0,0,0,.04); overflow-x: scroll; overflow-y: hidden; border-top: 1px solid #f3f3f3;}

.menu2>span{display: inline-block;position: fixed;}

.menu2 .l-y{height: 43px;width: 30px;background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,.5) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,.5) 100%); background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,.5) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,.5) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,.5) 100%);}

.menu2 .r-y{height: 43px;width: 60px;top: 50px;right: 0;background: -moz-linear-gradient(right, rgba(255,255,255,1) 50%, rgba(255,255,255,.5) 100%); background: -webkit-linear-gradient(right, rgba(255,255,255,1) 50%, rgba(255,255,255,.3) 100%); background: -o-linear-gradient(right, rgba(255,255,255,1) 50%, rgba(255,255,255,.5) 100%); background: -ms-linear-gradient(right, rgba(255,255,255,1) 50%, rgba(255,255,255,.5) 100%); background: linear-gradient(to left, rgba(255,255,255,1) 50%, rgba(255,255,255,.5) 100%); overflow: hidden;}

.menu2 .r-y em{display: inline-block;float: right;height: 34px;width: 34px;border-radius: 50%;margin: 4px;background: url(/images/ruan8up-down.png) #fff no-repeat center center ; background-size: auto 10px; transition: transform 0.3s; -webkit-transition: transform 0.3s}

.menu2 .r-y em.zhuan{transform: rotate(-180deg);-webkit-transform: rotate(-180deg);}

.menu2 .shapeA{display: inline-block;padding: 0 12px;background: #fff;overflow: hidden;}

.menu2 .shapeA li{display: inline-block;padding: 0 15px;float: left;text-align: center;}

.menu2 .shapeA li a{display: inline-block;color: #333;font-size: 16px;font-family: Helvetica Regular,'鏂规涓瓑绾�', Microsoft YaHei,sans-serif,'瀹嬩綋',Tahoma;line-height: 35px;border-bottom: 2px solid #fff;margin: 2px 0 4px 0;}

.menu2 .shapeA li a.current{color: #ff9d01;font-weight: bold;border-bottom-color: #ff9d01;}

.menu2 .shapeB{background: #fff;}

.menu2 .shapeB h3{display: inline-block;color: #333;font-weight: normal;font-size: 16px;font-family: Helvetica Regular,'鏂规涓瓑绾�', Microsoft YaHei,sans-serif,'瀹嬩綋',Tahoma;line-height: 43px;margin-left: 14px;}

.menu2 .shapeB ul{display: flex;padding: 0 12px;flex-wrap: wrap;justify-content: space-between;align-content: flex-start;overflow: hidden;}

.menu2 .shapeB ul li{text-align: center;display: inline-block;width: 23%;border: 1px solid #ddd;margin-bottom: 10px;}

.menu2 .shapeB ul li a{display: inline-block;color: #333;font-size: 14px;font-family: Helvetica Regular,'鏂规涓瓑绾�', Microsoft YaHei,sans-serif,'瀹嬩綋',Tahoma;line-height: 32px;}

.menu2 .shapeB ul li.cur5 a{color: #fff;}

.menu2 .shapeB ul li.cur5{background: #FF9D01;}

.menu2 .shapeB ul li a:active{opacity: .8;}

/*闈㈠寘灞戝鑸�*/

#BreadcrumbNavigation{display: block; clear: both; background: #f5f5f5;}

#BreadcrumbNavigation>.BN-a{ display: block; padding: 0 12px; overflow: hidden;}

#BreadcrumbNavigation>.BN-a>.BN-a-head{ display: inline-block; float: left; margin: 5px 6px 5px 0; overflow: hidden;}

#BreadcrumbNavigation>.BN-a>.BN-a-head>span{ display: inline-block; width: 38px; height: 20px; font-size: 12px; font-family: Helvetica Regular,'鏂规涓瓑绾�', Microsoft YaHei,sans-serif,'瀹嬩綋',Tahoma; color: #fff; text-align: center; line-height: 20px; cursor: pointer;} 

#BreadcrumbNavigation>.BN-a>.BN-a-head>em{ display: inline-block; float:left; width: 20px; height: 20px; background: url(../../img/commruan8/position.png) no-repeat; background-size: 20px  auto;}

#BreadcrumbNavigation>.BN-a>.BN-a-cont{display: block;overflow: hidden; height: 30px;}

#BreadcrumbNavigation>.BN-a>.BN-a-cont>a{ font-size: 14px; color: #555; height: 30px; line-height: 30px; font-family: Helvetica Regular,'鏂规涓瓑绾�', Microsoft YaHei,sans-serif,'瀹嬩綋',Tahoma;}

#BreadcrumbNavigation>.BN-a>.BN-a-cont>a.BN-lei{ padding-left: 10px; background: url(/images/ruan8up-down3.png) no-repeat 1px top; background-size: 7px auto;}

#BreadcrumbNavigation>.BN-a>.BN-a-cont>a.open{color: #FF9D01; font-weight: bold;background: url(/images/ruan8up-down3.png) no-repeat left bottom; background-size: 7px auto;}

#BreadcrumbNavigation>.BN-b{background-color:#f5f5f5; position:absolute; z-index: 1000; border-bottom: 1px solid #ebebeb;}

#BreadcrumbNavigation>.BN-b>.BN-classify{display: block;margin: 0 6px;overflow: hidden; padding-top: 5px;}

#BreadcrumbNavigation>.BN-b>.BN-classify>li{display: inline-block;float: left;width: 25%;margin-bottom: 10px;}

#BreadcrumbNavigation>.BN-b>.BN-classify>li>a{display: block;margin: 0 6px;text-align: center;border-radius: 2px;background: #fff;color: #333;line-height: 30px;font-size: 12px;font-family: Helvetica Regular,'鏂规涓瓑绾�', Microsoft YaHei,sans-serif,'瀹嬩綋',Tahoma;}

#BreadcrumbNavigation>.BN-b>.BN-classify>li>a.BN-cur{background: #FF9D01;color: #fff;}

/*footer*/

footer{clear: both;display: block;background-color: #f5f5f5;text-align: center;overflow: hidden;}

footer span{display: block;height: 70px;background: url(/images/ruan8logo-foot.png) no-repeat center ;background-size: 160px auto;}

footer p{font-size: 10px;color: #999;line-height: 14px;margin: 10px 0;}

footer div{margin:0 12px;overflow:hidden;border-top: 1px solid #414141;}

footer div a{text-align: center;display: inline-block;width: 33.3333%;float:left;}

footer div a em{display: inline-block;color: #ff9d01;padding-left: 18px;background: url(/images/ruan8D-home.png) no-repeat left center;background-size: auto 13px;font-size: 12px;line-height: 40px;}

footer div a:nth-child(2) em{background: url(../../img/commruan8/D-computer.png) no-repeat left center;background-size: auto 13px;}

footer div a:nth-child(3) em{background: url(/images/ruan8D-top.png) no-repeat left center;background-size: auto 13px;}

/*up*/

.QZ-up{display: none;width: 60px;height: 60px;background: url(/images/ruan8btn-up.png) no-repeat;background-size: 100%;position: fixed;bottom: 10%;right: 20px;z-index: 325;}

/*Head1*/

.Head1{display: block;padding: 0 12px;overflow: hidden;}

.Head1 h2{float: left;color: #333;font-size: 16px;line-height: 42px;}

.Head1 a{float: right;color: #888;font: 12px Helvetica Regular,'鏂规涓瓑绾�', Microsoft YaHei,sans-serif,'瀹嬩綋',Tahoma;line-height: 42px;padding-right: 10px;background-size: 4px auto;}

/*Head2*/

.Head2{display: block;padding: 0 12px;background: #fff;overflow: hidden;}

.Head2 h2{float: left;color: #333;font-size: 16px;line-height: 42px;}

.Head2 .chose{float: right;margin: 8px 0;display: inline-block;border-radius: 13px;overflow: hidden;}

.Head2 .chose a{display: inline-block;float: left;font: 12px Helvetica Regular,'鏂规涓瓑绾�', Microsoft YaHei,sans-serif,'瀹嬩綋',Tahoma;color: #999;line-height: 26px;padding: 0 6px;background: #f6f6f6;}

.Head2 .chose a.cur3{color: #fff;background: #ff9d01;}

.Head2 .chose a:active{opacity: .8;}

/*Head3*/

.Head3{display: block;position: relative;/*background: #fff;*/height: 42px;overflow: hidden;}

.Head3 .Head3-box{position: absolute;width: 100%;z-index: 10;top: 0;left: 0;}

.Head3 .Head3-box a{display: inline-block;float: left;text-align: center;background: #f0f0f0;color: #999;font: 16px Helvetica Regular,'鏂规涓瓑绾�', Microsoft YaHei,sans-serif,'瀹嬩綋',Tahoma;line-height: 42px;width: 50%;}

.Head3 .Head3-box a.cur2{background: #fff;color: #333;}

.Head3 span{display: inline-block;position: absolute;z-index: 9;width: 50%;left: 20%;height: 21px;background: #f0f0f0;}

.Head3 em{display: inline-block;position: absolute;z-index: 9;width: 50%;top: 21px;left: 20%;height: 21px;background: #fff;}

/*Cont1*/

.Cont1{display: block;padding: 0 12px;overflow: hidden;}

.Cont1 ul{display: block;overflow: hidden;}

.Cont1 ul li{float: left;width: 25%;text-align: center;}

.Cont1 ul li a.C1-explain{display: inline-block;margin-top: 10px;}

.C1-explain div{display: inline-block;position: relative;margin-bottom: 10px;}

.C1-explain div span{display: inline-block;position: absolute;width: 38px;height: 19px;top: -2px;left: -2px;}

/*绮惧搧*/

.C1-explain div span.fine{background: url(/images/ruan8fine.png) no-repeat;background-size: 38px 19px;}

/*鐏垎*/

.C1-explain div span.hot{background: url(/images/ruan8hot.png) no-repeat;background-size: 38px 19px;}

.C1-explain div img{display: inline-block;width: 57.5px;height: 57.5px;border-radius: 10px;}

.C1-explain p{color: #333;font: 12px Helvetica Regular,'鏂规涓瓑绾�', Microsoft YaHei,sans-serif,'瀹嬩綋',Tahoma;line-height: 15px;margin-bottom: 10px;    height: 30px; overflow: hidden;}

.Cont1 ul li a.btn{display: block;clear: both;color: #888;line-height: 27px;width: 56.5px;border: 1px solid #ddd;border-radius: 3px;margin: 0 auto 10px auto;}

/*Cont2*/

.Cont2{display: block;background: #fff;/*overflow: hidden;*/}

.Cont2 ul{display: block;overflow: hidden;}

.Cont2 ul li{position: relative;padding: 15px 12px;border-bottom: 1px solid #f5f5f5;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;overflow: hidden;}

.Cont2 ul li:active{background: #eee;}

.Cont2 ul li:last-child{border-bottom: none;}

.Cont2 ul li>a.C2-explain{display: inline-block;float: left;}

.C2-explain div{display: inline-block;position: relative;}

.C2-explain div span{display: inline-block;position: absolute;width: 38px;height: 19px;top: -2px;left: -2px;z-index: 10;}

/*绮惧搧*/

.C2-explain div span.fine{background: url(/images/ruan8fine.png) no-repeat;background-size: 38px 19px;}

/*鐏垎*/

.C2-explain div span.hot{background: url(/images/ruan8hot.png) no-repeat;background-size: 38px 19px;}

.C2-explain div img{display: inline-block;width: 57.5px;height: 57.5px;border-radius: 10px;background: #969696;}

.Cont2 ul li .sub{display: block;height: 57.5px;margin: 0 67.5px;position: relative;/*overflow: hidden;*/}

.Cont2 ul li .sub div{width: 100%;position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);}

.sub .gtitle{display: inline-block;max-height: 40px;margin-bottom: 2.5px;color: #333;font: 16px Helvetica Regular,'鏂规涓瓑绾�', Microsoft YaHei,sans-serif,'瀹嬩綋',Tahoma; overflow: hidden;}

.sub p{display: block;color: #888;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.sub dl{display: block;overflow: hidden;}

.sub dt,.sub dd{display: inline-block;float: left;color: #888;margin-right: 10px;}

.sub dt span{color: #ff3f3f;}

.Cont2 ul li a.l_btn{display: inline-block;float: right;text-align: center;color: #fff;line-height: 28px;width: 57.5px;background: #23d4c7;border-radius: 3px;position: absolute;top: 50%;right: 12px;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);}

.Cont2 ul li a.l_btn:active{opacity: .8;}

.Cont2 ul li a.l_btn2{display: inline-block;float: right;text-align: center;color: #fff;line-height: 28px;width: 57.5px;background: #22c3b7;border-radius: 3px;position: absolute;top: 50%;right: 12px;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);}

.Cont2 ul li a.l_btn2:active{opacity: .8;}

/*Cont3*/

.Cont3{display: block;padding: 15px 12px;overflow-y: hidden;overflow-x: scroll;}

.Cont3 .Cont3-box{width: 906px;overflow: hidden;}

.Cont3 .Cont3-box a{display: inline-block;float: left;background: #f6f6f6;width: 170px;height: 85px;border-radius: 4px;margin-right: 11px;text-align: center;overflow: hidden;}

.Cont3 .Cont3-box a img{display: inline-block;width: auto;height: 100%;}

.Cont3 .Cont3-box span{display: inline-block;float: left;background: #f6f6f6;width: 170px;height: 85px;border-radius: 4px;margin-right: 12px;text-align: center;overflow: hidden;}

.Cont3 .Cont3-box span a{display: inline-block;padding-top: 30px;margin-top: 21px;background: #f6f6f6;color: #bbb;background: url(/images/ruan8more-icon.png) no-repeat top center;background-size: 25px auto;}

/*Cont4*/

.Cont4{padding: 0 12px;}

.Cont4 .Cont4-list{overflow: hidden;padding-bottom: 8px;}

.Cont4 .Cont4-list >a{display: block;background: url(/images/ruan8list-icon.png) no-repeat left center;background-size: 5px auto;padding: 8px 15px;color: #333;font: 14px Helvetica Regular,'鏂规涓瓑绾�', Microsoft YaHei,sans-serif,'瀹嬩綋',Tahoma; overflow: hidden; /*鑷姩闅愯棌鏂囧瓧*/ text-overflow: ellipsis;/*鏂囧瓧闅愯棌鍚庢坊鍔犵渷鐣ュ彿*/ white-space: nowrap;/*寮哄埗涓嶆崲琛�*/}

.Cont4 .Cont4-list >a:active{background: #eee;}
.Cont4 .Cont4-list i { background: url(../../images/ico_rl.png) no-repeat center; background-size: 70px auto; background-position: -54px 0; width: 15px;height: 10px; display: inline-block;vertical-align: middle;margin-left: 2px;margin-top: -3px;}

/*Cont5*/

.Cont5{background: #fff;display: block;}

.Cont5 ul{display:block;overflow: hidden;}

.Cont5 ul li{display:block;padding: 10px 12px;border-bottom: 1px solid #f5f5f5;overflow: hidden;}

.Cont5 ul li:active{background-color: #eee;}

.Cont5 ul li:last-child{border: none;}

.Cont5 ul li>a{display: inline-block;float: left;width: 88px;height: 58px;text-align:center;overflow: hidden;border-radius: 5px;}

.Cont5 ul li>a img{height:100%;}

.Cont5 ul li>dl{display: block;margin-left: 98px;}

.Cont5 ul li>dl dt{height: 40px;overflow: hidden;}

.Cont5 ul li>dl dt a{display: inline-block;font: 16px Helvetica Regular,'鏂规涓瓑绾�', Microsoft YaHei,sans-serif,'瀹嬩綋',Tahoma;color: #333;line-height: 20px;}

.Cont5 ul li>dl dd{display:table-cell;font-size: 10px;color: #999;height: 18px;vertical-align:bottom;}

.Cont5 ul li>dl dd em{display: inline-block;margin-left: 5px;}

/*Cont6*/

.Cont6{background: #fff;display: block;}

.Cont6 ul{display:block;padding: 0 12px;overflow: hidden;}

.Cont6 ul li{display: inline-block;width: 50%;float: left;margin: 5px 0;overflow: hidden;text-align: center;}

.Cont6 ul li a{display: inline-block;width: 94%;height: 0;padding-bottom: 45%;border-radius: 4px;overflow: hidden;}

.Cont6 ul li a img{display: inline-block;margin: auto;}

/*Cont7*/

.Cont7 .Cont7-list{padding: 0 12px;overflow: hidden;}

.Cont7 .Cont7-list li{position: relative;border-bottom: 1px solid #f5f5f5;overflow: hidden;}

.Cont7 .Cont7-list li:nth-last-child(2){border: none;}

.Cont7 .Cont7-list li>a{display: inline-block;float: right;text-align: center;color: #fff;line-height: 28px;width: 57.5px;background: #22c3b7;border: 1px solid #22c3b7;border-radius: 3px;position: absolute;top: 50%;right: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);}

.Cont7 .Cont7-list li>a:active{opacity: .8;}

.Cont7 .Cont7-list li>div{margin: 10px 79.5px 10px 0;}

.Cont7 .Cont7-list li>div a{display: inline-block;background: url(/images/ruan8l-list.png) no-repeat left center;background-size: auto 12px;padding-left: 18px;margin-bottom: 3px;line-height: 19px;color: #333;font: 14px Helvetica Regular,'鏂规涓瓑绾�', Microsoft YaHei,sans-serif,'瀹嬩綋',Tahoma; overflow: hidden; /*鑷姩闅愯棌鏂囧瓧*/ text-overflow: ellipsis;/*鏂囧瓧闅愯棌鍚庢坊鍔犵渷鐣ュ彿*/ white-space: nowrap;/*寮哄埗涓嶆崲琛�*/}

.Cont7 .Cont7-list li>div dl{margin-left: 18px;overflow: hidden;}

.Cont7 .Cont7-list li>div dl dt{float: left;margin-right: 10px;line-height: 16px;color: #888;font-size: 12px;font-family: Helvetica Regular,'鏂规涓瓑绾�', Microsoft YaHei,sans-serif,'瀹嬩綋',Tahoma;/}

.Cont7 .Cont7-list li>div dl dd{color: #888;font-size: 12px;line-height: 16px;font-family: Helvetica Regular,'鏂规涓瓑绾�', Microsoft YaHei,sans-serif,'瀹嬩綋',Tahoma;}

.more{display: block;text-align: center;padding: 12px 0;margin-top: 8px;color: #222;font: 12px Helvetica Regular,'鏂规涓瓑绾�', Microsoft YaHei,sans-serif,'瀹嬩綋',Tahoma;border-top: 1px #f5f5f5 solid;}

.interlink{background: #fff;overflow: hidden; margin-top: 6px;}

.interlink .interlink-list{overflow: hidden;margin: 0 12px 10px 12px;}

.interlink .interlink-list a{font-size: 12px;color: #666;margin-right: 20px;line-height: 28px;}

.interlink .interlink-list a:active{color: #FF9D01;}

/*椤电爜*/

.ym{display: flex;justify-content: space-between;border-top: 1px solid #f5f5f5;padding: 10px 20px;}

.ym>a{width: 22%;margin: 14px 0;display: inline-block;line-height: 30px;border-radius: 4px;background: #f6f6f6;text-align: center;color: #333;font-family: Helvetica Regular,'鏂规涓瓑绾�', Microsoft YaHei,sans-serif,'瀹嬩綋',Tahoma;}

.ym>a:active,.ym>span .cbtn a:active{background: #ddd;}

.ym>a:nth-child(2){width: 14%;}

.ym>a:nth-child(4){width: 14%;}

.ym>a.over{color: #bbb;}

.ym>span{width: 22%;margin: 14px 0;/*padding: 0 10px;*/display: inline-block;line-height: 30px;border-radius: 4px;text-align: center;background: #FF9D01;color: #fff;font-size: 14px;font-family: Helvetica Regular,'鏂规涓瓑绾�', Microsoft YaHei,sans-serif,'瀹嬩綋',Tahoma;position: relative;}

.ym>span .cbtn{position: absolute;top: -62px;left: 0;z-index: 10;height: 92px;overflow-y: scroll;background: #fff;border-radius: 4px;-webkit-box-shadow: 0 0 3px #bbb; -moz-box-shadow: 0 30 3px #bbb; box-shadow: 0 0 3px #bbb;width:100%;}

.ym>span .cbtn a{display: inline-block;text-align: center;line-height: 30px;margin-bottom: 1px;float: left;width: 100%;background: #f6f6f6;font-size: 14px;font-family: Helvetica Regular,'鏂规涓瓑绾�', Microsoft YaHei,sans-serif,'瀹嬩綋',Tahoma;color: #666;}
/*褰撳墠椤电爜鏍峰紡*/
.ym>span .cbtn a.now{background: #FF9D01;color: #fff;}
.game-news {background: #fff;-webkit-box-shadow: 0 3px 3px #ebebeb;-moz-box-shadow: 0 3px 3px #ebebeb;box-shadow: 0 3px 3px #ebebeb;margin-top: 6px;margin-bottom: 6px;}
.Cont2 .links{pointer-events: none;}
/* 2022-10-20 */
.tab_hd span {display: inline-block;line-height: 38px;position: relative; border-bottom: 2px solid transparent;margin-right:8px;color: #666;}
.tab_hd span.on{border-color: #1be0c0;color: #333;}
.tab_hd span.on::before{width: 0;height: 0;content: '';display: block;position: absolute;left: 48%;bottom: 0;border: 4px solid transparent; border-bottom: 5px solid #18e5be;}
.tab_body ul +ul {display: none;}