/* g-type */
.g-type{padding: 0 10px 9px; background: #fff;}
.g-type h1{font-size: 16px; color: #333; height: 48px; line-height: 48px;}
.g-type ul{width: 100%; overflow: hidden; zoom: 1;}
.g-type ul li{width: 31%;height: 36px;line-height: 36px;border: 1px solid #aaa;text-align: center;margin-bottom: 10px;float: left;margin-left: 1.5%;}
.g-type ul li:nth-child(3n){/* margin-right: 0; */}
/* .g-type ul li:nth-child(n+6){display: none;} */
.g-type ul li a{display: block; width:100%; height: 100%;text-align: center;overflow: hidden; font-size:14px; color: #aaa;}
.g-type ul li a em{display: inline-block; width: 25px; height: 25px; background: #ccc; vertical-align: middle;margin-right: 3px; background: url(../uim_img/m-list-icons@2x.png) no-repeat; background-size: 50px auto; background-position: 0 -50px;}
.g-type ul li.active{background: #fe483a; border-color: #fe483a;}
.g-type ul li.active a{color: #fff;}
.g-type ul li.active em{background-position-x: -25px !important;}

.g-type ul li:nth-of-type(2) em{background-position: 0 -76px;}
.g-type ul li:nth-of-type(3) em{background-position: 0 -100px;}
.g-type ul li:nth-of-type(4) em{background-position: 0 -125px;}
.g-type ul li:nth-of-type(5) em{background-position: 0 -150px;}
.g-type ul li:nth-of-type(6) em{background-position: 0 -175px;}
.g-type ul li:nth-of-type(7) em{background-position: 0 -200px;}
.g-type ul li:nth-of-type(8) em{background-position: 0 -225px;}
.g-type ul li:nth-of-type(9) em{background-position: 0 -250px;}
.g-type ul li:nth-of-type(10) em{background-position: 0 -275px;}
.g-type ul li:nth-of-type(11) em{background-position: 0 -300px;}
.g-type ul li:nth-of-type(12) em{background-position: 0 -325px;}
.g-type ul li:nth-of-type(13) em{background-position: 0 -350px;}
.g-type ul li:nth-of-type(14) em{background-position: 0 -375px;}
.g-type ul li:nth-of-type(15) em{background-position: 0 -400px;}
.g-type ul li:nth-of-type(16) em{background-position: 0 -425px;}
.g-type ul li:nth-of-type(17) em {
    background-position: 0 -476px;
}
.g-type ul li:nth-of-type(18) em {
    background-position: 0 -501px;
}
.g-type ul li:nth-of-type(19) em {
    background-position: 0 -526px;
}
.g-type ul li:nth-of-type(20) em {
    background-position: 0 -549px;
}
.g-type ul li:nth-of-type(21) em {
    background-position: 0 -576px;
}

.g-type ul li.nav-open{background: #ddd; color:#969595; border-color: #ddd; margin-right: 0;display: none;}
.g-type ul li.nav-open em{width: 21px; height: 21px; background: #969595; border-radius: 50%; color: #fff; font-size: 20px; color: #ddd;line-height:19px;font-weight: bold;}

/* list-box */
.list-box{background: #fff;margin-top: 10px;padding: 12px 10px 20px;margin: 10px 0 0;}
.list-box ul{margin-bottom: 20px;}
.list-box ul li {position: relative;border-bottom: 1px solid #e5e5e5;padding: 12px 0;}
.list-box ul li .img { display: inline-block; float: left; }
.list-box ul li .img img { display: block; width: 65px; height: 65px; border-radius: 12px;}
.list-box ul li .mid { display: block; height: 65px; margin: 0 70px 0 77px; }
.list-box ul li .mid a {display: block;height: 20px;color: #333;font-size: 16px;overflow: hidden;padding-top: 10px;}
.list-box ul li .mid p { color: #999; margin: 2px 0 0; font-size: 14px; height: 20px; line-height: 20px; overflow: hidden; margin-top: 8px;}
.list-box ul li .mid p i{font-style: italic; margin: 0 5px; color: #d3d3d3;}

.list-box ul li .btn {display: block;width: 62px;height: 28px;line-height: 28px;font-size: 14px;color: #fff;overflow: hidden;position: absolute;right: 0;top: 30px;text-align: center;background: #fe483a;color: #fff;border-radius: 3px;}