/*#region ==========公共样式==========*/
@charset "utf-8";
body{ font:13px/normal "Microsoft Yahei" ,Arial,Verdana, "宋体"; margin:0px; padding:0px; position:relative; background:#f0f0f0; color:#666;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,a,img{ margin:0; padding:0; font-style:normal;}
h1,h2,h3,h4,h5,h6,dl,dt,dd,em,th{ font-size:100%; font-weight:normal;}
input,textarea{ font-size:13px; margin:0px; padding:0px; font-family:"Microsoft Yahei";}
ul,li{ list-style:none; margin:0px; padding:0px; display:block;} li{ vertical-align:top;}
img{ border:none;}
table,tr,td,th{ font-size:12px; padding:0px; margin:0px; vertical-align:middle; border-collapse:collapse; border-spacing:0;}
a{ color:#666; text-decoration:none; outline:none; cursor:pointer;}
a:hover{ color:#F60;}
p{ margin:0px; padding:0px;}
input,textarea,select{ border:1px solid #ddd; outline:none; font-family:"Microsoft Yahei";}
textarea:focus,input[type="text"]:focus,input[type="password"]:focus{ border-color:#ff7300;}
.clear{ display:block; height:0; overflow:hidden; clear:both; *zoom:1;}
.body{ width:100%; overflow:hidden; margin:0; padding:0;}
.hidden{ display:none !important;}
.inline { display:inline;}
.left{ float:left !important;}
.right{ float:right !important;}
.center{ text-align:center !important;}
.hover:hover{ color:#ff6600 !important;}
.hover a:hover{ color:#ff6600 !important;}
.a{ color:#ff7300;}
.a:hover{ color:#ff6600; text-decoration:underline;}
.b{ background:#ff7300 !important; color:#fff !important;}
.b:hover{ background:#ff6600 !important; color:#fff !important;}
.oh { overflow:hidden !important;}
.bai { background:#fff;}
/*图片垂直居中*/
img.v{ position:relative; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%);}
/*暂无数据*/
.NodataTips{ line-height:30px; display:block; overflow:hidden; padding:30px 10px; text-align:center; font-size:13px; color:#666;}
#trans-tooltip,#tip-arrow-bottom,#tip-arrow-top{ display:none;}
.mask{ width:100%; height:100%; overflow:hidden; cursor:pointer; background:rgba(0,0,0,0.5); position:fixed; left:0; top:0; z-index:1003;}
/*JSEnhancements.vsix插件可以在vs折叠代码，所以要用region包住*/
/* href="javascript:history.back();" */
/*#endregion */


/*#region ==========滚动条美化==========*/
::-webkit-scrollbar{ width:5px; height:5px; background-color:#f6f6f6;}
::-webkit-scrollbar-track{ border-radius:5px; background-color:#f6f6f6;}
::-webkit-scrollbar-thumb{ border-radius:5px; background-color:#666;}
/*#endregion */


/*#region ===========图标字体===========*/
@font-face {font-family: "iconfont";
  src: url('fonts/iconfont.eot'); /* IE9*/
  src: url('fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('fonts/iconfont.woff') format('woff'), /* chrome、firefox */
  url('fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
/*#endregion */


/*#region ===========定制页面通用===========*/
/*头部工具栏*/
.editor_headbg { width:100%; height:50px; background:#5874d8; position:fixed; left:0; top:0; z-index:1000;
box-shadow:0 0 5px #6680dc;}
.editor_head { width:960px; height:50px; margin:0 auto;}
.editor_head ul { overflow:hidden;}
.editor_head li { float:left; width:auto; height:50px; line-height:50px;}
.editor_head li a { min-width:110px; height:50px; display:inline-block; overflow:hidden; color:#fff;
border-left:1px solid #6680dc; border-right:1px solid #4966ce;}
.editor_head li a:hover { background:#7891e8;}
.editor_head li a i { float:left; font-size:15px; margin:0 8px 0 15px;}
.editor_head li a span { font-size:14px;}
/*#endregion */


/*#region ===========手机定制页面===========*/
/*左侧框架*/
.container { width:960px; height:auto; position:relative; margin:0 auto; padding:70px 0 0 0;}
.scrollbox { width:420px; background:#f6f6f6; box-sizing:border-box; overflow:auto; box-shadow:0 1px 10px rgba(150,150,150,0.1);}
.editor_left, .editor_right { width:420px; position:relative;}

.view_editbtn { width:170px; overflow:hidden; position:fixed; top:50px; left:10px; z-index:10;}
.view_editbtn a { height:40px; line-height:40px; display:block; overflow:hidden; text-align:center; font-size:15px; color:#fff;
background:#0094ff; border-radius:3px; margin-bottom:10px;}
.view_editbtn a:hover { color:#fff;}

/*右侧tab*/
.righttab { width:100px; position:absolute; right:-100px; top:0; z-index:1000; }
.righttab li { height:36px; line-height:36px; overflow:hidden; background:#fff; color:#666; margin:0 0 10px 0; text-align:center; font-size:14px; cursor:pointer;}
.righttab li.lion { background:#5874d8; color:#fff;}

/*右侧列表*/
.navtog { display:block; overflow:hidden; padding:20px 0; text-align:center; font-size:14px;}
.navtog input { display:inline-block; vertical-align:middle;}
.navtog label { margin:0 15px 0 3px;}
.advbox { min-height:300px; overflow:hidden; padding-bottom:80px;}
.advboxli { overflow:hidden; position:relative; margin-bottom:10px;}
.advboxli .istab { width:100%; height:100%; position:absolute; right:0; z-index:999; background:rgba(0,0,0,0.5); color:#fff; display:none; }
.advboxli .istab i { float:right; color:#fff; font-size:14px; margin:10px 15px 0 0; cursor:pointer; display:none;}
.advboxli:hover .istab { display:block; cursor:move;}
.advboxli .isdiv { overflow:hidden;}
.advboxli .isdiv img { display:block;}
.advboxli .ishtml { overflow:hidden; display:none; min-height:50px; background:#eee;}
.advbox_left .istab i { display:block !important;}
.advbox_left .isdiv { display:none;}
.advbox_left .ishtml { display:block;}

/*头部底部*/
.infohead { width:100%; background:#fff; height:50px; line-height:50px; border-bottom:1px solid #eee; box-sizing:border-box; font-size:16px; text-align:center; position:relative; }
.infohead input { width:100%; height:50px; text-align:center; font-size:16px; border:0 none;}
.infohead input[type="text"]:focus { -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 1px rgba(82,168,236,0.6); box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 1px rgba(82,168,236,0.6);}
.footnav { width:100%; background:#fff; height:50px; border-top:1px solid #eee; box-sizing:border-box; display:flex; justify-content:space-around; }
.footnav a { display:block; overflow:hidden; text-align:center }
.footnav a i { width:25px; height:25px; display:block; overflow:hidden; margin:5px auto 0 auto; font-size:20px; }
.footnav a span { font-size:12px; display:inline-block; overflow:hidden;}
.footnav a:hover { color:#0094ff;}

.logoheader{ height:30px; line-height:30px; padding:10px 0; overflow:hidden; text-align:center; position:relative; background:#fff; margin-top:1px; border-bottom:1px solid #eee;}
.logoheader .btn{ width:50px; height:34px; padding:8px 0; display:block; overflow:hidden; position:absolute; left:0; top:0; z-index:10;}
.logoheader .btn i{ width:26px; height:2px; margin:10px auto 0 auto; display:block; overflow:hidden; background:#999;}
.logoheader span { display:inline-block; overflow:hidden; font-size:15px; padding-left:5px;}
.logoheader img { display:inline-block; overflow:hidden; height:30px;}
/*#endregion */


/*#region ===========手机预览页面===========*/
.mobilebox { width:420px; min-height:50px; padding:40px 0; margin:50px auto; overflow:hidden; position:relative;}
.mobilebox_top { width:100%; height:40px; overflow:hidden; background:#f4f5f7; border-radius:40px 40px 0 0;
position:absolute; left:0; top:0; z-index:100;}
.mobilebox_top i { width:50px; height:10px; display:block; overflow:hidden; margin:15px auto; background:#ccc; border-radius:10px;}
.mobilebox_body { overflow:hidden; background:#fff;}
.mobilebox_body iframe { width:100%; border:0 none; background:#fff;}
.mobilebox_foot { width:100%; height:40px; overflow:hidden; background:#f4f5f7; border-radius:0 0 40px 40px;
position:absolute; left:0; bottom:0; z-index:100;}
.mobilebox_foot i { width:30px; height:30px; display:block; overflow:hidden; margin:5px auto; background:#ccc; border-radius:100%;}

/*二维码*/
.view_qrcode { width:170px; overflow:hidden; position:fixed; top:200px; left:50%; margin-left:230px; z-index:100;}
.view_qrcode .qrcode { width:150px; padding:10px; overflow:hidden; background:#fff; border:1px solid #ddd; text-align:center;}
.view_qrcode .qrcode span { display:block; overflow:hidden;}
.view_qrcode .qrcode p { line-height:20px; padding:5px 0 0 0; font-size:13px;}
.view_qrcode .btn { height:40px; line-height:40px; display:block; overflow:hidden; text-align:center; font-size:15px; color:#fff;
background:#0094ff; border-radius:3px; margin-top:15px;}
/*#endregion */


/*#region ===========电脑定制页面===========*/
/*工具栏*/
.toolbtn { position:fixed; top:70px; left:40px; z-index:999;}
.toolbtn a { width:50px; height:50px; line-height:50px; display:block; overflow:hidden; background:#fafafa; border-radius:100%;
text-align:center; font-size:24px; color:#666; margin-bottom:15px; box-shadow:0 0 15px 0 rgba(0,0,0,0.2);}
.toolbtn a:hover { background:#5874d8; color:#fff;}

/*模块区*/
.editarea { width:360px; overflow:hidden; position:fixed; z-index:1200; top:70px; left:40px; background:#fff; box-shadow:0 0 15px 0 rgba(0,0,0,0.2); border-radius:4px; }
.msk { width:100%; position:absolute; top:0; left:0; height:46px; z-index:99;}
.editarea_top { width:100%; overflow:hidden;}
.editarea_top ul { float:left; width:315px; height:45px; overflow:hidden;}
.editarea_top ul li { float:left; width:50%; height:45px; line-height:45px; overflow:hidden; background:#5874d8;
font-size:14px; color:#fff; text-align:center; cursor:pointer;}
.editarea_top ul li.lion { background:#4a66ca;}
.editarea_top a { height:45px; line-height:45px; display:block; overflow:hidden; text-align:center; color:#fff; background:#6680e1;}

.editarea_body { overflow:hidden; overflow-y:auto;}
.advlist { width:360px; overflow:hidden;}
.advlistli { min-height:50px; overflow:hidden; position:relative;}
.advlistli .istab { width:100%; height:100%; position:absolute; right:0; z-index:9; background:rgba(0,0,0,0.3); display:none; text-align:center; cursor:move;}
.advlistli .istab a { color:#fff; display:inline-block; width:100px; height:36px; line-height:36px; border-radius:36px; background:#5874d8; margin:10px;}
.advlistli .istab a i { padding:0 10px 0 0;}
.advlistli .istab b { display:none !important;}
.advlistli:hover .istab { display:block;}
.advlistli .isdiv { width:100%; display:block; text-align:center;}
.advlistli .isdiv img { max-width:100%;}
.advlistli .ishtml { width:100%; display:block; text-align:center;}

/*预览区*/
.viewarea { width:100%; overflow:hidden; padding-top:51px;}
.viewarea ul { overflow:hidden;}
.viewarea .advlistli { overflow:hidden; position:relative;}
.viewarea .advlistli .istab a { display:none;}
.viewarea .advlistli .istab b { float:right; margin:20px 20px 0 0; color:#fff; cursor:pointer; font-size:16px;}
.viewarea .advlistli:hover .istab { display:block;}
.viewarea .advlistli:hover .istab b { display:inline-block !important;}
.viewarea .advlistli .isdiv { display:none;}
.viewarea .advlistli .ishtml { display:block;}

/*#endregion */


/*#region ===========layui样式===========*/

/*#region ***********通用样式************/
/*表格表单*/
.color_molv { color:#009688;} /*墨绿*/
.color_lvse { color:#5FB878;} /*草绿*/
.color_hei { color:#393D49;} /*雅黑*/
.color_slan { color:#1E9FFF;} /*深蓝*/
.color_orange { color:#FFB800;} /*橙色*/
.color_red { color:#FF5722;} /*赤色*/
.color_qlan { color:#01AAED;} /*蓝色*/
.color_zang { color:#2F4056;} /*藏青*/

/*默认提示颜色*/
.layui-form-mid { color:#FF5722;}

/*表单的工具栏*/
.layui-tool { width:100%; height:38px; padding:5px 0; overflow:hidden; background:#fafafa; position:fixed; left:0; z-index:300; text-align:center;
border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1;}
.layui-tool-no { height:50px; overflow:hidden;}
.layui-tool.top { top:0 !important;}
.layui-tool.foot { bottom:0 !important;}
/*#endregion */

/*#region ***********表格样式************/
/*表格表单*/
.layui-table-nobo .layui-table-edit { border-color:#fff;}

/*表格默认字体大小*/
.layui-table td,.layui-table th { font-size:13px;}
.layui-table-tips-main { font-size:13px;}
.layui-table,.layui-table-view { margin:0;}
.layui-table-click { background-color:#f4fafe !important;}
/*#endregion */

/*#region ***********自定义表单************/
/*表单默认样式*/
.layui-dialog { overflow:hidden; padding:10px; position:relative;}
.layui-formbox { overflow:hidden; background:#fff; padding:10px 40px 0 0;}
.layui-form-pane { padding:0 0 0 0;}
.layui-form-select dl { z-index:1200; } /*下拉框搜索被遮盖*/

/*上传图片*/
.picture_box{ overflow:hidden; position:relative;}
.upload_btn { float:left; overflow:hidden;}
.upload_btn .layui-btn { float:left; margin-left:0; margin-right:1px;}
.upload_txt { overflow:hidden;}
/*方框风格*/
.layui-form-pane .picture_box { padding:10px; border:1px solid #eee; border-top:0 none; }

/*上传组图*/
.showimg{ overflow:hidden; clear:both;}
.showimg img{ max-width:1000px; max-height:100px; display:block; padding:5px; border:1px solid #ddd; margin:10px 0 0 0; border-radius:2px;}
.showimg img:hover { background:#f4f4f4;}
.album_list{ overflow:hidden; clear:both;}
.album_list li{ float:left; height:100px; min-width:50px; overflow:hidden; padding:5px; border:1px solid #ddd; margin:10px 10px 0 0; border-radius:2px; cursor:pointer; position:relative; background:#fff;}
.album_list li img{ max-height:100px; display:block; margin:0 auto; *margin:0;}
.album_list li img:hover { background:#f4f4f4;}
.album_list li a{ width:100%; height:25px; line-height:25px; overflow:hidden; background:rgba(0,0,0,0.4); transition:all linear 0.2s;
position:absolute; left:0; bottom:-25px; z-index:100; font-size:12px; color:#fff; text-align:center; *background:#333;}
.album_list li a:hover{ color:#fdffc8;}
.album_list li:hover a{ bottom:0px;}

/*颜色控件*/
.layui-input-color { height:40px; position:relative;}
.layui-input-color .minicolors-input { width:120px !important; padding-left:38px !important;}
.layui-input-color .minicolors-swatch { width:36px !important; height:36px !important;}
.layui-input-color .minicolors-panel { margin-top:0 !important;}

/*#endregion */