/* CSS Document */

*{padding:0; margin:0}
html,body,div,ul,li,h1,h2,h3,h4,h5,h6,table,tbody,th,tr,td,dl,dt,dd,p,a,form,embed,label,marquee,ol,span{
    border: 0 none;
	margin: 0;
	padding: 0;
	outline: 0;
     }
html{height:100%;width:100%; }	 
body{ font-size:14px; font-size:0.875rem; font-weight:normal; font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif; line-height:25px; color:#000; background-color:#fff;overflow-x: hidden;}
table, p, input, button,select,textarea{font-size:14px; font-size:0.875rem; font-weight:normal; font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif;}

input::-ms-clear {
    display: none;
}
input::-ms-reveal { display: none; }
textarea{resize: none;line-height: 20px;}
ul,ul li,ol,ol,li{list-style:none;}
a,a:visited,a:hover,a:active{text-decoration:none; color:#000;}
img{ border:none;}
.half_word{text-indent: 1em;}
.one_word{text-indent: 2em;}
/*-- top --*/
.topbg{ width:100%; min-width:1250px; height:52px; background:url(../images/topbg.jpg) repeat; line-height:52px; overflow:hidden;}
.toplogo{ float:left;width:170px; height:32px; padding:10px 30px 10px 25px;}
.toplogo img{ width:100%;}
.tophello{ float:left; color:#a3a4a6;}
.topmenu{ float:right;/*  margin-right: 20px; */}
.topmenu li{ float:left;}
.topmenu li a{ display:block; height:52px; padding:0 15px; color:#a3a4a6;}
.topmenu li span{ display:block; float:left; width:25px; height:25px; margin:15px 10px 0 0px; background:url(../images/ico.png) no-repeat;}
.topmenu li span.menu1{ background-position: 0px -170px;}
.topmenu li span.menu2{ background-position: 0px -210px;}
.topmenu li span.menu3{ background-position: 0px -250px;}
.topmenu li span.menu4{ background-position: 0px -290px;}
.topmenu a:hover{ background-color:#383a55; color:#fff;}
.topmenu a.amenu3{ color:#fff;}
.topmenu a.cancel{ border-left:1px solid #62636f;}

/*-- container --*/
.container{ min-width:1250px; overflow:hidden; position:absolute;bottom:0px;
top:52px;
left:0px;
width: 100%;
 height: auto; 
}

.body_wrap{padding-top: 30px;}
/*-- sidebar --*/
.sidebar{ float:left; width:205px; min-height:100%; margin-top:-52px; background:url(../images/sidebarbg.jpg) repeat; padding-bottom:5000px;margin-bottom:-5000px;}
.sidebar .h52{ height:52px;}
.sidebar span{ display:block; float:left; width:20px; height:20px; margin:5px 16px 0 0; background:url(../images/ico.png) no-repeat;}
.sidebar dl{ margin:0 0 30px;}
.sidebar dt{ height:45px; padding-left:32px; margin-top:12px; font-size:1rem; color:#fff; line-height:45px; border-top:1px solid #383a55;}
.sidebar dt.born{ border:none; margin:0;}
.sidebar dt span{margin:13px 16px 0px 0;}
.sidebar dd{ height:30px;}
.sidebar dd a{ display: block; height:30px; padding-left:32px; line-height:30px; color:#bebec1;}
.sidebar dd a:hover,.sidebar dd.cur a,.sidebar dd.cur a:hover{ background-color:#383a55; color:#ffce4b;}

span.ico1{ background-position:-40px -170px;}
span.ico2{ background-position:-40px -190px;}
span.ico3{ background-position:-40px -210px;}
span.ico4{ background-position:-40px -230px;}
span.ico5{ background-position:-40px -250px;}

span.ico6{ background-position:-60px -170px;}
span.ico7{ background-position:-60px -190px;}
span.ico8{ background-position:-60px -210px;}
span.ico9{ background-position:-60px -230px;}
span.ico10{ background-position:-60px -250px;}
span.ico11{ background-position:-60px -270px;}
span.ico12{ background-position:-60px -290px;}

span.ico13{ background-position:-80px -170px;}
span.ico14{ background-position:-80px -190px;}
span.ico15{ background-position:-80px -210px;}
span.ico16{ background-position:-80px -230px;}
span.ico17{ background-position:-80px -250px;}
span.ico18{ background-position:-80px -270px;}
span.ico19{ background-position:-80px -290px;}
span.ico20{ background-position:-80px -310px;}
span.ico21{ background-position:-80px -310px;}
span.ico22{ background-position:-80px -310px;}

/*-- main --*/
/* .main{ margin:30px 2% 95px 235px; } */


.main .bgf{ background-color:#fff;}
.menu,.main_wrap {
  height:100%;
}
.main_wrap iframe,.menu iframe {
  height:100%;
  width: 99.99%;
  z-index:20;
}
.leftmenu{
position: absolute;
bottom:0px;
top:0px;
left:0px;
float:left; width:205px;
}
.main{
position: absolute; 
right:2%;
left: 235px;
top: 0px;
bottom:0px;
}

/*-- foot --*/
.foot{ height:40px; background-color:#e7e7e7; line-height:40px; text-align:center; position:absolute; bottom:10px; left:235px; right:2%;}


/*--文档弹窗--*/
.window{ width:320px; min-height:210px; padding:20px; position:fixed; top:23%; left:38%; z-index:999;background-color:#fff; border-radius: 5px; -webkit-border-radius: 5px;-moz-border-radius: 5px; box-shadow:0 0 6px #959595;-webkit-box-shadow:0 0 6px #959595;   -moz-box-shadow:0 0 6px #959595;text-align:center;}
.window_ico{ width:72px; height:72px; margin:30px auto 20px; background:url(../images/ico.png) no-repeat;}
.window h3{ font-weight:normal; font-size:18px; font-size:125%; margin-bottom:20px;}
.window span{ color:#F00}
.window_btn{ width:280px; margin:20px auto;}
.window_btn input{ width:120px; margin:10px;}
.window_text a{ color:#919191; text-decoration:underline;}
.ico_succeed{ background-position:-215px -190px;}
.ico_warning{ background-position:-215px -270px;}
.warning_top{ padding-top:10px; border-top:1px solid #e1e1e1;}


/*-------- other --------*/

.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.p0{ padding:0;}
.m0{ margin:0;}
.ov{ overflow:hidden; clear:both;}
.cf{ color:#fff;}
.c7c{color:#7c7c7c;}
.bgn{ background:none;}
.born{ border:none;}
.mt20{ margin-top:20px;}
.mt8{ margin-top:8px;}
.mb20{ margin-bottom:20px;}
.box{ background-color:#fff; border:1px solid #e1e1e1; padding:2%; position:relative;}
.box dt{ font:bold 1rem "Microsoft YaHei"; padding:0 0 15px 0;}
.boxtop{ height:30px; line-height:30px; border-top:1px solid #FFF; text-indent:8px;}
.boxleft{ width:44%;}
.boxright{ width:46%;}
.input{width:260px; height:30px;padding:0 5px; line-height:30px;  margin-right:5px; border:1px solid #e1e1e1;}
.textarea {width:260px; height:90px; padding:0 5px; line-height:20px; margin-right:5px; border:1px solid #e1e1e1;}
.textarea2 {width:97%; height:200px; padding:0 1%; line-height:20px; border:1px solid #e1e1e1;}
.select{width:260px;padding:0 5px; line-height:30px;  margin-right:5px; border:1px solid #e1e1e1;}

option.alltype {
	height:25px;
	line-height:25px;
	font-size:12px;
	padding-left:16px;
	padding-top: 7px;
}
option.btype {
	height:25px;
	line-height:25px;
	font-size:12px;
	padding-left:16px;
	padding-top: 7px;
}
option.stype {
	height:25px;
	line-height:25px;
	font-size:12px;
	padding-left:24px;
}

.tip{ color:#919191; font-size: 12px;}
.tipline{ line-height:20px;}
.file{ display:inline-block; width:24px; height:21px; margin:5px 0 0 10px; background:url(../images/ico.png) no-repeat -140px -190px; border:0 none; outline:0 none; cursor: pointer; vertical-align:top;}
.nowrap{white-space:nowrap;}

/*-- table --*/
.table {width:100%; background-color:#fff; font-size:0.875rem;}
.table tr{    transition: background-color .25s ease;}
.table th,.table td {padding:0 8px; vertical-align: middle;}
.table th { font-weight:normal; font-size:0.875rem; text-align: center; white-space:nowrap; background-color: #ededed;}
.table tbody tr.grey {background-color: #f4f4f4;}
.table tbody tr.white {background-color: #fff;}
.table b{font-weight: normal;}
/* #status_all  tbody tr:hover{background-color: #fff;} */
.table .txtl,.link_add td.txt1,.message .txt1,.info .txt1{ text-align:left;}
.table .txt2{ text-align:center;}
.table_td th,.table_td td{ height:40px; border-bottom: 1px solid #e1e1e1;border-left:1px solid #e1e1e1 ;}
.table_td th td{border-bottom: 0px;}
.table_index{ display:inline-block; height:377px; background:url(../images/bodybg.png) no-repeat center; background-size:cover}
/* .table_hover tbody tr:hover td{ background-color: #f4f4f4;} */
.bordertop{border-top:1px solid #e1e1e1 ;}
.borderbot td{border-bottom:1px solid #e1e1e1 ;}
.borderrig {border-right:1px solid #e1e1e1 ;}
.table_edit td a{ padding:0 10px; color:#1b55c0;}
.table_edit td a:hover{color:#158dfc;}
.table .borderln{ border-left:0 none;}
.table_center{ text-align:center;}
.column_mana td a{ color: #000; }
.column_mana td a:hover{ color: #e37c7c; }
.table_plugin  td a:hover{ color: #e37c7c; }
.table_plugin td.onoff{width: 97px;}
.table_plugin li textarea{padding:10px;border: solid 1px #c3c0c0;}
.hover_common tr:hover{ background:#f4f4f4; }

#category_table .title_tr{font-weight:bold; font-size:0.875rem; text-align: center; white-space:nowrap; background-color: #ededed;width: 100%;padding:0 8px;vertical-align: middle;}

/*table page*/
.table_page{ background-color:#f4f4f4;}
.table_page td{ height:45px;}
.table_page span{ display:inline-block; margin:0 5px;}
.table_page span.quanxuan{ margin:0 auto;}
/* circle  start----调色板*/
#title_colorpanel{font-size:12px}
#title_colorpanel td{padding-left:12px;}
#title_colorpanel th{font-weight:normal; text-align:right;padding-right:10px; color:#777}
#title_colorpanel td label{ vertical-align:middle}
#title_colorpanel td,.#title_colorpanel th{padding:4px 0 4px 8px}
.table_form tbody td,.table_form tbody th{border-bottom:1px solid #eee; }
.colorpanel tbody td,.colorpanel tbody th{ padding:0;border-bottom: none;}
table.color_con td{border:solid 1px #000;}
.watermark td,.watermark th{ padding:0;border-bottom: none;border-bottom:1px solid #eee; height:12px;border-left:0px;}
a.close-own{background: url(../images/cross.png) no-repeat left 3px; display:block; width:16px; height:16px;position: absolute;outline:none;right:7px; top:8px; text-indent:200px; overflow: hidden}
a.close-own:hover{background-position: left -46px}
/* circle  end */

.page{ text-align:center;}
.page li{display:inline-block; vertical-align:middle;  margin:12px 2px;}
.page li a{display:block;height:21px; line-height:21px; padding:0;}
.page li a.pageli{background-color:#fff; border:1px solid #ccc;}
.page li a.pageli:hover{ background-color:#f6f6f6}

/*-- title --*/
.tit{ font-size:20px; font:bold 1.25rem "Microsoft YaHei"; line-height:30px; margin-bottom:20px;}
.twonav{ margin-bottom:20px; float:left; overflow:hidden;}
.twonav li{ padding: 8px 13px;
    min-width: 80px;
    font-weight: 400;
    line-height: 1;
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: 0;
    margin: 0 20px 0 0; 
        background-color: #1392df;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
        float: left;
    transition: .2s;}
.twonav li:hover{ background: #158dfc; }
.twonav li a{ color:#fff;}

/*-- button --*/
.button{ height:30px;  padding:0 15px; margin:5px 5px;background: none\0;*background: none; height: 25px\0;*height: 25px;  }
.Submitcommon{border:solid 1px #9e9e9e;padding: 0 15px;font: 13px Arial;border-radius: 0px; background: #eee;height: 30px; line-height: 30px;-webkit-appearance: none;color:#000;}
.vedio_upload{height:30px;  padding:0 50px;border-radius: 4px;margin:5px 5px; height: 25px\0;*height: 25px; background: #1392df; border:solid 1px #1392df;color: #fff;}
.vedio_upload:hover{background: #0195ef;border:solid 1px #0195ef;cursor: pointer;}
input[type="submit"].Submitcommon, input[type="reset"].Submitcommon, input[type="button"].Submitcommon, .Submitcommon { -webkit-appearance: none;color:#000;}
.btn{ display:block; float:left; height:30px; padding:0 20px;line-height: 30px; color:#fff; border:0 none; background-color:#1392df; border-radius: 5px; -webkit-border-radius: 5px;-moz-border-radius: 5px;  cursor:pointer;}
.btn:hover{background-color:#0398F3;}
.btnorange{ background-color:#ffaa3d;}
.btnorange:hover{background-color:#FB8D01;}
.btnred{ background-color:#ff4646;}
.btnpadd{ padding:0 40px;}
.btnpadd:hover{background-color:#1F8FD4}
.btngrey{ background-color:#c3c3c3;}
.btngrey:hover{ background-color:#A7A5A5;}
a.btnpadd, a.btnpadd:visited, a.btnpadd:hover, a.btnpadd:active{color: #fff;}
.btn_on{ display:block; width:65px; height:30px; background:url(../images/ico.png) -140px -140px}
a.view{ color:#385dfe; text-decoration: underline;}
a.view:hover{ color:#0398F3; }

/* select 美化 */
::-webkit-selection{ background:#000; color:#fff; text-shadow:none; }
::-moz-selection{ background:#000; color:#fff; text-shadow:none; }
::selection{ background:#000; color:#fff; text-shadow:none; }


.rel_select .cssSelect { 
    width: 100%;
    height: 30px;
    border: 1px solid #fff;
    outline: 0 none;
    cursor: pointer;
    color: #fff;
    text-align: left;
    text-indent: 20px;
}

.rel_select .cssSelect *{ display: block; }
.rel_select .cssSelect a{ color: #666; outline-width: 0px; text-decoration: none; }
.cssSelect .selectBox{ cursor: pointer;float: left; }
.cssSelect .selectLt{ cursor: pointer; float: left; text-align: left; }
.rel_select .cssSelect .selectRt{ cursor: pointer;background: url(../images/ico.png) no-repeat bottom right;  float: right}

.rel_select .cssSelect .selectLt{ overflow: hidden; height: 30px; line-height: 31px; padding: 0 10px; background: none transparent scroll repeat 0% 0%; color: #fff; }
.cssSelect .selectRt{ height: 30px; padding-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 28px}
.rel_select .cssSelect .sNormal{ background-position: 0px 0px;width: 100%;}
.rel_select .cssSelect .sHover{ background-position: 0px -50px}
.rel_select .cssSelect .sHover .selectRt{ /* 鼠标移上 三角样式 */ }
.rel_select .cssSelect .sPressDown{ }
.rel_select .cssSelect .sPressDown .selectRt{ }
.rel_select .cssSelect .optionsBox{ position: absolute; border: 1px solid #dbdbdb; width: 100%; margin: 0px; background: #FFC561; z-index: 100;}
.rel_select .cssSelect .optionsInnerBox { }
 .cssSelect .optionBox { cursor: pointer; padding: 2px 30px 2px 18px; margin: 0px; height:25px; line-height: 25px; }
 .cssSelect .optionBox span { cursor: pointer; font-size:12px;}
.rel_select .cssSelect .oNormal { }
.rel_select .cssSelect .oHover{background:url(../images/whitebg.png) repeat;color: #F60B0B; }
.rel_select .cssSelect .selected{ background:url(../images/whitebg.png) repeat; color: #F60B0B; }

#select_ui_name_typeid_2  .optionsBox{background: #f9696c;}
.picaddbox .cssSelect,.column_box .cssSelect,.articl_search .cssSelect{width:270px; text-indent: 5px; line-height:30px;  margin-right:5px; border:1px solid #e1e1e1; background: #fff;float: right;position: relative;}
.picaddbox .cssSelect{ float:left}
.picaddbox .cssSelect .selectBox,.column_box .cssSelect .selectBox,.articl_search .cssSelect .selectBox{width: 100%;}
.picaddbox .cssSelect .selectRt,.column_box .cssSelect .selectRt,.articl_search .cssSelect .selectRt{ cursor: pointer;background: url(../images/arrow.png) no-repeat bottom right;  float: right;height: 21px;}
.picaddbox  .cssSelect .optionsBox,.column_box  .cssSelect .optionsBox,.articl_search  .cssSelect .optionsBox{ position: absolute; border: 1px solid #e1e1e1; background: #fff;  z-index: 100; width: 100%;left:0px;}
.picaddbox  .cssSelect .optionBox span,.column_box  .cssSelect .optionBox span,.articl_search  .cssSelect .optionBox span{padding:0px; float: none;}
.picaddbox .cssSelect .oHover,.column_box .cssSelect .oHover,.articl_search .cssSelect .oHover{background: #DEDBDB;color: #F60B0B;}
.column_box .cssSelect,.articl_search .cssSelect{float: left;}
/* uploadify 上传 */
.uploadify {
	display: inline-block;position: relative;
}
.uploadify-button {
	position: absolute;
    top: 3px;
    left: -10px;
}

@media (max-device-width:768px){
	
    
	/*--文档弹窗--*/
	.window{ width:86%; padding:5%; top:20%; left:2%; }
	.window_ico{ width:72px; height:72px; margin:30px auto 20px; background:url(../images/ico.png) no-repeat;}
	.window h3{ font-weight:normal; font-size:18px; font-size:125%; margin-bottom:20px;}
	.window span{ color:#F00}
	.window_btn{ width:280px; margin:20px auto;}
	.window_btn input{ width:120px; margin:10px;}
	.window_text a{ color:#919191; text-decoration:underline;}
	.ico_succeed{ background-position:-215px -190px;}
	.ico_warning{ background-position:-215px -270px;}
	.warning_top{ padding-top:10px; border-top:1px solid #e1e1e1;}


}