/* CSS Document */

a { color: #222222}
a:hover { text-decoration: none}
#scbar { border: 0}
.cr { display: block; float: none; font-size: 0; height: 0; line-height: 0; overflow: hidden; clear: both; visibility: hidden}
div.separation { background-color: #E6E6E6; height: 1px; width: 100px; overflow: hidden; margin: 5px 0 10px 0}

.mtop20{ margin-top:20px;}
.margin0{ margin:0px !important;}
.padding0{ padding:0px !important;}
.padding_margin0{margin:0px !important;padding:0px !important;}
.ml li { padding: 0}
.act { margin: 0 0 10px 0}


/*左侧*/
.idx-adver1 { height: 80px; padding-bottom: 50px; border: 1px solid #EEEEEE; box-shadow: 0 0 4px #ECECEC}
.idx-news .tits { height: 30px; line-height: 30px;padding-bottom:10px; border-bottom: solid 1px #EAEAEA}
.idx-news .tits h2 { line-height: 25px; font-family: "microsoft yahei"; font-size: 18px; color: #333333; float: left; padding-right: 20px; border-right: solid 1px #E0E0E0; font-weight: bold}
.idx-news .tits span { line-height: 28px; padding: 0 0 0 20px; color: #999999; font-size: 13px}
.idx-news .tits a.more { float: right; font-size: 12px; color: #949494;}
.idx-news .cont { padding: 15px 0 0 0}
.idx-news .cont .cont-left { float: left; width: 397px; padding: 0 20px 0 2px; margin: 0; overflow: hidden; border-right: 1px solid #EEEEEE}
.idx-news .cont .cont-right { float: left; width: 397px; padding-left: 25px; padding-right: 0; overflow: hidden}
.idx-news .cont .news-ul li { padding: 10px 0; border-bottom: 1px solid #FFFFFF;border-top: 1px solid #FFFFFF}
.idx-news .cont .news-ul li:hover {}
.idx-news .cont .news-ul li .img { float: left; width: 106px}
.idx-news .cont .news-ul li .word { padding-left: 120px}
.idx-news .cont .news-ul li .word h3 { float: left; position: relative; word-wrap:break-word; width: 275px; height: 34px; overflow: hidden}
.idx-news .cont .news-ul li .word h3 a { font-family: "microsoft yahei";font-size: 15px; color: #444444; font-weight: 400; line-height: 34px;text-overflow: ellipsis}
.idx-news .cont .news-ul li:hover .word h3 a{ color: #4fc277}
.idx-news .cont .news-ul li .word p { float: left; width: 275px; font-size: 12px; color: #858585; line-height: 16px; height: 16px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis}

.ui_list { background: #FFFFFF}
.ui_2_ul_li { padding: 25px 0; margin: 0 15px; border-bottom: 1px solid #EEEEEE; background: #FFFFFF}
.ui_2_ul_li_imgouter { float: left; width: 265px; height: 170px; margin: 0 20px 0 0}
.ui_2_ul_li_con { float: left; width: 570px}
.ui_2_ul_li_con h3 { line-height: 39px; font-size: 17px; font-weight: 400}
.ui_2_ul_li_con h3 em { float: left; height: 18px; line-height: 18px; padding: 3px 6px; margin: 8px 6px 0 0; font-size: 12px; overflow: hidden; transition: all 0.5s ease 0s; background: #CCCCCC}
.ui_2_ul_li_con h3:hover em { background: #0084ff}
.ui_2_ul_li_con h3 em a { font-size: 12px; color: #FFFFFF}
.ui_colorG { float: left; color: #333333}
.ui_colorG:hover { color: #111111; text-decoration: underline}
.ui_2_userinfo { line-height: 32px}
.ui_2_userinfo .authors a { color: #5b85a9; font-weight: 400}
.ui_2_user { float: left; width: 26px; height: 26px; margin: 2px 0 0 0}
.ui_2_ul_li .ui_2_userinfo span { margin-left: 8px}
.ui_2_user img { border-radius: 50%}
.ui_2_ul_li_con p { line-height: 23px; font-size: 14px; margin: 10px 0; height: 52px; word-wrap: break-word; word-break: break-all; color: #888888}
.cdg { color: #5E5E5E}
.ui_2_userinfo a, .clg { color: #7B7B7B}
a.ds_inlineB:hover { color: #FF0000}
.fr { float: right}
.mr15 { margin-right: 15px}


.rom-list li { padding-left: 13px; background: url(dot.png) no-repeat 0 13px}

.gogostyle_s3 { width: 280px}
.gogostyle_s3 .cr_1 {
    float: left;
    width: 122px;
    height: 163px;
	margin: 5px 18px 0 0;
    overflow: hidden;
    margin-bottom: 8px;
}
.gogostyle_s3 a {
    color: #3B3B3B;
}

.friendlink li { float: left; margin: 20px 30px 0 0}
.friendlink li a { color: #666666}

/* 首页滚动栏 */

.box1 { height: auto; width: 855px; padding: 15px; overflow: hidden; border-radius: 0; box-shadow: none; background-color: #FFFFFF}
.ad_right { padding: 0; margin: 0; overflow: hidden; border-radius: 0; background-color: #FFFFFF}
.taber { margin: 0}
.rom-list { padding-bottom: 5px}

.banana_rotate{ position:relative; height:278px; width:686px; overflow:hidden; margin:14px;}
.banana_rotate .roll_img{ height:278px; overflow:hidden;position:relative;}
.banana_rotate .roll{ height:52px;  width:686px;overflow:hidden; position:absolute; bottom:0;}
.banana_rotate .roll_opacity{filter:alpha(opacity=20);-moz-opacity:0.2;opacity:0.2;-khtml-opacity: 0.2;background-color:#000000;height:42px;  width:686px;overflow:hidden; position:absolute; bottom:0;}
.banana_rotate .roll .roll_title{ float:left; width:450px; color:#FFFFFF; font-size:16px; margin:20px 0 0 10px;}
.banana_rotate .roll .roll_title a, .banana_rotate .roll .roll_title a:hover{color:#FFFFFF;}
.banana_rotate .roll .roll_small_signimg_div{float:right; width:180px; margin:16px 0 0 0;}
.banana_rotate .roll .roll_small_signimg{ margin:0 3px; border:1px solid #cbc7c7; cursor:pointer;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;-khtml-opacity: 0.5;}

.banana_rotate .roll li{float:left;}
.banana_rotate .roll .cont{height:44px; line-height:44px; width:346px; text-align:center; cursor:default; background-color:#FFFFFF;cursor:pointer; overflow:hidden;border:2px solid #FFFFFF;border-right:none; border-left:none;}
.roll .separator{margin-top:16px;height:16px;background:none;background-color:#d8d8d8;}
.banana_rotate .roll .current_con{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;-khtml-opacity: 1; border:1PX solid #E6E6E6;}
.inrotate_img{ margin:0px !important; padding:0px !important;}
.inrotate_img ul li{ padding:0px !important;}


.banana_rotate .leftbtn_picturn, .banana_rotate  .rightbtn_picturn { background: url("icon.png") no-repeat scroll 0 0 ; _background: url("icon.gif") no-repeat scroll 0 0; height: 25px; left: 4px; position: absolute; top: 125px; width: 18px; cursor:pointer;}
.banana_rotate .rightbtn_picturn { background-position: -30px 0;  left: 665px; }




.index_content { margin: 15px 0 0 0}
.index_left { float: left; width: 885px}
.index_right { float: right; width: 280px; padding-bottom: 20px}
.index_right .index_right_1 { margin: 0; background-color: #FFFFFF; padding: 15px; margin: 0; border-radius: 0}
.index_right .index_right_2 { margin: 0; background-color: #FFFFFF; padding: 15px; border-top: 1px solid #EEEEEE; border-radius: 0}
.index_right .index_right_3 { margin: 0; background-color: #FFFFFF; padding: 0; border-radius: 0}
.index_right .index_right_4 { margin: 0; background-color: #FFFFFF; padding: 3px 15px 15px 15px; border-radius: 0}
.sub-hd { border-top: 1px solid #EEEEEE}
.index_right .column_r1_3 { margin-top: 6px; font-size: 14px}
.index_right .column_r1_3 .thread { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; height:42px; line-height:42px; margin: 0}
.index_right .column_r1_3 .thread a { font-size: 14px}

.index_right .column_r2 .thread{overflow:hidden;text-overflow:ellipsis;white-space:nowrap; height:44px; line-height:44px; margin:0;}
.index_right .column_r2 .thread a{ font-size:14px;}

.index_right .column_r3 .thread{overflow:hidden;text-overflow:ellipsis;white-space:nowrap; height:44px; line-height:44px; margin:0;}
.index_right .column_r3 .thread a{ font-size:14px;}

.index_right .column_r4 .shoot_img{ float:left;width:73px;height:73px;}
.index_right .shootimg_2, .index_right .shootimg_5{ margin-left:10px; *margin-left:4px;}
.index_right .shootimg_3, .index_right .shootimg_6{ margin-left:9px ;*margin-left:3px;}
.index_right .shootimg_4, .index_right .shootimg_5, .index_right .shootimg_6{ margin-top:10px;}

.index_right .column_r1 { width: 260px; overflow: hidden}
.index_right .column_r2, .index_right .column_r3, .index_right .column_r4, .index_right .column_r5, .index_right .column_r6, .index_right .column_r7, .index_right .column_r10 { margin-top: 25px; overflow: hidden; width: 250px}
.index_right .column_r5 { margin: 5px 0 0 0 !important}
.index_right .column_r3{margin-top:30px;}
.index_right .column_r6{margin-top:25px;}
.index_right .column_r7{margin-top:15px;}
.column_r5 .img_l{ float:left; text-align:left; width:121px;}
.column_r5 .img_l img { border:1px solid #EEEEEE}
.column_r5 .mhometitle{ font-size:14px;text-align:left; float:left; width:128px; margin-left: 18px}
.column_r5 .mhometitle .title { height: 20px; line-height: 20px; font-size: 15px; font-weight: 400; padding: 0 !important; color: #515151; overflow: hidden}
.column_r5 .mhometitle .summary { line-height: 20px; height: 60px; width:128px; overflow:hidden; font-size:12px; margin: 3px 0; color: #888888}
.column_r5 .mhometitle .but { background-color: #39B997; width:60px; text-align:center; font-size:12px; color:#FFFFFF; border-radius: 0; padding: 1px 2px; line-height:20px; height: 21px}

.gogostyle_s2 { margin: 0 -18px; padding: 0 18px}
.gogostyle_s2 dl { padding: 10px 0}
.gogostyle_s2,.gogostyle_s2 a{color:#6b6b6b}
.gogostyle_s2 dd, .gogostyle_s2 dt { float: left; width: 165px}
.gogostyle_s2 dd { margin: 5px 0 0 0; color: #888888}
.gogostyle_s2 dt{font-weight:700}
.gogostyle_s2 .m { float: left; width: 80px; height: 80px; margin: 0 15px 0 0; overflow: hidden}
.gogostyle_s2 .m img{max-width:100%}
.gogostyle_s3 a{color:#3b3b3b}
.gogostyle_s3 dl{float:left;width:122px;height:163px;overflow:hidden;margin-bottom:8px}
.gogostyle_s3 dl.cr_0{margin-left:18px}

.index_right .column_r6 li.head_li{ height:56px; line-height:56px; *height:56px; *line-height:56px; overflow:hidden; font-size:14px; }
.index_right .column_r6 li.head_li span{ display:block; height:100%; line-height:56px; *line-height:56px; float:left;}
.index_right .column_r6 li.head_li span.a{ width:40px;}
.index_right .column_r6 li.head_li span.b{ width:90px; _width:90px; margin-left:10px; white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;}
.index_right .column_r6 li.head_li span.c{ width:56px; text-align:right;}
.index_right .column_r6 li.head_li .avatar{margin-top:10px;}


.index_right .column_r7 .tagbox .tag_tags{background-color:#FFFFFF; margin-bottom:15px;}
.index_right .column_r7 .tagbox .tag_tags .tg{ float:left; width:133px; height:40px; line-height:40px; text-align:center; font-size:16px; color:#222222; cursor:pointer; border-bottom:#e6e6e6 1px solid;}
.index_right .column_r7 .tagbox .tag_tags .activity{ border-bottom:#ffffff 1px solid; border-top:#e6e6e6 1px solid; border-left:#e6e6e6 1px solid; border-right:#e6e6e6 1px solid; color:#32a5e7;}
.index_right .column_r7 .tagbox li.firmware_li{ float:left;font-size: 14px;margin-right:20px;}
.index_right .column_r7 .tagbox li.firmware_li_2{font-size: 14px; padding:10px 0; border-bottom:1px dashed #cccccc;}
.index_right .column_r7 .tagbox .tag_main{background-color:#FFFFFF;}


.tagbox2 .tag_tags{background-color:#FFFFFF; margin-bottom:15px;}
.tagbox2 .tag_tags .tg{ float:left; width:133px; height:40px; line-height:40px; text-align:center; font-size:16px; color:#222222; cursor:pointer; border-bottom:#e6e6e6 1px solid;}
.tagbox2 .tag_tags .activity{ border-bottom:#ffffff 1px solid; border-top:#e6e6e6 1px solid; border-left:#e6e6e6 1px solid; border-right:#e6e6e6 1px solid; color:#32a5e7;}
.tagbox2 li.firmware_li{ float:left;font-size: 14px;margin-right:20px;}
.tagbox2 li.firmware_li_2{font-size: 14px; padding:10px 0; border-bottom:1px dashed #cccccc;}
.tagbox2 .tag_main{background-color:#FFFFFF;}


.index_right .column_r8 { margin-top: 0}
.index_right .column_r8 .blocktitle .titletext2 { height: auto !important; margin: 0 0 12px 0; padding: 0 0 0 3px; text-align: left; font-size: 16px; font-weight: bold}
.index_right .column_r8 .bread_line { margin: 8px 0 14px !important}
.index_right .column_r8 .module img { border: 1px solid #EEEEEE}
.index_right .column_r8 .item_img2, .index_right .column_r8 .item_img3 , .index_right .column_r8 .item_img4 { margin-top: 25px}


.index_right .column_r9{ margin-top:10px;}
.index_right .column_r9 .module li { float:left; width:88px; text-align:center; height:25px; line-height:20px; font-size:14px;}
.index_right .column_r9 .module li a { color: #666666}
.index_right .column_r9 .module li a:hover { color: #4fc277}
.column_r10{}
.column_r10 .two_code{ width:100%;}
.column_r10 .two_code .text{ font-size:12px; text-align:center; margin-top:10px;}
.column_r10 .forum_list a { color: #777777 !important}
.column_r10 .forum_list a:hover { color: #4fc277 !important}

.column_r11{}
.column_r11 .extension_img1{background:url("public.png") no-repeat scroll -10px -10px;_background-image:url("public.gif"); width:48px; height:48px; float:left;}
.column_r11 .extension_img2{background:url("public.png") no-repeat scroll -75px -10px;_background-image:url("public.gif"); width:48px; height:48px; float:left; }
.column_r11 .extension_img3{background:url("public.png") no-repeat scroll -150px -10px;_background-image:url("public.gif"); width:48px; height:48px; float:left; }
.column_r11 .extension_img4{background:url("public.png") no-repeat scroll -225px -10px;_background-image:url("public.gif"); width:48px; height:48px; float:left; }
.column_r11 .extension_img_a{float:left; display:block; margin:10px 0 0 15px;}
.column_r11 .extension_img_aie6{_margin:10px 0 0 8px;}

.index_left .index_list { background-color: #FFFFFF; padding:14px 0 14px 14px; display:block; border-radius: 0; }
.index_left .iimage{ float:left; display:block; }
.index_left .iright_k { float: left; padding: 0 19px; width: 420px; display: block}
.index_left .iright_k .spfont{ font-size:12px; line-height:16px; display:block; height:16px; float:left;color:#9b9b9b;}
.index_left .iright_k .spfont a{ color:#9b9b9b;}
.index_left .iright_k .alte a.alink { color: #333333}
.index_left .iright_k .alte a.alink:hover { color: #4fc277}
.index_left .iimage img{ border-bottom:1px solid #e6e6e6;}
.index_left .iimage a.is_image{display:inline-block;}
.index_left .iimage a.is_image:hover{ opacity:0.85;filter:alpha(opacity=85);}
/*.index_left .iimage a.myjicon_image{display:block;width:115px;height:53px;position:absolute;top:20px;left:20px;background: url("../../../static/image/common/myj_icon.png") no-repeat 0 0px;}*/
.index_left .iimage a.myjicon_image{display:block;width:115px;height:53px;position:absolute;top:20px;left:20px;background: url("myj_icon.png") no-repeat 0 0px;}
a.is_video .backmask_video{width:740px;height:248px;background-color:#000000;opacity:0.15;filter:alpha(opacity=15);}
a.is_video:hover .backmask_video{ opacity:0.30;filter:alpha(opacity=30);}
.index_left .ititle{ padding: 0 0 4px 0; white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;}
.index_left .ititle .ireply{ float:right;color:#999999;line-height:36px;}
.index_left .ititle .ireply span{float:right;}
.index_left .ititle .ireply .replyicon_uinfo{margin-top:12px;}
.index_left .index_forum { background-color: #14AE85; font-size:16px; color:#FFFFFF;height:34px;line-height:34px; padding:0px 9px; float:left;}
.index_left .index_title, .index_left .index_title a { color: #555555; font-size: 18px; line-height: 30px; font-weight: 400}
.index_left .index_title a:hover { color: #4fc277}
.index_left .icontent { padding: 5px 0; line-height: 23px; font-size: 16x; color: #888888}
.index_left .icontent a.alink{ color:#32a5e7; margin-left:20px;}
.index_left .icontent a.alink:hover{color:#0082ad;}
.index_left .itail{height:20px; margin-top:10px;}
.index_left .itail .ireply{ float:right;color:#999999;}
.index_left .itail a.alink{ color:#32a5e7; float:right;}
.index_left .itail a.alink:hover{color:#0082ad;}
.index_left .index_list .is_video{display:block; position:absolute; top:0px; left:0px; width:740px; height:248px;}
.is_video .play_start{background: url("play_start.png") no-repeat 0 0px; _background: url("play_start.gif") no-repeat 0 0px; position:absolute; width:88px; height:88px; left:326px; top:86px;}
a.is_video:hover .play_start{background: url("play_start.png") no-repeat 0 -106px; _background: url("play_start.gif") no-repeat 0 -106px; width:88px; height:88px; position:absolute; left:326px; top:86px;}

.index_list .statistics_id{float:right;margin-top:8px; width:540px; height:20px;}
.index_list .statistics_id span{float:right;}

.index_left #load_index_list{ border:1px solid #e6e6e6; height:48px; background-color:#FFFFFF; margin-top:40px; cursor:pointer; }
.index_left #load_index_list .load_font{ text-align:center; line-height:48px; font-size:18px; color:#222222;}

.community_heat .lsc { margin: 0 6px ; font-size:12px; color: #888888}
.community_heat .clor{ color:#ffa800; font-size:12px;}
.community_heat .flagstaff{font-size:12px; color:#999999;}
/*.tr_threadlist_last th , .tr_threadlist_last td{ border-bottom: #FFFFFF 0px none !important;}*/



.blocks { border-left: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE}
.index_frame { margin:20px 0 0 0; height:332px}
.index_frame .blocktitle { line-height:normal !important; height:auto !important}
.column_r10 .forum_list { padding:10px 0 0 0}
.forum_list ul li{ float:left; width: 133px; margin:0 !important; padding:10px 0 !important; border-bottom: 1px solid #EEEEEE; text-align:center; font-size:14px; color: #666666}
.forum_list ul li.thread_1, .forum_list ul li.thread_2 { border-top:1px solid #EEEEEE}
.forum_list li.thread_2, .forum_list li.thread_4, .forum_list li.thread_6, .forum_list li.thread_8, .forum_list li.thread_10, .forum_list li.thread_12, .forum_list li.thread_14, .forum_list li.thread_16 { border-left: 1px solid #EEEEEE}



.index_frame .column_left{ width:780px; height:100%; float:left; background-color:#FFFFFF; overflow:hidden; border:#e6e6e6 1px solid;}
.index_frame .column_right{ width:240px; float:left; background-color:#FFFFFF; margin:0 0 0 16px; height:100%; overflow:hidden; border:#e6e6e6 1px solid;}
.index_frame .column_1_1{ width:330px; float:left; overflow:hidden;}
.index_frame .column_1_2{ width:390px; float:left;; padding:15px 10px 10px 40px;}
.index_frame .column_1_3_1{ overflow:hidden; width:240px; height:145px;}
.index_frame .column_1_3_2{ width:200px; margin:15px 0 0 20px;}
.index_frame .column_2_1{ width:330px; float:left;}
.index_frame .column_2_2{ width:390px; float:left; padding:15px 10px 10px 40px;}

.index_frame li.thread{height: 32px; line-height: 32px; font-size: 14px; overflow: hidden;}
.index_frame li.firmware_li{ float:left;font-size: 14px;margin-right:20px;}
.index_frame li.firmware_li_2{font-size: 14px; padding:9px 0; border-bottom:1px dashed #cccccc;}
.index_frame li.firmli_3{margin-right:0 !important;}
.index_frame li.firmware_li a{ color:#32a5e7 !important; cursor:pointer;}

.index_frame .column_2_3{margin:15px 20px 0 20px;}
.index_frame .column_2_3 li.head_li{ height:64px; line-height:64px; *height:60px; *line-height:60px; overflow:hidden; font-size:14px; }
.index_frame .column_2_3 li.head_li span{ display:block; height:100%; line-height:64px; *line-height:60px; float:left;}
.index_frame .column_2_3 li.head_li span.a{ width:40px;}
.index_frame .column_2_3 li.head_li span.b{ width:90px; _width:90px; margin-left:10px; white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;}
.index_frame .column_2_3 li.head_li span.c{ width:60px; text-align:right;}
.index_frame .column_2_3 li.head_li .user_img{margin-top:15px; border:#e5e5e5 solid 1px;}


.index_frame .column_3_1{ width:330px; float:left; height:100%; overflow:hidden;}
.index_frame .column_3_2{ width:390px; float:left; padding:15px 20px 20px 40px;}
.index_frame .column_3_2 li.doyen , .index_frame .column_3_2 li.doyen2, .index_frame .column_5_2 li.doyen, .index_frame .column_5_2 li.doyen2{height: 30px; line-height: 30px; font-size: 14px; overflow: hidden; float:left; width:190px; _width:189px;}
.index_frame .column_3_2 li.doyen2, .index_frame .column_5_2 li.doyen2{ width:200px;}

.index_frame .column_3_3{ width:100%; height:95px; overflow:hidden;}
.index_frame .column_3_3 .column_3_4{}
.index_frame .column_3_4 .tagbox .tag_tags{border-top:#e6e6e6 1px solid;background-color:#FFFFFF;}
.index_frame .column_3_4 .tagbox .tag_tags .tg{ float:left; width:119px; height:58px; line-height:58px; text-align:center; font-size:18px; color:#81aab8; cursor:default; border-bottom:#e6e6e6 1px solid;background-color:#f7f7f7; }
.index_frame .column_3_4 .tagbox .tag_tags .tgreght{width:1px; background-color:#f7f7f7; float:right; height:40px;}
.index_frame .column_3_4 .tagbox .tag_tags .activity{ background-color:#FFFFFF; border-bottom:#FFFFFF 1px solid;color:#32a5e7;}
.index_frame .column_3_4 .tagbox .tag_tags	#bbs_system_course_get{border-left:#e6e6e6 1px solid;}
.index_frame .column_3_4 .tagbox .tag_main{ height:197px;background-color:#FFFFFF;}
.index_frame .column_3_4 .tagbox .tag_main .ctag{ padding:20px;width:197px; overflow:hidden;}

.index_frame .column_4{padding:15px 19px 20px; border:#e6e6e6 1px solid;background-color:#FFFFFF; overflow:hidden;}
.index_frame .column_4 .tuji_frame1{ width:496px; float:left; overflow:hidden;}
.index_frame .column_4 .tuji_frame2{width:496px; float:left; overflow:hidden; margin-left:6px;}
.tuji_frame1 .tuji_1, .tuji_frame1 .tuji_1 img{width:496px; height:255px;}
.tuji_frame1 .tuji_2, .tuji_frame2 .tuji_4{ height:195px; width:245px; float:left;}
.tuji_frame1 .tuji_2 img,.tuji_frame1 .tuji_3 img{height:195px; width:245px;}
.tuji_frame1 .tuji_2,.tuji_frame1 .tuji_3{margin-top:6px;}
.tuji_frame1 .tuji_3, .tuji_frame2 .tuji_5{ height:195px; width:245px; float:left;margin-left:6px;}
.tuji_frame2 .tuji_6, .tuji_frame2 .tuji_6 img{width:496px; height:255px;}
.tuji_frame2 .tuji_4 img,.tuji_frame2 .tuji_5 img{height:195px; width:245px;}
.tuji_frame2 .tuji_6{margin-top:6px;}
.tuji_frame1 .tuji_img_box, .tuji_frame2 .tuji_img_box{ position:relative; }
.tuji_frame1 .tuji_desc, .tuji_frame2 .tuji_desc{ position:absolute; bottom:0px; left:0px; overflow:hidden;text-overflow:ellipsis;filter:alpha(Opacity=70);-moz-opacity:0.7;opacity: 0.7;z-index:100; background-color:#FFF; padding:5px 10px; color:#000000;color:pointer; font-size:16px; overflow:hidden; cursor:default;}


.index_frame .column_5_1{ width:330px; float:left;}
.index_frame .column_5_2{ width:390px; _width:389px; float:left; padding:15px 20px 20px 40px;}


.index_frame .column_2_1 .thread{height: 32px; line-height: 32px; font-size: 14px; overflow: hidden;}
.index_frame .column_2_2 .thread2{margin:0px; height: 38px; *height:30px; *+height:30px;font-size: 14px; overflow: hidden;}
.index_frame .column_2_2 .count_5, .index_frame .column_2_2 .count_6, .index_frame .column_2_2 .count_7, .index_frame .column_2_2 .count_8{height: 37px !important;_height:34px !important; *+height:34px !important;}
.thread2 .hot_replies{ float:left; width:36px; height:18px; line-height:18px; background-color:#dbeff8; text-align:center; margin-top:10px; margin-right:12px;font-size: 12px;  color:#6092b2;}
.thread2 .alink_replies{ float:left; line-height:36px;}
.highlight .hot_replies{ background-color:#689dbf !important;color:#FFFFFF !important;}
.highlight .alink_replies a{ font-size:18px; color:#3689b2 !important;}


.split_line{ width:2px; background-color:#e6e6e6; height:12px;float:left; margin:10px 10px 0 0;}
.firmware_download { border-radius:1px; background-color: #45B0DA; height:46px; line-height:46px; text-align:center; color:#FFFFFF; font-size:18px; margin:8px 0 0 0;}

.titx { height: 25px; line-height: 25px; padding-bottom: 10px}
.titx span { float: right; width: 16px; height: 16px; padding: 0; margin: 10px 0 0 0; color: #919090; text-indent: -9999px; background: url(icons.png) no-repeat -200px 5px}
.titletext2, .titletext2 a { float: left; padding: 0; color: #555555 !important; font-size: 16px; font-weight: bold; display: inline-block; height: 25px; line-height: 25px}
.titletext2 a:hover,.titletext2 a:hover em{color:#0082ad !important;}
.bread_line{height:3px; width:100%;margin:8px 0 -4px 0;overflow:hidden;}
.bread_line .line{background-color:#e6e6e6; height:1px; width:100%; float:left; overflow:hidden;}
.download_button{ display:block;}
.download_button div{ cursor:pointer;}


.index_content .title{ height:auto; line-height:normal;}
.imgcont_roll{width: 686px; float:left; display:inline-block;}
.titletext2 em{padding:0px;margin:0px;float:left;}
.titletext2 .arrow{display:inline-block;margin:7px 0px 0px 8px;margin-top:5px\9;*margin-top:6px;_margin-top:5px;width:8px;height:14px;background:url("main_icon.png") no-repeat 0px -54px;_background-image:url("main_icon.gif");}
@media all and (-webkit-min-device-pixel-ratio:0){/*safari*/
    .titletext2 .arrow{margin-top:6px;}
}

li.firmware_li em{padding:0px;margin:0px;float:left;color:#32a5e7 !important;}
li.firmware_li a:hover em{color:#0082ad !important;}
li.firmware_li .arrow_2{display:inline-block;margin:6px 0px 0px 5px;*margin-top:6px;width:10px;height:9px;background:url("main_icon.png") no-repeat 0px -88px;_background-image:url("main_icon.gif")}
.firmware_li a em{ cursor:pointer;}

@media screen and (max-width: 980px){
.index_left #load_index_list .load_font{font-size:22px;}
}

.fz18{ font-size:18px !important;}

/*百度分享*/
.ishare .isharebtn .bds_tsina:hover, .ishare .isharebtn .bds_qzone:hover{
      filter:alpha(opacity=50);
      -moz-opacity:0.5;  
      -khtml-opacity: 0.5;  
      opacity: 0.5;  
}  
.ishare{float:left;overflow:hidden;}
.ishareto{float:left;color:#999999;}
.ishareto em{float:left;}
.ishareto .arrow_ishare{display:inline-block;width:7px;height:9px;margin:6px 14px 0px;background:url("main_icon.png") no-repeat -214px -441px;_background-image:url("main_icon.gif")}
.ishare .isharebtn a{background-image:url("main_icon.png");padding:0px;margin:0px 14px 0px 0px;display:inline-block;background-image:url("main_icon.gif"); }
.ishare .isharebtn a:hover { text-decoration: none}
.ishare .isharebtn .bds_tsina{width:28px;height:22px;background-position:-60px -630px !important;}
.ishare .isharebtn .bds_tqq{width:20px;height:20px;background-position:-40px -679px !important;}
.ishare .isharebtn .bds_qzone{width:21px;height:22px;background-position:-90px -630px !important;}
.displaybtn_ishare .isharebtn{display:none !important;}
.readicon_uinfo_5{ background: url("main_icon.png") no-repeat scroll -120px -630px transparent;display: inline-block; height: 14px; margin: 2px 6px 0 20px; width: 22px; _background-image:url("main_icon.gif"); }
.replyicon_uinfo_5{background: url("main_icon.png") no-repeat scroll -150px -630px transparent;display: inline-block;height: 16px;margin: 2px 6px 0 20px;width: 19px; _background-image:url("main_icon.gif"); }

.play_btn{background: url("play_btn.png") no-repeat 0 0px; _background: url("play_btn.gif") no-repeat 0 0px; position:absolute; width:268px; height:147px; top: 0px; left: 0px; z-index: 5; }

a.xrkt{position: relative; top: 0px; display: block; height: 147px; width: 268px;}

.mask_video{position: absolute; top: 0px; left: 0px; background-color: #000000; filter:alpha(opacity=50); -moz-opacity:0.2;-khtml-opacity: 0.2;opacity: 0.2; z-index: 4;height: 140px; width: 268px;display: none;}
a.xrkt:hover .mask_video {display: block;}


.plate_mn .tl th, .plate_mn .tl td {
    border-bottom: 1px solid #E6E6E6;
}


.signinwrap_expand {
    position: relative;
}
.signin_expand_2 {
    width: 270px;
    height: 62px;
    line-height: 52px;
    font-size: 16px;
    border-radius: 2px;
    background-color: #4fc277;
    color: #FFFFFF;
    overflow: hidden;
    cursor: pointer;
}
.signin_expand a, .signin_expand a:link, .signin_expand a:hover, .signin_expand a:active, .signin_expand a:visited { color: #FFFFFF}
.signin_expand a:hover { text-decoration: none}
.week_ban {
    display: inline-block;
    width: 92px;
    height: 50px;
    margin: 5px 5px 0 22px;
    background: url(main_icon.png) no-repeat scroll -107px -221px transparent;
    color: #000000;
    font-size: 18px;
    padding: 0 0 0 26px;
    float: left;
}
.btncont_signin_2 {
    float: left;
    font-size: 20px;
    margin: 5px 0px 0px 15px;
    width: 92px;
    text-align: center;
    color: #FFF;
}


.forum_hot {}
.forum_hot li { width: 844px; padding: 15px 0; border-bottom: 1px solid #F2F2F2}
.forum_hot li:last-child { border-bottom: 0}
.portal_avatar { float: left; width: 50px; height: 50px; margin: 0 18px 0 0}
.portal_avatar img { width: 50px; height: 50px; border-radius: 0; border: 1px solid #F1F1F1}
.portal_tits { float: left; width: 550px; font-size: 16px}
.portal_tits span { float: left; margin: 0 10px 0 0; color: #4895D0}
.portal_tits span a { color: #4895D0}
.portal_tits .info { padding: 3px 0 0 0}
.portal_tits .info a { padding-right: 25px; color: #AFAFAF; font-size: 12px}
.portal_tits h3 a:hover { color: #4fc277}
.portal_author { float: right; font-size: 14px; color: #C8C8C8; text-align: right}
.portal_author a { color: #AFAFAF; font-size: 12px}
.portal_author .dates { padding: 5px 0 0 0}

.phb_c_side td.phb_c_list_t_1 { width: 218px}

.phb_c_list_name {
    vertical-align: middle;
    display: inline-block;
    width: 140px;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
}
.phb_c a, .my_phb_c a, .phb_fnq a, .phb_c_side a {
    color: #555;
}
.phb_c_side .phb_c_list_name { float: left; width: 120px}
.phb_c_side .phb_c_list_1 .phb_c_list_name, .phb_c_side .phb_c_list_2 .phb_c_list_name, .phb_c_side .phb_c_list_3 .phb_c_list_name {
    font-size: 14px;
}
.phb_c_side .phb_c_list_img { float: left; margin: 15px 6px 0 0}
.phb_c_list_img img {
    vertical-align: middle;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.phb_c_list .phb_c_list_t_1 {
    text-align: left;
}
.phb_c_list_0 { height: 60px; line-height: 60px; border-bottom: 1px solid #EEEEEE}
.phb_c_list_t_1 { float: left}
.phb_c_list_t_6 { float: right; padding: 0 6px; margin: 21px 0 0 0; height: 20px; line-height: 20px; color: #9F9F9F; border-radius: 2px; background: #F1F1F1}
.phb_c_list_no { float: left; line-height: 56px; padding: 0 10px 0 0; color: #666666; font-size: 16px; font-family: Georgia,"Times New Roman",Times,serif}
.phb_c_list_1 .phb_c_list_no {
    color: #ea5246;
}
.phb_c_list_2 .phb_c_list_no {
    color: #f56313;
}
.phb_c_list_3 .phb_c_list_no {
    color: #eea313;
}


/* 门户首页今日头条样式 */
.hot_list { padding: 0 0 5px 0}
.hot_list ul li { width: 250px; padding: 0 0 1px 0; overflow: hidden}
.hot_list ul li:last-child { border-bottom: 0}
.hot_list .t { margin-top: 0; font-size: 15px; color: #555555; height: 40px; line-height: 40px; background-image: url(dot.png);background-repeat: no-repeat; padding-left: 15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden}
.hot_list .t1 { background-position: left center}

.hot_list .t a { color: #555555}
.hot_list .t a em { color: #E05C5C}
.hot_list .t a:hover { color: #E05C5C}
.hot_list p { display: none; height: auto; line-height: 22px; margin-bottom: 10px; margin-top: 5px; overflow: hidden; width: 235px; margin-left: 15px; color: #929090}
.hot_list .on p { display: block}
.hot_list p span { color: #4fc277}


.ma_portal_y_list { padding: 12px 0 0 0; border-top: 1px dashed #E6E6E6}
.ma_portal_y_list li {
    width: 235px;
	padding: 0 0 0 15px;
    font-size: 12px;
    color: #555555;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
    margin-bottom: 12px;
	background: url(dot.png) no-repeat 1px 8px
}
.ma_portal_y_list li a { color: #555555; font-size: 14px}
.ma_portal_y_list li a:hover { color: #0084ff}


.ma_rt_box {
    padding-right: 0;
    padding-bottom: 8px;
	margin: 15px 0 0 0;
	box-shadow: none
}
.ma_portal_y_t {
    font-size: 16px;
    color: #3F3F3F;
    font-weight: bold;
    margin-bottom: 16px;
    line-height: 20px;
    position: relative;
    top: 3px;
}
.ma_rt_t img {
    position: relative;
    top: 3px;
    margin-right: 11px;
}
.ma_rt_c li {
    float: left;
    padding-left: 19px;
    line-height: 150%;
    background: url(rt_ico2.png) no-repeat 4px center;
    font-size: 14px;
    width: 380px;
    padding-right: 35px;
    margin-bottom: 12px;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
}
.ma_rt_c a { color: #777777}
.ma_rt_c a:hover { color: #0084ff}

.sub-box {
    background: #FFF none repeat scroll 0% 0%;
}
.box .hd, .sub-hd {
    height: 34px;
    line-height: 34px;
}
.sub-hd {
    padding: 20px 15px 11px 15px;
	border-top: 1px solid #E8E8E8
}
.sub-bd {
    width: 250px;
    padding: 0 15px;
}
.hd strong, .sub-hd strong {
    font-size: 16px;
    color: #555555;
    font-weight: bold;
    float: left;
}

.act-list li {
    margin-bottom: 22px;
}
.act-item-img {
    display: block;
    width: 260px;
    height: 115px;
    margin-bottom: 12px;
	vertical-align: middle
}
.act-item-info {
    height: 42px;
    position: relative;
}
.act-item-tit {
    width: 170px;
    overflow: hidden;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #666;
    display: block;
    text-overflow: ellipsis;
}
.act-item-btn {
    position: absolute;
    width: 59px;
    height: 25px;
    background: #4fc277;
    color: #FFFFFF;
    text-align: center;
    line-height: 25px;
    display: block;
    right: 0;
    top: 4px;
}
.act-item-btn:hover { color: #FFFFFF; text-decoration: none; background: #028D67}
.act-item-views {
    color: #AAA;
    font-size: 14px;
    line-height: 22px;
}
.act-item-views i {
    font-style: normal;
    color: #F35B4F;
}


.taber { border: 0; background: none}
.taber .title { background: none}
.taber .tb { height: 31px; line-height: 31px; border-bottom: 1px solid #E9E9E9 !important; padding: 0; margin: 0 15px}
.taber .tb li { margin: 0}
.taber .tb a { width: 125px; padding: 0; margin: -1px 0 0 0; border: 0; text-align: center; color: #666666; border-bottom: 0}
.taber .tb .a a { font-weight: bold; color: #F35B4F; border-bottom: 2px solid #F35B4F}
.taber .tb-c { padding: 0}


.rom-list { padding: 14px 15px 18px 15px}
.rom-list li {
    padding-left: 10px;
    position: relative;
    line-height: 30px;
    font-size: 14px;
}
.rom-list li, .rom-item {
    width: 240px;
    overflow: hidden;
    height: 30px;
}
.rom-list .dot {
    position: absolute;
    left: 1px;
    background: url(icon9.png) no-repeat -40px -60px !important;
    width: 2px;
    height: 2px;
}
.rom-list .dot {
    top: 15px;
}
.rom-item {
    display: block;
    cursor: pointer;
}
.rom-tit {
    float: left;
    width: 250px;
    height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #666;
}
.rom-tit:hover { color: #0084ff}
.rom-update-time {
    float: right;
    color: #666;
}


.holder { display: inline-block !important; float: none; position: relative; padding: 0 0 20px 0; margin: 0; vertical-align: middle; background: none}
.ie7 .holder { display: none !important}
.holder span.dots { vertical-align: top; width: auto; height: 27px; line-height: 27px; padding: 0 10px; margin: 0 5px 0 0 !important; color: #999999 !important; background: none}
.holder span.dots:hover { color: #999999 !important; background: none}
.holder a { 
    float: none;
    display: inline-block;
	cursor: pointer;
    color: #999;
    overflow: hidden;
	width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin: 0 5px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 14px;
    vertical-align: middle;
    background: #f6f6f6
}
.holder a.jp-disabled { display: none !important}
.holder a.jp-current { color: #fff; background: #0084ff}
.holder a:hover { color: #fff; background: #0084ff}
.holder a.jp-previous {
	display: inline-block;
	cursor: pointer;
	width: 40px;
	height: 40px;
    line-height: 40px;
	color: transparent;
    padding: 0;
	transition: all 0s ease 0s;
	text-indent: -9999px;
    background: url(prevs1.png) no-repeat center center #f6f6f6}
.holder a.jp-previous:hover { color: #FFFFFF; background: url(prevs2.png) no-repeat center center #0084ff !important}
.holder a.jp-next {
	display: inline-block;
	cursor: pointer;
	width: 40px;
	height: 40px;
    line-height: 40px;
    color: transparent;
    padding: 0;
	transition: all 0s ease 0s;
	text-indent: -9999px;
    background: url(nexts1.png) no-repeat center center #f6f6f6}
.holder a.jp-next:hover { color: #FFFFFF; background: url(nexts2.png) no-repeat center center #0084ff !important}
.h_page { float: none; display: inline-block !important; padding: 0 0 20px 0; vertical-align: middle}
.h_page a {
    float: none;
    display: inline-block;
    color: #999;
    overflow: hidden;
	width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin: 0 5px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 14px;
    vertical-align: middle;
    background: #f6f6f6;
}
.h_page a:hover { color: #fff; background: #0084ff}

.pager { display: inline-block !important; float: none; position: relative; padding: 0 0 20px 0; margin: 0; vertical-align: middle; background: none}
.ie7 .pager { display: none !important}
.pager span.dots { vertical-align: top; width: auto; height: 27px; line-height: 27px; padding: 0 10px; margin: 0 5px 0 0 !important; color: #999999 !important; background: none}
.pager span.dots:hover { color: #999999 !important; background: none}
.pager a { float: none; display: inline-block; width: 38px; padding: 0; margin: 0 10px; height: 38px; line-height: 38px; color: #bdc3c7; border: 1px solid #bdc3c7; font-size: 20px; border-radius: 50%; box-shadow: none; text-align: center; cursor: pointer; transition: all 0.2s ease-in-out; background: none}
.pager a.jp-disabled { display: none}
.pager a.jp-current { color: #2d3e4f; font-weight: bold; border-color: #2d3e4f; background: none !important}
.pager a:hover { border-color: #2d3e4f; background: none !important; color: #2d3e4f; text-decoration: none; font-weight: bold}
.pager a.jp-previous {
	display: none !important;
	color: transparent;
    padding: 0;
	text-indent: -9999px;
    background: url(page1.png) no-repeat center center}
.pager a.jp-previous:hover { color: #FFFFFF; background: url(page1.png) no-repeat center center !important}
.pager a.jp-next { 
    display: none !important;
    color: transparent;
    padding: 0;
	text-indent: -9999px;
    background: url(page2.png) no-repeat center center}
.pager a.jp-next:hover { color: #FFFFFF; background: url(page2.png) no-repeat center center !important}

.index_tab { padding: 0; background: #F8F8F8}
.index_tab h3 { float: left; height: 50px; line-height: 50px; padding: 0; margin: 0 15px; font-size: 16px; font-weight: bold; color: #555555}
.box_s1 { box-shadow: none}


.h-soup {
    position: relative;
    float: right;
    width: auto;
    height: 50px;
    padding: 0 110px 0 20px;
	margin: 0;
    background-color: #fff7e7;
    border-radius: 0;
    box-shadow: none;
}
.h-soup li { float: right}
.h-soup li i {
    position: absolute;
	width: 27px;
	height: 27px;
    top: 12px;
    cursor: pointer;
}
i.icon-warn { background: url(i1.png) no-repeat 0 0}
.open i.icon-warn { background: url(i1_on.png) no-repeat 0 0}
i.icon-heart-round { background: url(i2.png) no-repeat 0 0}
.open i.icon-heart-round { background: url(i2_on.png) no-repeat 0 0}
i.icon-star1 { background: url(i2.png) no-repeat 0 0}
.open i.icon-star1 { background: url(i2_on.png) no-repeat 0 0}
.h-soup li i.icon-star1 { right: 7px}
.h-soup li i.icon-heart-round { right: 41px}
.h-soup li i.icon-warn { right: 75px}
.h-soup li .txt {
    display: none;
    font-size: 14px;
    color: #6b3612;
    line-height: 50px;
    white-space: nowrap;
}
.h-soup li.open .txt { display: block}


.portal_index_side { width: 1200px; height: 350px; overflow: hidden; position: relative}
.portal_index_side_window ul { width: 999999px; height: 350px; position: relative}
.portal_index_side_window li { width: 1200px; height: 350px; text-align: left;font-size:0;float:left;display:inline;position:relative; overflow: hidden}
.portal_index_side_window li .si_0 { position: absolute; bottom: -44px; left: 0; width: 100%; height: 44px; line-height: 44px; font-size: 16px; transition: all 0.5s ease 0s; background: url(banner_bg.png) repeat left top}
.portal_index_side_window li .si_1 { font-size: 16px; font-weight: 400; padding-left: 15px; color: #FFFFFF}
.portal_index_side:hover .si_0 { bottom: 0}
.portal_index_side_window li p { width:300px;height: 20px;line-height: 20px; margin: 5px 0 30px 0; overflow: hidden; padding-left: 22px}
.portal_index_side_list { display: none; position: absolute; width: auto; height: 12px; left: 540px; bottom: 15px; text-align: right; overflow: hidden}
.portal_index_side:hover .portal_index_side_list { display: block}
.portal_index_side_list a { float: left; width: 12px; height: 12px;overflow: hidden; cursor: pointer; display: inline-block; margin-right: 10px; opacity: 0.4; border-radius: 12px; transition: all 0.5s ease 0s; background: #FFFFFF}
.portal_index_side_list a.active,.portal_index_side_list a:hover { opacity: 0.8}
.portal_index_side_list_a1 { position:absolute;z-index:10;bottom:0;width:100%}
.portal_index_side_list_a2 { position:relative}


.yp-classify .box { margin: 0 0 15px 0; box-shadow: 0 1px 1px rgba(0,0,0,0.08); background: #FFFFFF}
.yp-classify .box li {
    float: left;
    padding: 18px 0;
    height: 51px;
}
.yp-classify .box a {
    display: block;
    float: left;
    width: 146px;
    border-left: 1px solid #EFEFEF;
    text-align: center;
    font-size: 12px;
    color: #666666;
}
.yp-classify .box a.a1 { border-left: 0}
.yp-classify .box a .ico em {
    display: inline-block;
    vertical-align: middle;
    background: url(srot-ico.png) no-repeat;
}
.yp-classify .box .a1 .ico em {
    background-position: -6px -1px;
    width: 17px;
    height: 25px;
}
.yp-classify .box a .headline {
    padding-top: 10px;
}
.yp-classify .box li:hover .headline, .headline:hover { color: #E05C5C; text-decoration: underline}
.yp-classify .box .a2 .ico em {
    background-position: -6px -29px;
    width: 25px;
    height: 19px;
	margin: 0 0 6px 0;
}
.yp-classify .box .a3 .ico em {
    background-position: -7px -51px;
    width: 26px;
    height: 15px;
	margin: 0 0 10px 0;
}
.yp-classify .box .a4 .ico em {
    background-position: -6px -70px;
    width: 25px;
    height: 17px;
	margin: 0 0 8px 0;
}
.yp-classify .box .a5 .ico em {
    background-position: -5px -89px;
    width: 28px;
    height: 22px;
	margin: 0 0 3px 0;
}
.yp-classify .box .a6 .ico em {
    background-position: -7px -112px;
    width: 18px;
    height: 25px;
}








.zsj-box .list {
*zoom:1;
*width:1240px;
	margin-right:-20px
}
.zsj-box .list:after {
	display:block;
	clear:both;
	height:0;
	content:"\200B"
}
.zsj-box .list li {
	position:relative;
*position:static;
	float:left;
	width:224px;
	padding:0 0 13px;
	margin:0 20px 20px 0;
	background:#fff;
	-webkit-border-radius:4px;
	-ms-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	transition: all 0.5s ease 0s
}
.zsj-box .list li:hover { transform: translateY(-5px); box-shadow: 3px 6px 18px rgba(0,0,0,0.08)}
.zsj-box .list li .tips {
	display:none;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	height:26px;
	line-height:26px;
	padding:0 15px;
	font-weight:700;
	color:#fff;
	font-size:12px;
	background:rgba(0, 0, 0, 0.5);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000)
}
.zsj-box .list li.first {
	border:0;
	width:290px;
	padding-bottom:0
}
.zsj-box .list li.first .img {
	top:0;
	left:0
}
.zsj-box .list li.first .img img {
	width:290px;
	height:302px
}
.zsj-box .list li .img-box {
	position:relative;
	overflow:hidden;
	display:block;
	width:224px;
	height: 150px;
	-webkit-border-radius:4px 4px 0 0;
	-ms-border-radius:4px 4px 0 0;
	-moz-border-radius:4px 4px 0 0;
	border-radius:4px 4px 0 0
}
.zsj-box .list li .img-box:after {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	content:"";
	display:block;
-webkit-transition:all .6s cubic-bezier(.215, .61, .355, 1) 0s;
transition:all .6s cubic-bezier(.215, .61, .355, 1) 0s;
	background-color:transparent
}
.zsj-box .list li .img-box img {
	position:relative;
	display:block;
	width:224px;
	height: auto;
	line-height:500px
}
.zsj-box .list li h3 a {
	display:inline-block;
	width: 100%;
	height: 30px;
	vertical-align:top;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}
.zsj-box .list li a:hover {
	color: red
}
.zsj-box .list li a:hover .img-box:after {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	content:"";
	display:block;
	background-color:rgba(0, 0, 0, 0.15)
}
.zsj-box .list li h3 {
	padding: 6px 0 0 16px;
	margin-right:16px;
	height:30px;
	line-height:30px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	color:#333;
	font-size:14px
}
.zsj-box .list li h3 .icon-fire1, .zsj-box .list li h3 .icon-fire2, .zsj-box .list li h3 .icon-fire3 {
	display:inline-block;
	vertical-align:middle;
	margin:-3px 12px 0 0;
	font-size:14px
}
.zsj-box .list li h3 .icon-fire1.yellow, .zsj-box .list li h3 .icon-fire2.yellow, .zsj-box .list li h3 .icon-fire3.yellow {
	color:#ff6c00
}
.zsj-box .list li h3 .icon-fire1.blue, .zsj-box .list li h3 .icon-fire2.blue, .zsj-box .list li h3 .icon-fire3.blue {
	color:#0084ff
}
.zsj-box .list li .desc {
	display: block;
	height: 14px;
	line-height:14px;
	margin:0 16px 18px;
	font-size:12px;
	color: #BBBBBB
}
.zsj-box .list li .desc a {
	color: #BBBBBB
}
.zsj-box .list li .desc a:hover {
	color:#0084ff
}
.zsj-box .list li .info {
	overflow:hidden;
	height:20px;
	line-height:20px;
	padding:0 0 0 16px;
	margin-bottom:9px;
	font-size:0
}
.zsj-box .list li .info em {
	margin-right:20px;
	font-size:12px;
	color: #BBBBBB;
	font-style:normal
}
.zsj-box .list li .info em span {
	display:inline-block;
	width: 16px;
	height: 16px;
	vertical-align:middle;
	margin: -3px 6px 0 0;
	color:#b4b4b4;
	font-size:16px
}
.zsj-box .list li .info em span.icon-view { background: url(card-liulan.svg) no-repeat center 3px; background-size: 16px auto}
.zsj-box .list li .info em span.icon-praise { background: url(card-zan.svg) no-repeat center 0; background-size: 16px auto}
.zsj-box .list li .info em span.icon-comment { background: url(card-pinglun.svg) no-repeat center 1px; background-size: 16px 16px}
.zsj-box .list li .info em .icon-comment {
	font-size:12px
}
.zsj-box .list li .info em .icon-praise {
	font-size:14px
}
.zsj-box .list li .user {
	padding:13px 14px 0;
	overflow:hidden;
	height:24px;
	line-height:24px;
	border-top:1px solid #F1F1F1
}
.zsj-box .list li .user .sjs-name { float: left}
.zsj-box .list li .user img {
	position:relative;
	display:inline-block;
*display:inline;
*zoom:1;
	width:24px;
	height:24px;
	margin:-3px 12px 0 0;
	-webkit-border-radius:50%;
	-ms-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	vertical-align:middle;
	background:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAeAB4AAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAYABgDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD2S7vIbKBp7iQJGvUkdfYeprA/4TO183H2Wfy8/eyufyq9qVlFqWt2NrdFjarFJMyKcb2GBj8jXPHRtJ/sUeIP7Tn/ALHI3D/Rm83G7bjHrnvivWpfVYx/fPVq54tVYucv3C0TsdNp2u2ep3MkNuX3Iu4b1xuHfFFQ6dp8Gma7fwWy/uTFHIM8lCc/Ln8M0VhWUFL93tob0XPl/eb3f5mpNCrSRTMdrwNvR8/d4wfwxVP7VjRPtJ0y3Gm4z5WBt2b/AL3l4x/tdf1ooqVBTUb90vlqXzyhzcv8rfzVi5FEqySzKdzTNvd8/e4wPwwBRRRUt6jWx//Z) no-repeat center center
}
.zsj-box .list li .user img:after {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:24px;
	height:24px;
	margin:-3px 12px 0 0;
	-webkit-border-radius:50%;
	-ms-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	background:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAeAB4AAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAYABgDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD2S7vIbKBp7iQJGvUkdfYeprA/4TO183H2Wfy8/eyufyq9qVlFqWt2NrdFjarFJMyKcb2GBj8jXPHRtJ/sUeIP7Tn/ALHI3D/Rm83G7bjHrnvivWpfVYx/fPVq54tVYucv3C0TsdNp2u2ep3MkNuX3Iu4b1xuHfFFQ6dp8Gma7fwWy/uTFHIM8lCc/Ln8M0VhWUFL93tob0XPl/eb3f5mpNCrSRTMdrwNvR8/d4wfwxVP7VjRPtJ0y3Gm4z5WBt2b/AL3l4x/tdf1ooqVBTUb90vlqXzyhzcv8rfzVi5FEqySzKdzTNvd8/e4wPwwBRRRUt6jWx//Z) no-repeat center center
}
.zsj-box .list li .user a {
	margin-right:15px;
	font-size: 12px;
	color:#333
}
.zsj-box .list li .user a:hover {
	color:#0084ff
}
.zsj-box .list li .user>a {
	overflow:hidden !important;
	text-overflow:ellipsis !important;
	display:-webkit-box !important;
	-webkit-line-clamp:1 !important;
	-webkit-box-orient:vertical !important
}
.zsj-box .list li .user .fr {
	position:relative;
	z-index:9;
	color:#aaa;
	font-size:12px
}
.zsj-box .list li .user .fr a {
	margin:0 0 0 15px
}




.ecode-popbox {
	display:none;
	position:absolute;
	width:158px;
	top:0;
	z-index:99;
	left:-158px;
	padding:20px 0 17px;
	background:#0084ff;
	-webkit-border-radius:4px 0 0 4px;
	-ms-border-radius:4px 0 0 4px;
	-moz-border-radius:4px 0 0 4px;
	border-radius:4px 0 0 4px
}
.ecode-popbox img {
	display:block;
	width:118px;
	height:118px;
	margin:0 auto 10px;
	-webkit-border-radius:4px;
	-ms-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px
}
.ecode-popbox p {
	display:block !important;
	padding:3px 0;
	line-height:20px;
	font-size:16px;
	color:#fff;
	text-align:center
}
.ecode-popbox p span {
	width:auto !important;
	height:auto !important;
	margin:0 !important;
	line-height:16px;
	font-size:12px;
	color:#fff
}

.talk {
	position:fixed;
	_position:absolute;
	bottom:122px;
	right:30px;
	display:block;
	width:68px;
	background:#fff;
	border:1px solid #eee;
	border-top:0;
	z-index:980;
	font-size:12px;
	-webkit-border-radius:4px;
	-ms-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px
}
.talk li {
	position:relative;
	display:block;
	height:66px;
	padding:0;
	border-top:1px solid #eee;
	transition: all 0.5s ease 0s;
	background:#fff
}
.talk li .icon-qiandao, .talk li .icon-fankui, .talk li .icon-shangcheng {
	font-size:20px
}
.talk li .icon-erweima {
	font-size:24px;
	background: url(f0.png) no-repeat center center
}
.talk li:hover .icon-erweima {
	font-size:24px;
	background: url(f01.png) no-repeat center center
}
.talk li .icon-app {
	font-size:24px;
	background: url(f1.png) no-repeat center center
}
.talk li:hover .icon-app {
	font-size:24px;
	background: url(f11.png) no-repeat center center
}
.talk li .icon-qiandao {
	font-size:24px;
	background: url(f2.png) no-repeat center center
}
.talk li:hover .icon-qiandao {
	font-size:24px;
	background: url(f21.png) no-repeat center center
}
.talk li .icon-fankui {
	font-size:24px;
	background: url(f3.png) no-repeat center center
}
.talk li:hover .icon-fankui {
	font-size:24px;
	background: url(f31.png) no-repeat center center
}
.talk li .icon-qq-qun {
	font-size:24px;
	background: url(f4.png) no-repeat center center
}
.talk li:hover .icon-qq-qun {
	font-size:24px;
	background: url(f41.png) no-repeat center center
}
.talk li .icon-back-top {
	font-size:24px;
	background: url(f5.png) no-repeat center center
}
.talk li:hover .icon-back-top {
	font-size:24px;
	background: url(f51.png) no-repeat center center
}
.talk li .icon-shangcheng {
	font-size:24px;
	background: url(f6.png) no-repeat center center
}
.talk li:hover .icon-shangcheng {
	font-size:24px;
	background: url(f61.png) no-repeat center center
}
.talk li .icon-app {
	font-size:22px
}
.talk li .icon-back-top {
	font-size:18px
}
.talk li.gif {
	position:absolute;
	top:-48px;
	left:9px;
	border:0;
	padding:0;
	width:55px;
	height:auto;
	background:none
}
.talk li.gif .icon-avatar {
	position:relative;
	z-index:4;
	display:inline-block;
*display:inline;
*zoom:1;
	vertical-align:top;
	width:55px;
	height:56px;
}
.talk li.gif a {
	border:0
}
.talk li.gif img {
	max-width:none
}
.talk li p {
	display:none;
	vertical-align:top;
	font-size:14px;
	line-height:24px;
	color:#fff
}
.talk li span {
	display:inline-block;
*display:inline;
*zoom:1;
	vertical-align:top;
	width:24px;
	height:24px;
	line-height:24px;
	color:#ccc
}
.talk li a {
	overflow:hidden;
	display:block;
	height:43px;
	padding:24px 0 0;
	line-height:16px;
	text-align:center;
	transition: all 0s ease 0s;
	color:#999
}
.talk li:hover a {
	position:absolute;
	top:0;
	right:-1px;
	z-index:9;
	width:110px;
	background:#0084ff;
	color:#fff;
	border-color:#0084ff;
	-webkit-border-radius:4px 0 0 4px;
	-ms-border-radius:4px 0 0 4px;
	-moz-border-radius:4px 0 0 4px;
	border-radius:4px 0 0 4px
}
.talk li:hover p {
	display:inline-block;
*display:inline;
*zoom:1
}
.talk li:hover span {
	display:inline-block;
*display:inline;
*zoom:1;
	vertical-align:top;
	margin:0 10px 0 0;
	color:#fff
}
.talk li:hover .app-box {
	font-size:0
}
.talk .ecode {
	-webkit-border-radius:4px 4px 0 0;
	-ms-border-radius:4px 4px 0 0;
	-moz-border-radius:4px 4px 0 0;
	border-radius:4px 4px 0 0
}
.talk .ecode .dot {
	position:absolute;
	top:10px;
	right:52px
}
.talk .ecode-box {
	width:40px;
	margin:-10px auto 0 !important;
	line-height:20px;
	font-size:12px;
	color:#0084ff
}
.talk .ecode-box span {
	color:#0084ff;
	font-size:20px
}
.talk .ecode:hover .dot {
	display:none
}
.talk .ecode:hover .ecode-popbox {
	display:block
}
.talk .ecode:hover a {
	position:static;
	width:100%;
	-webkit-border-radius:0 4px 0 0;
	-ms-border-radius:0 4px 0 0;
	-moz-border-radius:0 4px 0 0;
	border-radius:0 4px 0 0
}
.talk .ecode:hover span {
	margin:0
}
.talk .sign a {
	overflow:visible
}
.talk .sign a .sign-box {
	display:none
}
.talk .sign:hover a {
	position:relative;
	right:0;
	width:auto;
	padding:12px 0 0;
	height:54px;
	-webkit-border-radius:0;
	-ms-border-radius:0;
	-moz-border-radius:0;
	border-radius:0
}
.talk .sign:hover a p {
	display:block
}
.talk .sign:hover p {
	display:block
}
.talk .sign:hover span {
	margin:0
}
.talk .sign:hover .sign-box {
	display:block;
	position:absolute;
	left:-100%;
	top:0;
	width:100%;
	padding:12px 0 0;
	height:54px;
	background:#21bb1d;
	text-align:center;
	-webkit-border-radius:4px 0 0 4px;
	-ms-border-radius:4px 0 0 4px;
	-moz-border-radius:4px 0 0 4px;
	border-radius:4px 0 0 4px
}
.talk .sign:hover .sign-box:hover {
	background:#41cb56
}