@charset "utf-8";
/*reset*/
body, p, dl, dd, blockquote, h1, h2, h3, h4, h5, h6, pre, table, td, th, ul, ol, li, hr, legend, fieldset, textarea, img, form { margin:0; padding:0; }
body { font-family:"Microsoft Yahei","Simsun",Arial; font-size:14px; color:#444444; background:#fff; font-weight:normal !important; text-shadow:none !important;}
input,textarea{ font-family:"Microsoft Yahei","Simsun",Arial; margin:0;}
input,textarea,select{font-size:100%;font-family:"Microsoft Yahei",Arial; vertical-align:middle;}
img, iframe { border:none; }
img{ vertical-align:middle;}
li, ul { list-style:none; }
a { text-decoration:none; color:#444444; outline:none;}
a:hover { color:#000000; }
h2{ font-size:36px;}
h3{ font-size:16px; font-weight:normal; line-height:100%;}
/*public*/
select{ border:1px solid #d4d4d4; height:30px; }
.input-button{ border:none; padding:6px 10px; color:#fff; background:#00c1eb; cursor:pointer; -webkit-transition:all .3s ease; transition:all .3s ease;}
.input-button:hover{ background:#0064c9;}
input[type="text"],input[type="password"],textarea{ border:1px solid #d4d4d4; outline:none;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{ border:1px solid #00c1eb;}
input[type="text"] { padding:5px 0; text-indent:4px;}
input[type="password"]{ height:26px;text-indent:4px;}
input[type="file"]{border:0;}
input[type="checkbox"],input[type="radio"]{ vertical-align:-2px; padding:0;}
textarea { padding:4px;}
input.error{ border:1px solid #c00;}
table{ width:100%; border-collapse:collapse; border-spacing:0}
hr{ border-width:1px 0 0 0; border-style:solid; height:0; overflow:hidden; color:#ccc;}
.btn{ cursor:pointer; color:#333; background-color:#ddd; line-height:100%; display:inline-block; vertical-align:middle; border:none; font-size:14px; padding:8px}
.btn:hover{ background-color:#ccc;}

.btn-default{ cursor:pointer; display:inline-block; line-height:1; font-family:"Microsoft Yahei",Arial,"\5b8b\4f53"; border:none; padding:8px 12px; font-size:14px; background-color:#00c1eb; color:#fff;}
.btn-default:hover,.btn-default:active{background-color:#02abd0;}
.btn-xs{ padding:5px 8px;}

.label{ display:inline-block; padding:2px 3px; background-color:#f89406; color:#fff; line-height:100%;}
.check-box{ display:inline-block; width:13px; height:13px; background:url(../images/checkbox.png) no-repeat center top;}
.checked{ background-position:center -13px;}
.span-checkbox i{ color: #999; font-size:18px;}
.span-checkbox i:before{content: "\f096";}
.span-checkbox.checked i{color:#00c1eb;}
.span-checkbox.checked i:before{content: "\f14a";}

.shade{ position:absolute; margin:0; width:20px; height:20px;}
.text-left{ text-align:left !important;}
.text-center{ text-align:center !important;}
.text-right{ text-align:right !important;}
.text-muted{ color: #999; }
.text-primary{ color: #428bca; }
.text-success{ color: #5cb85c;}
.text-info{ color: #5bc0de; }
.text-warning{ color: #f0ad4e; }
.text-danger{ color: #d9534f; }
a.text-muted:hover { color: #666; }
a.text-primary:hover { color: #286090; }
a.text-success:hover { color: #449d44;}
a.text-info:hover { color: #31b0d5; }
a.text-warning:hover { color: #ec971f; }
a.text-danger:hover { color: #c9302c; }
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.ml15{ margin-left:15px;}
.mr15{ margin-right:15px;}
.col-30{ width:30px;}
.col-80{ width:80px;}
.col-100{ width:100px;}
.col-140{ width:140px;}
.col-160{ width:160px;}
.col-280{ width:280px;}
.hide{ display:none;}
/* bgcolor */
.blue-violate{ background-color:#5b3ab6; color:#fff;}
.green{ background-color:#00c1eb; color:#fff;}
.bondi-blue{ background-color:#00c1eb; color:#fff;}
.bondi-blue:hover,.bondi-blue:active{background-color:#02abd0;}
.danger{ background-color:#ce4b27; color:#fff;}
/* color */
.warning{ /*color:#f89406;*/ color:#fff}
.error{ /*color:#ce4b27;*/ color:#fff}
.success{ /*color:#009600;*/ color:#fff}
.loading{ /*color:#00c1eb;*/ color:#fff}
.confirm{ /*color:#e88a05;*/ color:#fff}

.icon-load{ background:url(../images/loading.gif) no-repeat; display:inline-block; width:30px; height:30px; background-size:100% 100%; vertical-align:middle; }
.icon-spinner { display:inline-block;}

/* buttons */
.button-max{ height:30px; border:none; padding:0 10px; background:#00c1eb; color:#fff; vertical-align:middle; outline:none;}

.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; min-height: 1px;}
.col-lg-12 { width: 100%;}
.col-lg-11 { width: 91.66666667%;}
.col-lg-10 { width: 83.33333333%;}
.col-lg-9 { width: 75%;}
.col-lg-8 { width: 66.66666667%;}
.col-lg-7 { width: 58.33333333%;}
.col-lg-6 { width: 50%;}
.col-lg-5 { width: 41.66666667%;}
.col-lg-4 { width: 33.33333333%;}
.col-lg-3 { width: 25%;}
.col-lg-2 { width: 16.66666667%;}
.col-lg-1 { width: 8.33333333%;}

/* 无限旋转 */
.spin {
  -webkit-transform: rotate(360deg);
  -webkit-animation: spin 2s linear infinite;
  transform: rotate(360deg);
  animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
  from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}
@keyframes spin {
  from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}

.fl{ float:left;}
.fr{ float:right;}
.clearfix:before,.clearfix:after{ content:""; display:block; clear:both; line-height:0; font-size:0; height:0; visibility:hidden;}

.btn-exit{ position:absolute; top:20px; right:0; display:inline-block; padding:5px 10px; background-color:#fff;}

.bzy_logo{ background:#7c9922 url(images/bzy_logo.jpg) no-repeat center bottom; height:64px;}
.anniu { margin-top:10px; border:1px solid #ddd; background:#f70; color:#fff; font-weight:bold; font-size:14px; padding:3px 0; cursor:pointer }

#imgHeadPhoto{ max-width:100px; max-height:100px;}
/*dialog*/
.msg-lock{ position:fixed; top:0; left:0; width:100%; height:100%; background-color:#fff; z-index:2001; filter:Alpha(Opacity=00); opacity:0;}
.msg-close{ position:absolute; right:0; top:0; background-color:#000; line-height:100%; padding:2px 4px; font-size:20px; display:inline-block; color:#fff; opacity:0.2}
.msg-close:hover{ color:#fff;}
.msg-show { position:absolute; z-index:9999; width:340px; text-align:center; background-color:#ffffff; box-shadow:4px 4px 15px #ccc; font-size:14px; color:#666; overflow:hidden; border-radius:6px; border:1px solid #f0f0f0;}
.msg-show i{ display:inline-block; vertical-align:middle; font-size:24px; margin-right:5px; color:#00c1eb;}
.msg-show .msg-text{ padding:25px 10px; line-height:26px;}
.msg-show .msg-btns{ border-top:1px solid #dedede; display:table; border-collapse:collapse; width:100%;}
.msg-show .msg-btn{ display:table-cell; height:36px; line-height:36px; background:#f2f2f2; color:#666; border-right:1px solid #dedede; width:50%}
.msg-show .msg-btn:hover{background-color:#dedede;}

.divLock { position:fixed; top:0; left:0; width:100%; height:100%; background-color:#000000; z-index:1001; filter:Alpha(Opacity=50); opacity:0.5; display:none; }
.dialog-box { position:absolute; background-color:white; z-index:9998; border:8px solid #666; border-radius:5px; display:none;}
.dialog-box .dialog-hd { text-align:right; cursor:move; height:33px; line-height:32px; border-bottom:1px solid #ccc; color:#333333; background-color:#f1f1f1; }
.dialog-box .dialog-hd .text{ float:left; padding-left:10px; font-weight:bold;}
.dialog-box .dialog-hd .diaBtn { float:right; cursor:pointer; display:block; font-size:14px;padding:0 10px; color:#999;}
.dialog-box .dialog-hd .diaBtn:hover{ color: #333;}
.dialog-box .dialog-bd { clear:both; overflow:auto; background-color:#FFF; }
.dialog-box .dialog-btns { height:49px; border-top:1px solid #ccc; background-color:#ececec; text-align:right;}
.dialog-box .dialog-btns .diaBtn{ display:inline-block; cursor:pointer; display:inline-block; padding:7px 15px; background:#00c1eb; color:#fff; font-size:14px; letter-spacing:2px; margin-right:20px; line-height:1; margin-top:10px;}
.dialog-box .dialog-btns .diaBtn:hover,.dialog-box .dialog-btns .diaBtn:active{ background-color:#02abd0;}
.btn-close,.btn-submit{ display:inline-block; padding:6px 15px; vertical-align:middle; background:#edb200; margin:12px 6px 0; color:#fff; font-size:inherit; border:none; font-family:inherit; cursor:pointer;}
.btn-close:hover,.btn-close:active,.btn-submit:hover,.btn-submit:active{background-color:#b58a09; color:#fff;}
.btn-submit{ background-color:#00c1eb;}
.btn-submit:hover,.btn-submit:active{background-color:#02abd0; color:#fff;}
/*frame*/
.lay-head { height:50px; background:#233645; position:relative;}
.frame-body { }
.sidebar { width:180px; position:absolute; left:0; background-color:#2f4050; color:#a7b1c2; overflow:auto;}
.content { position:absolute; right:0; left:180px; overflow:auto }
.wrapper { padding:30px 50px;}
/*table*/
.table{ width:100%; border-collapse:collapse; border-spacing:0}
.table th,.table td{ border:1px solid #ddd; padding:14px 10px; font-size:12px;}
.table th{ text-align:left;}
.table tr:hover{ background-color:#f2f2f2}
.table tr.selected{ background-color:#f5f5f5}
.table img{ max-width:60px; max-height:60px;}
.table .thumb{ line-height:100%;}
.table .thumb img{ padding:3px; border:1px solid #ddd; background-color:#fff;}
/*header*/
.home{ display:none; float:left; width:50px; height:50px; font-size:24px; text-align:center; line-height:50px; color:rgba(255,255,255,0.2);}
.home:hover{ color:#fff; transition:all 0.4s ease-in-out;}
.brand{ display:none; float:left; width:160px; height:50px; background-image:url(../images/logo-WapAdd.png); background-repeat:no-repeat;}
.nav{ position:absolute; left:0;}
.nav>li{ float:left; position:relative; z-index:10;}
.nav>li>a{ display:block; height:30px; line-height:30px; padding:10px 10px; color:#999;}
.nav>li>a:hover{ color:#fff; transition:all 0.4s ease-in-out;}
.nav li ul{ border:3px solid rgb(208, 207, 214); background:#fff; min-width:170px; position:absolute; left:0; display:none;}
.nav li ul:before{ content:""; display:block; border-right:6px solid transparent; border-left:6px solid transparent; border-bottom:6px solid #d0cfd6; position:absolute; top:-9px; left:10px;}
.nav li ul li a{ display:block; height:20px; line-height:20px; padding:8px 10px;}
.nav>li#open ul{display:block;}
.main-nav{ position:absolute; left:60px; right:205px;}
.main-nav .mn{ position:relative; margin-right:60px; height:50px; overflow:hidden;}
.main-nav .mv{ position:absolute; height:50px; width:30px;  top:0; z-index:22; cursor:pointer; opacity:.4;}
.main-nav .mvLeft{  right:30px; background:url(../images/arrow_01.png) no-repeat center center;}
.main-nav .mvRight{ right:0; background:url(../images/arrow_02.png) no-repeat center center;}
.main-nav .mv:hover{ opacity:1;}
.notification-nav{ float:right;}
.notification-nav select{display:none;}
.notification-nav>li{ position:relative;float: left;}
.notification-nav>li>a{ display: block; color:#a7b1c2; padding:0 15px; height:50px; line-height:50px;}
.notification-nav>li:nth-child(2)>a{background-color:#edb200; color:#fff;}
.notification-nav>li>a i{ margin-right: .5em; }
.notification-nav>li>a:hover{ color:#fff; }
/*leftbar*/
.admin-info{ border-bottom:5px solid #da3610; *overflow:hidden;}
.admin-info .admin-thumb{ width:46px; height:46px; line-height:46px; text-align:center; float:left; font-size:36px; border:2px solid #ccc; background:#fff; margin-right:5px; color:#999;}
.admin-info .admin-meta{ float:left;}
.admin-info .admin-meta ul{padding-top:4px;}
.admin-info .admin-meta li{ height:20px; line-height:20px; overflow:hidden;}
.admin-btn{ position:absolute; bottom:0; width:50px; height:50px; text-align:center; left:0; cursor:pointer; line-height:50px; font-size:20px; background:#00345c; color:#fff;}
.admin-btn i:before{ content:"\f100";}
.admin-btn.active i:before{ content:"\f101";}
.left-nav{ clear:both; overflow:auto;}
.left-nav-wrap{ min-height: 100%; background-color: #e1e1e1; border-left: 50px solid #00c1eb; }
.left-primary-nav{ width:50px; float:left; margin-left: -50px;}
.left-primary-nav ul>li>a{ color:#ebf6fc; width:50px; line-height:48px; height:50px; font-size:24px;}
.left-primary-nav ul>li>a:hover{ background-color:rgb(225, 225, 225); color:#da3610; transition:all 0.4s ease-in-out;}
.left-primary-nav ul>li.active>a{ background-color:rgb(225, 225, 225); color:#da3610;}
.left-secondary-nav{ background-color: #e1e1e1;}
.tab-content .tab-pane{ display:none;}
.tab-content .tab-pane.active{ display:block;}
.side-head{ height:50px; line-height:50px; font-size:16px; font-weight:bold; border-bottom:1px solid #d1d1d1; text-indent:15px;}
.accordion-nav>li{ border-top:1px solid #eee; border-bottom:1px solid #d1d1d1;}
.accordion-nav>li>a{display:block; height:48px; line-height:48px; padding-left:15px;}
.accordion-nav>li>a:hover{ background-color:#fff; color:#da3610; transition:all 0.4s ease-in-out;}
.accordion-nav>li>a.curr{ background-color:#fff; color:#da3610;}
/* main content */
.primary-head{ border-bottom:1px solid #eee; margin-bottom:15px;}
.primary-page-header{ font-size:20px; height:40px; line-height:36px; font-weight:normal;}
.top-right-toolbar li{ float:left; margin-left:3px;}
.top-right-toolbar li a{ display:block; padding:0 10px; height:30px; line-height:30px; color:#fff;}
.widget-wrap .widget-head{ font-size:16px; height:40px; line-height:40px; color:#fff; text-indent:15px;}
.widget-wrap .widget-body{ background-color:#ececec; padding:15px;}
.widget-wrap .widget_foot{ margin-top:15px;}
/* lists */
.btn-group{ white-space:nowrap;}
.widget-list .table th{ background-color:#ececec;}
.btn-group{white-space:nowrap;}
.widget-list .btn-group a{ display:inline-block; vertical-align: middle; width:26px; height:26px; line-height:26px; text-align:center; color:#fff; background:#00c1eb;font-size:14px;}
.widget-list .btn-group a:hover,.widget-list .btn-group a:active{background-color:#02abd0;}
/* form list */
.form-list .form-head{ font-size:16px; height:40px; line-height:40px; color:#fff; text-indent:15px;}
.form-list .form-body{ background-color:#ececec; padding:15px;}

/* search */
.search-head{ margin-left:10px;}
.search-head input,.search-head select,.search-head button{ vertical-align:middle;}
.search-head .btn-search{ padding:6px; font-size:18px; border:none; background-color:#00c1eb; color:#fff; cursor:pointer;}
.search-head .btn-search:hover,.search-head .btn-search:active{background-color:#02abd0;}
.search-body{ display:none; border:1px solid #eee; margin-bottom:15px; padding:15px; margin-top:-16px;}
.search-body .btn-search{ padding:5px 8px; font-size:18px; border:none; background-color:#00c1eb; color:#fff; cursor:pointer;}
/* repair order */
.orderBox .topBox{padding:10px 15px;background-color:#fff;}
.orderBox .topBox p{line-height:1.8;}
.orderBox .topBox p span{padding-right:20px;}
.orderBox dl{border-bottom:1px dashed #ccc;}
.orderBox .userReply{background-color:#f2f2f2;}
.orderBox dl dd span{font-size:12px;color:#00c1eb;display:block;margin-top:5px;}
/*form style*/
.container dl:before,.container dl:after{ content:""; display:block; clear:both; font-size:0; height:0; visibility:hidden; overflow:hidden;}
.container dl{ padding:8px 0;}
.container dl dt{ float:left; line-height:30px; width:100px; text-align:right;}
.container dl dd{ margin-left:115px;}
.container dl dd textarea,.container dl dd input[type="text"]{ width:96%;}
.container dl dd input[type="file"]{ height:30px; line-height:30px;}
.container dl dd input[type="checkbox"],.container dl dd input[type="radio"]{ margin-right:5px;}
.container dl dd img{ max-width:120px; max-height:120px;}
.container .btn{ border:1px solid #bbb;}
/*modle box*/
.mod-hd{ margin-bottom:15px;}
.mod-bd{ margin-bottom:15px;}
/*tab style*/
.container .tab_nav ul{ height:26px; border-bottom:2px solid #333}
.container .tab_nav ul li{ float:left}
.container .tab_nav ul li.current{ background:#333}
.container .tab_nav ul li a{ display:block; color:#333; line-height:26px; padding:0 10px}
.container .tab_nav ul li.current a{ color:#fff}
.container .tab_container{ padding:10px}
.container .tab_container .tab_con{ display:none}
.container .tab_container .current{ display:block}
/* paging */
.paging{ text-align:right;}
.paging .page-item{ display:inline-block; padding:2px 7px; font-size:12px; background-color:#00c1eb; color:#fff;}
.paging a:hover{ background-color:#005580;}
.paging .current{ background-color:#da3610;}
.paging .disable{ background-color:#ececec; color:#666;}

/*tab style*/
.tab-box .tab-head{ overflow:hidden;}
.tab-box .tab-head ul{ height:31px; border-bottom:3px solid #00c1eb; box-shadow:0 2px 5px #ccc}
.tab-box .tab-head ul li{ float:left; position:relative; margin-right:4px;}
.tab-box .tab-head ul li a{ position:relative; border:1px solid #ddd; border-bottom:none; display:block; color:#333; height:30px; line-height:30px; padding:0 10px; background-color:#f2f2f2;}
.tab-box .tab-head ul li.current a{box-shadow:0 0 5px #999;background-color:#00c1eb; color:#fff; border:1px solid #00c1eb;}
.tab-box .tab-body{ padding:10px}

/* widget */
.infopanel{ margin-top:20px;}
.infopanel .pl-head{ margin-bottom:5px; position:relative;}
.infopanel .pl-head span{ font-size:18px;}
.infopanel .pl-head .tools{ position:absolute; right:0; bottom:0;}
.infopanel .pl-head .tools a{ display:inline-block; padding:4px 10px; color:#fff; background-color:#00c1eb; -webkit-transition:all .6s; transition:all .6s; margin-left:5px;}
.infopanel .pl-head .tools a:hover,.infopanel .pl-head .tools a:active{background-color:#02abd0;}
.infopanel .pl-head .tools a i{ margin-right:7px;}
.infopanel .pl-body{ border-top:1px solid #ccc; padding:15px 0;}

.webinfo .pl-body .qrcode{ max-width:140px; max-height:140px;}
.webinfo table td{ padding:5px;}

.webinfoall ul li{ width:33.3332%; float:left; padding-bottom:5px;}

.myprovider dl:first-child{ margin-bottom:10px;}
.myprovider dl dt{ font-weight:bold; margin-bottom:5px;}
.myprovider dl dd{ width:33.3333%; float:left; padding-bottom:5px;}

.myinfo ul li{ width:33.3332%; float:left; padding-bottom:5px;}

/* drop-down */
/*.dropdown{ position:absolute; left:0; top:50px; z-index:88; border:3px solid rgb(208, 207, 214); background:#fff; min-width:124px; position:absolute; left:0; display:none;}
.dropdown:before{ content:""; display:block; border-right:8px solid transparent; border-left:8px solid transparent; border-bottom:8px solid #d0cfd6; position:absolute; top:-11px; left:50%; margin-left:-8px;}
.dropdown li a{ display:block; height:20px; line-height:20px; padding:8px 10px;}*/
/* custom tooltip */
.ui-tooltip, .arrow:after, .arrow2:after {
  background:#333;
}
.ui-tooltip {
  padding: 10px 15px;
  color: #ddd;
  font: 12px "Helvetica Neue", Sans-Serif;
  text-transform: uppercase;
  box-shadow: 0 0 3px black;
  border:none;
}
.arrow {
  width: 40px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  bottom: -16px;
}
.arrow.top {
  top: -16px;
  bottom: auto;
}
.arrow.left {
  left: 20%;
}
.arrow:after {
  content: "";
  position: absolute;
  left: 10px;
  top: -10px;
  width: 15px;
  height: 15px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  tranform: rotate(45deg);
}
.arrow.top:after {
  bottom: -10px;
  top: auto;
}
.arrow2 {
  width: 16px;
  height: 40px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  left:-10px;
}
.arrow2:after {
  content: "";
  position: absolute;
  left: 4px;
  top: 12px;
  width: 15px;
  height: 15px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  tranform: rotate(45deg);
}
/* pagination */
.pagination{ overflow:hidden; margin-top:15px; border-left:1px solid #ddd;}
.pagination span,.pagination a{ display:block; float:left; padding:5px 12px; background:#eee; border:1px solid #ddd; margin-left:-1px;}
.pagination .current{ color:#00c1eb; background:#fff;}

#dialog .dialog-ft{ display:none;}
#dialog .form-head{ display:none;}
#dialog .form-list .form-body{ background-color:transparent !important;}

.tabNavWrap{ height:30px; border-bottom:2px solid #eee;}
.tabNavWrap li{ float:left; height:30px; line-height:30px; cursor:pointer; margin:0 15px;}
.tabNavWrap li.active{ border-bottom:2px solid #00c1eb;}
.tabConWrap{ margin-top:20px;}
.tabConWrap .tabCon{ display:none;}
.tabConWrap .active{ display:block;}

.div-table{ display:table; border-collapse:collapse; width:99%;}
.div-table .tb-head{ display:table-header-group; background:#ddd;}
.div-table .tb-body{ display:table-row-group;}
.div-table .tb-foot{ display:table-footer-group;}
.div-table .tb-row{ display:table-row;}
.div-table .tb-col{ display:table-cell; padding:5px; border:1px solid #ccc;}
/* 表单 */
.button{ border:none; height:38px; padding-left:15px; padding-right:15px; font-size:14px; background:#00c1eb; color:#fff; border-radius:4px;-webkit-transition: all .2s ease;transition: all .2s ease;}
.button:hover{ background:#428bca;}
.input-text{ border:1px solid #ddd;background:#fff;margin:0;box-sizing:border-box; font-size:14px; height:38px; line-height:2; padding:5px 5px; width:100%;-webkit-transition: all .2s ease;transition: all .2s ease;}
.input-text:focus{ box-shadow:0 0 8px rgba(102,175,233,.6); border:1px solid #66afe9;}
.textarea{ border:1px solid #ddd; height:88px; background:#fff;margin:0;box-sizing:border-box; font-size:14px; padding:5px 5px; width:100%;-webkit-transition: all .2s ease;transition: all .2s ease;}
.textarea:focus{ box-shadow:0 0 8px rgba(102,175,233,.6); border:1px solid #66afe9;}
.select{ border:1px solid #ddd; height:36px;}
.checkbox-group,.radio-group{ height:38px;}
.input-error,.input-error:focus{ box-shadow:0 0 8px rgba(255,0,0,.4); border:1px solid #f00 !important;}
.img-captcha{ width:104px; height:38px; cursor:pointer;}
.required{ color:#f00;}
.msg-error{ color:#f00; padding-left:110px; margin-top:10px;}

.input-row{ display:table; border-collapse: separate;}
.input-caption{box-sizing:border-box;}
.form-panel{ max-width:900px;}
.form-panel .input-row{ width:100%; margin-top:20px;}
.form-panel .input-caption{ display:table-cell; width:100px; text-align:right; white-space:nowrap; padding:5px 10px; vertical-align:middle; border-right:none; border-top-left-radius:4px; border-bottom-left-radius:4px;}
.form-panel .input-text,
.form-panel .textarea,
.form-panel .select,
.form-panel .checkbox-group,
.form-panel .input-field,
.form-panel .radio-group{ display:table-cell; vertical-align:middle;}
.form-panel .input-captcha{ max-width:100px; border-top-right-radius:0; border-bottom-right-radius:0;}
.form-panel .img-captcha{ border:1px solid #ddd; border-left:none; height:36px; border-top-right-radius:4px; border-bottom-right-radius:4px;}
.form-panel .checkbox,.form-panel .radio{ margin-left:5px;}
.form-panel .required{ margin-right:5px;}

.cssTabNav{ height:34px; border-bottom:1px solid #fff;}
.cssTabNav li{ float:left; height:34px; line-height:34px; padding:0 15px; cursor:pointer;}
.cssTabNav li.active{ border:1px solid #fff; border-bottom:none; background:#fff;}
.cssTabCon{ background:#fff; border:1px solid #fff; border-top:none; padding:5px;}
.cssTabCon .item{ display:none;}
.cssTabCon .item.active{ display:block;}

/* 带检索的下拉列表 */
.lm-select-outer{ font-size:14px;width:340px;height:30px;position:relative; background:#fff;}
.lm-select-outer .lm-select{height:inherit;border:1px solid #ccc;position:relative;}
.lm-select-outer .lm-select .lm-current{ display:block;line-height:30px; text-indent:5px; margin-right:41px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.lm-select-outer .lm-select .lm-down{display:block;width:30px;height:100%;line-height:30px;color:#666;position:absolute;text-align:center;right:0;top:0;border-left:1px solid #ccc;cursor:pointer;}
.lm-select-outer .lm-list-outer{ position:absolute; padding:10px; z-index:9; display:none; background:#fff; width:100%; box-sizing:border-box; border:1px solid #00c1eb; border-top:none;}
.lm-select-outer .lm-search-wrapper{ display:table; margin-left:auto; margin-right:auto; border:1px solid #ddd;}
.lm-select-outer .lm-search-wrapper .lm-search{ display:table-cell; width:100%; box-sizing:border-box; border:none; height:30px; padding:5px;}
.lm-select-outer .lm-search-wrapper .lm-search-icon{ display:table-cell; width:1%; color:#ccc; padding-left:3px; padding-right:8px;}
.lm-select-outer .lm-list{ list-style:none; margin:10px 0 0; padding:0; max-height:160px; overflow-x:hidden; overflow-y:auto;}
.lm-select-outer .lm-list li{ height:30px; line-height:30px; cursor:pointer; text-indent:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.lm-select-outer .lm-list li:hover{ background:#00c1eb; color:#fff;}
.lm-select-outer.on .lm-select{border:1px solid #00c1eb;}
.lm-select-outer.on .lm-select .lm-down{border-left:1px solid #00c1eb;background:#00c1eb;color:#fff;}
.lm-select-outer.on .lm-list-outer{ display:block;}

/* --- */
.remarkClass{ overflow-x:hidden; overflow-y:hidden;}
.remarkClass.open{ overflow-y:auto;}
.lm-select-outer.on .lm-list-outer{ display:block;}

/* 模态对话框 */
.dialogLockScreen{ position:fixed; left:0; top:0; z-index:600; width:100%; height:100%; background:#000; filter:Alpha(Opacity=60); opacity:.6;}
.modalDialog{ position:absolute; z-index:601; background:#fff; box-shadow:2px 2px 5px #000; color:#666;}
.modalDialog .dialogTitle{ height:34px; line-height:34px; padding-left:20px; font-size:14px; border-bottom:1px solid #ccc; background:#f6f6f6;}
.modalDialog .dialogMain{ overflow-y:auto;}
.modalDialog .dialogButtons{ height:44px; border-top:1px solid #ccc; background:#f6f6f6; text-align:right;}
.modalDialog .dialogButtons span{ display:inline-block; height:24px; line-height:24px; margin-top:9px; padding:0 20px; background:#00c1eb; border:1px solid #0376cd; cursor:pointer; color:#fff; margin-right:20px;}
.modalDialog .dialogButtons span:hover{ background:#0174cc; border-color:#0168b7;}
.modalDialog .dialogLoader{ height:100%; min-height:130px; background:url(/public/images/loading_32_1.gif) no-repeat center center;}


/**/
.productItems .selectProduct{ font-size:60px; margin-left:15px; margin-top:15px; padding:15px 22px; border:none; color:#aaa; cursor:pointer;}
.productItems{ overflow:hidden; padding-bottom:15px; border:1px solid #ddd;}
.productItems .pitem{ width:100px; float:left; margin-left:15px; margin-top:15px; position:relative;}
.productItems .pitem .pdel{ position:absolute; display:none; color:#c60; right:0; top:0; padding:3px 5px;}
.productItems .pitem img{max-width:100%;}
.productItems .ptitle{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.productItems .pitem:hover .pdel{ display:block;}


#recommendMallShow .ritem{ width:100px; float:left; margin-left:10px; margin-top:10px; position: relative;}
#recommendMallShow .ritem img{ width:100px; height:100px;}
#recommendMallShow .ritem .title{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; margin-top:5px;}
#recommendMallShow .ritem a{ display:none; position:absolute; width:100%; height:100px; font-size:30px; line-height:92px; text-align:center; background-color:#333; background-color:rgba(0,0,0,0.6); color:#ddd;}
#recommendMallShow .ritem:hover a{ display:block;}

/* 商品附图 */
.mall-images li{ float:left; margin-left:10px; margin-bottom:10px; width:60px;}
.mall-images li .image{ position:relative;}
.mall-images li .J_deleteImage{ position:absolute; right:0; top:0; display:block; width:100%; height:100%; font-size:26px; text-align:center; background-color:rgba(0,0,0,.6); color:#eee; opacity:0; -webkit-transition:all .3s; transition:all .3s;}
.mall-images li .title{ display:block;}
.mall-images li span{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mall-images li:hover .J_deleteImage{ opacity:1;}

/* 商品属性设置 */
.mall-attribute .col-left{ width:24%; float:left;}
.mall-attribute .col-right{ width: 76%; float:left;}
.mall-attribute .col-left h5{ font-size: 16px; height:40px; line-height: 40px; background: #f6f6f6; padding-left:15px; border-bottom: 2px solid #00c1eb; margin-right: 15px;}
.mall-attribute .category-list{ margin-right: 15px; background:#f6f6f6;}
.mall-attribute .category-list li{ height:40px; line-height: 40px; padding-left:15px; border-top:1px solid #fff; cursor: pointer; position:relative;}
.mall-attribute .category-list li .iar{ position:absolute; right:10px; top:0; font-size:22px; display: none;}
.mall-attribute .category-list li.selected{ color: #00c1eb; background:#DDEEFB;}
.mall-attribute .category-list li.selected .iar{ display:block;}
.mall-attribute .col-right h5{ font-size: 16px; height:40px; line-height: 40px; border-bottom: 2px solid #eee;}

/* 选择商品发布类别 */
.select-classify a{ display:block; padding:8px; border-bottom:1px solid #ddd;}
.select-classify a:hover{ background-color: #fff}

/* 商品推荐 */
.recommend-group li{ display:inline-block; padding:5px 0 5px 12px; background-color:#f8f8f8; border:1px solid #ddd;}
.recommend-group li span{ cursor:pointer; margin-right:5px;}
.recommend-group li a{ color:#00c1eb; font-size:16px;}
.recommend-group li a:last-child{ color:#c00;}
.recommend-group li.curr{ color:#00c1eb; border-color:#00c1eb;}

/* 代理商体系设置 */
.price-setting{ background: #fff; width: 240px; padding:0 15px 15px; border: 1px solid #ccc;}
.price-setting .price-row{ overflow:hidden; margin-top:15px;}
.price-setting .price-caption{ float:left; width:120px; line-height:30px;}
.price-setting .price-field{ width:120px; float:left;}

/* 即时上传按钮 */
.table-cell{ display: table-cell;}
.btn-upload { display:inline-block; vertical-align:middle; position: relative; border: 1px solid #ddd; padding: 9px 15px; background-color: #fff; color: #666; overflow:hidden;}
.btn-upload  input{ position: absolute; width:100%;height:100%;opacity:.01;filter: Alpha(opacity=1); left:0; top:0; font-size: 100px; line-height:1;}
.btn-upload:hover { border-color: #ccc; color: #333;}

/* 新代码 */
::-webkit-scrollbar { width:8px; height:8px; background-color: #ccc;}
::-webkit-scrollbar-thumb { border-radius:10px; background:rgba(0,0,0,.2);}
::-webkit-scrollbar-thumb:window-inactive { background:rgba(0,0,0,.3);}
::-webkit-scrollbar-thumb:vertical:hover { background-color:rgba(0,0,0,.4);}
::-webkit-scrollbar-thumb:vertical:active { background-color:rgba(0,0,0,.6);}

.tg-list-item{ display: inline-block; vertical-align: middle; margin-right: 1em; }
.tgl{display:none}
.tgl,.tgl *,.tgl :after,.tgl :before,.tgl+.tgl-btn,.tgl:after,.tgl:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.tgl ::-moz-selection,.tgl :after::-moz-selection,.tgl :before::-moz-selection,.tgl+.tgl-btn::-moz-selection,.tgl::-moz-selection,.tgl:after::-moz-selection,.tgl:before::-moz-selection{background:0 0}
.tgl ::selection,.tgl :after::selection,.tgl :before::selection,.tgl+.tgl-btn::selection,.tgl::selection,.tgl:after::selection,.tgl:before::selection{background:0 0}
.tgl+.tgl-btn{outline:0;display:block;width:4em;height:2em;position:relative;cursor:pointer}
.tgl+.tgl-btn:after,.tgl+.tgl-btn:before{position:relative;display:block;content:"";width:50%;height:100%}
.tgl+.tgl-btn:after{left:0}
.tgl+.tgl-btn:before{display:none}
.tgl:checked+.tgl-btn:after{left:50%}

.tgl-ios+.tgl-btn{background:#fbfbfb;border-radius:2em;padding:2px;-webkit-transition:all .4s ease;transition:all .4s ease;border:1px solid #e8eae9}
.tgl-ios+.tgl-btn:after{border-radius:2em;background:#fbfbfb;-webkit-transition:left .3s cubic-bezier(.175,.885,.32,1.275),padding .3s ease,margin .3s ease;transition:left .3s cubic-bezier(.175,.885,.32,1.275),padding .3s ease,margin .3s ease;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1),0 4px 0 rgba(0,0,0,.08);box-shadow:0 0 0 1px rgba(0,0,0,.1),0 4px 0 rgba(0,0,0,.08)}
.tgl-ios+.tgl-btn:active{-webkit-box-shadow:inset 0 0 0 2em #e8eae9;box-shadow:inset 0 0 0 2em #e8eae9}
.tgl-ios+.tgl-btn:active:after{padding-right:.8em}
.tgl-ios:checked+.tgl-btn{background:#19e819}
.tgl-ios:checked+.tgl-btn:active{-webkit-box-shadow:none;box-shadow:none}
.tgl-ios:checked+.tgl-btn:active:after{margin-left:-.8em}

.admin-title{ display: block; font-size: 16px; color: #a7b1c2; float: left; padding: 12px 0 0 20px; }
.admin-title:hover{ color: #fff; }
.admin-title i{font-size: 26px; vertical-align: middle; line-height: 1; padding-bottom: 4px;}

/* 主菜单 */
.menu-all{ padding-top:2px; padding-bottom: 60px; }
.menu-all a{display: block; color: inherit;}
.menu-all a:hover{ background-color: #293846; color:#fff; }
.menu-all>li{border-left:2px solid transparent;}
.menu-all>li>a{position: relative; padding: 14px 15px;}
.menu-all>li>a>i{margin-right: .5em;}
.menu-all>li>a>em{ position: absolute; right: 1em; padding-top:2px; }
.menu-all>li>ul{ display: none; }
.menu-all>li>ul>li>a{padding: 10px 15px 10px 41px;}
.menu-all>li.active{ border-left-color: #00c1eb; background-color: #293846; }
.menu-all>li.active>a{ color: #fff; }
.menu-all>li>ul>li.active>a{ color: #fff; background-color:#00c1eb;}


/* 新版消息框 */
@-webkit-keyframes lm-msg-animIn {
  from { -webkit-transform:scale3d(.5, .5, 1); opacity:0;}
}
@keyframes lm-msg-animIn {
  from { transform:scale3d(.5, .5, 1); opacity:0;}
}
.lm-msg-animIn{-webkit-animation: lm-msg-animIn 0.25s both; animation: lm-msg-animIn 0.25s both;}
.lm-msg-overlay{ position:fixed; z-index:99999; width:100%; height:100%; left:0; top:0; background-color:rgba(0,0,0,.4);}
.lm-msg-overlay-lte-ie8{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);}
.lm-msg-dialog{ max-width:280px; width:90%; min-height:60px; position:relative; margin-left:auto; margin-right:auto; overflow:hidden; top:50%; margin-top:-70px; background-color:#fff; border-radius:3px; box-shadow:0 0 10px #888;}
.lm-msg-title{ background-color:#f5f5f5; line-height:34px; height:34px; text-indent:10px; border-bottom:1px solid #e8e8e8;}
.lm-msg-close{ position:absolute; right:0; top:0; background-color:transparent; border:none; line-height:1; color:#666; cursor:pointer; font-size:28px; padding:3px 8px; font-family:Arial;}
.lm-msg-close:hover{ color:#333;}
.lm-msg-content{ padding:20px;}
.lm-msg-padding-left{ padding-left:60px;}
.lm-msg-btns{ text-align:right;}
.lm-msg-btn{ padding:7px 14px; background-color:#00c1eb; color:#fff; letter-spacing:2px; cursor:pointer; line-height:1; margin-right:15px; margin-bottom:10px; border:1px solid #0A74C5; border-radius:3px;font-size:inherit; font-family:inherit;}
.lm-msg-btn:hover{ background-color:#0A74C5;}
.lm-msg-cancel{ background-color:#f0f0f0; border-color:#ddd; color:#333;}
.lm-msg-cancel:hover{ background-color:#ddd;}
.lm-msg-icon{ width:30px; height:30px; background:url(../images/lm-msg-icon.png) no-repeat; position:absolute; left:20px; top:51px;}
.lm-msg-alert{ background-position:left top;}
.lm-msg-error{ background-position:-60px top;}
.lm-msg-success{ background-position:-30px top;}
.lm-msg-confirm{ background-position:-90px top;}
.lm-msg-loader{ background:url(../images/lm-msg-loading.gif) no-repeat; width:32px; height:32px; top:15px;}

/* 数量控件 */
.quantity-wrap{ display: inline-block; vertical-align: middle; }
.quantity {display: table; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border:1px solid #dedede;}
.quantity .minus, .quantity .plus, .quantity .ipts { font-style:normal; display:table-cell; vertical-align:middle; box-sizing:border-box; color:#000; background-color:#dedede; margin:0; padding:0;-webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.quantity .minus { font-size: 18px; width:30px; text-align: center; border-right:1px solid #dedede; background-color: #999; color:#fff; cursor: default;}
.quantity .plus { font-size: 18px; width:30px; text-align: center; border-left:1px solid #dedede; background-color: #999; color:#fff; cursor: default;}
.quantity .ipts::-webkit-outer-spin-button, .quantity .ipts::-webkit-inner-spin-button {-webkit-appearance:none !important; margin:0;}
.quantity .ipts { height:32px; font-size:14px; line-height: 1.42857143; padding:4px 10px; width:100%; margin: 0; border:0; text-align:center; background-color:#fff;}
.quantity .disabled { color: #999; background-color:#eee;}
.quantity input[readonly] { border-color:#999; color:#999; }

/* 百度统计 */
.echarts-tab{
	overflow: hidden;
	margin-bottom: 2em;
	border: 1px solid #ddd;
}
.echarts-tab li{
	float: left;
	cursor: pointer;
}
.echarts-tab li a {
	color: inherit;
	display: block;
	width: 8em;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-right: 1px solid #ddd;
}
.echarts-tab li.active {
	background-color: #00c1eb;
	color: #fff;
}

.echarts-xlfk .box {
	width: 50%;
	float: left;
	text-align: center;
}
.echarts-xlfk .b-blue {
	color: #00aeef;
}
.echarts-xlfk .box .tit {
	margin-bottom: 2em;
}
.echarts-xlfk .box ul li {
	margin-top: 1em;
}
.echarts-xlfk .box .lab {
	display: inline-block;
	width: 7em;
	text-align: right;
	color: #999;
}
.echarts-xlfk .box .txt {
	display: inline-block;
	width: 6em;
	text-align: left;
}
.col-sm-5ths {
	width: 20%;
	float: left;
}
.echarts-qbly dt {
	color: #666;
}
.echarts-qbly dd {
	font-size: 1.2em;
	margin-top: .8em;
}
.qbly_select {
	padding-top: 60px;
	padding-bottom: 30px;
}

.table-feedback td{
	max-width: 250px;
}

.feedbackStar {
	font-size: 18px;
	color: #999;
}
.feedbackStar.icon-star {
	color: #f60;
}

/* */
.shuiwu-chuli {
	padding: 15px;
}
.shuiwu-chuli .item {
	margin-bottom: 15px;
}
.shuiwu-chuli .item ins{
	box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
	width: 1em;
	height: 1em;
	border: 1px solid #ddd;
	border-radius: 50%;
}
.shuiwu-chuli .item :checked+span {
	color: #0084e9;
}