*, :after, :before {box-sizing: border-box;}
body{min-width: 1000px;width: 100%;}

.margin{margin: 10px;}
.blue{background: 0 0!important; box-shadow: 0 0 0 2px #3370a5 inset!important;color: #3370a5!important;}
.table thead th,.div-heading{border-bottom: 2px solid #3b83c0!important;padding:4px 8px!important;}
td{vertical-align: middle!important;}
.panel-body{padding: 5px 15px!important;}
.panel .form-control{width: 50%!important;float: left;}
.input-group .form-control{width: 100%!important;}
.form-group .msg{width: 40%!important;float: left;font-size: 12px;margin:0 0 0 5px;line-height: 34px;}
.form-group .errormsg{color: red;}
.form-group .error .form-control,.form-group .error .form-textarea{background: #fff0f0;border-color: #dbb1b1;color: #d95c5c;border-radius: 0 .2857rem .2857rem 0;box-shadow: 2px 0 0 0 #d95c5c inset;}
#WeChat{display: none;}
.public-alert{width: auto;height: 35px; line-height: 35px; padding: 0 15px !important; margin: 0 !important;text-align: center; position: absolute;top: 40%;right: 50%;z-index: 9;}
.checkbox-inline{font-size: 12px;}
.menutitle{vertical-align: middle !important;text-align: center;}
#checkAll,#checkopposite{font-size: 12px;}
form{display: initial!important;}
.fl{float: left;}
.fr{float: right;}
.input-title{max-width: 120px;}
input.number{max-width: 100px;}
.distpicker .form-control{width: 95%!important;}
/*.distpicker .sr-only{width: 30px;height: 26px;margin:7px;clip: auto;}*/
/**************navbar**************/
.nav-left{width: 180px;height: 100%; position: fixed;top: 50px;left:0px;background-color: #222;border-top:2px solid #666; padding-top: 20px;}
.nav-left #sidebar{width: 100%;margin: 0;padding: 0px;}
.nav-left #sidebar>li.sub-menu{display: block;margin: 0 0 1px 0px;padding: 0;border: 0px;line-height: 30px;}
.nav-left #sidebar>li.sub-menu>a{display: block;position: relative;margin: 0;border: 0px;-webkit-border-radius: 0px !important;-moz-border-radius: 0px !important;border-radius: 0px !important;text-decoration: none;font-size: 14px;font-weight: normal;text-align: left;width: 180px;padding: 5px 15px;background: #505050;color: #fff;transition-duration: 500ms;transition-property: width, background;transition-timing-function: ease;-webkit-transition-duration: 500ms;-webkit-transition-property: width, background;-webkit-transition-timing-function: ease;}
#sidebar>li.sub-menu>a .arrow{float: right;margin-top: 12px;margin-right: 0px;width: 0;height: 0;border-left: 4px solid #A0A0A0;border-top: 4px solid transparent;border-bottom: 4px solid transparent;}
#sidebar>li.sub-menu>a .arrow.open,#sidebar>li.sub-menu.open>a .arrow{float: right;margin-top: 14px;margin-right: 0px;width: 0;height: 0;border-top: 5px solid #A0A0A0;border-left: 4px solid transparent;border-right: 4px solid transparent;}
.nav-left #sidebar > li.sub-menu > ul.sub{display: none;list-style: none;clear: both;margin: 0px;}
.nav-left #sidebar > li.sub-menu > ul.sub > li{background: none !important;padding: 0px;margin-bottom: 1px;}
.nav-left #sidebar > li.sub-menu > ul.sub > li a{color: rgba(255,255,255,.8); }
.main{width: 100%;float: left;}
.main-right{padding-left: 180px;margin-top: 50px;}
/*************customMenu************/
li{list-style-type:none;}
.phone-menuedit{width: 950px;margin:auto;}
.phone{width: 320px;height: 580px;border: 1px solid #e7e7eb;background: transparent url(/img/bg_mobile_head.png) no-repeat 0 0;position: relative;float: left;margin-right:50px;background-color: #EBEBEB;}
.phone .pul{width: 100%;height: 45px;position: absolute;bottom: 0;border-top: 1px solid #e7e7eb;background: transparent url(/img/bg_mobile_foot.png) no-repeat 0 0;padding-left: 43px;margin: 0;}
.phone .pul .pli{width: 33.3333%;height: 45px;line-height: 45px;font-size: 16px;float: left;text-align: center;border-left: 1px solid #e7e7eb;}
.phone .pul .pli .dropdown-menu{top: inherit;bottom: 45px;width: 92px;min-width: 92px;/*display: block !important;*/background-size: 20px auto;background-color: #F9F9F9;margin-bottom: 20px;padding:0px; }
.phone .pul .pli .dropdown-menu::after{position: absolute;content: "";display: block;width: 20px;height: 20px; background: url(/img/menu-down.png)no-repeat 0 0; background-size: 20px;left: 50%;bottom: -18px;margin-left: -10px;}
.phone .pul .pli .dropdown-menu li{height: 35px;line-height: 25px;border-bottom: 1px solid #ccc;padding: 5px;}
.phone .pul .pli .dropdown-menu a{padding:3px 0;font-size: 12px;    text-align: center;}
.menuedit{width: 550px;height: 580px;border:solid #e7e7eb 1px;float: left;    background-color: #f4f5f9;padding: 10px 20px;}
.menuedit h4{padding: 0 0 5px 0;border-bottom: 1px solid #e7e7eb;    font-weight: bold;}
.edit{margin: 20px 0 0 20px;}
.edit .frm_label{float: left;width: 80px;margin-top: 9px;margin-right: 5px;font-size: 14px;}
.edit .frm_controls {display: table-cell;vertical-align: top;float: none;width: 400px;}
.edit .frm_controls p{font-size: 12px;padding-top: 10px;}
.frm_control_group{width: 100%;margin: 20px auto;}
.frm_control_group .frm_label{margin-top: 0px;}
.frm_control_group .frm_radio{float: left;margin:4px 5px;}
.menu_content_container{width: 100%;height:180px;background-color: #fff;padding: 20px;}
.menu_content_container input{width: 80%;float: left;}
.menu_content_container span{width: 20%;float: left;margin-top: 7px;}
.menu_content_container p{font-size: 12px;}
.menu_content_container .menu_content{display: none;}
.edit .menuedit-btn{margin:20px 5px;width: 90px;float: right;}

/*************autoreply************/
.switch{font-size: 12px;margin-top: 5px;}
.switch input{display: none;}
.switch label{height: 1.5rem;padding-left: 4.5rem;line-height: 1.5rem;color: rgba(0,0,0,.8);position: relative;}
.switch label:before,.switch label:after{cursor: pointer;z-index: 1;background-color: rgba(0,0,0,.05);position:absolute;height: 1.5rem;top: 0;left: 0;content: '';background: #fff;border-radius: 1rem;border: 1px solid #d4d4d5;}
.switch label:before{width: 3.5rem;background-color: rgba(0,0,0,0.1);}
.switch label:after{width: 1.5rem;left:0;}
.switch label.checked:before{background-color: #5bbd72;}
.switch label.checked:after{left:2rem;}

#mediamsg{display: none;}
/***********fanslist*************/
.fanslist.dropdown .dropdown-menu{width: 490px;}
.fanslist.dropdown .dropdown-menu li{width: 120px;float: left;}
/**************materialimages_list*****************/
.materialimages_list{width: 100%;margin:auto;padding: 0;max-width: 1380px;}
.materialimages_list li{width: 220px;height: 350px; float: left;overflow: hidden;margin:10px 0 0 10px;padding: 5px;border: 1px #ccc solid;position: relative;text-align: center;}
.materialimages_list li .img_div{width: 208px;height: 300px;overflow: hidden;}
.materialimages_list li span.img{width: 208px;height: 300px;display: table-cell;vertical-align: middle;text-align: center;margin: auto;overflow: hidden;}
.materialimages_list li span.img img{max-width: 208px;display: inline;}
.materialimages_list li span.button{display: block;width:46px;height: 40px;line-height: 40px;margin-left:-23px;position: absolute;bottom: 0;left:50%;}

.materialarticle_list{width: 100%;margin:auto;padding: 0;max-width: 1380px;}
.materialarticle_list li{width: 24%;min-width: 250px; height: 300px; float: left;margin:10px 0 0 1%;padding: 5px;border: 1px #ccc solid;position: relative;text-align: center;}
.materialarticle_list li .img_div{width: 100%;height: 250px;overflow: hidden;position: relative;display: table;text-align: center;}
.materialarticle_list li .img_div .title{position: absolute;left: 0;bottom: 0;background: rgba(0,0,0,.5);font-size: 12px;color: #fff;width: 100%;line-height: 24px;}
.materialarticle_list li span.img{display: table-cell;vertical-align: middle;}
.materialarticle_list li span.img img{max-width: 100%;display: inline;    max-height: 250px;}
.materialarticle_list li span.button{display: block;width:100%;height: 40px;line-height: 40px;position: absolute;left:0;bottom: 0;}

.covers_img{width: 200px;height: 240px;overflow: hidden;border: 1px #ccc solid;position: absolute;top: 10px;right: 100px;text-align: center;z-index: 3;padding: 1%;display:flex;justify-content:center;flex-direction:column;}
.covers_img a{display: table-cell;vertical-align: middle;}
.covers_img .img{max-width:100%;height: auto;text-align: center;}
input.uploadmaterialimg,input.upload_poster_bg{width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;z-index: 2;}


.department-label{width: 80px;margin-left: 10px;}
/*****QR_code*******/
#QR_code{margin: auto;float: inherit;}
#QR_code .form-control{width: 100%!important;}
#QR_code #QR_code_img{width: 100%;height: 400px; display:table;text-align:center;}
#QR_code #QR_code_img span{ display:table-cell;vertical-align:middle;}
#QR_code #QR_code_img img{display: block;max-width: 95%;max-height: 400px;margin: auto;vertical-align:middle;cursor: pointer;}
ul.qrcodelist{width: 100%;padding: 10px;}
ul.qrcodelist li{width: 20%; height: 250px;float: left;border:solid 1px #ccc;text-align: center;display: table;position:relative;}
ul.qrcodelist li a{display: table-cell;vertical-align: middle;}
ul.qrcodelist li img{display: block;max-width: 98% !important;max-height: 240px;margin: auto;vertical-align: middle;}
ul.qrcodelist li .typename{width: 100%;height: 20px;background-color: #333;opacity: 0.7;display: block;position: absolute;bottom: 0;left: 0;color: #fff;font-size: 12px;line-height: 20px;text-align: center;}
#QR_code .uploadbut{width: 65px; position: absolute;bottom: 35px;left: 50%;margin-left: -30px;}
#qrcode_config .form-group.col-lg-4{padding: 1px;margin: 10px 0px!important;}
#qrcode_config .alert{position:static;font-size: 12px;height: auto;line-height: 20px;text-align: left;margin:10px 0px!important;}

.search{height: 25px;border: 1px solid #ccc;border-left: none;border-right: none;border-radius: 5px;overflow: hidden;}
.search .input-group-btn{vertical-align: top;}
.search .form-group{margin: 0;float: left;height: 100%;}
.search .form-control,.search .btn{width:200px!important;font-size: 12px;padding: 0 12px;padding: 0;height: 23px;line-height: 24px;border: none;border-left:#ccc solid 1px;border-radius: 0;float: left;}
.search .btn{width:auto!important;padding: 0 10px;}
.search .search-submit{border-left: #ccc solid 1px;border-right: #ccc solid 1px;}