@charset "utf-8";
html, body {font-family:Arial,'微软雅黑';font-size:16px;color:#333;background:#f9f9f9;}
body,li,ul,dl,dd,dt,p,h1,h2,h3{ padding:0;margin:0;border:0;}
body{ padding:0 20px;}
*{ box-sizing:border-box;max-height:999999px;}
i,em{ font-style:normal;}
li{ list-style:none;}
a{ text-decoration:none;}
a:hover{ color:#fe741c;}
img{ vertical-align:middle;}
.clear{ clear:both;}
input[type=text],input[type=search],select{appearance:none; -moz-appearance:none;-webkit-appearance:none;outline:none;} 
.dhidden{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; display:block; }
.dhidden2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;}
.dhidden3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-all;}
.dn{ display:none;}
.iconfont{ width:1em;height:1em;font-size:1.4em;line-height:1em; display:block; text-align:center;font-weight:normal;}
.tablecell{ display:table-cell;vertical-align:middle;}
/*解决table-cell兼容问题*/
.md_table{ display:table;*position:relative;}
.md_table .md_cell{ display:table-cell;width:100%;*position:absolute;*top:50%;*left:0;vertical-align:middle;}
.md_table .md_cell .md_mid{*position:relative;*top:-50%;*left:0;}
/*line-height*/
.line15em{ line-height:1.5em;}
.line18em{ line-height:1.8em;}
.line2em{ line-height:2em;}
.line3em{ line-height:3em;}
/*font*/
.font12{ font-size:12px;}.font13{ font-size:13px;}.font14{ font-size:14px;}.font15{ font-size:15px;}.font16{ font-size:16px;}.font17{ font-size:17px;}.font18{ font-size:18px;}.font20{ font-size:20px;}.font22{ font-size:22px;}.font24{ font-size:24px;}.font26{ font-size:26px;}.font28{ font-size:28px;}.font30{ font-size:30px;}.font40{ font-size:40px;}
.b,.bold{ font-weight:bold;}
.center{ text-align:center;}
.bline{ width:100%; clear:both; padding:10px;}

/*公共颜色*/
.red{ color:#CA0606}
a.red:hover{ color:#fe741c;}
.blue{ color:#1b81ff}
a.blue:hover{ color:#fe741c;}
.green{ color:#03be71}
a.green:hover{ color:#fe741c;}
.orange{ color:#fe741c}
a.orange:hover{ color:#f60;}
.yellow{ color:#ffff00}
a.yellow:hover{ color:#fe741c;}
.cfff,.cfff a{ color:#fff;}
a.cfff:hover,a.cfff.active,.cfff a:hover{ color:#fe741c;}
.fff,.fff a{ color:#fff;}
a.fff:hover,a.fff.active,.fff a:hover{ color:#fe741c;}
.c000{ color:#000;}/*主要文字*/
a.c000:hover,a.c000.active{ color:#fe741c;}
.c333{ color:#333;}/*主要文字*/
a.c333:hover,a.c333.active{ color:#fe741c;}
.c666{ color:#666;}/*次要文字*/
a.c666:hover,a.c666.active{ color:#fe741c;}
.c999{ color:#999;}/*次要文字*/
a.c999:hover,a.c999.active{ color:#fe741c;}
.ccc{ color:#ccc;}/*辅助文字*/
a.ccc:hover,a.ccc.active{ color:#fe741c;}
.eee{ color:#eee;}/*边框*/
a.eee:hover,a.eee.active{ color:#fe741c;}
/*皮肤颜色*/
.color1,.color1 a,a{ color:#3d82e3}/*主色*/
.color1 a:hover,a.color1:hover,a.color1.active,a:hover{ color:#fe741c;}
.color2,.color2 a{ color:#03be71}/*绿色*/
.color2 a:hover,a.color2:hover,a.color2.active{ color:#fe741c;}
.bg1{background-color: #03be71;}

.checkstatus{ display:inline-block; vertical-align:middle; line-height:0;}
.checkstatus *{ display:inline-block; vertical-align:middle;}
.checkstatus em{ margin-left:3px;}
table.listtable .val td .checkstatus span{ display:block;}
table.listtable .val td .checkstatus span img{ padding:0 2px 0 4px;}

/*mydialog弹框样式*/
#dialogbg{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.3); z-index:1000; cursor: pointer;}
#dialog{ position:fixed; left:50%; top:50%; overflow:hidden; z-index:1000; max-height:86%; width:1000px; height:0; transform:translate(-50%,-50%); background:#fff;  opacity:0; transition:all linear 200ms; box-shadow:0 0 10px #666; border-radius:10px;padding:60px 0;}
#dialog .close{ position:absolute; right:0; top:0; width:40px; line-height:40px; font-size:1.2em; text-align:center; font-family: Arial, Helvetica, sans-serif; cursor:pointer; z-index:1;}
#dialog .close:hover{ background:#ddd;}
#dialog .title{ position:absolute; left:0; top:0; width:100%; text-align:center; padding:0 20px; font-size:1.2em; font-weight:bold; line-height:60px; border-radius:10px 10px 0 0;}
#dialog .cont{ line-height:1.8em; overflow:auto; padding:0 20px; position:relative;}
#dialog .cont::-webkit-scrollbar{width:5px; height:5px;}
#dialog .cont::-webkit-scrollbar-thumb{background:#ccc;}
#dialog .cont img{ max-width:100%;}
#dialog .btnbox{ height:50px; background:#fff; text-align:center; border-top:1px solid #eee; display:flex; position:absolute; left:0; bottom:0; width:100%; border-radius:0 0 10px 10px;}
#dialog .btnbox .btn{ display:block; width:100%; cursor:pointer; line-height:50px; color:#333;}
#dialog .btnbox.col2 .btn{ width:50%;}
#dialog .btnbox.col2 .btn.primary{ border-left:1px solid #ddd; color:#085c95; font-weight:bold;}
#dialog .btnbox .btn:hover{ color:#f60 !important;}
#dialog.show{ width:1000px; height:300px; opacity:1;}

/*dialogbox*/
.dialogbody{ padding:5px 10px 10px 10px; overflow-y:scroll; position:relative;}
.dialogbody::-webkit-scrollbar{ width:4px;}
.dialogbody::-webkit-scrollbar-thumb{width:4px;background-color:#c9cce7;border-radius:4px}
.dialogbody .table{ width:100%; margin:0;}
.dialogbox{ line-height:2em; color:#333;}
.dialogbox input.w30{ height:15px;}
.dialogbox li{font-family:Microsoft Yahei; font-size:14px; color:#333; line-height:2.2em; width:49%; float:left; border-bottom:1px solid #ccc;}
.dialogbox li.w70{ width:69%; height:2.2em; overflow:hidden;}
.dialogbox li.w30{ width:30%; height:2.2em; overflow:hidden;}
.dialogbox li.w10{ width:10%; height:2.2em; overflow:hidden;}
.dialogbox li.w40{ width:39%; height:2.2em; overflow:hidden;}
.dialogbox dt{ width:100%; border-bottom:1px solid #ccc; color:#333; font-family:Microsoft Yahei; font-size:16px; line-height:2em;}
.dialogbox dd a{ float:left; min-width:120px; *width:110px; white-space: nowrap; text-decoration:none; color:#666;}
.dialogbox dd a:hover{ background:#eee;}
#dialogsearch{ position:relative; line-height:2em;}
#dialogsearch .dialogsbox{ position: absolute; right:2px; top:1px;}
.ke-dialog-body .dialogbody .cnppform .form-group{ line-height:2em;}

/*button*/
.morebtn { padding:25px 0 5px 0;text-align:center;}
.morebtn a{padding:5px 40px; text-align:center; line-height:1.5em; display:inline-block; margin:0 auto; cursor:pointer; background:#ffdc00; color:#1a1a1a; border-radius:5em;}
.morebtn a.nomore{ display:inline-block;}
.morebtn a.nomore span{ display:none;}
.morebtn a.nomore::before{content:"已经到底了";}
.morebtn.loading::before{content:"加载中...";}
.morebtn.loading span{ display:none;}
.morebtn a.morewidth{ width:60%;}
.morebtn a.morewidth2{ width:70%;}
.morebtn a.morewidth .iconfont,.morebtn a.morewidth2 .iconfont{ margin-left:0px;}
.morebtn a:hover,.morebtn a a:hover{ color:#f60;}
.morebtn a.dn{ display:none;}

/*toast样式*/
.toast{ position:fixed; left:50%; bottom:-100px; z-index:1001; width:500px; margin-left:-250px; padding:10px 20px; line-height:1.5em; background:rgba(0,0,0,0.7); color:#fff;text-align:center; border-radius:10px;}
.toast.show{ bottom:200px; transition:all ease-in-out 500ms;}
.toast.hide{ bottom:250px; opacity:0;}

/*sheetmenu*/
#sheetmenu{ position:fixed; left:0; top:100%; width:100%; height:100%; z-index:1001; transition:all ease-in-out 300ms;}
#sheetmenu.show{ top:0;}
#sheetmenu .bg{ width:100%; height:100%; background:rgba(0,0,0,.2); cursor: pointer;}
#sheetmenu .ttl{ position:absolute; width:900px; left:50%; margin-left:-450px; top:50%; margin-top:-280px; padding:15px 20px; background:#fff; border-radius:10px 10px 0 0; text-align:right;}
#sheetmenu .ttl .btt{ border-radius:1em; padding:0 30px; line-height:1.8em;}
#sheetmenu .ttl .btt.nobg{ background:none; border:1px solid #ccc; color:#333; float:left;}
#sheetmenu .ttl .btt.nobg:hover{ background:#fe741c; color:#fff;}
#sheetmenu .ttl .search{ border-radius:20px; padding:0 100px 0 20px; font-size:0.9em}
#sheetmenu .ttl .ts{ float:left; line-height:34px; padding:0 30px; font-size:16px;}
#sheetmenu .ttl .sbtn{ background:none; outline:none; border:0; width:80px; height:30px; font-size:1em; color:#333; margin-left:-80px; margin-right:90px; border-left:1px solid #ddd; cursor:pointer; vertical-align:middle;}
#sheetmenu .menus{ position:absolute; width:900px; left:50%; margin-left:-450px; top:50%; margin-top:-215px; background:#fff; padding:10px 10px 30px 10px; height:520px; border-top:1px solid #eee; overflow:hidden; border-radius:0 0 10px 10px;}
#sheetmenu .menus .col{width:33.333%; height:100%; text-align:center; float:left; cursor:grabbing; position:relative;}
#sheetmenu .menus.col1 .col{ width:100%;}
#sheetmenu .menus.col2 .col{ width:50%;}
#sheetmenu .menus.col4 .col{ width:25%;}
#sheetmenu .menus .col::before{content:""; position:absolute; left:0; top:0; height:210px; width:100%; background:linear-gradient(180deg,#fff,rgba(255,255,255,0.5)); border-bottom:1px solid #ddd;}
#sheetmenu .menus .col::after{content:""; position:absolute; left:0; bottom:0; height:210px; width:100%; background:linear-gradient(0deg,#fff,rgba(255,255,255,0.5)); border-top:1px solid #ddd;}
#sheetmenu .menus ul{ display:block; height:100%; width:100%; overflow:hidden; padding:0 10px;}
#sheetmenu .menus ul::before{content:""; display:block; height:215px; width:100%;}
#sheetmenu .menus ul::after{content:""; display:block; height:215px; width:100%;}
#sheetmenu .menus ul li{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;line-height:50px; user-select: none;}

/*tabmenu*/
.tab{position:relative;}
.tab .tabmenu{overflow: auto;white-space:nowrap; text-align:center; font-size:22px; padding-bottom:5px;}
.tab .tabmenu::-webkit-scrollbar { width:0;height:0;}
.tab .tabmenu .item{ display:inline-block;text-align:center;cursor:pointer; margin:0 10px; padding:0 10px 10px 10px;line-height:1.5em; position:relative; color:#666;}
.tab .tabmenu .item .icon{ display:inline-block;}
.tab .tabmenu .item.active{ font-weight:bold; color:#333;}
.tab .tabmenu .item.active::after{content:""; position:absolute; left:50%; bottom:0; margin-left:-10px; border-width:12px 10px 0 10px; border-style:solid; border-color:#03be71 transparent transparent;}
#dialogrenqi .tabmenu .item{ padding:0; margin:0 15px 0 0;}
#dialogrenqi .tabmenu .item.active::after{ display:none;}
#dialogrenqi .iconfont{ display:inline-block; vertical-align:middle;}

/*table*/
table.table{ width:100%; background:#fff; line-height:1.5em; overflow:hidden; text-align:center; font-size:16px;}
table.table tr{ color:#333;}
table.table tr.ttl{ color:#333; white-space:nowrap; line-height:1.5em;color:#000;}
table.table tr.ttl td{ background:#ededed;}
table.table td{ padding:10px 15px; background:#fff; word-break:break-all; border-bottom:1px solid #eee;}
table.table td.op{ min-width:170px; text-align:left;}
table.table td.op a{ display:inline-block; white-space: nowrap;}
table.table td.op a.btt{ margin:5px;}
table.table tr.pages td{ border:0;}
table.table .kfile .x{ position:relative; left:-110px;}
/*listtable*/
.blockinfo.list{ width:710px; margin:0 auto; background:#fff; line-height:1.5em; border-radius:10px; overflow:hidden; text-align:center;}
table.listtable{ width:100%; border-top:1px solid #ddd;}
table.listtable .title td{ padding:20px 0 10px 0; text-align:left; line-height:1.4em; font-size: 1.2em;}
table.listtable .title td::before{content:"\e633";font-family: "iconfont" !important; color:#03be71;}
table.listtable .ttl td{ color:#999; line-height:1.5em; text-align:left;}
table.listtable .val td{ border-bottom:1px solid #ddd; text-align:center; padding-bottom:15px; white-space:nowrap; vertical-align:top; text-align:left;}
table.listtable td.op{ border-bottom:1px solid #ddd; text-align:center; padding-bottom:15px; white-space:nowrap; vertical-align:middle;}
table.listtable td .iconfont{ margin:0 auto;}
table.listtable .page td{ padding:15px 0;}
.opline{ line-height:2.6em; border-top:1px solid #eee; display:block; text-align:center;}
.opline.n1{ border:0;}
.opline.left{ text-align:left;}
.brandblock{ border:1px solid #03be71; border-radius:10px; margin:10px 0; padding:0 0 0 15px; line-height:2em; color:#666;}
.brandblock .btt{ float:right; height:2em; border-radius:0 9px 9px 0; width:180px; padding:0 20px; line-height:2em; border:0;}

.blockinfo.form{ padding:15px 0;}
#checkform{ padding:20px; background:#fff;}
#checkform .table{ width:100%; text-align:left; background:#eee;}
#checkform td{ line-height:2em; position:relative; border:0;}
#checkform td.l{ font-size:1em; text-align:right; width:220px;}
#checkform td .selectbox{ width:100%; height:36px;}
#checkform td .select{ height:36px; line-height:36px;}
#checkform td label{ display:inline-block; vertical-align:middle; min-width:100px; padding:0 15px 0 0;}
#checkform input[type="radio"]{ margin:2px 4px 4px 4px; vertical-align:middle;}
#checkform td .ts{ display:block; text-align:justify; color:#999; line-height:1.5em; padding:5px 0;}
#checkform td .ts .dhidden2{ position:relative; height:3em;}
#checkform td .ts .dhidden2 a.dialog{ position:absolute; right:0; bottom:0; background:#fff; background:linear-gradient(90deg,transparent,#fff 30%,#fff 70%); padding:0 0 0 60px;}
#checkform td .checkts{ background:#FFF4EC; display:block; border-radius:6px; margin-top:5px; padding:0 10px;}
#checkform td .checkts::before{content:"\e860";font-family: "iconfont";float:left;margin-right:5px;}
#checkform td .after{ position:absolute; right:15px; top:10px;}
#checkform .noname td .after{ bottom:100%; margin-bottom:-47px;}
#checkform td .fieldshow{ display:block; padding:5px 10px; border-radius:6px; line-height:1.8em; color:#666; background:#f6f6f6; font-size:1em;}
#checkform td .iconfont{ display:inline-block; vertical-align:middle;}
#checkform td .batchfieldul{}
#checkform td .batchfieldul li{ position:relative;border-bottom:solid 1px #EEE;padding-bottom: 10px;}
#checkform td .batchfieldul li .li{ margin-top:10px;}
#checkform td .batchfieldul li .x{position: absolute;right: 0; top:40%}
#dialog #checkform,#dialog .blockinfo{ padding:0;}

/*pagestr*/
#pagestr{ display:inline-block; line-height:1.5em; margin:0 auto; color:#333; padding-top:5px; text-align:center;}
#pagestr a{ border:1px solid #ccc; float:left; background:#fff; padding:0 8px; margin:3px; color:#333; text-decoration:none;}
#pagestr a:hover{ border:1px solid #f60; color:#f60; }
#pagestr span{ border:1px solid #ccc; float:left; background:#fff; padding:0 8px; margin:3px; color:#999;}
#pagestr span.thispage{ border:1px solid #03be71; background:#03be71; color:#fff;}
#pagestr span.totle{ color:#333;}

/*表单样式*/
a.load{ display:inline-block;padding:4px; position:relative; border:1px solid #ddd; border-radius:4px;}
a.load .xx{ position:absolute; right:0; top:0; width:1.5em; height:1.5em; background:url(/plugin/img/admin/del.gif) center center no-repeat #fff; background-size:contain;}
a.load img{max-width:200px; max-height:200px; display:block; box-sizing:border-box; border-radius:4px;}
a.load img:hover{ box-shadow:0 0 0 1px #f60;}
form{ margin:0; padding:0;}
input,select{ vertical-align:middle; font-size:0.9em;}
input.btt,a.btt{ display:inline-block; vertical-align:middle;padding:0 20px; line-height:34px; border:1px solid #03be71; background:#03be71; color:#fff; cursor:pointer; border-radius:5px; outline:medium none currentColor;box-shadow:0 1px 1px rgba(255,255,255,.5) inset;text-decoration: none; font-size:1em;}
a.btt{ box-sizing:border-box; line-height:36px;}
.btt.min{ height:30px; line-height:30px; font-size:16px; padding:0 10px; white-space:nowrap;}
.btt.hov{background:#D59866; border-color:#D59866;}
.btt.blue{ background:#0078cd; border-color:#62b1ff;}
.btt:hover{background:#f80; border-color:#D59866;}
.btt.primary{ background:#67648f; border-color:#67648f;}
.btt.primary:hover{background:#f80; border-color:#D59866;}
.btt.hui{ background:#999; border-color:#999;}
.btt2{ display:inline-block; line-height:1em; border-radius:1em; border:1px solid #3d82e3; padding:5px 15px;}
.btt2.hui{ border-color:#999; color:#999;}
.inb{ display:inline-block; vertical-align:middle;}
input.btt.style1{ background:#7B7BC4; border-color:#7B7BC4;}
input.btt.style1:hover{background:#9F9FDC; border-color:#9F9FDC;}
input.w30,select.w30,input.w50,select.w50,input.w60,select.w60,input.w80,select.w80,input.w100,select.w100,input.w150,select.w150,input.w200,select.w200,input.w300,select.w300,input.w400,select.w400,input.w500,input.w600,input.w700,input.w800{ height:36px; line-height:36px; border:1px solid #ccc; color:#555; border-radius:5px; outline:medium none currentColor; padding:0 5px;}
input.w30,input.w50,input.w60,input.w80,input.w100,input.w150,input.w200,input.w300,input.w400,input.w500,input.w600,input.w700,input.w800{ color:#0F47B8;}
.w30{ width:38px; padding:0 3px !important;}
.w50{ width:50px;}
.w60{ width:60px;}
.w80{ width:80px;}
.w100{ width:100px;}
.w120{ width:132px;}
.w150{ width:150px;}
.w200{ width:200px;}
.w300{ width:300px;}
.w400{ width:400px;}
.w500{ width:500px;}
.w600{ width:600px;}
.w700{ width:700px;}
.w800{ width:800px;}
.inb{ display:inline-block;}
input.gotopage{height: 18px;line-height: 18px;}
input.range{ width:70%; position:relative;}
input.readonly{ background:#eee;}
select{ position:relative; background:url(/public/img/icon/jiantou.png) right 5px center no-repeat #f3f3f3; background-size:14px 8px;padding:0 20px 0 8px !important;}
.selectbox{ display:inline-block; position:relative; cursor:pointer;}
.selectbox:hover select{ border-color:#F90;}
.selectbox::after{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.001);}
input.w30:focus,input.w60:focus,input.w80:focus,input.w100:focus,input.w200:focus,input.w300:focus,input.w400:focus,input.w500:focus,input.w600:focus,input.w700:focus,input.w800:focus{ border:1px solid #F90; box-shadow: 0px 0px 5px rgba(222, 123, 56, 0.506);}
select:focus{ border:1px solid #F90; box-shadow: 0px 0px 5px rgba(222, 123, 56, 0.506);}
.textarea{ display:block; width:100%; max-width:780px; height:72px; margin:5px; padding:5px; box-sizing:border-box; margin-left:0px; border:1px solid #ccc; color:#0F47B8; line-height:1.5em; font-size:12px; border-radius:5px;}
.textarea.h40{ height:100px; }
.textarea.h100{ height:100px; }
.textarea.h200{ height:200px; }
.textarea.h300{ height:300px; }
.textarea.h400{ height:400px; }
.textarea.h500{ height:500px; }
.textarea:focus{ border:1px solid #F90; box-shadow:0 0 5px #f90 inset;}
.edit{ width:780px; height:200px; margin:5px 0; margin-left:0px;}
.edit.h100{ height:100px;}
.edit.h200{ height:200px;}
.edit.h300{ height:300px;}
.edit.h400{ height:400px;}
.edit.h500{ height:500px;}
.edit.h600{ height:600px;}
.edit.h700{ height:700px;}
.edit.h800{ height:800px;}

/* 操作提示 */
#msg{ background:#a6a6a6; color:#ffee00; line-height:1.5em; padding:10px 20px;}
#msg a{ color:#0067f0;}
#msg a:hover{ color:#fe741c;}
/* 菜单样式 */
#menu{margin:10px 0;}
#menu a{float:left; width:15.666%; margin:10px 1% 0 0; font-size:1em; text-align:center;background:#dbf0e7; color:#14b879; padding:10px 5px; line-height:1.4em;}
#menu.col4 a{ width:24%;}
#menu.col5 a{ width:19%;}
#menu.col7 a{ width:13.28%;}
#menu a:hover,#menu a.active{background:#00bc70; color:#fff; position:relative;}
#menu a.active::after{content:""; position:absolute; left:50%; top:100%; margin-top:-1px; margin-left:-8px; border-width:8px; border-style:solid; border-color:#00bc70 transparent transparent transparent;}
/* 页面提示 */
#pagets{line-height:1.5em; margin:10px 0; color:#999; text-align:justify; overflow:hidden; padding-bottom:10px; border-bottom:1px solid #eee; font-size:16px;}
#pagets img{ vertical-align:middle; display:inline-block;}
#pagets.red{color:#f4340b;}
#pagets .icon-tishi{ float:left;margin-right:5px; color:red; font-size:1.5em; position:relative; bottom:-4px;}
#pagets p{ text-indent:0; line-height:1.5em;}


header{ width:100%; height:60px; line-height:60px; position:fixed; z-index:99; left:0; top:0; background:#03be71; color:#fff; font-size:16px;}
header .head{ width:1080px; margin:0 auto; height:60px; position:relative;}
header .head a.nav{ width:160px; display:inline-block;text-align:center; font-size:18px; position:relative;}
header .head a.nav.active{color:#fef804; font-size:24px; font-weight:bold;}
header .head a.nav.active::after{content:""; position:absolute; width:40%; height:3px; background:#fef804; left:30%; bottom:0;}
header .head .logout{ position:absolute; right:120px; top:0; line-height:60px; font-size:18px;}
header .head .logout .iconfont{ float:left; line-height:60px;}
header .head .r{ position:absolute; right:10px; top:0; width:60px; height:60px;}
header .head .r .iconfont{ text-align:left;display:block;margin:0 auto;width:60px;height:60px; line-height:60px;font-size:2.4em;}
header .head .r em{ position:absolute; left:30px; top:5px; padding:4px; border-radius:10px; line-height:1em; background:red; font-size:14px;}
header .head a:hover{color:#ff0}

#searchbox .smenu{ overflow:auto; display:table; background:#f9f9f9; padding-bottom:20px;}
#searchbox .smenu a{ width:5%; padding:0 10px; line-height:1.5em; display:table-cell; vertical-align: middle; text-align:center;}
#searchbox .smenu a.active{ color:#000; font-weight:bold; position:relative;}
#searchbox .smenu a.active::after{content:""; position:absolute; left:50%; top:100%; margin-left:-10px; border-width:12px 10px; border-style:solid; border-color:#03be71 transparent transparent;}
#searchbox .sform{ background:#fff; border-radius:10px 10px 0 0; padding:10px;}
#searchbox span{ float:left; line-height:40px; padding:5px;}
#searchbox span i{ display:inline-block; vertical-align:middle;}
#searchbox span.hidden{ padding:0; height:0;}
#searchbox span.input *,#searchbox span.select *,#searchbox span.time *,#searchbox span.area *,#searchbox span.category *{ float:left;}
#searchbox span.input input,#searchbox span.select select,#searchbox span.time .lastinput,#searchbox span.area input,#searchbox span.category input{ border-radius:5px 0 0 5px;}
#searchbox span.input .btt,#searchbox span.select .btt,#searchbox span.time .btt,#searchbox span.area .btt,#searchbox span.category .btt{ border-radius:0 5px 5px 0;}

#container{ width:1080px; margin:0 auto; overflow:hidden; padding-top:60px; padding-bottom:60px;}

.blockinfo{ padding:10px 0; border-radius:10px;}
.blockinfo .nothing{ padding:50px 20px; color:#999; text-align:center;}
.blockinfo.pdt0{ padding-top:0;}
.blocktitle.style2{font-size: 26px;font-weight: bold;line-height: 2.4em;color: #312d5f;}

@media screen and (min-width:1250px){
	html, body {font-size:16px;}
	header .head{ width:1180px;}	
	#container{ width:1180px;}
}
@media screen and (min-width:1350px){
	html, body {font-size:18px;}
	header .head{ width:1280px;}	
	#container{ width:1280px;}
}
@media screen and (min-width:1450px){
	html, body {font-size:18px;}
	header .head{ width:1380px;}	
	#container{ width:1380px;}
}