/* CSS Document */
input[type="text"]:hover,input[type="text"]:focus,input[type="password"]:hover,input[type="password"]:focus,.column_add .column_in input[type="text"]:focus,.column_add .column_in input[type="text"]:hover, .column_add .column_in textarea:focus,.column_add .column_in textarea:hover{outline:none;border:solid 1px  #53ACFF;}
/*--登录--*/
.loginbg{ background:url(../images/login_bg.jpg) repeat center top; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; overflow: hidden;}  
.login{ max-width:800px; margin:0 auto; margin-top:17%; line-height:36px;overflow: hidden;}
.logotext{ float:left; font-size:22px; font-size:1.5rem; line-height:60px; color:#fff;}
.login_input{ float:left;height:36px; margin:30px 10px 0 0; font-size:1rem; }
.login_input input,.login_code input{height:36px;line-height:36px; margin:0; padding:0; border:0 none; outline:none;}
.login_input input.login_username,.login_input input.login_password{ width:285px;border-left:4px solid #53acff; background:url(../images/ico.png) no-repeat; text-indent: 1em;*text-indent: 0px;}
.login_username{ background-position: 0 0;}
.login_password{background-position: 0 -36px;}
.login_username input, .login_password input{ width:260px;height:34px;line-height:34px;}
.login_code{float:left; margin-right:9px; position: relative;    margin-top: 30px;}
.login_code_img{ width:85px; height:30px; display: none; padding:5px 5px 13px 5px; background:url(../images/ico.png) 0 -108px; position: absolute;top:-50px;}
.login_code_i{width:95px; text-indent:1em;*text-indent: 0px;-o-transition: all .2s; -moz-transition: all .2s;-webkit-transition: all .2s; -ms-transition: all .2s;color:#A79F9F;font-size: 12px;}
.login_btn{ width:80px; background-color:#53acff; color:#fff; text-align:center; cursor:pointer;}
.login_check{ height:16px; /* padding:12px 0 26px; */ line-height:16px;}
.login_check span{ display:block; float:left; padding:2px 6px 0 0;}
.login_failed{ width:189px;height:36px; background:url(../images/ico.png) 0 -72px; color:#ff5454; text-indent:40px; display: none;}

/*--首页--*/
.inlogo{ float:left; width:247px; height:430px; /* margin:0 0 25px 0; */background-color: #fff;}
.inlogo .logobg{ width:100%; height:240px; background:url(../images/intro.png) no-repeat; position:relative;}
.inlogo .logoblue{ width:94px; height:105px; position:absolute; top:130px; left:80px;}
.inlogo h1{ font-size: 1.14rem; line-height:50px; text-align: center;}
.inlogo p{padding: 0 30px;}
.inlogo .index_btn{ margin:20px 0 20px 20px; color:#fff;}
.index_boxa{ height:422px; margin:0 0 25px 272px;}
.index_boxb{ width:68%; margin-right:2%;}
.index_boxc{ width:30%;}
#about_small{display: none;}
#about_big{display: block;}
.weixin{
    position: relative;
}
.weixin .weixinContent {
    display: none;
    position: absolute;
 top: 33px;
left: -26px;
    width: 143px;
    height: 172px;
    background: url(../images/qrCode.png) center center no-repeat;
}

.index_tit{height: 53px; background-color:#fff;}
.index_tit span{ display: block; height: 50px; font-size: 1.14rem;  font-weight: bold;}
.index_tit .index_span1{ float:left; width: 115px; text-align: center;line-height: 50px; border-bottom:3px solid #1392df; }
.index_tit .index_span2{ border-bottom:3px solid #f1f1f1; }

.table_index td{height:53px;border-bottom: 1px solid #e1e1e1;}
.table_index td a{ color:#000;}
.table_index tr.red,.table_index tr.red a{color: #d10000;}
.table_index tr.green,.table_index tr.green a{color: #319609;}
.table_index td.index_icon { width:40px; background: url(../images/ico.png) no-repeat -250px -75px;}
.table_index2 td{height:32px;}

/*--插件管理--*/
.table_plugin td.pluginimg{ padding:0 40px; text-align:center;}
.table_plugin td.pluginimg img{ max-width:35px; max-height:32px;}
.table_plugin .pbtn{ margin:5px auto;}

/*--文档管理--*/
.column_box, .column_ma{ width:49%; min-width:600px;  min-height:470px;margin-bottom:2%; float:left;}
.column_pa{ padding:20px 10px 10px;}
#catleft{padding-left:0px;padding-right:1%;}
#catright{padding-right:0px;padding-left:1%; }

.column_add, .column_add th, .column_add td{ border:0 none;}
.column_add td{ height:50px; text-align:left; line-height:20px;}
.column_add .column_in{ min-width:310px;}
.column_add .column_in input, .column_add .column_in textarea, .column_add .column_in select { min-width:260px; height:30px; line-height:30px;  margin-right:5px; border:1px solid #e1e1e1; float:left;    padding-left: 8px}
.column_add .column_in select { min-width: 270px;}
.column_add .column_in .column_area{ height:auto;}
.column_add .column_in textarea{line-height: 20px;}
.column_add .column_w{width:320px;}

.column_button{ text-align:center; padding:20px 0 0; height:40px;}
.column_button span{ display:inline-block; margin:0 10px;}

.column_mana td{ text-align:left; padding:0;}
.column_mana .sort{ width:3%; min-width:15px;} 
.column_mana .masort{ width:35px; height:20px; font-size:13px;border:1px solid #ccc; margin:5px auto; text-align:center;line-height:20px;display: block;}
.column_mana .matit{ background:url(../images/ico.png) no-repeat;}
.column_mana .explode{ display:block; float:left; width:20px; height:20px;}
.column_mana .module,.column_mana .status{ width:8%;text-align: center; }
.column_mana .opera{ text-align: center;width: 20% ;}
.column_mana .catname{text-indent:10px; width: 59%;}
td.noborder,th.noborder { border-left: 0px;border-bottom:0px;height: auto; }
.column_mana img{margin-left: 10px;display: inline-block;}
.second{ background-color:#fafafa;}
.second .txtl{text-indent:25px;}
.third{ background-color:#f1f1f1;}
.third .txtl{text-indent:45px;}

/*文档模板*/
.column_mould{ width:80%; margin:5% auto 0;}
.column_mould td{ padding:0 15px; line-height:40px;}
.column_mould .mback td{/*  height:65px; */height: 40px;}
.column_mould span{ display:inline-block; vertical-align:top; width:25px; height:20px; margin-top:9px; margin-right:15px; background:url(../images/ico.png) no-repeat;}
.column_mould span.mould_file{ background-position:3px -350px;}
.column_mould span.mould_html{ background-position:-20px -350px;}
.column_mould span.mould_js{ background-position:-70px -350px;}
.column_mould span.mould_css{ background-position:-98px -350px;}
.column_mould span.mould_txt{ background-position:-40px -350px;}
.column_mould span.mould_pic{ background-position:-220px -350px;}
.column_mould span.mould_png{ background-position:-128px -350px;}
.column_mould span.mould_jpg{ background-position:-160px -350px;}
.column_mould span.mould_gif{ background-position:-191px -350px;}
.column_mould span.mould_rar{ background-position:0px -408px;}
.column_mould span.mould_word{ background-position:-26px -409px;}
.column_mould .mould_back{ display:inline-block; padding-left:40px; background:url(../images/ico.png) no-repeat 0 -370px;height: 37px;}

.mouldpreview{ position:relative;}
.mouldpreview .viewimg{ width:77px; height:38px; position:absolute; top:0px; left:324px; display:none;}
.mouldpreview .viewimg img{ max-width:77px; max-height:38px;}
.mouldpreview:hover .viewimg{ display:block;}

/*--友情链接--*/
.link td{ height:65px;text-align:center;}
.link td img{ max-width:70px; max-height:40px;}
.link_add td.link_left{ width: 202px; }
.link_add td{ padding:15px; line-height:30px;  text-align:right;}
.link_add span{ display:inline-block; margin:0 10px;}
.link_add .linkadd_sc{ margin:10px 0 0 0;}
.link_add .linkadd_h{ height:80px;}

/*--留言管理--*/
.message td{ text-align:center;}
.message .already{ color:#3f415d;}
.message .wait{ color:#d90000;}

/*--回收站--*/
.recover td{ text-align:center;}

/*--图片管理--*/
.pic li{ width:282px; height:280px; margin: 0 1.7% 15px 0; float:left; background-color:#fff; padding:8px; position:relative;}
.pic li .pic_class{ max-width: 94%; padding: 5px 3%;height:36px; text-align:center; line-height:36px; position:absolute; top:9px; left:9px; background:url(../images/pic_class.png) repeat; color:#fff;}
.pic li .picpic{ height:210px; text-align:center; border:1px solid #e1e1e1;}
.pic li .picpic img{ max-width:100%; height:210px;}
.pic li .pictit{ height:40px; line-height:40px; border-bottom:1px solid #e1e1e1;}
.pic li .pic_edit{ height:36px; line-height:36px;}
.pic li .picedit, .pic li .del{ display:inline-block; height:30px; padding:0 10px 0 20px; margin:0 5px; border:0 none; outline:0; cursor:pointer; background:url(../images/ico.png) no-repeat;}
.pic li .picedit{ background-position:-140px -216px;}
.pic li .del{ background-position:-140px -244px;}
.pic li .pic_check{display:inline-block; vertical-align:middle; margin:0 20px 0 5px;}
.pic li .pic_time{ float:right; padding-right:5px; color:#707070;} 

/*--文章管理--*/
.articl_search span{ display:inline-block; float:left; margin-right:15px; margin-bottom:20px;}
.articl_search .artseabtn{ float:none;}

/*--添加 图片&文章--*/
.picaddbox{ width:78%;}
.picadd_w{ width:100%; padding:0 1%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.picaddbox span{ display:inline-block; padding:20px 25px 0 0; line-height:30px;}
.picaddbox .span_row{ width:100%; clear:both;height:36px; overflow:visible; margin-top:20px;}
.picaddbox .span_row span{ display:block; float:left; width:33.33%;padding:0px 0px 0 0; }
.picaddbox .span_row .span_writer2{ display:block; float:left; width:100%;padding:0px 0px 0 0; }
.picaddbox .optionBox span{ width:100%;}
.picaddbox .span_row b{ display:block; float:left; font-weight:normal;}
.picaddbox span.span_writer{padding-right:0px;}
.picaddbox span.span_upload{display:block;}
.picaddbox span.pp0{ padding:0;}
.picaddbox span i{display: inline-block;width: 70px;font-style: normal;position: relative;top: -10px; width: 70px;}
.picaddboxright{ width:20%;}
.picaddboxright textarea{ min-height:90px;line-height: 20px;}
.picaddboxright h2{ font-size:16px; font-size:1rem; text-indent:10px; line-height:40px; border-bottom:1px solid #e1e1e1;}
.picaddboxright p{ padding:0 10px; line-height:40px;}

.picadd_dl{ width:20%; min-width:215px; padding: 20px 0px; float:left; background:url(../images/pic_addborder.png) no-repeat right top;position: relative;}
.picadd_dl dt{width:170px; height:143px; margin:0 auto;}
.picadd_dl dt a{ display:block; width:170px; height:143px;background:url(../images/pic_add.png) no-repeat center center;}
.picadd_dl dt img{ width:170px; height:143px;}
.picadd_dl dd input{ width:auto;}
.pic_del{ width:23px; height:23px; position:absolute; top:8px; right:14px; background:url(../images/ico.png) no-repeat -267px -350px; border:0 none; outline:0 none; cursor:pointer;}
.issue{ width:100%; padding:5px 0; height:40px; text-align:center; font-size:1rem; font-weight:bold;}

/*--一键生成--*/
.onekey{ position:relative; border:1px solid #e1e1e1;  border-radius: 20px; -webkit-border-radius: 20px;-moz-border-radius: 20px;}
.onekey_btn{ width:217px; height:217px; background-repeat:no-repeat; background-position:center center; position:absolute; top:50%; left:5%; margin-top:-110px; cursor:pointer;}
.onekey_tip{ margin:0% 2% 0 20%; padding:0 0 0 190px; background:url(../images/ralease_tipbg.png) no-repeat left center;}
.onekey_tip #tip_big{display: block;}
.onekey_tip #tip_s{display: none;}
.onekey_tip li{ margin-bottom:30px; line-height:22px;}
#make_htmlstate{height: 213px;height: 202px\0;*height: 202px;}

/*--发布管理--*/
.release{ width:49%;}
.release input{ border:0 none; outline:0 none;}
.release .updatecache{ display:block; float:left; width:130px; height:40px; background:url(../images/ralease_updatecache.png) no-repeat; cursor:pointer;}
.release .release_state{ width:100%; margin-top:20px;}
.release .release_state td{ padding:20px; line-height:30px;}
.release .release_minh{ min-height:156px;}

.release_btn{ background-image:url(../images/ralease_onekey.png);}
.release_btn:hover{ background-image:url(../images/ralease_onekey_hover.png);}
.release  .relcolumn{ width:45%; min-height:220px; padding:2%; margin-bottom:3%; color:#fff;  border-radius: 10px; -webkit-border-radius: 10px;-moz-border-radius: 10px;}
.release  .r_col1{ background-color:#14b8d4;}
.release  .r_col2{ background-color:#875ed1;}
.release  .r_col3{ background-color:#ffaa3d;}
.release  .r_col4{ background-color:#ec494c;}
.release  .r_btn{ 
    display:block; width:170px; height:170px; margin:10px auto; background:url(../images/ralease.png) no-repeat; text-align:center; line-height:170px; font-size:1.25rem; cursor:pointer;
}

.release  .rbtn1{ background-position:0 0;color:#14b8d4;}
.release  .rbtn1:hover{ background:url(../images/ralease_hover.png) no-repeat 0px 0px;color:#14b8d4;}
.release  .rbtn2{ background-position:0 -170px;color:#875ed1;}
.release  .rbtn2:hover{  background:url(../images/ralease_hover.png) no-repeat 0px -170px;color:#875ed1;}
.release  .rbtn3{ background-position:0 -340px;color:#ffaa3d;}
.release  .rbtn3:hover{  background:url(../images/ralease_hover.png) no-repeat 0px -340px;color:#ffaa3d;}
.release  .rbtn4{ background-position:0 -510px;color:#ec494c;}
.release  .rbtn4:hover{  background:url(../images/ralease_hover.png) no-repeat 0 -510px;color:#ec494c;}

.release .rel_select{ width:100%; height:30px; position:relative;}
.release .rel_select input{ font-size:14px; font-size:0.875rem;}
.release .rel_selectbox{width:100%; height:30px; background:url(../images/ico.png) no-repeat bottom right; border:1px solid #fff; outline:0 none; cursor:pointer; color:#fff; text-align:left; text-indent:20px;}
.release .rel_selectul{ width:100%; height:170px; padding:3% 0; position:absolute; top:30px; z-index:500; overflow:auto; background-color:#ffc561;}
.release .rel_selectul li a{ display:block; width:100%; height:30px; line-height:30px; color:#fff; text-indent:25px;}
.release .rel_selectul li a:hover{ background:url(../images/whitebg.png) repeat;}
.release .selectred{ background-color:#f9696c;}

/*--病毒扫描--*/
.virus_onekey{ width:40%; border:0 none; margin-right:2%;}
.virus_onekey .virus_btn{background-image:url(../images/virus_onekey.png);}
.virus_table{ width:58%; margin-bottom:30px;}
.virus_table td{ height:30px;}

/*--基本参数--*/
.info td{ padding:15px; line-height:30px;  text-align:center;}
.info .infow{ width:500px;}
.info .infoh{ min-height:100px; line-height: 20px;}
.info span{ display:inline-block; margin:0 10px;}

/*--数据备份--*/
.databoxleft{ width:45%;}
.status_databack{ height: 222px; }
.databoxright{ width:49%; padding:0%;}
.data_btn{background-image:url(../images/databackup_onekey.png);}

/*--水印设置--*/
.watermark .input{ color:#7c7c7c; padding:0 5px;}
.water_w{ width:60px;}
.color{ width:20px; height:20px; display:inline-block; position:relative;}
.colorbox{ width:20px; height:20px; margin-top:6px; background:url(../images/ico.png) no-repeat -140px -280px; cursor:pointer; position: relative;}
#colordisk{ width:100px; height:100px; position:absolute; top:28px; left:0; z-index:20;}
.newimgwrap{ position: relative; display: block; }

.newimgwrap .newimg{position: absolute; opacity: 0;filter: alpha(opacity:0);  display:inline-block;
	top: 19px;
    left: 294px;
    height: 25px;
    border:none;
    width: 68px;
    cursor: pointer;
    border:solid 1px blue;

}

/*--用户管理>账号修改--*//*树样式表*/
.userchangenav { display:inline-block; width: 260px;height:200px; border:1px solid #e1e1e1; }
.userchangetreediv {width: 260px;height:200px; overflow:auto;}
.treeNode { margin: 6px 2px 5px 10px;}
a.treeUnselected, a.treeSelected { color: black; padding: 1px 3px 1px 0;text-decoration: none;}
.treeSubnodes { display: block;}
.treeSubnodesHidden { display: none;}
.treeNode img.treeLinkImage { cursor: pointer;}
div.treeNode a, div.treeNode span.apiRoot {display: inline-block; margin-left: 24px;}
div.treeNode span.category {cursor: pointer; margin:0;}

/*--错误修复--*/
.repair{ width:100%; background:none;}
.repair p{ line-height:30px;}


/* 单选按钮 */
.onff{position: relative; display: inline-block;}
input.radio{ position: absolute;left:-999px; }
.cb-enable, .cb-disable, .cb-enable span, .cb-disable span { background: url(../images/form_onoff.png) repeat-x; display: block; float: left;margin:0px;}
.cb-enable span, .cb-disable span { font-weight: bold; line-height: 24px; background-repeat: no-repeat; display: block;}
.cb-enable span { background-position: left -72px; padding: 0 10px;}
.cb-disable span { background-position: right -144px; padding: 0 10px;}
.cb-disable.selected { background-position: 0 -24px;}
.cb-disable.selected span { background-position: right -168px; color: #fff;}
.cb-enable.selected { background-position: 0 -48px;}
.cb-enable.selected span { background-position: left -120px; color: #fff;}

/* 插件管理 */
.short{ width: 93px; height: 29px; margin-right: 22px; }
ul.qq_online li{border-bottom:1px solid #e1e1e1;padding:8px 0px 8px 22px;position: relative;}
td.p0{padding:0px; overflow: hidden;}
ul.qq_online li.noborder{border-bottom:0px;}
ul.qq_online li a:link{ color: #4273ff; }
ul.qq_online li a:hover{color: #1392df;}
ul.qq_online li img{ display: inline-block; margin-right: 10px; margin-top: 6px; }
ul.qq_online li span{ display: inline-block; margin-right: 10px; }
ul.qq_online li .hot_contact{position: relative;top: -8px;}

/* 视频教程 */
.codelist {
    overflow: hidden;
}

.codelist-mobile {
    display: none
}

.codelist a {
    width: 72px;
    margin: 0 5px 8px 5px;
    float: left;
    text-align: center;
    color: #999;
    font-size: 12px;
    height: 65px;
    overflow: hidden;
    text-decoration: none
}

.codelist a:hover {
    color: #64854c
}

.codelist .codeicon {
    border-radius: 5px;
    margin: 0 auto;
    display: block;
    margin-bottom: 5px;

}

.codelist a.item-top {
    width: 22%;
    margin: 0 8px 10px 8px;
    text-align: left;
    height: 80px;
    color: #bbb;
    background-color: #fff;
    border-radius: 5px;
    padding: 6px 16px
}

.codelist a.item-top .codeicon {
    float: left;
    margin-left: 10px;
    margin-right: 10px
}

.codelist a.item-top h4 {
    color: #64854c;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1.1;
    text-align: left
}

.codelist a.item-top strong {
    display: block;
    color: #666;
    text-align:left;
    font-size:14px;
}

.codelist a.item-top:hover {
    background-color: #f9f9f9
}

.codelist a.item-2 h4 {
    color: #7ccd38
}

.codelist a.item-3 h4 {
    color: #52baf5
}

.codelist h2 {
    font-size: 18px;
    font-weight: 700;
    margin: 12px 0;
    border-bottom: 1px solid #DACFCF
}
.div_clear{ clear:both; overflow: hidden;}
.div_clear .articl_search{position: absolute;right: 0px;}

@media (max-device-width:1560px){
html{-webkit-text-size-adjust:none}
.column_box, .column_ma{ width:100%; margin-left:0; min-height: 320px;}
.column_pa{padding:20px 10px 0px;}
#catleft{padding-left:0px;padding-right:0%;}
#catright{padding-right:0px;padding-left:0%; }
.codelist a.item-top{
     width: 19%;
     padding: 1% 2%;
    margin: 0px 1% 2% 1%;
    }   


}
@media (max-device-width:1440px){
	
    .body_wrap{padding-top: 20px;}
    .box{padding:2%;padding:3.5%\0;*padding:3.5%;}
	.onekey_tip #tip_big{display: none;}
    .onekey_tip #tip_s{display: block;}
    .status_databack{ height: 223px; }
    #make_htmlstate{height: 224px;}
    .column_mana .sort{ width: 5%; }
    #picname,#typeid,#writer,.input,.picaddbox .cssSelect{width:160px;}
	.newimgwrap .newimg{ left:170px;}
	.picadd_w{ width:100%;}
	 .picaddbox .span_row{height: 35px; margin-top:20px;}
      .picaddboxright p{ line-height:37px;}
    .picaddboxright textarea{min-height: 123px;}
    #about_small{display: block;}
#about_big{display: none;}
.inlogo{height: 423px;}


}
@media (max-device-width:1366px){
	body,.table th,.box dt{ font-size:13px}
	.index_tit span,.inlogo h1,.index_tit .index_span1,.box dt{ font-size:14px;}
	.table,table,p, input, button, select, textarea,.Submitcommon,.cb-enable span, .cb-disable span { font-size:12px;}
	.index_tit span,.table_index td a,.table_index td a,.codelist a.item-top h4,.codelist a.item-top strong{ font-size:12px;}
	.codelist a.item-top .codeicon{ margin-top:5px;}
	.tit{font: bold 14px "Microsoft YaHei";}
	.twonav li{ width:79px;}
	.table th,.cb-enable span, .cb-disable span { font-weight: normal;}
	.table_edit td a{ padding:0px 0px;}
 .box{padding:1.5%}
.sidebar dd{height: 24px;}
.sidebar dd a{height: 23px;line-height: 23px; font-size:12px;}
.sidebar span{margin: 3px 16px 0 0; background: url(../images/ico_small.png) no-repeat; width: 15px;height: 15px;}
span.ico1{ background-position:0px 0px;}
span.ico2{ background-position:0px -16px;}
span.ico3{ background-position:0px -32px;}
span.ico4{ background-position:0px -50px;}
span.ico5{ background-position:0px -66px;}

span.ico6{ background-position:-16px -1px;}
span.ico7{ background-position:-16px -16px;}
span.ico8{ background-position:-16px -49px;}
span.ico9{ background-position:-16px -66px;}
span.ico10{ background-position:-16px -76px;}
span.ico11{ background-position:-16px -91px;}
span.ico12{ background-position:-16px -106px;}

span.ico13{ background-position:-32px 0px; width:18px; height:18px;}
.column_mana img{ float:left; margin-top:2px;}
.sidebar dt span.ico13{margin: 8px 13px 0px 0;}
span.ico14{ background-position:-32px -17px;}
span.ico15{ background-position:-32px -51px;}
span.ico16{ background-position:-32px -60px;}
span.ico17{ background-position:-32px -67px;}
span.ico18{ background-position:-32px -83px;}
span.ico19{ background-position:-32px -105px;}
span.ico20{ background-position:-32px -116px;}



.sidebar dt{height:29px;line-height: 29px;    font-size: 14px;font-weight: normal; margin-top:3px;}
.sidebar dt span{margin: 8px 16px 0px 0;} 
.picaddboxright p{line-height: 36px;line-height: 38px\0;*line-height: 38px;}
.picaddboxright h2{line-height: 35px;}
 #picname,#typeid,#writer,.input,.picaddbox .cssSelect{width:150px;}
 .newimgwrap .newimg{ left:160px;}
 .picadd_w{ width:100%;}
 .picaddbox .span_row{height: 35px; margin-top:10px;}
 .mt20{ margin-top:10px;}
     #make_htmlstate{height: 206px;}
}