body{font-family: 'micrsoft Yahei'}
.ask_box{padding-bottom: 30px; border-top: 1px solid #e8e8f8;}
.ask_t{height: 60px; padding: 22px 0 10px 8px;}
.ask_t .ask_ul{width: 800px; float: left; height: 60px;}
.ask_t .ask_ul li{display:inline-block; height: 56px; line-height: 56px; cursor: pointer; float: left; margin-right: 26px; font-size: 15px; color:#2c2c2c; padding: 0 3px;}
.ask_t .ask_ul li.on{border-bottom: 3px solid #2c2c2c;}
.list_main{padding-bottom: 60px; overflow:hidden;}
.list_main_l{width: 806px; float: left;}
.list_ht{width: 765px; height: 154px; overflow:hidden;  box-shadow: 0 0 6px 3px rgba(0,0,0,0.1); border-radius: 16px; padding: 16px; margin-left: 4px;}
.list_ht .list_ht_t{height:36px; left: 36px; font-size: 18px; color:#333;}
.list_ht .list_ht_t img{vertical-align: middle; padding-right: 10px;}
.list_ht .list_ht_t span{font-size: 14px; float: right; cursor: pointer}
.list_ht .list_ht_dm{height: 133px; width: 1920px; display:none;}
.list_ht .list_ht_dm ul{width: 960px; height: 133px; position:relative; -webkit-animation: danmu 8s linear infinite;animation: danmu 8s linear infinite; float: left;}
.list_ht .list_ht_dm ul li{position:absolute; display:inline-block;color: #fff; padding: 2px 14px; background: rgba(0,0,0,0.4); border-radius: 20px; font-size: 16px; top: 4px; left: 0;}
.list_ht .list_ht_dm li a{color:#fff;}
.list_ht .list_ht_dm li:nth-child(2){top: 0; left: 332px; color:#9696ff;}
.list_ht .list_ht_dm li:nth-child(2) a{color:#9696ff;}
.list_ht .list_ht_dm li:nth-child(3){left: 586px; color:#b0eb77;}
.list_ht .list_ht_dm li:nth-child(3) a{color:#b0eb77;}
.list_ht .list_ht_dm li:nth-child(4){top: 44px; left: 53px; color:#aedaff; font-size: 24px;}
.list_ht .list_ht_dm li:nth-child(4) a{color:#aedaff; font-size: 24px;}
.list_ht .list_ht_dm li:nth-child(5){top: 41px; left: 390px;}
.list_ht .list_ht_dm li:nth-child(6){top: 45px; left: 720px; color:#ebdc36;}
.list_ht .list_ht_dm li:nth-child(6) a{ color:#ebdc36; font-size: 18px}
.list_ht .list_ht_dm li:nth-child(7){top: 95px; left: 45px;}
.list_ht .list_ht_dm li:nth-child(7) a{font-size: 18px; color:#b0eb77;}
.list_ht .list_ht_dm li:nth-child(8){top: 80px; left: 345px; font-size: 20px; color:#f86e94;}
.list_ht .list_ht_dm li:nth-child(8) a{font-size: 20px; color:#f86e94;}
.list_ht .list_ht_dm li:nth-child(9){top: 90px; left: 670px; }


@-webkit-keyframes danmu{
    0% {-webkit-transform:translateX(0);}
    100% {-webkit-transform:translateX(-100%);}
}

@keyframes danmu{
    0% {transform:translateX(0);}
    100% {transform:translateX(-100%);}
}


.list_ht .list_ht_lb{height: 130px; overflow:auto;}
.list_ht .list_ht_lb li{width: 180px; float: left; height: 34px; line-height: 34px; }
.list_ht .list_ht_lb li a{font-size: 16px; color:#333;}

.list_main_c{width: 800px; height: auto; padding-top: 10px;}

.ask_main_sum{font-size: 14px; color:#999999; height: 36px; line-height: 36px; margin: 20px 0; padding-left: 12px;}
.list_c{ padding: 20px; border: 1px solid #e5e5e5; margin-bottom: 22px; background:#fff; overflow:hidden;}
.list_c p a{font-size: 14px; color:#666; line-height: 2;}
.list_c p a span{font-size: 18px; color:#424242; line-height: 2.2;}
.list_c p img{float: left; width: 194px; margin-right: 23px;}
.list_c p a font{color:#9696ea;}
.page_c{padding: 20px 0; text-align: center;}
.page_c ul li{display: inline-block; font-size: 18px; height: 40px; line-height: 40px; padding: 0 8px; color:#9696ea;}
.page_c ul li a{color:#2c2c2c;}

.list_main_r{width: 374px; float: right;}
.list_main_r .main_r_t{font-size: 18px; color:#1a1a1a; height: 30px; line-height: 30px; padding: 26px 0 18px;}
.list_main_r .main_r_t img{width: 15px; vertical-align: middle;}
.ask_main_rc ul li{height: 42px; line-height: 42px; margin-bottom: 12px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ask_main_rc ul li img{width: 20px; vertical-align: middle; padding: 0 14px 3px 0;}
.ask_main_rc ul li a{font-size: 16px; color:#5e5e5e;}
.ask_main_rc ul li a:hover{text-decoration: underline;}
.ask_main_rc ul li:nth-child(1) a{color:#9696ea;}
.ask_main_rc ul li:nth-child(2) a{color:#9696ea;}
.ask_main_rc ul li:nth-child(3) a{color:#9696ea;}
.list_right_box1{padding: 0 18px; border: 1px solid #e5e5e5; margin-bottom: 20px;}
.list_right_box2{padding: 0 18px; border: 1px solid #e5e5e5; margin-bottom: 20px; }
.list_right_box2 ul{padding-left: 6px;}
.list_right_box2 ul li{width: 94px; height: 94px; float: left; margin-right: 20px; text-align: center; margin-bottom: 20px; border-radius: 8px;  line-height: 1.6; background:#9696ea;}
.list_right_box2 ul li:nth-child(3n){margin-right: 0;}
.list_right_box2 ul li a{font-size: 16px; color:#fff;}
.list_right_box2 ul li span{display:block; width: 100%; height: 60px; line-height: 60px; position:relative;}
.list_right_box2 ul li span img{display:inline-block; position:absolute; left: 50%; bottom: 4px; transform: translate(-50%,0); }
.list_right_z{width: 364px; height: 160px; background:url(http://www.mylike.com/images/list_z_bg.jpg) top center no-repeat; text-align: center;  color:#ffffff; clear: both; margin: 20px 0;}
.list_right_z_t{text-align: center; font-size: 23px; color:#fff; height: 60px; line-height: 60px; letter-spacing: 3px}
.list_right_z_c{padding-top: 6px;}
.list_right_z span{display:inline-block; padding: 0 15px; font-size: 16px}
.list_right_z img{vertical-align: middle; padding: 0 6px 2px 0; width: 60%;}
.list_right_z_c span:first-child img{ width: 50%;}

/*文章页*/
.page_box h1{font-size: 24px; color:#242424; line-height: 2; text-align: center; font-weight: normal; padding: 20px 0;}
.page_info{font-size: 14px; color:#9a9a9a; text-align: center; margin-bottom: 20px;}
.body{line-height: 2.2; font-size: 16px; color:#525252;}
.page_zzx{width: 390px; height: 60px; line-height: 60px; padding: 28px 0; margin: 0 auto;}
.page_zzx a{display:block; width:122px; height: 60px; color:#fff; font-size: 26px; text-align: center; background:#f8486f; border-radius: 30px;}
.page_zzx a img{vertical-align: middle;}
.page_zzx a.fr{width: 183px; background:#57b56c; font-size: 24px;}
.page_fx{overflow:hidden; padding: 30px 0;}
.page_fx .page_fx_l{width: 40%; height: 46px; line-height: 46px; font-size: 14px; color:#525252;}
.page_fx .page_fx_l a{color:#848484;}
.page_fx .page_fx_l a:hover{text-decoration: underline;}
.page_fx .page_fx_r{width: 400px;}
.page_sx{overflow:hidden; padding: 20px; border-top: 1px solid #e2e2e2;}
.page_sx p{ height: 40px; line-height: 40px; font-size: 16px; color:#242424;}
.page_sx p a{color:#525252;}
.page_sx p a:hover{text-decoration: underline}