@charset "utf-8";
/* CSS Document */
ul, li{margin: 0px;padding: 0px;list-style-type: none;}
.view_common_contents{padding: 15px;width: 96%;float:left;}
.comment{font-family: "Microsoft Yahei";margin-top: 20px;margin-right: auto;margin-bottom: 0px;margin-left: auto;}
.head_more{float: right;height: 40px;margin-right: 10px;text-align: right;font-size: 12px;color: #666666;}
.view_common_title .head_more a{color: #999999;text-decoration: none;font-size: 12px;}
.view_common_title .head_more a:hover{color: #FF6600;}
.view_common_title .head_more span{float: left;margin-top: 14px;}
.view_common_title .head_more i{font-style: normal;font-size: 14px;margin-left: 5px;color: #FF6600;margin-right: 5px;}
.level{color: #FFFFFF;float: left;border-radius: 3px 3px 3px 3px;padding-right: 8px;padding-left: 8px;line-height: 13px;position: relative;top: 5px;padding-top: 1px;padding-bottom: 1px;font-size: 12px;margin-right: 10px;}
.cl0{background-color: #BBBBBB;}
.cl1{background-color: #f9a32a;}
.cl2{background-color: #A4D202;}
.cl3{background-color: #00e1fd;}
.cl4{background-color: #4297FF;}
.cl5{background-color: #C045FC;}
.cl6{background-color: #ff574e;}
.cl7{background-color: #fd0100;}
.comment .write_comment{float: left;width: 100%;}
.comment .write_comment .comment_writer{float: left;width: 10%;margin-top: 20px;}
.comment .write_comment .comment_writer .writer_avatar{width: 55px;height: 55px;overflow: hidden;border-radius: 50%;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;border: 3px solid rgba(204,204,204,0.2);;}
.comment .write_comment .comment_writer .writer_avatar img{height: 55px;width: 55px;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;}
.comment .show_comment .show_comment_info .comment_avatar .top_1{color: #fc3698;}
.comment .show_comment .show_comment_info .comment_avatar .top_2{color: #01befe;}
.comment .show_comment .show_comment_info .comment_avatar .top_3{color: #00d736;}
.comment .write_comment .comment_writer .writer_name{float: left;width: 100%;font-size: 12px;line-height: 30px;color: #666666;text-align: center;}
.comment .write_comment .comment_writer .writer_name a{font-size: 12px;color: #e67402;text-decoration: none;outline: none;}
.comment .write_comment .comment_writer .writer_level{color: #FFFFFF;float: left;border-radius: 3px 3px 3px 3px;padding-right: 8px;padding-left: 8px;line-height: 13px;position: relative;top: 5px;padding-top: 1px;padding-bottom: 1px;font-size: 12px;left: 18px;}
.comment .write_comment .comment_textarea{float: left;width: 88%;position: relative;margin-left: 2%;}
.comment .write_comment .comment_textarea i{position: relative;top: 40px;left: -3px;}
.comment .write_comment .comment_textarea i:after,.comment .write_comment .comment_textarea i:before{border: 12px solid transparent;border-right: 12px solid #fff;width: 0;height: 0;position: absolute;top: 0;left: -20px;content: ' ';}
.comment .write_comment .comment_textarea i:before{border-right-color: #B4B4B4;left: -21px;}
.comment .write_comment .comment_textarea .textarea_comment{float: left;height: 80px;width: 96%;max-width: 96%;min-width: 96%;outline:none;padding: 10px;color: #333333;font-size: 12px;font-weight: 500;border: 1px solid #CCCCCC;border-radius: 5px;font-family: "Microsoft Yahei";line-height: 20px;}
.comment .write_comment .comment_textarea .textarea_comment:focus{border: 1px solid #ccc;box-shadow: 0px 0px 5px 0px rgba(204, 204, 204, 0.5);}
.comment .write_comment .comment_textarea .comment_smilies{background-image: url(../images/comment_smilies.png);background-repeat: no-repeat;height: 20px;float: left;cursor: pointer;font-size: 12px;color: #666666;padding-left: 23px;line-height: 20px;margin-top: 10px;background-position: 0px 0px;}
.comment .write_comment .comment_textarea .comment_smilies:hover,.comment .write_comment .comment_textarea .active{background-image: url(../images/comment_smilies.png);background-repeat: no-repeat;color: #fe870f;font-size: 12px;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;background-position: 0px -20px;}
.comment .write_comment .comment_textarea .comment_submit{float: right;margin-top: 10px;}
.comment .write_comment .comment_textarea .comment_submit .comment_btn{background-color: #FE8713;font-size: 14px;line-height: 32px;text-align: center;height: 32px;width: 90px;color: #FFFFFF;font-family: "Microsoft Yahei";outline: none;cursor: pointer;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;margin-right: 8px;border-radius: 3px;-webkit-transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; -o-transition: background-color 0.2s linear; transition: background-color 0.2s linear;}
.comment .write_comment .comment_textarea .comment_submit .comment_btn:hover{background-color: #f77c02;}
.comment .show_comment{float: left;width: 100%;margin-top: 20px;}
.comment .show_comment .show_comment_nav{float: left;width: 100%;font-size: 13px;line-height: 35px;height: 35px;border-bottom-style: solid;color: #666666;border-bottom-width: 1px;border-bottom-color: #CCCCCC;margin-bottom: 10px;}
.comment .show_comment .show_comment_nav li{float: left;padding-right: 15px;padding-left: 15px;cursor: pointer;font-size: 13px;}
.comment .show_comment .show_comment_nav .on{font-size: 13px;font-weight: bold;color: #f04848;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #f04848;}
.comment .show_comment .show_comment_info{float: left;width: 100%;}
.comment .show_comment .show_comment_info li{padding-top: 15px;padding-bottom: 10px;border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #E1E1E1;float: left;width: 100%;}
.comment .show_comment .show_comment_info li:last-child{border-bottom-width: 0px;border-bottom-style: none;}
.comment .show_comment .show_comment_info .comment_conbox .write_comment .comment_textarea #rl_bq .rl_exp_tab li{padding: 0px;width: auto;border-bottom-width: 0px;border-bottom-style: none;}
.comment .show_comment .show_comment_info li .comment_avatar{float: left;width: 5%;font-size: 12px;color: #999999;text-align: center;line-height: 22px;}
.comment .show_comment .show_comment_info li .comment_conbox{float: left;}
.comment .show_comment .show_comment_info .comment_avatar .user_avatar{height: 40px;width: 40px;overflow: scroll;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;border-radius: 50%;font-family: "Helvetica", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;}
.comment .show_comment .show_comment_info .comment_avatar .user_avatar img{height: 40px;width: 40px;border-radius: 50%;}
.comment .show_comment .show_comment_info .comment_conbox{width: 93%;float: left;margin-left: 2%;}
.comment .show_comment .show_comment_info .comment_conbox span{font-size: 12px;float: left;color: #828282;}
.comment .show_comment .show_comment_info .comment_conbox a{color: #828282;text-decoration: none;}
.comment .show_comment .show_comment_info .comment_conbox a:hover,.comment .show_comment .show_comment_info .comment_conbox a.active{color: #FE870F;}
.comment .show_comment .show_comment_info .comment_conbox .write_comment .comment_textarea #rl_bq .rl_exp_main li{cursor:pointer;float:left;border:1px solid red;height:24px;width:24px;overflow:hidden;margin:-1px 0 0 -1px;padding:6px;text-align:center;border-color: #fce089;background: #fef9e7;}
.comment .show_comment .show_comment_info .comment_conbox .write_comment .comment_textarea #rl_bq .rl_exp_main li:hover{border:1px solid #0095cd;background:#fff9ec;position:relative;z-index:2;}
.comment .show_comment .show_comment_info .comment_conbox .s_c_nav{float: left;width: 100%;line-height: 25px;}
.comment .show_comment .show_comment_info .comment_conbox .s_c_time{color: #B2B2B2;}
.comment .show_comment .show_comment_info .comment_conbox .s_c_nav .s_c_left{float: left;}
.comment .show_comment .show_comment_info .comment_conbox .s_c_nav .s_c_left .s_c_uname a{font-size: 14px;color: #FE870F;font-weight: bold;margin-right: 15px;}
.comment .show_comment .show_comment_info .comment_conbox .s_c_nav .s_c_left .level{color: #FFFFFF;}
.comment .show_comment .show_comment_info .comment_conbox .s_c_nav .s_c_right{float: right;}
.comment .show_comment .show_comment_info .comment_conbox .s_c_nav .s_c_right .s_c_jubao{margin-right: 12px;}
.comment .show_comment .show_comment_info .comment_conbox .c_h_reson{font-size: 13px;line-height: 23px;color: #494949;float: left;width: 100%;margin-top: 10px;margin-bottom: 10px;overflow: hidden;}
.comment .show_comment .show_comment_info .comment_conbox .c_h_reson a{color: #225599;margin-right: 2px;margin-left: 2px;font-size: 13px;}
.comment .show_comment .show_comment_info .comment_conbox .c_h_reson a:hover{color:#FE870F;font-size: 13px;}
.comment .show_comment .show_comment_info .comment_conbox .c_h_reson img{margin-right: 3px;margin-left: 3px;}
.comment .show_comment .show_comment_info .comment_conbox .c_h_tag{float: right;line-height: 25px;}
.comment .show_comment .show_comment_info .comment_conbox .c_h_tag span{margin-left: 15px;}
.comment .show_comment .show_comment_info .comment_conbox .c_h_tag .s_c_jubao{display: none;}
.comment .show_comment .show_comment_info .replay_comment .c_h_tag .s_c_jubao{display:block;}
.comment .show_comment .show_comment_info .replay_comment .comment_conbox .c_h_tag{display: none;}
.comment .show_comment .show_comment_info .comment_conbox .c_h_tag i{font-style: normal;}
.comment .show_comment .show_comment_info .replay_comment{border-top-width: 1px;border-top-style: solid;border-top-color: #F1F1F1;float: left;width: 93%;margin-left: 7%;margin-top: 5px;}
.comment .show_comment .show_comment_info .replay_comment .comment_conbox .replay_time{float: left;font-size: 12px;color: #B2B2B2;line-height: 25px;}
.comment .write_comment{margin-top: 5px;}
.comment .show_comment .show_comment_info .comment_conbox .write_comment{display: none;}
.comment .write_comment .comment_writer{margin-top: 0px;}
.comment .show_comment .show_comment_info .comment_conbox .write_comment .comment_textarea i{top: 20px;}
.comment .show_comment .show_comment_info .comment_conbox .write_comment .comment_textarea .textarea_comment{height: 40px;}
.jubao_pinlun{font-size: 14px;color: #333333;float: left;padding: 15px;}
.jubao_title{font-size: 12px;line-height: 30px;color: #333333;}
.jubao_title span{font-weight: bold;color: #FE870F;margin-right: 3px;margin-left: 3px;font-size: 13px;}
.jubao_pinlun p{font-size: 12px;border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #E0E0E0;line-height: 22px;padding-top: 0px;padding-right: 0px;padding-bottom: 10px;padding-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 10px;margin-left: 0px;color: #e05f5f;}
.jb_type{font-size: 13px;float: left;width: 100%;}
.jb_list{margin-top: 20px;margin-bottom: 20px;float: left;}
.jb_list label{float: left;width: 100%;margin-top: 10px;cursor: pointer;margin-left: 15px;font-size: 12px;color: #666666;margin-bottom: 10px;}
.jb_list label span{float: left;margin-top: 10px;}
.jb_list label input{margin-right: 5px;float: left;margin-top: 2px;}
.jb_list .outher_jubao_pl{width: 250px;height: 25px;padding-left: 5px;font-size: 12px;color: #666666;margin-left: 5px;}
.comment_page{float:left;width:100%;text-align:center;color: #999999;font-size: 12px;margin-top: 15px;}
.comment_page a{text-decoration: none;margin-right: 10px;margin-left: 10px;color: #666666;font-size: 12px;}
.comment_page a:hover{color: #FF6600;font-size: 12px;}
.comment_page .disabled{margin-right: 10px;font-size: 12px;display: none;}
.comment_page .current{color: #FF6600;margin-right: 5px;margin-left: 5px;font-size: 12px;}
/*表情图标*/
#emotions{left:0;margin-top: 34px;width: 395px;font-size:12px;background:#fff;border-radius: 5px;box-shadow: 0 0 8px gray;padding: 10px 0;position: absolute;border: 1px solid #E8E8E8;font-family: "Helvetica", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;}
#emotions a{color: #4fc1e9;padding:2px 7px;text-decoration:none;}
#emotions img{border:0;}
#emotions div{margin:5px 10px;padding:1px;overflow: hidden;}
#emotions #prev,
#emotions #next{margin-left:3px;height: 15px;display: block;float: left;background:#eee;}
#emotions .categorys{color:#ccc;height:26px;color: #9ABBC8;overflow:hidden;}
#emotions .categorys a{border: 2px solid #e8e8e8;border-right:none;display: inline-block;}
#emotions .categorys a:hover{text-decoration:underline;}
#emotions .categorys a.current{cursor: default;border-bottom:none;border-bottom: 2px solid #99cc66;background: #F0F0F0;}
#emotions .container{padding:1px;overflow: hidden;min-height:auto;overflow-y:auto;max-height:180px;}
#emotions .container a{float:left;width:26px;height:22px;text-align:center;padding: 4px 2px;margin: -1px 0 0 -1px;border: 1px solid #e8e8e8;}
#emotions .container a:hover{z-index:2;position:relative;border:1px solid #0095cd;}
#emotions .page{text-align:right;}
#emotions .page a.current{color: #666;background-color:#fff;}
#emotions .page a{margin-left:3px;color: #0078B6;background-color:#f3f3f3;}
#emotions .page a:hover{background-color:#e7e7e7;}
.open_time{border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #F3F3F3;padding-bottom: 10px;}
.zhongjiang{float: left;width: 100%;margin-top:15px;margin-bottom: 5px;}
.zhongjiang li{background-color: #FFFFFF;float: left;line-height: 35px;vertical-align: middle;font-size: 20px;text-align: center;color :#f54646;margin-right: 10px;border: 2px solid #f54646;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: none 50%;width: 35px;margin-bottom: 5px;margin-top: 5px;}
.countdown-day,
.countdown-hour,
.countdown-minute,
.countdown-second{display: inline-block; margin: .3rem .3rem; background: #ff3f0f; font-size: 1.5rem; color: #fff;}