﻿@import "/office/css/iconfont.css";
@import "/office/css/Paging.css";
@import "/Office/js/dialogs/public/css/flat/zebra_dialog.css";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li{margin:0;padding:0;}
a, a:hover {text-decoration: none;}
body {margin:0px auto;font-size:14px;line-height:1.5;font-family:-apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;overflow-x:hidden;}
.clr,.clear,.clearfix {clear:both;}
.clr:after{display:block;content:"";width:100%;clear:both;}
input, textarea,select {border: 1px solid #ccc;}
.input_err {border:1px solid #d02d2d;}
.input_warn {border:1px solid #edbc6c;}
.input_ok {border:1px solid #2baab1;}
.dw_pint {display: none;}
body {background: #f6f7fb;color:#4d5259;}
._api {color:#f00;border:1px solid #f00;font-size:10px;padding:2px 5px;font-weight:300;margin-left:10px;}
:root {
    --zbdialog-color-body:#c2a27e;
    --tj-ff-body: "Microsoft YaHei",sans-serif;
    --tj-ff-heading: "Microsoft YaHei",serif;
}
/*加载中...*/
.warp_loading {display:none;position:fixed;width:100%;height:100%;background:#ffffff;z-index:999999;opacity:0.5;}
.warp_loading .loading{display:block;width:60px;height:60px;position:absolute;left:calc(50% - 30px);top:calc(50% - 40px);background:initial;z-index:9999999;opacity:1;border-radius:50%;line-height:100px;text-align:center;color:#ffffff;}
svg {
  align-self: center;
  width: 60px;
  height: 60px;
}

mask * {
  fill: #fff;
}
mask :nth-child(even) {
  fill: #000;
}

g:nth-of-type(odd) polygon {
  animation-direction: reverse;
}
g:nth-of-type(1) {
  fill: #232323;
}
g:nth-of-type(1) polygon {
  animation-duration: 12s;
}
g:nth-of-type(2) {
  fill: #232323;
}
g:nth-of-type(2) polygon {
  animation-duration: 9s;
}
g:nth-of-type(3) {
  fill: #353535;
}
g:nth-of-type(3) polygon {
  animation-duration: 6s;
}

polygon {
  animation: r 0s linear infinite;
}

@keyframes r {
  to {
    transform: rotate(1turn);
  }
}
.ripple {
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  border: solid 1em rgba(254, 254, 254, 0.15);
  border-radius: 50%;
}
.ripple:nth-child(1) {
  margin: -15vmin;
  width: 30vmin;
  height: 30vmin;
  border-width: 3vmin;
  opacity: 0.6666666667;
  animation: f1 2s linear infinite;
}
@keyframes f1 {
  0% {
    transform: scale(0);
    opacity: 1;
  }
}
.ripple:nth-child(2) {
  margin: -30vmin;
  width: 60vmin;
  height: 60vmin;
  border-width: 6vmin;
  opacity: 0.3333333333;
  animation: f2 2s linear infinite;
}
@keyframes f2 {
  0% {
    transform: scale(0.5);
    opacity: 0.6666666667;
  }
}
.ripple:nth-child(3) {
  margin: -45vmin;
  width: 90vmin;
  height: 90vmin;
  border-width: 9vmin;
  opacity: 0;
  animation: f3 2s linear infinite;
}
@keyframes f3 {
  0% {
    transform: scale(0.6666666667);
    opacity: 0.3333333333;
  }
}

.office_warp {width:100%;height:auto; margin:0px;padding:0px;border:0; border-collapse:collapse;position:relative;}
.office_warp .office_left {display:inline;float:left; width:12%;background:#465161;position:relative;left:0%;top:0%; }
.office_warp .office_right {display:inline;float:left; width:88%;background:#f6f7fb; position:relative;left:0px;top:0%;}
.office_left h4 {height:60px;line-height:60px;padding-left:10px;color:#fff;text-align:left;font-size:16pt;}
.office_right #topnav {background:#fff; height:60px;line-height:60px;text-align:right;width:99%;padding:0px 1% 0px 0%;color:#333;box-shadow:0 0 10px rgba(0,0,0,.4);}
.office_right #topnav a {color:#333;}
.office_right #topnav a.t_usr {color: #333;margin-right: 10px;margin-left:10px; font-weight: bold;}
.office_content {width:96%;padding:1%;margin:1%;background:#fff;position:relative;}
.cover_page{position:fixed;display:block;width:300px;height:90px;/*background:rgba(0,0,0,.25);*/color:#f00;font-size:21px; top:calc(50% - 45px);left:calc(50% - 100px);text-align:center;line-height:90px;display:none;}
.footer {position:relative;bottom:0px; width:95%;padding:24px 2.5% 24px 2.5%;height:auto;color:#fff;line-height:24px;font-size:13px;margin-top:24px;}
.footer a {color: #fff;}
.hidiv{position:fixed;left:0px;top:0px;width:12%;height:100%;background:#465161;}
#page {width: 100%;padding: 1% 0 1% 0;}
.css_tdtitle {text-align: left;}

.hide {display: none;}
.gray {-webkit-filter: grayscale(100%);   -moz-filter: grayscale(100%);  -ms-filter: grayscale(100%);   -o-filter: grayscale(100%);     filter: grayscale(100%); 	     filter: gray; }
.change_language{display:inline;float:right;margin-left:30px;}
.js_lang_cur{background:#f00;color:#fff;}

.btn_select{height:30px;line-height:30px; background: #e4e7ea;border-radius:5px;border:0;outline:0;}
.btn_upload{height:30px;line-height:30px;width:74px; background: #D0EEFF;border-radius:5px;border:0;outline:0;text-align:center;}
.btn_button{height:30px;line-height:30px; background: #e4e7ea;border-radius:5px;border:0;outline:0;}
.btn_key{padding: 4px;height:20px;line-height:20px; background: #fff;border-radius:5px;}
.btn {padding: 4px 10px 4px 10px;line-height:20px; background: #efefef;border-radius:5px;border:0;outline:0;}
.btn_add {background:#15c377;color:#fff;padding: 5px 15px 5px 15px;}
.btn_del{background:#f96868;color:#fff;}
.btn_secondary{background:#e4e7ea;color:#333;}
.btn_warn{background:#faa64b;color:#fff;}
.btn_search{background:#465161;color:#fff;}
.btn_date{padding: 4px;height:20px;line-height:20px; background: #fff;border-radius:5px;}
/*===============================icon-bar=======================================*/
.btn-nav {position: relative;top:calc(0-120px);right: 0px;background: transparent;border: none;padding: 20px 18px 12px 18px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;cursor: pointer;z-index: 99;}
.btn-nav:focus {outline: 0;}
.icon-bar {display: block;margin: 4px 0;width: 21px;height: 3px;background-color:#666;}
.btn-nav:hover .icon-bar {-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;background-color: #333333;}
.nav-content {position: fixed;top: -100%;bottom: 0;left: 0;right: 0;background: #999;display: block;height: 100%;z-index: 9;}
.animated{display: block;margin: 0 auto;background:transparent; }
.animated:hover .icon-bar,.animated:focus .icon-bar{background-color: #999;}
.animated:focus {cursor: pointer;z-index: 9999;}
.middle {  margin: 4px 0;width:50%;}
.icon-bar {-webkit-transition: all .7s ease;-moz-transition: all .7s ease;-ms-transition: all .7s ease;-o-transition: all .7s ease;transition: all .7s ease;z-index: 999999;}
.animated .icon-bar {z-index: 999999;background-color: #666;}
.animated .middle {width: 100%;}
    
/* 本例子css */
.sideMenu {/*background: #465161;*/}
.sideMenu h3{ height:40px; line-height:40px; padding-left:0px; cursor:pointer;font:bold 14px/40px "Microsoft YaHei";color:#fff;
              background:linear-gradient(to bottom,#00000010,#00000000);
}
.sideMenu h3 img {width: 100%;}
.sideMenu h3 em{ float:left; display:inline; width:40px; height:40px;cursor:pointer;font-size:24px;line-height:40px;text-align:center; }
.sideMenu h3 em img{display:block;width:100%;height:100%;}
.sideMenu h3.on {background:rgba(255,255,255,.1);}
.sideMenu h3.cur {background:rgba(255,255,255,.1);}
.sideMenu h3.on em{ background-position:16px -55px; }
.sideMenu ul{ padding:0px 40px; color:#999; display:none; /* 默认都隐藏 */ }
.sideMenu ul li{position:relative;}
.sideMenu ul li._dep1{border-bottom:0px dashed #fff;}
.sideMenu ul li span.iconfont{display:block;width:40px;height:40px;line-height:40px;position:absolute;top:0px;right:-40px;text-align:center;}
.sideMenu ul li ul{padding:0 0 0 20px;display:none;}
.sideMenu ul li ul{ padding:0px 0px; color:#999; display:none; /* 默认都隐藏 */ list-style:none; }
.sideMenu ul li ul li a{font-size:xx-small;white-space:nowrap;display:block;overflow:hidden;text-overflow:ellipsis;opacity:0.6;}
.sideMenu ul li ul li ul{margin-left:1em;}
.sideMenu ul li:last-child {border-bottom:0px;}
.sideMenu ul li a {height:40px;line-height:40px;color:#fff;}
.sideMenu ul li i{cursor:pointer;color:#fff;position:absolute;right:0px;height:40px;line-height:40px;transition:all .3s;font-style:normal;}
.sideMenu ul li i.cur{transform:rotate(90deg);transition:all .3s;}
.sileUl li p{display: none;}
.sileUl li p a {display: block;font-size:small;color:#fff;}
/*man_zone*/
.man_zone{width:100%;margin:0px auto 15px auto;border-radius:0PX;}
.man_zone a{text-decoration-line:none;}
.man_zone ul, .man_zone li{padding:0px; margin:0px;list-style:none;position:relative;}
h4.mz_tit{font-size:14px; line-height:28px; color:#006699; font-weight:bold;position:relative;z-index:0;}
#pagetitle {overflow:hidden;height:40px;line-height:40px;padding-left:0%;border-bottom:1px solid #ccc; }
#pagetitle h1{font-size:16px;font-weight:400;}
.pagetitle {overflow:hidden;height:40px;line-height:40px;padding-left:0%;border-bottom:1px solid #ccc; }
.pagetitle h1{font-size:16px;font-weight:400;}
.man_zone li input{padding:4px;height:28px;line-height:28px;border-radius:4px;}
.man_zone li.mz_tit{font-weight:bold;}
.man_zone li.hide{display:none;}
.man_zone li.mz_input{padding-top:4px; padding-bottom:4px;}
.man_zone li.mz_btn{padding-top:10px; padding-bottom:4px;display:inline;float:right;width:100%;text-align:left;}
.man_zone li.mz_input span{display:inline;}
.man_zone li.mz_input div.form_control{display:block;height:40px;line-height:40px;position:relative;}
.man_zone li.mz_input div.form_control select,
.man_zone li.mz_input div.form_control input{display:inline;float:left;}
.man_zone li.mz_input div.form_control div.err_Msg{display:inline;float:left;width:auto; margin-left:20px;color:#f00;}
.man_zone li.mz_input:after{clear:both;content:" ";height:0px;width:100%;display:block;}
.man_zone li.mz_input div.form_control div.err_Max{display:inline;float:left;width:auto; margin-left:0px;color:#f00;position:absolute;right:calc(2% + 0px);color:#999;font-size:24px;line-height:36px;}
.man_zone li.mz_input div.form_control div.err_Msg{display:block;float:left;width:100%; margin-left:0px;color:#f00;}

.table_style_list{width:100%;background:#ffffff;line-height:22px; text-align:center;}
.table_style_list tr td{border:1px solid #d1d1d1;}
.gridview_css{width:100%; }
.secid{display:none;}
.secid_head {display: none;}


.showpage_css{margin:0px auto;}
#show_catalogue td img{vertical-align:middle;margin:0px auto;width:16px;height:16px;}
#show_catalogue td.cata_rows {text-align:left;padding-left:10px;}

.secid{ display:none;}
.txtSort{width:25px; text-align:center;}
.txtbbg{width:60px; text-align:center;}
.txtname{ text-align:center; font-weight:bold;}
.txtremark{ text-align:left; color:#999999;}
.txtopt{width:40%;}

.txttitle,.txtstandard{ border:none; border-bottom:1px solid #333333; text-align:center;}
.txtprice{ border:none; border-bottom:1px solid #333333; text-align:center;width:40px; text-align:center;}
.txthttp{ border:none; border-bottom:1px solid #333333; text-align:center;width:280px;}
.repstatus{ text-align:center; color:#ff0000;}
#membercentertit{ text-align:center; font-size:18px; font-family:Lucida Bright;}
#membercentertit .ashow{color:#ff0000; display:inline;}
#membercenter div.sart .shopcart_tab h3{ width:580px; margin:20px auto; text-align:left;}
#membercenter div.sart .shopcart_tab h3 a{ width:120px; display:inline; float:right;font-weight:500; font-size:12px; text-align:right; padding-right:10px;}
#membercenter div.sart .shopcart_tab h3 a.lb01{ display:inline; float:right;}
#membercenter div.sart .shopcart_tab h3 a.lb02{ display:inline; float:right;}
#membercenter div.sart .shopcart_tab h3.prodlist{ background:#efefef; color:#808080; border-bottom:1px solid #990000; border-left:10px solid #990000; padding-left:10px; line-height:32px;}
#membercenter div.sart .shopcart_tab h3.address{ background:#efefef; color:#808080; border-bottom:1px solid #990000; border-left:10px solid #990000; padding-left:10px; line-height:32px;}
#membercenter div.sart .shopcart_tab h3.otherinfo{ background:#efefef; color:#808080; border-bottom:1px solid #990000; border-left:10px solid #990000; padding-left:10px; line-height:32px;}
#membercenter div.sart .gridview_css{width:600px; margin:0px auto;}
#membercenter div.sart .txtSort{ text-align:center;}
#membercenter div.sart .prod_pic a{ display:block;width:54px; border:1px solid #cccccc; margin:10px; padding:2px;}
#membercenter div.sart .prod_pic img{ width:48px; height:48px;}
#membercenter div.sart .txtprice02{color:#ff0000;}
#membercenter div.sart .txtprice03{color:#990000; font-weight:bold;}
#membercenter div.sart span{ margin-left:0px; text-align:left;}
#membercenter div.sart .lbprice{color:#990000; font-weight:bold; font-size:24px; line-height:60px; text-align:left;}
#membercenter div.sart #Table3{width:600px; border:1px solid #cccccc; padding:0px 0px 0px 0px; background:#efefee;}
#membercenter div.sart .tab3td01{ text-align:right; width:30%;}
#membercenter div.sart .tab3td02{ text-align:left;width:70%;}
.orderdeal{ text-align:center;}
.orderdeal img{width:500px; margin:0px auto;}
.txtremark02{display:block; width:250px; text-align:left; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}

.relationpic img{width:48px;}

.modcsslist{ text-align:center;}
.modcsslist { background:none; border:none;}
.modcsslist td{ padding:10px; border:none;}
.modcsslist input{ display:block; text-align:center; margin:0px auto;}
.modcsslist label{ display:block; text-align:center; top:0px; display:inline;float:left;}
.modcss{ display:inline; float:left; width:120px; text-align:center; margin-right:10px;}
.modcss img{ width:120px; height:140px;}

#carprice{ width:640px;}
#carprice li{ display:inline; float:left; width:200px; text-align:left; padding-top:5px; height:28px;}
#carpravtion{ width:640px;}
#carpravtion li{ display:inline; float:left; width:210px; text-align:left; padding-top:5px;}

.gridview th.secid{display:none;}
.gridview tr td.secid{display:none;}
.gridview_css{ width:100%; margin:0px auto 15px auto;border: 1px solid #eceeef; border-collapse:collapse;font-size:12px;}
.gridview_css tr:first-child {height:42px;line-height:42px; border-bottom:4px solid #f6f7fb;font-weight:bold;}
.gridview_css th{height:42px;line-height:42px;text-align:center;border-right:1px solid #eceeef;}
.gridview_css tr{height:28px; line-height:28px;text-align:center;}
.gridview_css tr:hover{background:#f6f7fb;}
.gridview_css td{height:28px; line-height:28px;text-align:center;border:1px solid #eceeef;border-collapse:collapse;}
.gridview_css td.css_tdtitle{text-align:left;padding-left:1%;}
.gridview_css td input {text-align:center;}
.gridview_css td input._txtUrl{text-align:left;}
.gridview_css span.read{display:block;margin:0px auto; width:16px;height:16px;line-height:16px;text-indent:-2999px;background:url(/Office/img/icon_read.png) no-repeat center center;}
.gridview_css span.unread{display:block;margin:0px auto;width:16px;height:16px;line-height:16px;text-indent:-2999px;background:url(/Office/img/icon_unread.png) no-repeat center center;}
.gridview_css  td.css_thmurl {max-width: 200px;overflow: hidden;}
.gridview_css  td.desp_title {text-align:left;padding-left:1%;}
.gridview_css  td.letter_lock, .gridview_css  td.letter_def {font-size: 14pt;}
.gridview_css  td a{color:#44b549;margin-right:10px;font-weight:600;}

.btn_wxsendall {padding:2px 15px 2px 15px;background:#faddde;border:1px solid #f00;color:#333;margin-left:20px;}
.wx_icon {display:block;width:16px;height:16px;margin:10px auto;background:url(/Office/img/wx01.png) no-repeat center center;}
.unsys {background:url(/Office/img/wx00.png) no-repeat center center;}
.css_online {display: none;}
.css_title{text-align:left;padding-left:1%;}
.css_title a{margin-right:1%;}
.css_select,.css_pic{width:50px;overflow:hidden;}
.s_lock,.s_istop{font-size:12px;}
.css_type{width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

#showpage_css{width:100%; margin:0px auto 10px auto;border-collapse:collapse;}
#showpage_css td{height:32px; border-collapse:collapse;}
#showpage_css td img {width: 24px;height: 24px;}
#showpage_css td input{margin-right:0px;}
#showpage_css td select{margin-right:0px;max-width:150px;}
#showpage_css td select.btn_select_fromver{display:none;}
.showpg{display:block;width:100%; border:1px solid #d1d1d1;padding:4px 0px 4px 0px;margin:10px auto;text-align:right;background:#ffffff;}
.table_style{margin-bottom:10px;background:#ffffff;}
.table_style tr td{ border:1px solid #d1d1d1;height:28px; line-height:28px;text-align:center;}
.txtSort{width:40px; text-align:center;}
.table_copy{width:100%;}
.cuttit{display:block; width:300px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
/**彈出層**/
.table_class{width:100%;font-size:12px;background:#ffffff;border-collapse:collapse;}
.table_class tr td {border:1px solid #cccccc;border-collapse:collapse;padding:4px;}
.table_class tr td.left2 {width:200px;text-align:right;}
.table_class .left_title{text-align:center;}
.table_class .left_title_1{text-align:center;font-weight:bold;}
img.btn_close {float: right; margin: 0px 0px 0 0;}


.showthmimg{height:40px; width:auto;}

.css_picover .showbigimg{ display:none; float:left;margin-left: 48px;margin-top:-44px; position:absolute; background:#ffffff; padding:4px; z-index:99;box-shadow:0 0 10px rgba(0,0,0,.14);}
.css_picover .showbigimg img{height:200px;width:auto;}
.css_picover:hover .showbigimg{display:block;}

.showimg_thm{ position:absolute; width:200px; top:29px; left:740px;background:#ffffff; padding:4px; z-index:99;}
.showimg_thm img{height:200px;max-width:200px;}

#showimg{width:260px;display:block; float:right; position:absolute; top:12px; right:30px; z-index:99; padding:10px; background:#ffffff;border:1px solid #B4C9C6;}
#showimg_thm{width:200px; display:inline; margin:0px auto; padding-left:30px;}
#showimg img{ margin:0px auto; width:200px;}
#showimg span{ display:block;}
#showimg table.uploadimg{width:260px; border:0;}
#showimg table.uploadimg td{ border:0;}

.wx_icon {display:block;width:16px;height:16px;position:relative;top:5px;text-indent:-2999pt;}

#office_history {display:inline;float:left; background:#fff;width:96%;margin:0 1% 1% 1%;padding:1%;}
#office_history h1{font-size:16px;font-weight:400;line-height:40px;border-bottom:1px solid #ccc;margin-bottom:20px;}
#office_history:after{clear:both;content:" ";height:0px;width:100%;}
#office_history div {display:block;float:left;background:#f6f7fb; padding:0px 10px 0px 10px;height:30px;line-height:30px;text-align:center;margin-right:10px;margin:2px 10px 4px 0px;font-size:12px;}
#office_history div a{color:#333;}
#office_history div i{color:#000;font-size:12px;cursor:pointer;}
#office_history div i:hover{color:#f00;font-size:12px;}
.place_seo ul {list-style:none;}
.place_seo ul li {list-style:none;}

input.shang{display:inline;width:16px;height:16px;line-height:16px;text-indent:-2999px;background:url(/Office/img/btn_up.png) no-repeat center center;margin:0px 5px 0px 5px;border:0px;}
input.xia{display:inline;width:16px;height:16px;line-height:16px;text-indent:-2999px;background:url(/Office/img/btn_down.png) no-repeat center center;margin:0px 5px 0px 5px;border:0px;}

.show_fbdetail h3 {font-size:12pt;line-height:24pt;height:24pt;border-bottom:1px solid #f7f7f7;}
.show_fbdetail p {padding:1.5% 0 1.5% 0;font-size:10pt;line-height:20pt;}
.show_fbdetail p pre {font-size: 9pt;color: #f00;}
.show_fbdetail ul {list-style: none;}
.show_fbdetail ul li {line-height: 20pt;}
.show_fbdetail ul li span {font-weight: bold;margin-right: 2.5%;}
/*微信*/
.wrapper h1 small{font-size:12px;margin-left:20px;color:#f00;}
.wx_menulist ,.wx_menulist table{width:100%;}
.wx_menulist tr td {padding:4px;border:1px solid #ddd;border-collapse:collapse;text-align:left;}
.wx_menulist tr.wxmhead td {text-align:center;}
.wx_menulist img{height:30px;width:auto;text-align:center;}
.wx_menulist tr td.tcent {text-align: center; }
.wx_menulist tr td.tcent span{margin:0px 5px 0px 5px;}
.wx_menulist tr td.tcent input.sel {display: none;}
input.btn_local {cursor:pointer; display:block;height:32px;line-height:32px;padding:0px 30px 0px 30px;border-radius:5px;border:0;background:#000;color:#fff;}
input.btn_local:hover {background:#ff0000;color:#fff;}
input.btn_wx_edit{cursor:pointer; display:block;height:32px;line-height:32px;padding:0px 30px 0px 30px;border-radius:5px;border:0;background:#44b549;color:#fff;}
input.btn_wx_edit:hover{background:#ff0000;color:#fff;}
.man_zone li input.btn_wx {cursor:pointer; display:inline;height:32px;line-height:32px;padding:0px 30px 0px 30px;border-radius:5px;border:0;background:#000;color:#fff;}
.man_zone li input.btn_wx:hover {background:#ff0000;color:#fff;}
.man_zone li input.btn_local {cursor:pointer; display:block;height:32px;line-height:32px;padding:0px 30px 0px 30px;border-radius:5px;border:0;background:#000;color:#fff;}
.man_zone li input.btn_local:hover {background:#ff0000;color:#fff;}
.man_zone li input.btn_wx_edit{cursor:pointer; display:block;height:32px;line-height:32px;padding:0px 30px 0px 30px;border-radius:5px;border:0;background:#44b549;color:#fff;}
.man_zone li input.btn_wx_edit:hover{background:#ff0000;color:#fff;}
.man_zone ul.wx_edit {display:block;clear:both;margin-top:2.5%;}
.man_zone li select {height:32px;line-height:32px;border-radius:5px; }
.man_zone li input#picture {width: 380px;}
.man_zone li textarea{padding:4px;line-height:28px;width:98%;}
.txt_addr,.txt_url,.txt_seo {width: 400px;}
@media screen and (max-width:1200px) 
{
    .office_right #topnav {background:#fff; height:60px;line-height:60px;text-align:right;width:98%;padding:0px 2% 0px 0%;color:#333;box-shadow:none;}

    .txt_addr,.txt_url,.txt_seo  {width: 98%;}
    .office_warp {width:100%; margin:0px;padding:0px;}    
    .office_warp .office_left {display:block;width:100%;height:100%; background:#f7f7f7;}    
    .office_warp .office_left .header{display:block;}    
    .office_warp .office_left .wrapper{display:none;position:fixed;top:60px;width:100%;}
    .office_warp .office_right {width:100%;}
    .office_warp .office_left h4 {height:60px;width:15%; line-height:60px;background:#01a796 url(/Office/img/98web.png) no-repeat left center;padding-left:0px;color:#fff;text-align:center;font-size:14px;}
    .office_warp .office_left h4{left:0;top:0;}
    .office_warp .office_left h4 img{display:none;}
    .office_right #topnav {float:right;margin-top:-60px;width:98%; height:60px;line-height:60px;text-align:right;padding:0px 1% 0px 1%;color:#333;position:fixed;z-index:99999;}
    .office_content {width:98%;padding:1% 1% 1% 1%;margin:1% 0;}
    #office_history {display: none;}
    .gridview_css{border:1px solid #d1d1d1;width:100%;}
    .office_right .sideMenu {position:fixed;width:100%;height:100%;z-index:1000;left:-100%;transition:all .3s;}
}

/*EditUpload*/
.piclist{display:block;width:100%;margin:0px auto;position:relative;}
.piclist div{display:inline;float:left; width:100px;height:100px;margin-right:1.25%;margin-bottom:0%;position:relative;overflow:hidden;text-align:center;background:#f6f7fb;}
.piclist div:nth-child(9n){width:10%;margin-right:0%;}
.piclist div img{display:block; height:auto;width:100%;margin:0px auto;}
.piclist div em{position:absolute;top:0px;right:0px;display:block;height:20px;width:100%;background:rgba(0,0,0,0.5);opacity:0;text-align:right;}
.piclist div:hover em{opacity:1;}
.piclist div em i{display:inline;float:right;width:20px;position:relative; color:#fff;height:20px;text-align:center;margin-right:2%;font-size:10px;text-indent:-1999px;}
.piclist div em i._left{background:url(/Office/img/_left.png) no-repeat center center;}
.piclist div em i._right{background:url(/Office/img/_right.png) no-repeat center center;}
.piclist div em i._delete{background:url(/Office/img/_delete.png) no-repeat center center;}
.piclist div em i._stop{background:url(/Office/img/_stop.png) no-repeat center center;}
.picbtn {display: inline;float: left;width: 100px;height: 100px;line-height: 100px;text-align: center;font-size: 54px;color: #f6f7fb;border:1px solid #efefef;}
@media screen and (max-width:1200px) {
.piclist{display:block;width:100%;margin:0px auto;position:relative;}
.piclist div{display:inline;float:left; width:32%;height:100px;margin-right:2%;margin-bottom:2%;position:relative;overflow:hidden;text-align:center;background:#f6f7fb;}
.piclist div:nth-child(3n){width:32%;margin-right:0%;}
.piclist div:nth-child(9n){width:32%;margin-right:0%;}
.piclist div img{display:block; height:auto;width:100%;margin:0px auto;}
.piclist div em{position:absolute;top:0px;right:0px;display:block;height:20px;width:100%;background:rgba(0,0,0,0.5);opacity:0;text-align:right;}
.piclist div:hover em{opacity:1;}
.piclist div em i{display:inline;float:right;width:20px;position:relative; color:#fff;height:20px;text-align:center;margin-right:2%;font-size:10px;text-indent:-1999px;}
.piclist div em i._left{background:url(/Office/img/_left.png) no-repeat center center;}
.piclist div em i._right{background:url(/Office/img/_right.png) no-repeat center center;}
.piclist div em i._delete{background:url(/Office/img/_delete.png) no-repeat center center;}
.piclist div em i._stop{background:url(/Office/img/_stop.png) no-repeat center center;}
.picbtn {display: inline;float: left;width: 32%;height: 100px;line-height: 100px;text-align: center;font-size: 54px;color: #f6f7fb;border:1px solid #efefef;}
}

.side_color {display:inline;float:left;width:20px;height:60px; overflow:hidden;transition:all 2s;}
.side_color:hover {display:inline;float:left;width:auto;height:60px; transition:all 2s;}
/*.side_color {display:inline;float:left;}*/
.side_color ul {list-style:none;}
.side_color ul li {display: inline-table;height:16px;margin-top:22px;margin-right:0px;}
.side_color ul li i {border-radius: 100%;}
/*pop2021*/
.btn_adchk{color:#00f;margin-left:10px;margin-right:0px;font-weight:400;}
.btn_adchk em{color:#f00;font-weight:400;margin-left:5px;}
.pop2021 {position:fixed;display:none;float:left;width:580px;padding:10px; height:auto;left:calc(50% - 300px);top:30%; background:rgba(0,0,0,.8);color:#fff;text-align:left;z-index:99999999999;border-radius:5px;}
.pop2021 h3 {display: block;text-align:left;}
.pop2021 h3 a{display: inline;float:right; position:relative;right:0px;color:#fff;}
.pop2021 p {min-height:40px;padding:10px;margin-top:10px; background:rgba(255,255,255,.3);}

@media screen and (max-width:1200px) {
    .side_color{display:none;}
    .change_language{display:none;float:right;margin-left:10px;}

    .man_zone li.mz_input div.form_control div.err_Max{display:inline;float:left;width:auto; margin-left:0px;color:#f00;position:absolute;right:calc(2% + 0px);color:#999;font-size:12px;line-height:36px;top:-30px;}
    .man_zone li.mz_input div.form_control div.err_Msg{display:block;float:left;width:100%; margin-left:0px;color:#f00;}

    #pagetitle h1{font-size:15px;font-weight:400;position:relative;padding-left:10px;}
    #pagetitle h1:before{display:block;content:"";height:60%;top:20%;left:0px; width:2px;background:#f00;position:absolute;margin-right:10px;}
    .man_zone li input{padding:4px;height:28px;line-height:28px;border-radius:4px;}
    .man_zone li.mz_tit{font-weight:500;position:relative;}

    input.btn_local {cursor:pointer; display:block;height:32px;line-height:32px;padding:0px 30px 0px 30px;border-radius:5px;border:0;background:#000;color:#fff;}
    input.btn_local:hover {background:#ff0000;color:#fff;}
    input.btn_wx_edit{cursor:pointer; display:block;height:32px;line-height:32px;padding:0px 30px 0px 30px;border-radius:5px;border:0;background:#44b549;color:#fff;}
    input.btn_wx_edit:hover{background:#ff0000;color:#fff;}
    .man_zone li input.btn_wx {cursor:pointer; display:block;width:100%; height:32px;line-height:32px;padding:0px 0px 0px 0px;border-radius:5px;border:0;background:#000;color:#fff;}
    .man_zone li input.btn_wx:hover {background:#ff0000;color:#fff;}
    .man_zone li input.btn_local {cursor:pointer; display:block;width:100%; height:32px;line-height:32px;padding:0px 0px 0px 0px;border-radius:5px;border:0;background:#000;color:#fff;}
    .man_zone li input.btn_local:hover {background:#ff0000;color:#fff;}
    .man_zone li input.btn_wx_edit{cursor:pointer; display:block;height:32px;line-height:32px;padding:0px 30px 0px 30px;border-radius:5px;border:0;background:#44b549;color:#fff;}
    .man_zone li input.btn_wx_edit:hover{background:#ff0000;color:#fff;}
    .man_zone ul.wx_edit {display:block;clear:both;margin-top:2.5%;}
    .man_zone li select {height:32px;line-height:32px;border-radius:5px; }
    .man_zone li input#picture {width: 380px;}
    .man_zone li textarea{padding:4px;line-height:28px;width:98%;}
    .txt_addr,.txt_url,.txt_seo {width: 98%;}


    .btn_key {margin-top: 10px;}
    .btn {padding: 4px 7px 4px 7px;line-height:20px; background: #efefef;border-radius:5px;border:0;outline:0;margin-top:10px;}
    .btn_add {background:#15c377;color:#fff;padding: 5px 15px 5px 15px;}
    .btn_del{background:#f96868;color:#fff;}
    .btn_secondary{background:#e4e7ea;color:#333;}
    .btn_warn{background:#faa64b;color:#fff;}
}
.tabbody #mbbq span{width:120px;}

.icon-loading:after {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    border: 0px dashed #339900;
    animation-name: rotateme2;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: rotateme2;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotateme2;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: rotateme2;
    -ms-animation-duration: 3s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: rotateme2;
    -o-animation-duration: 3s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear
}
@keyframes rotateme2 {
0% {transform: rotate(0deg);opacity: 1}
50% {transform: rotate(-180deg)}
100% {transform: rotate(-360deg);opacity: 1}
}

.gridview_css  td a.color-red{color:#ff0000;}
.gridview_css  td a.color-blue{color:#00f;}
.gridview_css  td span.color-red{color:#ff0000;}
/*
.gridview_css  td span.iconfont{font-size:16px;display:block;width:16px;height:16px;}
    */