@charset "utf-8";
/* 禁用iPhone中Safari的字号自动调整 */
html{-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
/* 去除iPhone中默认的input样式 */
input{outline:none;}
/* 取消链接高亮 */
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* 设置HTML5元素为块 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}
/* 图片自适应 */
img{width: 100%;height: auto;width: auto\9; /* ie8 */-ms-interpolation-mode: bicubic; }
/* 初始化 */
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{margin: 0;padding: 0;border: none;}
body{font: 12px Helvetica Regular, Microsoft YaHei,sans-serif,Tahoma;color: #555;background-color: #f5f5f5;}
em, i{font-style: normal;}
strong{font-weight: normal;}
.clearfix:after{content: "";display: block;visibility: hidden;height: 0;clear: both;}
.clearfix{zoom: 1;}
.fixed{min-width: 320px;max-width: 640px;margin:0 auto;position: fixed;width: 100%;z-index: 99;}
a{text-decoration: none;color: #969696;outline: 0;}
a:hover{text-decoration: none;}
ul, ol{list-style: none;}
h1, h2, h3, h4, h5, h6{font-size: 100%;}
img{border: none;}
.fl{display: block;float: left;}
.fr{display: block;float: right;}
.PL{width: calc(100% - 40px);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; padding:10px 20px;}

.basewrap{
    overflow: hidden;
    background: #fff;
    margin-top: 6px;
}
.no_bord {
    margin-top: 0;
}
/*img*/
#BOX{min-width: 320px;max-width: 768px;margin: 0 auto;background: #f5f5f5;overflow: hidden;position: relative;}
.meunstyle .menu>span,
.meunstyle .meunmor{position: fixed ;top: 50px;}
.meunstyle .menuall{position: fixed !important;}
/*头部*/
#top{height: 50px; background: #589cf6; width: 100%; width: 100%; position: relative; z-index: 2015;}
#top>div{ display: flex; flex: 1; margin: 0 12px;}
#top .logo{background: url(../images/logo1.png) no-repeat;height:21px;width:69px;margin-top: 15px;display: block;}
#top .search{ flex: 1;height: 50px; line-height: 50px;    margin-left:20px;}
#top .search .form{ width: 90%; height: 30px; border-radius: 20px; background: #4f8cdb; margin-left: 15px; margin-top: 10px; padding-left: 12px;}
#top .search .form .key{width: 82%;float: left;height: 30px; line-height: 30px;font: 14px Helvetica Regular, Microsoft YaHei,sans-serif,Tahoma;color: #b4c0cf; border: none;background: none; overflow: hidden;}
#top .search .form  .btn{ float: right; display: block; background: url(../images/ico_img_cha.png) no-repeat center;height:16px;width:20px; margin-top: 7px; background-size: auto 100%; margin-right:8px;}
#top span{ display: inline-block;flex: 0 0 34px;width: 40px;height: 34px; margin-top:8px;margin-right: 10px; background: url(../images/r-icon-pre.png) no-repeat left bottom; background-size: 33px auto;}

.burger{display: none;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;}
.burger .culumn{width: 100%;padding: 10px 0 0px 0;}
.burger .culumn ul{display: flex;display: -webkit-flex;flex-direction: row;justify-content: space-between;-webkit-justify-content: space-between;}
.burger .culumn li{width: 20%;float:left;text-align: center;}
.burger .culumn li a{width: 48px;height: 100%;margin: 0 auto;display: block;}
.burger .culumn li a .img{background: url(../images/ico_img1.png) no-repeat center;width: 48px;height: 48px;background-size:47.5px auto;}
.burger .culumn li a p{display: block;height: 39px;line-height: 39px;font-size: 14px;}
.burger .culumn li a .ioc_a{background-position: 0 -59px;}
.burger .culumn li a .ioc_b{background-position: 0 -361px;}
.burger .culumn li a .ioc_c{background-position: 0 -109px;}
.burger .culumn li a .ioc_d{background-position: 0 -259px;}
.burger .culumn li a .ioc_e{background-position: 0 -411px;}
.data-warp{background: #ebebeb;padding: 5px 0;}
.burger .warp{width: 100%;display: table;background: #fff;position: relative;}
.burger .marg{margin-bottom: 5px;}
.burger .warp .item{float: left;width: 20%;text-align: center;height: 100%;position: absolute;left: 0;top:0;}
.burger .warp .item a{display: block;position: absolute;left: 0;top:0;right: 0;bottom: 0;margin: auto;width: 30px;height: 70px;}
.burger .warp .item i{display: block;margin: 0 auto;background: url(../images/ico_img1.png) no-repeat center;margin-bottom: 3px;background-size:47.5px auto;}
.burger .warp .item span{color: #999999;text-align: center;font-size: 15px;height: 38px;line-height: 19px;}
.burger .warp .item .ico_2{height:29px;width:30px;background-position: 0 -28px;}
.burger .warp .item .ico_1{height:26px;width:30px;background-position: 0 0px;}
.burger .warp ul{float: right;width: 79%;background: #fff;padding-top: 20px;border-left: 3px solid #ebebeb;}
.burger .warp ul li{width: 33%;float: left;padding-bottom: 14px;}
.burger .warp ul li a{width: 90%;height: 26px;border:1px solid #dddddd;text-align: center;line-height: 26px;font-size: 14px;color: #555555;margin: 0 auto;display: block;border-radius: 15px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.burger .back{margin: 50px 0;text-align: center;}
.burger .back button{display: inline-block;outline: none;width: 87%;background: #589CF6;border-radius: 8px;color: #fff;font-weight: bold;padding: 9px 0;font-size: 14px;}
.burger .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:0px;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/ico-opmor.png) no-repeat center;}
.menu ul{display: inline-block;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: #589cf6;font-weight: bold;border-bottom-color: #589cf6;}
.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/ico-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: #589cf6 !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/up-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;}

/*footer*/
footer{clear: both;display: block;background-color: #f5f5f5;text-align: center;overflow: hidden;padding:8px 0}
footer span{display: block;height: 70px;margin: 10px 0 20px; background: url(../images/logo-foot.png) no-repeat center ;background-size: 140px auto;}
footer p{font-size: 10px;color: #999;line-height: 18px;margin: 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/D-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(../images/D-computer.png) no-repeat left center;background-size: auto 13px;}
footer div a:nth-child(3) em{background: url(../images/D-top.png) no-repeat left center;background-size: auto 13px;}
/*up*/
.QZ-up{display: none;width: 60px;height: 60px;background: url(../images/btn-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 span{float: left;color: #333;font-size: 16px;line-height: 42px;font-weight: bold;}
.Head1 a{float: right;color: #888;font: 12px Helvetica Regular, Microsoft YaHei,sans-serif,Tahoma;line-height: 42px;padding-right: 10px;background: url(../images/all-icon.png) no-repeat center right;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: 12px 0 5px;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: #589cf6;}
.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;}
/*页码*/
.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;display: inline-block;line-height: 30px;border-radius: 4px;text-align: center;background: #589CF6;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;width:100%;height: 92px;overflow-y: scroll;background: #fff;border-radius: 4px;-webkit-box-shadow: 0 0 3px #bbb;-moz-box-shadow: 0 30px 3px #bbb;box-shadow: 0 0 3px #bbb;}
.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: #589CF6;color: #fff;}

.Brdnav{overflow: hidden;height: 40px;line-height: 40px;margin: 0 12px;font-size: 14px;color: #999;}
.Brdnav a{color: #999;}
.Brdnav span{margin: 0 6px;font-family: initial;}


.Game_list { overflow: hidden;margin-top: 0; }
.Game_list .item + .item { display: none; }
.Game_list .item .list:last-child { border: none; }
.Game_list .item { overflow: hidden; margin: 10px 12px; }
.Game_list .item .list {padding: 15px 0; height: 70px; margin: 0 12px; border-bottom: 1px solid #f5f5f5; display: flex; }
.Game_list .item .list .img { display: block; margin-right: 12px;position: relative; }
.Game_list .item .list .img p{position: absolute;
    left: -10px;width: 40px;
    top: -10px;background: #ff4c88;font-size: 12px;color: #fff;text-align: center;line-height: 20px;height: 20px;border-radius: 10px;}
.Game_list .item .list .img, .Game_list .item .list .img img { width: 70px; height: 70px; border-radius: 6px; }
.Game_list .item .list .info { flex: 1; margin-right: 12px; }
.Game_list .item .list .info .bt { display: block; width: 100%; height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; font-weight: 600; color: #333; }
.Game_list .item .list .info p { height: 20px; line-height: 20px; font-size: 10px; color: #999; margin: 4px 0; }
.Game_list .item .list .info p span { margin-left: 10px; }
.Game_list .item .list .info ul { overflow: hidden; width: 100%; height: 24px; }
.Game_list .item .list .info ul li { float: left; height: 18px; border-radius: 10px; padding: 0 10px; border: 1px solid #c5dcfc; text-align: center; font-size: 12px; color: #589cf6; margin: 2px 4px 10px 0; }
.Game_list .item .list .info ul li a{ color: #589cf6; }
.Game_list .item .list .downl_btn { width: 60px; height: 26px; box-shadow: 0 0 12px #9fcee5; background: -webkit-linear-gradient(left, #589cf6 0%, #1ab2ff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#589cf6', endColorstr='#1ab2ff',GradientType=1 ); background: linear-gradient(to right, #589cf6 0%, #1ab2ff 100%); color: #fff; text-align: center; border-radius: 4px; line-height: 26px; margin-top: 22px; }

.tabbtn_style { overflow: hidden; margin: 0 12px; display: flex; height: 40px; line-height: 40px; }
.tabbtn_style a { flex: 1; font-size: 16px; text-align: center; color: #777; font-weight: bold; }
.tabbtn_style .on { color: #333; border-bottom: 2px solid #589cf6; position: relative; }
.tabbtn_style .on:before { display: inline-block; position: absolute; left: 45%; bottom: 0; width: 0; height: 0; content: ''; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid #589cf6; }


.lists{overflow: hidden;background: #fff;}

.pl_wrap{background: #fff;margin-top: 6px;padding: 12px}
.pl_wrap .pl_detalis{
    background: #f5f5f5;
    padding: 10px;
}
.pl_wrap .pl_detalis .title{
    overflow: hidden;
    font-size: 14px;
    color: #666;
}

/*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;}


.similar { overflow: hidden; background: #fff; margin-top: 6px; }
.similar .bt { display: block; margin: 4px 12px; height: 30px; line-height: 30px; font-size: 14px; color: #333; padding-right: 15px; background: url("../images/icon_right2.png") no-repeat right; background-size: auto 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.similar .text_1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 22px; line-height: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 12px; color: #999; margin: 5px 12px 10px; }
.similar .bq_wrap { overflow: hidden; margin: 0 12px 15px; }
.similar .bq_wrap a { display: inline-block; padding: 0 12px; height: 24px; margin: 0 5px; line-height: 24px; font-size: 12px; border-radius: 12px; color: #888; background: #f0f3f4; }
.similar .bq_wrap .cl_1 { background: #3aa3f4; color: #fff; }
.similar .bq_wrap .cl_2 { background: #fa5153; color: #fff; }
.similar .bq_wrap .cl_3 { background: #1ec2b6; color: #fff; }
.similar .ph_item { -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.04); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.04); overflow-x: scroll; overflow-y: hidden; padding: 12px; white-space: nowrap; }
.similar .ph_item li { display: inline-block; position: relative; width: 80px; height: 150px; background: #f5f5f5; margin: 0 10px; }
.similar .ph_item li a { display: block; }
.similar .ph_item li .num { position: absolute; left: 0; top: 0; width: 30px; height: 30px; text-align: left; text-indent: 4px; line-height: 20px; font-size: 12px; color: #333; background: url("../images/icon_num.png") no-repeat; background-size: 30px auto; background-position: 0 -90px; }
.similar .ph_item li .num1 { background-position: 0 0; color: #fff; }
.similar .ph_item li .num2 { background-position: 0 -30px; color: #fff; }
.similar .ph_item li .num3 { background-position: 0 -60px; color: #fff; }
.similar .ph_item li img { width: 60px; height: 60px; margin: 10px 10px 0; }
.similar .ph_item li p { height: 20px; line-height: 20px; font-size: 14px; color: #333; font-weight: bold; text-align: center; overflow: hidden; width: 70px; margin: 0 5px; }
.similar .ph_item li span { font-size: 12px; color: #999; text-align: center; line-height: 20px; height: 20px; overflow: hidden; display: block; }
.similar .ph_item li .btn { width: 56px; height: 24px; box-shadow: 0 0 12px #9fcee5; background: -webkit-linear-gradient(left, #589cf6 0%, #1ab2ff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#589cf6', endColorstr='#1ab2ff',GradientType=1 ); background: linear-gradient(to right, #589cf6 0%, #1ab2ff 100%); color: #fff; text-align: center; border-radius: 4px; line-height: 26px; margin: 2px auto 0; }


.mor_btn{
    display: block;
    overflow: hidden;
    margin: 20px auto;
    height: 36px;
    width: 50%;
    line-height: 36px;
    border-radius: 25px;
    text-align: center;
    font-size: 14px;
    color: #999;
    background: #f5f5f5;
}
.more_href {
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    text-decoration: none;
    color: #969696;
    outline: 0;
}