videobox@CHARSET "UTF-8";

body{background-color: #fff;font-family:"Microsoft Yahei","宋体","Arial Narrow"; margin: 0;padding:0;}
a{color:#228adf; text-decoration: none;}
a:hover{color:#228adf; text-decoration: none;}
a:visited{color:#228adf; text-decoration: none;}
a:active{color:#228adf; text-decoration: none;}

.wrap {
	width:100%;height:100%;
}
#huifubox{ position: absolute; bottom:0;left:0; display: none;}

ul,li{list-style-type: none;margin:0;padding:0;}

.container,.row{padding:0;margin:0;}
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{margin:0;padding:0;}



.navbar{height: 40px; line-height: 40px; min-height: 40px;margin-bottom:0;}
.navbar-default{border: none; background-color:#fff;}

.navbar-header{ background-color: #3072F6;color:#ffffff;height: 40px; line-height: 40px;font-weight: bold; letter-spacing:6px; position: relative;}
.navbar-header a.login{color: #fff;display: inline-block;height: 30px; line-height: 30px;width: 30px;position: absolute;left:20px; text-align: center; top:5px;}
.navbar-header a.login img{width:30px;height:30px;border-radius: 30px;}
.navbar-channel{border-bottom: 1px solid #ababab;height: 40px; line-height: 40px;}
.navbar-header .fanghui{color:#fff;top:4px; padding-left: 13px;font-size: 18px;}
.navbar-header .fanghui span{color:#fff;padding:0;}
.pr8 a {
    font-size: 18px;
    color: #fff;
    top: 3px;
    right: -10px;
}

.navbar-header a.message{ display: none; border:1px solid #fff; letter-spacing:0; background-color: red;color:#fff; font-size: 10px; line-height: 20px; width:20px;height:20px;border-radius: 20px;position: absolute;left:40px; text-align: center; top:2px;}

.navbar-header a.fabu{color: #fff;display: inline-block;height: 30px; font-size: 18px; line-height: 30px;width: 30px;position: absolute;right:20px; text-align: center; top:5px;}

#navContainer{width: 100%;}
#page_nav{display: inline-block;white-space: nowrap; width: 100%; position: static;position: static;top: 0;left: 0;z-index: -1;}

.navbar-channel ul li{display: inline-block;height: 38px;line-height: 38px;padding: 0 8px;width:50%; text-align: center;}
.navbar-channel ul li a{color:#b7b7b7;font-size: 14px;display: block;}
.navbar-channel ul li.cur{border-bottom: 2px solid #228adf;}
.navbar-channel ul li.cur a{color:#228adf; }

.listbox{margin-top: 40px; }
.listbox .list{margin-top: 4px;margin-right: 0px;padding: 15px 0px 15px; line-height: 22px; border-bottom: 10px solid #f6f6f6; height: 100%; clear: both;}
.listbox .list .col-xs-10{width: 81%!important;}
.listbox .list .touxiang{width: 36px;height: 36px; overflow: hidden;border-radius:50%;}
.listbox .list .rowuser{padding: 0px 0px;font-weight: bold; font-size: 12px; position: relative; }
.listbox .list .rowuser .userpop{width:224px; height: 30px;left:70px;display: none; top:50px;z-index: 1000; line-height: 30px; background-color: #444;text-align: center; border-radius: 5px; position: absolute;}
.listbox .list .rowuser .userpop a{color:#fff;font-size: 12px; font-weight: normal; display: inline-block;float: left;margin-left:6px;}
.usertip{color: #b7b7b7;font-weight: normal;}
.listbox .list .rowtitle{margin-top: 4px;}
.listbox .list .row .time{color:#b7b7b7;font-size: 12px;font-weight: normal;}
.didian{color:#b7b7b7;font-size: 12px;}
.didian .didianicon{color:#b7b7b7;font-size: 12px;background: url(/images_m/dt.png) no-repeat; background-size: 16px; display: inline-block; height: 40px; background-position: 0px center; text-align: left; float: left; padding-left: 16px; overflow: hidden;}
.hudong{color:#b7b7b7;font-size: 12px; background: url(/css_m/forum/images/z.png) no-repeat; background-size: 16px; display: inline-block; height: 40px; background-position: 0px center; text-align: left; float: left; padding-left: 20px;}
.hudong.on{ background: url(/css_m/forum/images/dz.png) no-repeat;background-size: 16px; background-position: 0px center;}

.listbox .list .rowuser img{height: 60px;width: 60px; margin-right: 8px; display: block;float: left;}

.listbox .list .row .col-xs-4{ display: inline-block;overflow: hidden;padding: 1px;}
.listbox .list .row .col-xs-6{ display: inline-block;overflow: hidden;padding: 1px;}
.listbox .list .row .col-xs-12{ display: inline-block;width: 130px; overflow: hidden;}

.imgbox .col-xs-4 img{ }
.imgbox .col-xs-6 img{ }
.imgbox .col-xs-12 img{ }

.imgbox,.atitle{ display: block;}
.atitle{color:#0a0a0a;}

.imgbox img{width: 100%;padding:2px; }

.listbox .list .row2 .imgbox{height: 90px;}
.listbox .list .row1 .imgbox{height: 180px;}

.listbox .list .row .listnr{ margin-top: 4px;}

#end{ text-align: center; margin-top: 18px;font-size:12px; height: 22px; line-height: 22px;}
#end img{width:20px;height:20px; margin-right: 4px;}
.tienr{color:#101D37; word-break:break-all;margin: 12px 0;font-size: 15px;}

.caozuo{height:40px;line-height: 40px; font-size: 14px; margin-top:8px; }
.caozuo span{margin-right: 2px;}

.deltie{font-size: 16px;color:red;}

.lpname{
    margin-top: 8px;
}

.lpname a{
   font-style: normal; 
   font-weight: 100;
   color: rgb(92, 140, 193);
}

.r_btn {
	opacity:0.5;
    border-radius: 100%;
    bottom: 12px;
    height: 42px;
    position: fixed;
    right: 25px;
    width: 42px;
    z-index: 999;
    background: url(/css_m/forum/images/an.png) no-repeat;
    background-size: 42px;
}
.r_btn_z
{
	display: none;
	width:180px;
	height:228px;
	background: url(/css_m/forum/images/dk.png) no-repeat;
    background-size: 180px;
    position: fixed;
    right: 0;
    bottom:-2px;
    z-index: 1051;
}
.r_btn_z .fatie{width: 50px; text-align: center; font-size: 12px; font-weight: normal; padding-top: 50px; color: #fff; height: 20px; display: inline-block; position: absolute; right:25px; top:20px;background: url(/css_m/forum/images/ft.png) no-repeat;background-size: 50px;}
.r_btn_z .toupiao{width: 50px; text-align: center; font-size: 12px; font-weight: normal; padding-top: 50px; color: #fff; height: 20px; display: inline-block; position: absolute; right:88px; top:70px;background: url(/css_m/forum/images/tp.png) no-repeat;background-size: 50px;}
.r_btn_z .wode{width: 50px; text-align: center; font-size: 12px; font-weight: normal; padding-top: 50px; color: #fff; height: 20px; display: inline-block; position: absolute; right:95px; top:152px;background: url(/css_m/forum/images/wd.png) no-repeat;background-size: 50px;}
.r_btn_z .close{width: 50px; text-align: center; font-size: 12px; font-weight: normal; padding-top: 50px; color: #fff; height: 20px; display: inline-block; position: absolute; right:18px; top:120px;background: url(/css_m/forum/images/an2.png) no-repeat;background-size: 50px;}

.no_layer {
	display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6);
    z-index: 1050;
}

.bottombox{height: 40px; line-height: 40px; background-color: #eee;border-top: 1px solid #eee;}
.bottombox .addtuwen{ float: left; color: #636363; padding-left: 34px; display: inline-block;height: 40px; width: 120px; background: url(/css_m/forum/images/tj.png) no-repeat center left;background-size: 25px;}
.bottombox .addbiaoqing{height: 40px;  display: inline-block; background: url(/css_m/forum/images/emotion.png) no-repeat center center;background-size: 25px; }
.bottombox .addshang{height: 40px; width: 40px; display: inline-block; background: url(/css_m/forum/images/fdk.png) no-repeat center left;background-size: 25px;}
.bottombox .btn-fasong{padding: 4px 8px; letter-spacing: 2px;}

.bottombox .editor{ background-color: #fff; height: 32px; margin-top: 4px; line-height: 32px; border: 1px solid #dbdbdb; border-radius: 3px; margin-right: 8px;}
.bottombox .editor .paragraph{ background-color: #fff;}
.bottombox .editor .paragraph img{width:25px;height: 25px;}
.biaoqingbox{height: 112px; display: none; background-color: #eee; clear: both; }
.biaoqingbox .iconbq{ display: inline-block;height: 50px;width: 50px; background: url(/css_m/forum/images/biaoqingbg.png) no-repeat; background-size: 300px;}

.biaoqingbox .iconbq.bq1{ background-position: 0px 0px;}
.biaoqingbox .iconbq.bq2{ background-position: -50px 0px;}
.biaoqingbox .iconbq.bq3{ background-position: -100px 0px;}
.biaoqingbox .iconbq.bq4{ background-position: -150px 0px;}
.biaoqingbox .iconbq.bq5{ background-position: -200px 0px;}
.biaoqingbox .iconbq.bq6{ background-position: -250px 0px;}

.biaoqingbox .iconbq.bq7{ background-position: 0px -50px;}
.biaoqingbox .iconbq.bq8{ background-position: -50px -50px;}
.biaoqingbox .iconbq.bq9{ background-position: -100px -50px;}
.biaoqingbox .iconbq.bq10{ background-position: -150px -50px;}
.biaoqingbox .iconbq.bq11{ background-position: -200px -50px;}
.biaoqingbox .iconbq.bq12{ background-position: -250px -50px;}

.bubble {
    border-radius: 5px;
    width: 100%;
    color: #323232;
    padding:8px;
    line-height: 22px;
    display: inline-block;
    position: relative;
    background-color: #f3f3f5;
}
.bubble img{width:20px;height: 20px;}

.bubbleTail{position:absolute;bottom:100%;right:10px;width:0;height:0;border-width:12px;border-style:solid;border-color:transparent;margin-bottom:-7px;border-bottom-width:20px;border-bottom-color:#f3f3f5;color:#f3f3f5;}
.zancontainer{background-position: 0px center;  background: url(/css_m/forum/images/z.png) no-repeat; background-size: 16px; color:#4F607C; padding-left: 20px;word-break:break-all;}
.hfcontainer{background-position: 0px center;  background: url(/css_m/forum/images/pl.png) no-repeat; background-size: 16px; padding-left: 20px;word-break:break-all;}
.hfcontainer span{margin-right: 2px;color:#4F607C}

.to-comment{background: url(/css_m/forum/images/pl.png) no-repeat; background-size: 16px; display: inline-block; height: 40px; background-position: 0px center; text-align: left; float: left; padding-left: 20px;}
.showhfbox{background: url(/css_m/forum/images/pl.png) no-repeat; background-size: 16px; display: inline-block; height: 40px; background-position: 0px center; text-align: left; float: left; padding-left: 20px;}

.hfa{color:#000;}
.hfa:hover{color:#000;}
.hfa:active{color:#000;}
.hfa:visited{color:#000;}

.videobox{ position: relative;}
.videobox a i{display: block; margin: auto;position: absolute;top: 0; left: 0; bottom: 0; right: 0; width: 40px; height: 40px; background: url(/images_m/video_play_icon.png) no-repeat; background-size: 40px;}
.videobox .col-xs-12{
    min-height: 180px;
    background-color: #333;
}
.videobox .col-xs-12 img{
    min-width: 130px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}


.ui-txt_h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 25px;
    color: #000;
    max-width: 110px;
    margin-top: 4px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ui-txt_h3 a{
    color: #000;

}

.bizOpenInAppWrap {
    display: block;
    opacity: 1;
    position: fixed;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 10px;
    bottom: 21px;
    z-index: 9999;
    -webkit-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
    filter: alpha(opacity=0);
    --themeBgColor: #edfbee;
    --themeColor: #3cb950;
    --searchCancelColor: #62ab00;
    --themeBorderColor: rgba(60,185,80,.5);
}

.bizOpenInAppWrap .open-btn{
    display: block;
    margin: 0 auto;
    width: 115px;
    height: 36px;
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    background-image: -webkit-linear-gradient(90deg, #6898F8 0%, #2C68E0 100%);
    background-image: -o-linear-gradient(90deg, #6898F8 0%, #2C68E0 100%);
    background-image: linear-gradient(90deg, #6898F8 0%, #2C68E0 100%);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
    border-radius: 100px;
}

.ui-box_group {
    display: block;
    background: #fff;
    position: relative;
    width: 95px;
		float: left;
}

.ui-box_group a {
    float: left;
    width: 32px!important;
    height: 32px!important;
}

.ui-box_group a:last-child{
	float: right;
}

.ui-box_group a i.icon_tel {
    display: block;
    width: 32px;
    height: 32px;
    margin: 2px auto;
    background: url(/images_m/tel_icons3.png) no-repeat;
    background-size: 32px;
}

.ui-box_group a i.icon_im {
    display: block;
    width: 32px;
    height: 32px;
    margin: 2px auto;
    background: url(/images_m/icon_im.png) no-repeat;
    background-size: 32px;
    /* margin-left: 20px; */
}