#bottom_mes{}
#bottom_mes textarea{background:none;border:1px solid #606060;border-radius:0;}
#bottom_mes input{background:none;border:1px solid #606060;border-radius:0;}
#bottom_mes .btn{background:var(--c); border-radius:0; color:#fff;font-size:14px;}
#bottom_mes input::placeholder{}



#ssfl.s_list .p_loopItem{width: auto;float: left; padding: 0 10px 0 0; min-width: 52px;}
#cpfj.s_list{padding: 6px 0 0 0;}
#cpfj.s_list .p_loopItem .s_title{}
#cpfj.s_list .p_loopItem .s_title a{display: inline-block;width: auto;/* background:#03319f; */padding: 6px 1px;border-radius: 8px;color: var(--c);min-width: 140px;/*padding: 8px 0; *//* border-bottom: 1px dotted #ddd; *//* border: #03319f 1px solid; */text-align: center;margin-bottom: 0px;min-width: 280px;text-align: left;font-size: 14px;}
#cpfj.s_list .p_loopItem .s_title a:hover{/* background: #03319f; *//* color: #fff; */}

#ssfl.s_list{display: block;overflow: hidden;}
#ssfl.s_list .p_loopItem{width: auto; float: left; padding: 0 10px 0 0; min-width: 52px;}
#ssfl.s_list .p_loopItem .s_title{}
#ssfl.s_list .p_loopItem .s_title a{}

body .main #keywords_list{display: block;}
#keywords_list .p_item p{line-height: 2.1em;}
#keywords_list .s_list{display: block !important;}
#keywords_list .p_loopItem{width: auto !important; float: left; padding: 0 10px 3px 0;}
#keywords_list .p_loopItem p{border: 1px solid #ddd;padding: 3px 10px; border-radius: 6px; background: #fff;line-height: 1.6em;cursor: pointer;}

#xgcp{}
#xgcp .p_list{}
#xgcp .p_list .p_loopitem{}
#xgcp .p_list .p_loopitem .s_layout{}
#xgcp .p_list .p_loopitem .s_img{position: relative;height: auto;padding: 0 0 75%;overflow: hidden;}
#xgcp .p_list .p_loopitem .s_img img{position: absolute; top: 50%; left: 50%;transform: translate(-50%,-50%);height: auto;}
#xgcp .p_list .p_loopitem .s_title{}
#xgcp .p_list .p_loopitem .s_title.clearfix{}


/*nav menu*/
#bottom_body .index,#bottom_body .mainNav{display:none !important;}
#main_nav .subNav{display:none !important;}
/*nav sort*/
#bottom_body .sort_0{order:0;}
#bottom_body .sort_1{order:2;}
#bottom_body .sort_2{order:3;}
#bottom_body .sort_3{order:4;}
#bottom_body .sort_4{order:5;}
#bottom_body .sort_5{order:6;}
#bottom_body .sort_6{order:7;}
#bottom_body .sort_7{order:8;}
#bottom_body .sort_8{order:9;}
#bottom_body .sort_9{order:9;}
#bottom_body .sort_10{order:10;}
#bottom_body .sort_11{order:11;}
#bottom_body .sort_12{order:12;}





::-webkit-scrollbar{width: 8px;}
::-webkit-scrollbar-track {background: #d7d7d7;border-radius: 6px;}
::-webkit-scrollbar-thumb{background: #a59e9e; border-radius: 6px;}
::-webkit-scrollbar-thumb:hover{background: #555;}
.chatroom-username{color: #768387; font-size:11px;}

/* web link*/


body .clearfix h1{font-size:30px;}
body .clearfix h2{font-size:26px;}
body .clearfix h3{font-size: 22px;}
body .clearfix h4{font-size:20px;}
body .clearfix h5{font-size:18px;}
body .clearfix h6{font-size:16px;}



.sidebar{position:fixed;bottom:20%;right:0px;z-index:999999}
.sidebar>ul>li:hover div img{
    filter: brightness(100);
}
.sidebar>ul>li{position:relative;text-align:center;cursor:pointer;margin-bottom:6px}.sidebar ul li:last-child{border-bottom:none}
.sidebar ul li a{display:block;position:relative;width:60px;height:60px;border-radius:5px 0 0 5px;text-align:center;overflow:hidden;box-shadow:0px 0px 6px rgba(0,0,0,0.13);background:rgba(247,247,247,0.9);-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.sidebar ul li a:hover{background-color:var(--c);text-decoration:none}
.sidebar ul li a .img{width:100%;text-align:center;overflow:hidden;height:60px;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.sidebar ul li .img img{display:block;margin:auto;max-width:35%;padding-top:10px}.sidebar ul li .img img:nth-of-type(2){display:none}
.sidebar ul li .img .wt{text-align:center;font-size:12px;color:#666666;line-height:1.5;margin-top:3px}
.sidebar ul li:hover .img .wt{color:#FFFFFF}
.sidebar ul li .secondary{display:none;position:absolute;right:80px;top:0;z-index:10;min-width:100%;min-height:100%;background:rgba(247,247,247,0.9);box-shadow:0px 1px 25px rgba(0,0,0,0.1);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;white-space:nowrap}
.sidebar ul li .secondary .icon{font-size:16px;width:auto;height:auto}
.sidebar ul li .secondary::before{content:'';position:absolute;top:0;right:-14px;bottom:0;margin:auto;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:14px solid #f7f7f7;opacity:0.9}
.sidebar ul li .txtli{text-align:left;line-height:60px;font-family:"din";font-size:20px;color:var(--c);padding:5px 20px;min-width:160px}.sidebar ul li .txtli img{display:inline-block;margin-right:10px}
.sidebar .lianxi{white-space:nowrap;text-align:center;padding:20px 20px 15px}
.sidebar .lianxi .imgbox{width:100%;overflow:hidden;text-align:center;font-size:0;white-space:nowrap}.sidebar .lianxi .imgli{display:inline-block;vertical-align:top;width:120px}.sidebar ul li .imgli img{display:block;width:100%}
.sidebar ul li .imgli .t1{margin-top:6px;color:#222222;font-size:18px}