html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;vertical-align:baseline;margin:0;padding:0;box-sizing: border-box;-webkit-box-sizing: border-box;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}/* body{line-height:1} */ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
/* input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;padding:0;} */
html,body, input, textarea, select, button {text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-moz-font-feature-settings: "liga", "kern";}
textarea {resize:vertical;}
html,body {font: 14px/1.5 Arial,Verdana,sans-serif; color:#3a4153; background:#fff;font-weight: 400;}
a {text-decoration:none;color:#000;outline: none}
a:hover {text-decoration:none; color:#e62e04;}
/* .clearfix:before,.clearfix:after,.container:before,.container:after,.row:before,.row:after ,.product-body:before,.product-body:after {clear: both;font-size:0; height: 0; line-height: 0;visibility: hidden;display: block;content: " ";} */
/* .clearfix:before, */.clearfix:after,/* .container:before, */.container:after,/* .panel-body:before,.panel-body:after, */ /* .row:before, */.row:after ,/* .product-body:before, */.product-body:after {clear: both;font-size:0; height: 0; line-height: 0;visibility: hidden;display: block;content: " ";}
.clearfix{zoom:1;}
.container {margin: 0 auto;width: 98%;}
@media (min-width: 768px) {
  /* .container {width: 98%;} */
  /* .m-hide {display: none;} */
}
@media (min-width: 992px) {
  /* .container {width: 96%;} */
  /* .m-hide {display: none;} */
}
@media (min-width: 1200px) {
  /* .container {width: 90%; max-width: 1500px;} */
  /* .m-hide {display: none;} */
}
@media (max-width: 1400px) {
    .m-hide {display: none;}
}
.cell {display: table-cell; width: 9999px;table-layout:fixed;*display: inline-block; *width: auto;}
.disabled {text-decoration: line-through; color: #999 !important}
.disabled a {text-decoration: line-through; color: #999 !important}
.border-box,textarea {box-sizing: border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.line {margin-top: 10px; border-top: #ccc 1px solid; height: 10px; overflow: visible;}
/*
.clearfix:before,.clearfix:after,.container:before,.container:after, {display: table; content: " ";}
 .toggle:after {content: ''; display: inline-block; width: 6px; height: 6px; border: solid #333; border-width: 0 1px 1px 0; vertical-align: middle; margin-left: 7px;transition:transform .2s ease-in; transform: rotate(45deg); -webkit-transform: rotate(45deg);} */
.toggle:after {content: '\e603';font-family: "iconfont";font-size: 0.857rem;line-height: 24px;color: #888;vertical-align: 0;padding-left: 7px;}
/* .toggle:after {content: '◇';font-size: 0.714rem;line-height: 24px;color: #888;vertical-align: 0;padding-left: 7px;} */
/* .toggle:hover:after {border-width: 1px 0 0 1px; transform: rotate(45deg); -webkit-transform: rotate(45deg);} */
.ml0 {margin-left: 0px !important}.ml5 {margin-left: 5px !important}.ml10 {margin-left: 10px !important}.ml15 {margin-left: 15px !important}.ml20 {margin-left: 20px !important}.ml30 {margin-left: 30px !important}
.mr5 {margin-right: 5px !important}.mr10 {margin-right: 10px !important}.mr15 {margin-right: 15px !important}.mr20 {margin-right: 20px !important}.mr30 {margin-right: 30px !important}
.mt5{margin-top:5px !important}.mt6{margin-top:6px !important}.mt8{margin-top:8px !important}.mt10{margin-top:10px !important}.mt20{margin-top:20px !important}.mt30{margin-top:30px !important}
.mb5{margin-bottom:5px !important}.mb6{margin-bottom:6px !important}.mb8{margin-bottom:8px !important}.mb10{margin-bottom:10px !important}.mb20{margin-bottom:20px !important}.mb30{margin-bottom:30px !important}
.pl5 {padding-left: 5px !important}.pl10 {padding-left: 10px !important}.pl15 {padding-left: 15px !important}.pl20 {padding-left: 20px !important}.pl30 {padding-left: 30px !important}
.pr5 {padding-right: 5px !important}.pr10 {padding-right: 10px !important}.pr15 {padding-right: 15px !important}.pr20 {padding-right: 20px !important}.pr30 {padding-right: 30px !important}
.m0 {margin:0!important;}
.p0 {padding:0!important;}
.fl-left {float: left !important}
.fl-right {float: right !important}
.t-left {text-align: left !important}
.t-center {text-align: center !important}
.t-right {text-align: right !important}
.po-right {right:0 !important; left:auto !important}
.show {display: block !important}
.hide {display: none !important}
.row {margin-right: -10px; margin-left: -10px;}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12 {padding-right: 10px; padding-left: 10px;position: relative;min-height: 1px; float: left;}
.col-1 {width: 8.33%}
.col-2 {width: 16.67%}
.col-3 {width: 25%}
.col-4 {width: 33.33%}
.col-5 {width: 41.67%}
.col-6 {width: 50%}
.col-7 {width: 58.33%}
.col-8 {width: 66.67%}
.col-9 {width: 75%}
.col-10 {width: 83.33%}
.col-11 {width: 91.67%}
.col-12 {width: 100%}
.line-dashed,.line-solid {clear: both; float: none; width: 100%; margin: 0 0 15px; border: none; border-bottom: #bac3b0 1px dashed; height: 15px;}
.line-solid {border-bottom: #bac3b0 1px solid;}
.pos-r {position: relative;}
.text-red{color:red}
.text-blue{color:blue}
.text-green{color:green}
.text-gray {color:#888}
.text-normal {font-weight: normal;}
.text-bold {font-weight: bold;}
.text-del {text-decoration: line-through;color:#888 !important;}
.text-wrap {word-wrap: break-word; word-break: normal; white-space: pre-wrap;}
.text-wrap-all {word-wrap: break-all; word-break:break-all; white-space: pre-wrap;}
.text-nowrap {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.table {width: 100%; margin-bottom: 20px;border-collapse: collapse !important;}
.table td,.table th {background-color: #fff !important;border: 1px solid #ddd !important; padding: 2px 5px; vertical-align: middle;}
.table thead th,.table thead td,.table tfoot th,.table tfoot td {background-color: #eee !important; padding: 8px 10px;}
.table td {padding: 5px 10px;}
.table tbody tr:nth-of-type(even) td {background:#fff;}
.table tbody tr:nth-of-type(odd) td {background:#f1f1f1;}
.table td .progress-box {height:100%; height: 20px; position: relative; background: #eee}
.table td .progress-box div {height:100%; height: 20px; background: #1abc9c}
.table td .progress-box span {position: absolute; width: 50px; height: 100%; left:50%; top:0; margin-left: -25px; color: #666}
.table td.empty {text-align: center; padding:50px 0; color: #777}
.scroll-box {overflow: auto;}
.scroll-box .table {min-width: 1200px; margin:0 auto; width: auto}
.pages-title th {background-color: rgb(252, 255, 232) !important; padding:10px;}

.noscript,.ie-tip {border:1px solid #42b3e5; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; }
.noscript .noscript-inner {width:100%; margin:0 auto; padding:12px 0 12px; }
.noscript p {margin:0;}
.ie-tip {padding:12px;}
.on-tip {color: #999}

.table-editor {}
.table-editor input,.table-editor select,.table-editor textarea {box-sizing: border-box;-webkit-box-sizing: border-box;}
.table-editor input.input-text {width: 100%; height: 35px; line-height: 35px; background: #fff; border: #ccc 1px solid; padding:0 5px; vertical-align: middle;font-size: 1rem;}
.table-editor select {width: 100%; height: 35px; line-height: 35px;font-size: 1rem; padding:0 5px; border: #ccc 1px solid; vertical-align: middle; margin-right: 10px}
.table-editor textarea {background: #fff; border: #ccc 1px solid; padding: 10px; width: 90%; height: 200px}
.table-editor button {font-size: 1rem; width: 100px; height: 35px; line-height: 35px; background: #e62e04; color: #fff; padding:0 5px; display: inline-block; border: none; text-align: center;}
.table-editor button:hover {background: #3a4153; color: #fff;}
.table-editor .cancel-btn {background: #eee; color: #666;}
.table-editor .cancel-link {}

.btn {font-size: 1rem; display: inline-block; background: #1abc9c; color: #fff; text-align: center; border: none; cursor: pointer; padding: 5px 15px; border-radius: 3px}
.btn:hover {background: #e62e04; color: #fff !important;}
.btn-circle {border-radius: 38px;}
.btn-big {font-size: 1.143rem; padding: 15px 30px}
.btn-med {font-size: 1.143rem; padding: 9px 30px}
.btn-sm {font-size: 1rem; padding: 2px 5px}
.btn-white {background: #fff; color: #000; border: #ccc 1px solid}
.btn-yellow {background: #fabf37; color: #000;}
.btn-red {background: #e62e04; color: #fff;}
.btn-red:hover {background: #ff9933; color: #fff;}
.btn-green {background: #1abc9c; color: #fff;}
.btn-green:hover {background: #3a4153; color: #fff;}
.btn-orange {background: #ff9933; color: #fff;}
.btn-orange:hover {background: #e62e04; color: #fff;}
.btn-gray {background: #ccc; color: #fff;}
.btn-gray:hover {background: #e62e04; color: #fff;}
.btn-disabled,.btn-disabled:hover {background: #999; color: #ccc;}
.bg-yellow-1 {background: #E3E2C8 !important}
.m-show {display: none}

.tip-box {padding:10px; background: rgb(236, 217, 198); color: #f20; font-size: 14px; margin: 20px auto;}

.total-bar {padding-bottom: 30px;}
.total-bar li {display: inline-block; margin: 5px 20px 5px 0; color: #777;}
.total-bar span {color: #f20; margin-left: 5px; font-weight: bold;}

.nav {}
.nav li {padding:0 15px; position: relative;}
.nav li ul {display: none; position: absolute; left:0; top:0px; background-color: #3a444d;border: #323940 1px solid;}
.nav li:hover ul {display: block;}
header {min-height: 36px}
.nav-top {min-height: 36px; background-color: #3a444d; border-bottom: #323940 1px solid; position: fixed; width: 100%; z-index: 99999}
.nav-top li {height: 36px; line-height: 36px; /* border-left: #5D565E 1px solid; */}
.nav-top li.first-item {border-left: none; padding-left: 0}
.nav-top li.last-item {border-right: #6C7781 1px solid;}
.nav-top li a {color: #ccc}
.nav-top li a:hover {color: #ccc}
.nav-top li.title-item a {font-weight: 500; color: #1abc9c; font-size: 1.429rem}
.nav-top li a i {margin-right: 5px;}
.nav-top li a img {vertical-align: middle; margin-right: 5px;}
.nav-top li ul {width: 150px; top:36px; margin-left: -1px; margin-top: -1px;}
.nav-top li ul.po-right {margin-left:auto;margin-right: -1px; text-align: right}
.nav-top li ul.fluid {width:103%; width: calc(100% + 2px)}
.nav-top li:hover ul {display: block;}
.nav-top li ul li {display: block; margin: 0; padding: 0 15px; border:none;}
.nav-top li ul li:hover {background-color: #525E68;}
.nav-top li ul li.line {height: 4px; border-bottom: #525E68 1px solid; margin:0 15px 4px 15px;}
.nav-top li ul li.line:hover {background-color: transparent;}
.header {padding: 30px 0 30px 0}
.logo {float: left; width: 270px; height: 72px; line-height: 72px;}
.logo img{max-width: 260px; vertical-align: middle;}
.header-title {float: left; border-left: #888 1px solid; margin-left: 20px; padding-left: 20px; font-size: 2rem; font-weight: 100; text-transform: uppercase; height: 72px; line-height: 72px;}
#menu-trigger {display: none}

.subscribe form {border: #ccc 1px solid;height: 38px; line-height: 38px;}

nav {z-index: 99990;position: relative; z-index: 500;}
nav.pin {position: fixed; top:0; left: 0; width: 100%; background-color: #e62e04;}
nav .container {background-color: #e62e04; height: 40px; line-height: 40px; font-size: 1rem;position: relative;z-index: 1}
.nav-bar {position:relative;margin:0px auto;height:40px;background-color:#e62e04;}
.nav-bar div {position:absolute;top:0px;height:40px;}

.nav-bar .ad {right:0px;width:141px;}
.nav-bar .nav-list {left:210px;}
.nav-bar .nav-list ul li{float:left; line-height:40px;}
.nav-bar .nav-list ul li a{display:block; padding:0 20px;width:100%;color:#fff;text-align:center; font-size: 1.071rem; font-weight: 700; text-transform: capitalize;}
.nav-bar .nav-list ul li a:hover, .nav-bar .nav-list ul li a.current{background:#a40000;text-decoration:none;}
.nav-bar .nav-list ul li a:hover {color: #fff !important}


footer {background-color: #f1f1f1; border-top: #ff9933 1px solid;}
footer .container {padding:30px 0}

.footer-copyright {padding: 5px 0}
.footer-copyright .copyright {color: #999; text-align: center; padding-top: 20px}

.columns {color: #888; padding:10px 0; font-size: 1rem; font-family: "\5b8b\4f53"}
.columns a {color: #888; margin:0 6px;}
.columns a:nth-child(1) {color: #888; margin:0 6px 0 0}
.columns a:hover {color: #e62e04}
.columns span {color: #666; margin:0 6px;}


.btn-group {display: inline-block;}
.btn-group-body {padding-left: 1px;font-size: 0;-webkit-text-size-adjust:none;}
.btn-group-child {border: #ddd 1px solid; display: inline-block; background-color: #f1f1f1; color: #777; font-size: 1rem; padding:3px 7px; margin-left:-1px;}
.btn-group-child.on,.btn-group-child:hover {background-color: #e62e04; border: #e62e04 1px solid; color: #fff}


.list-tab {padding:10px 0;}
.list-tab a {display: inline-block; padding: 0 30px; background-color: #f3f3f3; font-size: 1.143rem; font-weight: bold; height: 40px; line-height: 40px; margin:0 12px 0 0; position: relative; text-align: center; color: #555}
.list-tab a.on,.list-tab a:hover  {background-color: #1abc9c; color: #fff!important}
.list-tab a i {display: none}
/* .list-tab a.on i {position: absolute; left: 50%; bottom:-12px; margin-left: -6px; border-width: 6px; border-color: #e62e04 transparent transparent transparent; border-style: solid; display: block; width: 0; height: 0; z-index: 9} */
.list-tab a b {margin-right: 6px; display: inline-block; vertical-align: middle; border-radius: 30px; height: 20px; line-height: 20px; width: 20px; text-align: center;  padding:0; background: #999; color: #fff}
.list-tab a.on  b {background: rgb(173, 248, 130); color: #fff}
.vlist-tab {}
.vlist-tab li {}
.vlist-tab li a {display: block; border:#fff 1px solid; border-width: 1px 0 1px 2px; font-size:1rem;font-weight:normal;overflow:hidden; padding: 5px 18px}
.vlist-tab li a:hover,.vlist-tab li.on a {position:relative; border:#ddd 1px solid; border-right: none; border-left: #1abc9c 2px solid}

.panel {}
.panel-body {display: none}

.item-tab {white-space:nowrap; overflow: hidden; padding:0 10px;}
.item-tab a {display: inline-block; padding: 10px 15px; border-bottom: #fff 2px solid; font-size: 1.143rem}
.item-tab a.on {border-bottom: #1abc9c 2px solid;}

.main {}
.main-wrap {}

.customer-main {background-color: #f1f1f1; padding-top: 20px}
.customer-main .main-wrap {/* margin-left: 140px; */ padding-bottom: 10px}
.customer-main .sitebar-wrap {margin-left: 140px;}
.customer-main .sitebar {width:130px; margin-left: -140px;}


.customer-nav {margin-bottom: 20px;}
.customer-nav dt {font-weight: bolder; padding:0 0 3px 0;}
.customer-nav dd {padding:3px 0;/* font-size: 0.857rem */}
.customer-nav dd a {color: #666}
.mod-body {padding: 20px; background-color: #fff}
.mod-body-title {padding: 20px; background-color: #f9f9f9}

.home {padding: 10px 0;}
.home .welcome {font-size:30px;text-align: center;display: block;}
.home .time {font-size:14px;color:#777;text-align:center;display:block;padding: 10px 0}
.home .box_nav {padding:10px;/* width:900px; */ margin:0 auto; text-align: center;}
.home .box_nav li {box-sizing:border-box;display:inline;}
.home .box_nav li a {display:inline-block;margin:10px;padding:0 30px;height:90px;line-height:90px;text-align:center;color:#fff;font-size:20px;background:#1ABC9C}
.home .box_nav li a:hover {background:#16A085 !important;}
.home .box_nav li.bn1 a {background:#FF9966}
.home .box_nav li.bn2 a {background:#99CC99}
.home .box_nav li.bn3 a {background:#CC9966}
.home .box_nav li.bn4 a {background:#669999}
.home .box_nav li.bn5 a {background:#996600}
.home .box_nav li.bn6 a {background:#339999}
.home .box_nav li.bn7 a {background:#999966}
.home .box_nav li.bn8 a {background:#009999}
.home .box_nav li.bn9 a {background:#CC9933}
.home .store_tip {font-size:14px;color:#777;text-align:center;display:block;padding: 10px 0}

.store-box {text-align: center;}
.store-box h1 {text-align: center; color: #555; font-size: 22px; font-weight: normal; padding: 20px 0; border-bottom: 1px #e5e5e5 solid; margin-bottom: 30px}
.store-survey {display: inline-block; width: 200px; height: 200px; text-align: center;}
.store-survey-rate {margin: 0 auto;}
.store-survey-title {font-size: 16px; height: 50px}

.selector {padding:10px; margin: 0 0 20px 0; background-color: #f9f9f9}
.selector dl {clear:both; padding:7px 20px 0 20px;}
.selector dt {float:left; width:100px; _padding:3px 0 0 0; font-weight:bolder; color:#666;}
.selector dt a {color:#333; text-decoration:none}
.selector dd {margin-left: 110px; line-height:1.8;}
.selector dd.line {margin-left: 0px; clear: both; border-style: dashed;}
.selector dd a {margin:0 10px 0 0; padding:0 2px; /*display:inline-block*/}
.selector dd.xinput a {margin:0; padding:0;}
.selector dd a.select {font-weight:bolder; background:#F60; color:#fff;}
.selector dd.color a {display:block; border:#ccc 1px solid; margin:2px; width:22px; height:22px; float:left;}
.selector dd.color a img {width:22px; height:22px;}
.selector dd.color a:hover {border:#e62e04 1px solid;}


.countdown {padding: 3px 10px; background-color: #fff; border: #ddd 1px solid; display: inline-block; margin: 10px 0;}
.countdown i {font-size: 1.357rem; color: #666; vertical-align: middle;}
.countdown span {margin-left: 5px; display: inline-block; vertical-align: middle;}
.option label {display: inline-block; min-width: 32px; background-color: #fff; border: #ccc 1px solid; padding: 2px; position: relative;}
.option label a {display: inline-block; min-width: 26px; height: 26px; line-height: 26px; background-color: #fff; vertical-align: middle; font-size: 0.857rem; color: #888; cursor: pointer;}
.option label a img {height: 100%; vertical-align: middle;}
.option label a span {margin: 0 5px;}
.option label i {width: 13px; height: 13px; position: absolute; right:0; bottom: 0; background: url(../images/selected.png) no-repeat 0 0; display: none}
.option label.selected,.option label:hover {border: #e4393c 2px solid; padding: 1px;}
.option label.selected i {display: block; }
.option input {display: none}

.step-container .option label {padding: 2px 31px; font-size: 1.143rem; margin: 0 15px}
.step-container .option label a {font-size: 1.143rem}
.step-container .option label.selected,.step-container .option label:hover {padding: 1px  30px;}
.customer-form .option label {padding: 8px 31px; font-size: 1.143rem; margin: 0 15px 0 0}
.customer-form .option label a {font-size: 1.143rem}
.customer-form .option label.selected,.customer-form .option label:hover {padding: 7px  30px;}

.input-member {position: relative; display: inline-block; padding:5px 10px; border: #ccc 1px solid; background: #fff; text-align: left; vertical-align: middle;}
.input-member input {padding:0; background: #fff; border: none; height: 35px; line-height: 35px; vertical-align: middle; min-width: 200px; outline: none}
.input-member i {width: 20px; height: 20px; top:50%; right: 10px; margin-top: -10px; text-align: center; color: #999; vertical-align: middle;}
.input-member ul {position: absolute; left:-1px; top:43px; z-index: 90000; border: #ccc 1px solid; border-top: #eee 1px solid; background: #fff; width: 240px; display: none}
.input-member ul li {padding:9px 10px; /* border-bottom: #ccc 1px dashed; */ cursor: pointer; font-size: 1rem}
.input-member ul li:hover {background: #1abc9c; color: #fff}
.input-member ul li span {color: #666; margin-left: 20px}
.input-member ul li:hover span {color: #eee}
.input-member ul li span.tel {display: block; margin-left: 0px}
.input-member ul li.suggest-tip {background: #f5f5f5 !important; padding: 5px 10px; color: #888 !important;}

.digit {margin: 10px 0; width: 200px; height: 50px; line-height: 48px; font-size: 0; text-align: center; border: #ddd 1px solid; overflow: hidden;}
.digit label {width: 200%; display: block;}
.digit a {width:50px; height: 48px; float: left; border-right: #ddd 1px solid; font-size: 2.143rem; background-color: #f1f1f1; color: #666; font-family: Arial}
.digit a:hover {background-color: #e62e04; color: #fff !important}
.digit input {width: 100px; height: 48px;border: none; font-size: 1.214rem; border-right: #ddd 1px solid; text-align: center; float: left;}

.form {position: relative; /* margin-right: 300px */}
.form .num-item {padding: 0; margin: 20px 0; display: flex; position: relative;}
.form .num-item .num-item-num{width: 50px; text-align: center; font-size: 30px; padding: 20px 0; background: #e9f7ff;}
.form .num-item .num-item-info {flex: 1;}
.form .item,.dou-items,.thr-items {clear: both; padding:15px 10px; text-align: left; min-height: 55px}
.form .dou-items,.thr-items {padding:15px 10px 0 10px;}
.form .dou-items .item {clear:none;display: inline-block; width:49%; padding:0}
.form .thr-items .item {clear:none;display: inline-block; width:32%; padding:0}
.form .item .label {text-align: right; width: 150px; font-size: 14px; font-weight: bolder; color: #666; float: left;}
.form .item .label.auto {width: auto}
.form .item .label b {color: #BD0101}
.form .item .input-box {float: left; margin-left:10px; text-align: left; min-width: 100px}
.form .item .input-box label {margin:6px 20px 6px 0; display: inline-block;}

.form .empty-tip {text-align: center; color: #888; font-size: 14px;}

.form .item .input-box input.input-text {padding:10px 10px; border: #999 1px solid; background: #fff; text-align: left;}
.form .item .input-box input.number {padding:10px 0 10px 10px; border: #999 1px solid; background: #fff; text-align: left;}
.form .item .input-box input.long-input {width: 250px;}
.form .item .input-box input.input-checkbox {margin-right: 5px}
.form .item .input-box input.date {background: #fff url(../images/datepicker_icon.png) no-repeat right center; padding-right:18px;}
.form .item .input-box input:read-only {background-color: #efefef}
.form .item .input-box textarea {width: 90%; height: 100px; padding: 10px; border: #999 1px solid; background: #fff; text-align: left;}
.form .item .input-box select {height: 35px; line-height: 35px;font-size: 1rem; padding:0 20px; border: #999 1px solid; vertical-align: middle; margin-right: 10px}
.form .item .input-box .tip {color: #888}
.form h3 {background: #f1f1f1; clear: both; text-align: left; padding:10px; font-size: 18px; font-weight: normal; margin:30px 0 20px 0;}
.form h3 span {font-size: 14px}
.form h4 {background: #f1f1f1; clear: both; text-align: left; padding:5px 10px; font-size: 14px; font-weight: normal; margin:20px 0 10px 0;}
.form h4 strong {color: #f00; font-size: 18px;}
.form .total-input {background: transparent; border: none; border-bottom: #888 1px solid; text-align: center; color: #f00; font-size: 18px; width: 120px}
.form .form-foot { background: #fff; border-top: #eee 1px solid; /**/ clear: both; margin-top: 20px; padding: 20px 20px 20px 220px; text-align: left}
.form .form-foot-center {padding: 20px; text-align: center;}
.form .item .input-list p {padding:10px;}
.form .item .input-list p label {width: 200px}
.form p.tip {color: #888; text-align: left}
.form .input-list p.checked {color: #205BCC}
.form .checkbox-list {width: 300px; padding: 10px; float: left;}
.form .checkbox-list .total-input {width: 50px;}
.form .checkbox-list .input-val {min-width: 50px;}
.form .checkbox-list .input-list p {padding:10px 0; font-size: 13px}
.form .close{position:absolute;width:30px;height:30px;background-color: #fff; background-color: rgba(250,250,250,0.9); border-radius: 30px; font-size: 18px; line-height: 30px; overflow: hidden; color:#e4393c;cursor:pointer;top:10px;right:10px;text-align:center; z-index: 99;}
.form .close:hover {background-color:#e4393c;color: #fff}

.switch-checkbox{display:inline-block;vertical-align:middle;width:2.6rem;border-radius:.8rem;box-sizing:border-box;height:1.6rem;position:relative;cursor:pointer;-webkit-align-self:center;align-self:center;background:#1abc9c;}
.switch-checkbox .switch-box{width:2.6rem;border-radius:.8rem;box-sizing:border-box;height:1.6rem;background:#e5e5e5;z-index:0;margin:0;padding:0;-webkit-appearance:none;appearance:none;border:none;cursor:pointer;position:relative;-webkit-transition-duration:300ms;transition-duration:300ms}
.switch-checkbox .switch-box:before{content:' ';position:absolute;left:.1rem;top:.1rem;width:2.4rem;border-radius:.8rem;box-sizing:border-box;height:1.4rem;background:#fff;z-index:1;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transform:scale(1);transform:scale(1)}
.switch-checkbox .switch-box:after{content:' ';height:1.4rem;width:1.4rem;border-radius:1.4rem;background:#fff;position:absolute;z-index:2;top:.1rem;left:.1rem;box-shadow:0 .1rem .25rem rgba(0,0,0,0.4);-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition-duration:300ms;transition-duration:300ms}
.switch-checkbox input[type="checkbox"]{display:none}
.switch-checkbox input[type="checkbox"]:checked+.switch-box{background:#4cd964}
.switch-checkbox input[type="checkbox"]:checked+.switch-box:before{-webkit-transform:scale(0);transform:scale(0)}
.switch-checkbox input[type="checkbox"]:checked+.switch-box:after{-webkit-transform:translateX(1.1rem);transform:translateX(1.1rem)}

#fix-ctrl {position: fixed; left:0; bottom:0; z-index: 9999; background:#fff;background: rgba(0,0,0,0.6); width: 100%}
#fix-ctrl .form-foot {margin:0 auto;padding: 5px 0px; text-align: center;}

.form-progress {width: 100%; position: fixed; left:0; bottom: 0px; z-index: 99999; height: 20px; line-height: 20px; text-align: center; /* background: #3498db; */ background: rgba(0,0,0,0.6); text-align: center; color: #fff; font-size: 12px; overflow: hidden;}
.form-progress div {width: 0%; position: absolute; left:0; top:0; height: 20px; background: #18bc9c}
.form-progress span {position: absolute; left:50%; top:0; display: block; width: 300px; height: 20px; line-height: 20px; text-align: center; color: #fff; margin-left: -150px}
.survey-grid-box {overflow-x: auto;}
.survey-grid {border: 1}
.survey-grid caption {display: none; height: 50px; line-height: 50px; font-size: 18px; text-align: center;}
.grid-toolbar {text-align: left; padding: 10px; color: #777}
.grid-toolbar select {padding:5px; margin-right: 5px}

.customer-info {padding: 10px 0; border-bottom: #ccc 1px solid; cursor: pointer;}
.customer-info strong {font-size: 18px; padding-bottom: 10px; display: block;}
.customer-info span {font-size: 14px; color:#666}

.tag {display: inline-block; padding: 3px 8px; background-color: #B90909; color: #fff; font-size: 12px; vertical-align: middle;}

.abnormal-content {padding: 20px 0;}
.abnormal-time {border-top: #ccc 1px solid; margin-top: 20px; padding: 20px 0; color:#666;}

.img-list {display: -webkit-flex; display: flex;}
.img-list .item {width:50%; padding:20px; position: relative;}
.img-list .item3 {width: 33.33%;}
.img-list .item4 {width: 25%;}
.img-list .item5 {width: 20%;}
.img-list .item .close{position:absolute;width:30px;height:30px;background-color: #fff; background-color: rgba(250,250,250,0.9); border-radius: 30px; font-size: 18px; line-height: 30px; overflow: hidden; color:#e4393c;cursor:pointer;top:10px;right:10px;text-align:center; z-index: 99;}
.img-list .item .close:hover {background-color:#e4393c;color: #fff}
.img-list .item img {width:100%}

.comment-list {margin-top:30px;  clear:both;}
.comment-list li { padding: 20px 0; border-bottom: #ccc 1px dotted;}
.comment-list li .comment-content {padding: 10px 0;}
.comment-list li .comment-foot {padding: 10px 0; color: #888; font-size: 12px;}

.survey-long-grid th,.survey-long-grid td {min-width: 100px}
/* .survey-grid th,.survey-grid td {min-width: 90px} */
.survey-grid td {padding:5px;}
.survey-grid input.input-text,.survey-grid input.input-number,.survey-grid input.input-readonly {width:100%; padding:5px 0; text-align: center; border: transparent 1px solid; background: transparent}
.survey-grid input.input-text:hover,.survey-grid input.input-number:hover {border: #62AC16 1px solid; background: #fff} 
.survey-grid input.input-text:focus,.survey-grid input.input-number:focus {border: #62AC16 1px solid; background: #fff} 
.survey-grid input.input-readonly,.survey-grid td.readonly {background-color: #f6f6f6 !important}
.survey-grid input.input-number {text-align: center;}
.survey-grid textarea {width: 100%; height: 50px; border: transparent 1px solid; background: transparent}
.survey-grid textarea:hover,.survey-grid textarea:focus {border: #62AC16 1px solid; background: #fff}
.survey-grid td.number,.survey-grid th.number {text-align: center;}
.survey-grid tfoot td {background-color: #f1f1f1 !important;}
.survey-grid tfoot tr.total {font-weight: bold;}
.survey-grid td .col-add-box {position: relative; width: 1px;}
.survey-grid td .col-add-box a {position: absolute; width: 50px; height: 20px; line-height: 20px; background: #ff9933; color: #fff; display: block; padding:0 3px;}
.survey-grid td .col-add-box .col-add-btn {left:-52px; top:-5px;}
.survey-grid td .col-add-box .col-del-btn {left:-52px; top:15px; background: #ccc; color: #888;}
.survey-grid td .col-add-box a:hover {background: #e62e04; color: #fff;}
.survey-grid td .row-add-box {position: relative; height: 1px; width: 100%;}
.survey-grid td .row-add-box a {position: absolute; width: 50%; height: 20px; line-height: 20px; background: #ff9933; color: #fff; display: block; padding:0 3px; text-align: center;}
.survey-grid td .row-add-box .row-add-btn {left:0; top:-23px;}
.survey-grid td .row-add-box .row-del-btn {right:0; top:-23px; background: #ccc; color: #888;}
.survey-grid td .row-add-box a:hover {background: #e62e04; color: #fff;}
.table thead td.td-editer {background: #fff!important}

.datepicker,.datepicker .pop_menu {position:absolute; left:0px; top:0px; z-index:999999; width:260px; background:#fff; border:#ccc 1px solid; box-shadow:0 1px 2px #ccc; outline:none;/*-moz-user-select:none;-webkit-user-select:none;*/}
.datepicker {border-width: 1px 1px 1px 1px}
.datepicker .prev_bar,.datepicker .next_bar {width:50px; height:26px; line-height:26px; position:absolute; top:0;}
.datepicker .prev_bar {text-align:left; left:0;}
.datepicker .next_bar {text-align:right;right:0;}
.datepicker .year_prev,.datepicker .year_next,.datepicker .month_prev,.datepicker .month_next {width:30px; height:30px; display:inline; font-size:12px; font-weight: bold; color:#888; margin:0 3px; cursor:pointer; font-family:'宋体',Arial, Helvetica, sans-serif}
.datepicker a,.datepicker a:hover {text-decoration:none;}
.datepicker table {/*border-collapse:collapse;*/ float:left; width:260px;}
.datepicker div.vline {height:200px; width:0; overflow:hidden; border-left:#eee 1px solid; border-right:#fff 1px solid; float:left}
.datepicker table caption {height:32px; line-height:32px; color:#666;}
.datepicker table caption a {color:#666;cursor:pointer;margin:0 3px}
.datepicker thead th {height:30px; line-height:30px; text-align:center; background:#f1f1f1; color:#999; font-weight:normal; font-size:14px; font-weight: bold;}
.datepicker_hd thead th {background:#fff}
.datepicker thead th .lbYearMonth {display:inline-block; width:130px;}
.datepicker tbody,.datepicker tbody td {text-align:center;}
.datepicker tbody td a {display:block; padding:5px 0;}
.datepicker .other_month {color:#999; background:#f9f9f9}
.datepicker .other_month a {color:#999;}
.datepicker .on a,.datepicker a.on {color:#fff; background:#55a4f2;}
.datepicker .today a {color:#fff; background:#badafa;}
.datepicker .disabled {color:#999; background:#f9f9f9}
.datepicker .disabled a {color:#999;text-decoration:line-through;}
.datepicker .pop_menu {width:50px;}
.datepicker .pop_menu a {display:block; padding:2px 5px; cursor:pointer;}
.datepicker .pop_menu a:hover {color:#fff; background:#badafa;}
.datepicker .datepicker_time {padding:5px;border-top:#e5e5e5 1px solid;background:#f1f1f1;text-align:center;}
.datepicker div.datepicker_time {display:block;clear:both}
.datepicker .datepicker_time input {border:#cecece 1px solid;width:35px;height:20px;line-height:20px;text-align:center;padding:0;vertical-align:middle;}
.datepicker .datepicker_time button {background:#55a4f2;color:#fff;width:50px;height:22px;line-height:20px;text-align:center;margin-left:5px;padding:0;border:none;vertical-align:middle;}
.datepicker .datepicker_time button:hover {background:#0B4173;}

.list-empty {padding: 50px!important; text-align: center;}

.search-customer-item {padding: 10px 0; border-bottom: #eee 1px solid; cursor: pointer;}
.search-customer-item strong {font-size: 16px; padding-bottom: 10px; display: block;}
.search-customer-item span {font-size: 12px; color:#999}

.survey-grid {border: 1}
.survey-grid td {padding: 5px 5px;}
.survey-grid tfoot td {background-color: #f1f1f1 !important;}
.survey-grid tfoot tr.total {font-weight: bold;}
.pin-thead {position: absolute; left:0;top:0}

.grid-title {font-weight: bolder; font-size: 14px; text-align: left; /* width: 100px */}
.grid-title-right {font-weight: normal; font-size: 14px; text-align: right;}
.survey-report h3 {background: #f1f1f1; clear: both; text-align: left; padding:10px; font-size: 18px; font-weight: normal; margin:0px 0 20px 0; height: 50px; line-height: 30px; color:#333;}
.report-content {padding: 10px; margin:45px 0 15px 0; position: relative;background: #FFFEF2; border:#E2E1D3 1px solid; clear: both; text-align: left}
.report-content h5 {position: absolute; left:-1px; top:-30px; padding:0 20px; height: 30px; line-height: 28px; border-width: 1px 1px 0 1px; border-style: solid; font-weight: bold;background: #FFFEF2; border-color:#E2E1D3;}

.item-container {float: left; width: 400px; /* height: 500px; */ background: #f6f6f6; overflow: auto;}

.on-tip {margin:10px 5px; color: #888}
.drag-container {float: left; width: 400px; /* background: #f6f6f6; */ overflow: auto;}
.drag-list {padding:0; background:#f6f6f6; border:#ccc 1px dashed; margin:0;}
.drag-list li {/*padding:10px 100px 10px 10px; */width:100%;height:40px; line-height:40px; /* background:#fff; */ border-bottom:#e1e1e1 1px solid; position:relative; text-overflow:ellipsis; white-space:nowrap; padding:0 10px 0 0; overflow: hidden;}
.drag-list li i {width:13%; height:40px; text-align:center; display:block; float:left; font-style:normal; border-right:#e1e1e1 1px solid; background:#f1f1f1; cursor: move;}
.drag-list li strong {width:56%; height:40px; padding:0 10px; overflow:hidden; display:block; float:left;}
.drag-list li span {width:30%; height:40px; overflow:hidden; display:block; float:right; text-align:right; border-left:#e1e1e1 1px solid;}
.drag-list li span a {margin:0 5px;}
.drag-list li.drag {/* border:#999 1px dashed; width:100%; background:#E8ECEE */}
.drag-list li.empty {text-align: center; padding:50px 0; color: #777}

.ware-select { padding: 15px 8px 15px 7px; border: 1px solid #ddd; background-color: #f6f6f6; }
.ware-select ul {float: left; width: 250px; padding: 10px; border: 1px solid #ddd; margin-right: 7px; margin-left: 8px; background-color: #fff; }
.ware-select ul li a { display: block; padding-right: 25px; padding-left: 10px; border: 1px solid #fff; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ware-select ul li a:hover { color: #52bea6; }
.ware-select ul li.active a { border-color: #52bea6; background: #cefff4 url(../images/arrow.png) no-repeat right center; color: #52bea6; }

.group-select {height: 300px; width: 600px}
.group-select .select-box {width: 250px; float: left;}
.group-select .select-box h3 {padding: 5px 10px; margin: 0; background: #f1f1f1; font-size: 14px}
.group-select .select-box h3 a {margin:0 10px; color: #00B83F}
.group-select .select-box .list-box {border:#ccc 1px solid; overflow-y: auto; height: 300px;}
.group-select .list-box ul {width: 100%}
.group-select .list-box ul li {padding:6px 10px; font-size: 12px; border-bottom: #eee 1px solid; position: relative;}
.group-select .list-box ul li:hover {background: #b2d7e8}
.group-select .list-box ul li.on {background: #59c6bb; color: #fff}
.group-select .list-box ul li b {font-size: 14px; display:block}
.group-select .list-box ul li.check-list {padding-left: 40px}
.group-select .list-box ul li.check-list label.input-check {position: absolute; left:5px; top:50%; margin-top: -10px}
.group-select .selected-box {float: left;}
.group-select .move-box {width: 66px; padding:100px 10px; float: left;}
.group-select .move-box .btn {margin: 10px auto}
.group-select .up-down-box {width: 30px; padding:80px 10px; float: right;}
.group-select .up-down-box .btn {margin: 10px auto; padding:10px 5px}
.group-select .select-footer {padding: 5px 10px; margin: 0; background: #ccc; font-size: 12px}
.group-select .select-footer span {font-weight: bolder}
.full-group-select {width: 1000px;}
.full-group-select .select-box {width: 650px; float: left;}
.full-group-select .selected-box {width: 280px; float: left;}
.full-group-select .select-box .list-box {height: 500px;}
.full-group-select .name {font-size: 14px; font-weight: bolder}
.full-group-select .info {font-size: 12px; color: #333; padding:5px 0}
.full-group-select .info span {margin-right:10px}
.full-group-select .selected-box .info,.full-group-select .selected-box .date {display: none}
.full-group-select .selected-box .name {float: none; width:auto; display: block}
.full-group-select li.on .info {background: #59c6bb; color: #fff}

.filter-bar {background: #f5f5f5; margin-bottom: 30px; padding:10px; border-radius: 5px}
.filter-bar h3 {font-size: 14px;padding:0; margin:0; background: none; padding-bottom: 20px; font-weight: bolder}

.user-list {border:#ccc 1px solid; background: #f5f5f5; overflow-y: auto; height: 300px;}
.user-list h3 {padding: 5px 10px; margin: 0; background: #fff; font-size: 14px}
.user-list li {padding:6px 10px; font-size: 12px; border-bottom: #e1e1e1 1px solid; position: relative; cursor: pointer;}
.user-list li:hover {background: #59c6bb; color: #fff}

.role-box {background-color: #f1f1f1; border:#ccc 1px solid; padding: 10px; position: relative;}
.role-box dt {padding:10px 0 5px 0; font-weight: bolder}
.role-box dd {padding:0 0 10px 20px;}
.role-box .tools {position: absolute; top:0; right:0; background: #ddd; color:#000;padding: 3px 10px; font-size: 12px; cursor: pointer;}

.amap-marker-label {border:#ccc 1px solid !important}
.map-info {padding: 5px 10px;}

.new-top-btn {position: absolute; right:20px; top:20px;}


.btn-group {display: inline-block; vertical-align: middle;}
.btn-group-body {padding-left: 1px;font-size: 0;-webkit-text-size-adjust:none;}
.btn-group-child {border: #ddd 1px solid; background-color: #f1f1f1; display: inline-block; vertical-align: middle; font-size: 1rem; height: 30px; line-height: 30px; padding: 0 10px; margin-left:-1px;}
/* .btn-group-child i {color: #666} */
.btn-group-child.on,.btn-group-child:hover {background-color: #48c9b0; border: #48c9b0 1px solid; color: #fff}
.btn-group-child.on i,.btn-group-child:hover i {color: #fff}


.banner-bar {}
.banner-bar img {width: 100%}

.brand-list {padding: 30px 0}
.brand-list ul {margin: 0 -1px -1px 0;background-color: #fff;}
.brand-list li {border: #eee 1px solid; border-width: 0 1px 1px 0; float: left; width: 12.5%; height: 80px; line-height: 80px; background-color: #fff; text-align: center;}
.brand-list li img {max-width: 90%; max-height: 90%; vertical-align: middle;}

.pagger{height:30px;margin:20px auto 0;text-align:center;width:730px;font-size:12px;color:#303133;display:block}
.tableBox{padding-bottom:0}
.pagger-box{width:100%}
.pagger button{padding:0 5px;margin:0 10px;height:18px;float:left;cursor:pointer;border:0 solid #ebebeb;background-color:#fff;outline:none}
.pagger .first-page,.pagger .last-page{margin:0}
.pagger .pageWrap{height:40px;float:left;overflow:hidden}
.pagger .pageWrap ul{width:999999999px;height:40px;float:left}
.pagger .pageWrap ul li{height:16px; width:30px; text-align: center; pagger-sizing:border-pagger;cursor:pointer;/* margin:0 5px;padding:0 6px; */float:left}
.pagger .pageWrap ul .sel-page{background-color:#e62e04;color:#fff;}
.pagger .jump-text{width:30px;height:20px;pagger-sizing:border-pagger;border:1px solid #e5e6e7;text-align:center;margin:0 5px;float:left}
.pagger .jump-button{margin:0;float:left;}
.pagger .total-pages,.pagger .total-count{margin-left:10px;float:left;font-size:14px}
/*分页*/
.pages {padding:14px 0 10px;font-family:'宋体'; text-align:center;vertical-align: middle;}
.pages .page-wrap {display:inline-block; height:30px; overflow: hidden;}
.pages a {display:inline-block; height:30px; line-height:30px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px; margin:0 2px; vertical-align: middle;}
.pages a:hover { background:#f1f1f1; color:#000; text-decoration:none;}
.pages span {display:inline-block; height:30px;padding:0 10px; line-height:30px; background:#e62e04; border:1px solid #e62e04; color:#fff; text-align:center; margin:0 2px; vertical-align: middle;}
.pages span.page-info {background:#fff; border:1px solid #e3e3e3; color:#666;}
.pages input {height: 28px; line-height: 28px; border:1px solid #e3e3e3; text-align: center; font-size: 0.857rem; width: 30px; margin:0 2px; vertical-align: middle;}
.pages .no-page { display:inline-block; height:30px; line-height:30px; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }
#loading {width:200px; height:80px; border-radius:10px; background:url(../images/loading.gif) center 5px no-repeat #fff; position:absolute; left:50%; margin-left:-100px; top:100px; z-index:999999; padding-top:50px; color:#fff; text-align:center; filter:Alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
.msgbox,.msgbox_body,.msgbox_icon,.msgbox_info {display:inline-block;height:56px;line-height:30px;padding:13px;font-weight:bold;font-size:14px;color:#606060;vertical-align: middle;}
.msgbox {width:100%;position:fixed;_position:absolute;top:46%;left:0;text-align:center;z-index:999998;padding:0; display: block;}
.msgbox_body {background:#fff;margin:0 auto;position:relative;z-index:999999;border:#ccc 1px solid;padding:0; height:auto; box-shadow:0 0px 3px #999;}
.msgbox_info {background:#fff;padding:13px 20px; vertical-align: middle;}
.msgbox_icon {background:#f5f5f5;font-size:30px;text-align:center;padding:13px 18px; vertical-align: middle;}
.msgbox_icon i.icon-succeed {color:#27AE60}
.msgbox_icon i.icon-failure {color:#E74C3C}
.msgbox_icon i.icon-tip {color:#3498DB}
.msgbox_icon i.icon-warn {color:#F39C12}

.msg-warn {background: #fff6d2; border: 1px solid #ffe57d; padding: 8px 10px; /* height: 28px; line-height: 28px; */ color: #666; font-size: 0.857em;}
.msg-warn i {color: #f8ce33; font-size: 1.5em; vertical-align: middle; margin-right: 5px}
.msg-error {background-color: #F1DDDD; border-color:#f00; color: #f00}
.msg-error i {color: #f00}

/* 会员中心 */
/* ================================================ */
.login-wrap {/* background-color: #56b7a4; */ background:#d0c5b3; height: 560px; background: url(../images/login_bg.jpg) no-repeat center center #d0c5b3; background-size: cover;}
.login-wrap .container {position: relative; background-size: 60% auto; height: 560px;}
.login-form {background: #fff; box-shadow:0 0 5px #999; width: 370px; min-height: 300px; padding: 30px; position: absolute; right: 10px; top: 50px;z-index: 990;}
.login-form h1 {font-weight: normal; font-size: 2em; text-align: center; color: #666; height: 50px}
.login-form .msg-warn {padding: 2px 10px;}
.login-form form p {display: block; position: relative; margin:15px 0px; border: #ccc 1px solid;}
.login-form form p span {display: block; text-align: right; height: 30px; line-height: 20px;}
.login-form form p span.error {color: #c40e24}
.login-form form p label {display: inline-block; vertical-align: middle; background-color: #f5f5f5; border-right: #ccc 1px solid; text-align: center; width: 48px; height: 45px; line-height: 45px; font-size: 1.571em; color: #999}
.login-form form p b {position: absolute; left: -20px; top: 45px; font-size: 1.286em;color: #c40e24}
.login-form form p input {display: inline-block; vertical-align: middle; width: 240px; height: 45px; line-height: 45px; font-size: 100%; background: #fff; padding:0 5px; border: none}
.login-form form button {display: block; padding:10px 0; width: 100%; font-size: 1.286em}
.login-form form .safe {height: 40px}
.login-form form .auto-login {float: left;}
.login-form form .auto-login input{vertical-align: middle;;}
.login-form form .forget {float: right;}
.login-form .other-login {color: #666; margin:30px auto; text-align: center;}
.login-form .other {border-top: #999 1px dashed; margin-top: 20px; padding: 20px 0 0px 0; text-align: center;}
.login-form .other a {color: #e62e04; margin:0 30px;}
.login-footer  {border: none}
.login-footer .container {padding-top: 0}

.register-wrap {background:#e5e2d6; /* min-height: 560px; */}
.register-wrap .container {position: relative; overflow: hidden;}
.register-form {padding: 30px;background:#fff; margin: 30px 0 30px auto; /* width: 600px */}
.register-form h1 {font-weight: normal; font-size: 2em; text-align: left; color: #666; height: 50px}
.register-form form p {display: block; position: relative; margin:15px 20px; padding-top:30px;}
.register-form form p span {display: inline-block; text-align: left; height: 45px; line-height: 45px; margin-left: 10px; vertical-align: middle; color: #888}
.register-form form p span.error {color: #c40e24}
.register-form form p label {position: absolute; left:0px; top: 5px;}
.register-form form p b {position: absolute; left: -20px; top: 45px; font-size: 1.286em;color: #c40e24}
.register-form form p input {width: 200px; height: 45px; line-height: 45px; background: #fff; border: #ccc 1px solid; padding:0 20px; vertical-align: middle;}
.register-form form p select {height: 45px; line-height: 45px; padding:0 20px; border: #ccc 1px solid; vertical-align: middle; margin-right: 10px}
.register-form form p button,.register-form .btn {font-size: 1.286em; height: 45px; line-height: 45px; background: #1abc9c; color: #fff; padding:0 50px; margin:30px 20px; display: block; border: none;}
.register-form form p button:hover,.register-form .btn:hover {background: #3a4153; color: #fff;}
.register-form form p.tip {text-align: center; line-height: 2; font-size: 14px;}
.register-form form p.gtip {color: #999; font-size: 12px;}
.register-form form .agree {margin-left: 20px}
.register-form .other {border-top: #999 1px dashed; margin-top: 20px; padding: 20px 0 0px 0; text-align: center;}
.register-form .other a {color: #e62e04; margin:0 30px;}

.tip-page {padding: 50px; font-size: 1.286rem; text-align: center;}
.tip-page i {font-size: 2.143rem; vertical-align: middle; margin-right: 20px}
.tip-page i.icon-succeed {color:#27AE60}
.tip-page i.icon-failure {color:#E74C3C}
.tip-page i.icon-tip {color:#3498DB}
.tip-page i.icon-warn {color:#F39C12}

.customer-portrait {float: left; width: 200px; height: 200px; background: #f6f6f6; position: relative; overflow: hidden; border-radius: 10px}
.customer-portrait img {width: 200px; height: 200px;}
.customer-portrait a.edit-portrait {position: absolute; z-index: 99; bottom: 0px; right:0; background-color: rgba(0,0,0,0.3); padding: 5px 10px; font-size: 0.857rem; color: #fff; display: none}
.customer-portrait:hover a.edit-portrait {display: block}
.customer-base {float: left; margin-left: 50px}
.customer-base h3 {font-size: 1.286rem; font-weight: normal; padding-bottom: 20px}
.customer-base .edit-link {margin-left: 30px; color: #005ea7; font-size: 1rem; font-weight: normal;}
.customer-base .edit-link i {margin-right: 6px;}
.customer-base .edit-link:hover {color: #e62e04}
.customer-base h4 {font-size: 1rem; font-weight: normal; color: #666; padding: 3px 0}
.customer-base h4 span {margin-right: 30px}

.tree-container {float: left; width: 400px; height: 500px; background: #f6f6f6; overflow: auto;}
#select-tree-container {position: absolute; z-index: 999999; left:0; top:0; width: 222px; height: 260px; background: #fff; border:#999 1px solid; overflow: auto; display: none; padding:10px;}

.member-info {padding:10px 10px; background: #FBE7E4; border: #DEB7B2 1px solid}
.member-info h4 {font-size: 1.143rem; font-weight: normal; padding-bottom: 5px}
.member-info h5 {font-size: 1rem; font-weight: normal; color: #888}
.member-info span {font-size: 1rem;  font-weight: normal; margin-left: 30px; color: #888}
.member-info strong {font-size: 1.143rem;  font-weight: normal; margin-right: 30px; color: #B90909}

.item-list {}
.item-list li {display: inline-block; padding: 10px; margin:10px 10px 10px 0; background: #FBF9E4; border: #DED8B2 1px solid;}
.item-list li h3 {font-size: 1rem; font-weight: normal; padding-bottom: 5px}
.item-list li p {font-size: 1rem; font-weight: normal; color: #666}
.item-list li span {font-size: 1rem;  font-weight: normal; margin-left: 30px; color: #666}
.item-list strong {font-size: 1rem;  font-weight: normal; margin-left: 30px; color: #B90909}

label.input-radio,label.input-check {position: relative;margin-right: 20px;height: 20px; line-height: 20px; display:inline-block}
label.input-radio *,label.input-check * {vertical-align: middle;}
label.input-radio input[type="radio"],label.input-check input[type="checkbox"]  {width: 20px;height: 20px;opacity: 0;}
label.input-radio i,label.input-check i {position: absolute;left: 5px;top: 0px;width: 18px;height: 18px;border-radius: 50%;border: 1px solid #999;margin: 0 !important}
label.input-radio input:checked+i,label.input-check input:checked+i,label.input-check-part i { background-color: #fe6d32; border: 1px solid #fe6d32;}
label.input-radio input:checked+i::after,label.input-check input:checked+i::after { position: absolute; content: ""; width: 5px; height: 8px; top: 2px; left: 5px; border: 2px solid #fff; border-top: none; border-left: none;transform: rotate(45deg)}
label.input-check i {border-radius: 3px;}
label.input-check-part i:after {position: absolute; content: ""; background: #fff; border:none; border-radius: 50%; width: 10px; height:10px; top:3px; left:3px}

#profile-form {margin-left: 200px}
.customer-form form h3 {padding: 5px 10px; background: #f1f1f1; width: auto !important}
.customer-form form p,.customer-form form .input-item {display: block; position: relative; margin:15px 20px 15px 200px; font-size: 1em;}
.customer-form form p span {display: inline-block; text-align: left; /* height: 45px; line-height: 45px; */ margin:0 10px 0 0; vertical-align: middle; color: #777}
.customer-form form p span.error {color: #c40e24}
.customer-form form label.input_title {position: absolute; left:-200px; top: 0px; width:190px; font-size: 1rem; color: #666; text-align: right; font-weight: bolder;}
.customer-form form p label.input_radio {margin-right: 20px}
.customer-form form p b {position: absolute; left: -20px; top: 45px; font-size: 1.286rem;color: #c40e24}
.customer-form form p input.input_text {width: 200px; height: 35px; line-height: 35px; background: #fff; border: #ccc 1px solid; padding:0 10px; vertical-align: middle;font-size: 1rem;}
.customer-form form p input.number {padding:0 0 0 10px;}
.customer-form form p select {height: 35px; line-height: 35px;font-size: 1rem; padding:0 20px; border: #ccc 1px solid; vertical-align: middle; margin-right: 10px}
.customer-form form p textarea {background: #fff; border: #ccc 1px solid; padding: 10px; width: 90%; height: 200px}
.customer-form form p button[type="submit"],.customer-form .btn {font-size: 1.286rem; height: 37px; line-height: 37px; background: #e62e04; color: #fff; padding:0 50px; margin:30px 0px; display: inline-block; border: none; text-align: center;}
.customer-form form p .btn-cancel {font-size: 1rem; height: 30px; line-height: 30px; background: #fff; color: #000; border: #ccc 1px solid; padding:0 30px; margin:30px 0px 30px 20px; display: inline-block;  text-align: center;}
.customer-form form p button:hover,.customer-form .btn:hover {background: #3a4153; color: #fff;}
.customer-form form p .cancel-link {margin-left: 20px}
.customer-form form p.tip {text-align: center; line-height: 2; font-size: 14px;}
.customer-form form p.ltip {text-align: left; line-height: 1.5; font-size: 14px; color: #999}
.customer-form form p.gtip {color: #999; font-size: 12px;}

.upload-image-list {
    background-color: #fafae5;
    padding: 10px;
    margin-top: 10px;
}
.cover_list {}
.cover_list label,.cover_list .upload_cover {margin:0px; position: relative; cursor: pointer;display: block;border:#ccc 2px dotted; text-align: center; width:180px;height:101px; overflow: hidden; background:#ECF0F1; float: left;}
.cover_list label i {display: none}
.cover_list label del {display: block; position: absolute; top:0px; right:0px; width: 20px; height: 20px; overflow: hidden;text-decoration: none; color: #fff; background: #ccc; font-size:16px; padding: 0 0 2px 2px; cursor: pointer; text-align: center; border-radius: 0 0 0 10px; opacity: 0.8;filter:alpha(opacity=80); z-index: 99}
.cover_list label del:hover {background:#f00;color:#fff}
.cover_list label.checked {border:#1094fa 2px solid;}
.cover_list label.checked i {display:block; position:absolute; bottom:0; right:0; background:url(../images/success.png) no-repeat; width:40px; height:40px; overflow:hidden;}
/* .cover_list label.checked del {background:#67A2DC;}
.cover_list label.checked del:hover {background:#f00;} */
.cover_list label input {display:none}
.cover_list label img {/* width:180px; */max-width: 100%; max-height: 100%;position: absolute;left: 0;top: 0; right: 0; bottom: 0; margin:auto;}
.cover_list .upload_cover {width:180px;height:101px;text-align:center;line-height:101px;background:#ECF0F1;color:#3498DB}
.cover_list .upload_cover:hover {background:#1ABC9C;color:#fff;border:#16A085 2px solid;}
.cover_list .upload_cover .webuploader-pick {width:180px;height:101px;background: none; height: auto; padding: 0; margin: 0; color: #000}
.cover_list .upload_cover:hover .webuploader-pick {color: #fff }
.cover_list .upload_cover label {float: none;padding: 0; margin: 0;}
.cover_list label.uploading {border-style:dashed;}
.cover_list label.uploading .up_progress {width:180px;height:101px;display:block;position:absolute;top:0px;right:0px;overflow: hidden;background:#95A5A6;opacity:0.8;filter:alpha(opacity=80);font-style:normal;}
.cover_list label .up_progress {display: none}

.file_picker .upload_cover {width:180px;height: 40px;line-height:36px; border-radius: 5px;}
.file_picker .upload_cover .webuploader-pick {width:180px;height:40px;}
.file_picker label.uploading .up_progress {width:180px;height:40px;}



/* .select-file {display: none} */
/* .webuploader-container {position: relative;} */
.webuploader-element-invisible {position: absolute !important;clip: rect(1px 1px 1px 1px); /* IE6, IE7 */clip: rect(1px,1px,1px,1px);}
.webuploader-pick {position: relative;display: inline-block;cursor: pointer;background: #00b7ee;padding: 10px 15px;color: #fff;text-align: center;border-radius: 3px;overflow: hidden;}
.webuploader-pick-hover {background: #00a2d4;}
.webuploader-pick-disable {opacity: 0.6;pointer-events:none;}

.upload-control {padding:5px 0px; margin:0; display:block; height:70px;}
.upload-control label {float:left;}
.selectFile {/*float:left; width:399px;*/ height:67px; background:#f5f5f5; overflow:hidden; position:relative; z-index:0;border:#ccc 1px dashed; cursor:pointer}
.selectFile:hover {border:#09F 1px dashed;}
.selectFile .webuploader-container {width:100%; height:67px; cursor:pointer; position:absolute; left:0; top:0; z-index:13}
.selectFile .webuploader-pick {width:100%; height:67px; cursor:pointer;}
.selectFile .webuploader-pick-hover {background: #00a2d4; opacity:.1;filter:alpha(opacity=10);}
.selectFile .webuploader-pick-disable {opacity: 0.6;pointer-events:none;}
.selectFile .selectInfo {padding:10px 0 6px 0; text-align:center; width:100%; line-height:1.8; font-size:12px; color:#888}
.selectFile .selectInfo span {color:#22a6e8; display:inline; font-size:14px;}
.selectFile .upprogress {width:0px; height:67px; cursor:pointer; position:absolute; left:0; top:0; z-index:3;opacity:.3;filter:alpha(opacity=30); background:#6C6;}
.selectFile object {cursor:pointer}
.upload {cursor:pointer}

.uploader {background:#f9f9f9;border:#ccc 1px dashed; clear: both;}
.queueList {padding:10px;overflow:hidden;position:relative;z-index:0;}
.queueList .placeholder {padding:90px 20px; text-align:center;/* background:#f1f1f1;border:#ccc 2px dashed; */}
.miniUpload .queueList .placeholder {padding: 20px;}
.queueList .webuploader-container {margin: 0 0 5px 0}
.queueList p {color:#777; font-size: 14px;}
.queueList p.file-tip {color:#999; font-size:12px;padding:10px 0 0 0}
.placeholder.webuploader-dnd-over {border-color:#999999;}
.placeholder.webuploader-dnd-over.webuploader-dnd-denied {border-color:red;}
.element-invisible {position:absolute !important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);}
#upload-callback-info {padding: 30px;}
#upload-callback-info h3 {text-align: center; color: #f00;}
#upload-callback-info p {line-height: 1.6; font-size: 14px}

.filelist {}
.filelist li {height: 35px; line-height: 27px; overflow: hidden;position:relative; background: #fff; /* border-bottom: #ccc 1px solid; */ margin: 3px 0}
.filelist li span {display: inline-block; height: 27px; line-height: 27px; vertical-align: middle;}
.filelist li span.title {width: 60%; margin: 0 0 0 10px; text-align: left;}
.filelist li span.size {width: 8%;}
.filelist li span.status {width: 25%;}
.filelist li span.cancel {width: 20px; cursor:pointer;}
.filelist li .progress {height: 5px; clear: both; overflow: hidden; /* box-shadow: none; border-radius:0; */}
.filelist li .progress span {display: block;overflow: hidden;border-radius:4px;width:0;height: 100%;background: #1483d8 url(../images/progress.png) repeat-x; -webit-transition: width 200ms linear;-moz-transition: width 200ms linear;-o-transition: width 200ms linear;-ms-transition: width 200ms linear;transition: width 200ms linear;-webkit-animation: progressmove 2s linear infinite;-moz-animation: progressmove 2s linear infinite;-o-animation: progressmove 2s linear infinite;-ms-animation: progressmove 2s linear infinite;animation: progressmove 2s linear infinite;-webkit-transform: translateZ(0); }
@-webkit-keyframes progressmove {0% {background-position: 0 0;}100% {background-position: 17px 0;}}
@-moz-keyframes progressmove {0% {background-position: 0 0;}100% {background-position: 17px 0;}}
@keyframes progressmove {0% {background-position: 0 0;}100% {background-position: 17px 0;}}
.filelist li .success {display: block;position: absolute;left: 0;bottom: 1px;height: 28px;width: 100%;z-index: 200;background: url(../images/success_mini.png) no-repeat right bottom;}
.uploader .statusBar {border-top:#ccc 1px dashed; height: 50px;}
.uploader .statusBar .info {float: left; height: 50px; line-height: 50px; color: #666; width: 500px; padding: 0 10px;}
.uploader .statusBar .btns {float: right; height: 30px; width: 260px; padding: 10px;}
.uploader .statusBar .btns .filePicker2 {display: inline-block;float: left; height: 30px; line-height: 30px;}
.uploader .statusBar .btns .webuploader-pick,.uploader .statusBar .btns .uploadBtn,.uploader .statusBar .btns .uploadBtn.state-uploading,.uploader .statusBar .btns .uploadBtn.state-paused {background: #fff;border: 1px solid #cfcfcf;color: #565656;padding: 0 18px;display: inline-block;border-radius: 3px;margin-left: 10px;cursor: pointer;font-size: 14px;float: left;}
.uploader .statusBar .btns .webuploader-pick-hover,.uploader .statusBar .btns .uploadBtn:hover,.uploader .statusBar .btns .uploadBtn.state-uploading:hover,.uploader .statusBar .btns .uploadBtn.state-paused:hover {background: #f0f0f0;}
.uploader .statusBar .btns .uploadBtn {background: #00b7ee;color: #fff;border-color: transparent; float: right; height: 30px; line-height: 30px;}
.uploader .statusBar .btns .uploadBtn:hover {background: #00a2d4;}
.uploader .statusBar .btns .uploadBtn.disabled {pointer-events: none;opacity: 0.6;}




/*水平翻转*/
.flipx {
    -moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
    /*IE*/
    filter:FlipH;
}

/*垂直翻转*/
.flipy {
    -moz-transform:scaleY(-1);
    -webkit-transform:scaleY(-1);
    -o-transform:scaleY(-1);
    transform:scaleY(-1);
    /*IE*/
    filter:FlipV;
}


.filter-form form p,.filter-form form .input-item {margin:0px 20px;}
.filter-form form label.input_title {position: static; left:auto; top:auto;}


.customer-portrait-box {float: left; width: 200px;}
.customer-portrait-box .customer-portrait {float: none;}
#portrait-editor {float:left; width:500px; margin:0 10px 0 50px;}
#cut-img {position:relative; display: none}
#portrait-editor h3 {margin:0; padding:0 0 10px 0; display:block; font-size:10pt; border:none; border-bottom:#CCC 1px dashed;}
#portrait-editor h4 {color:#999; font-size:9pt; font-weight:normal; margin:10px 0 5px 0;}
#cut-photo {text-align:center; background:url(../images/loading.gif) center center no-repeat; position:relative; min-height:200px; _height:200px;}
#cut-photo img{width: 100%}
#cut-ctrl {padding:0px 0 20px 0;margin-bottom: 20px}
#cut-ctrl .btn {padding:10px; width: 100%}
#recut-ctrl {padding:10px 0 0 0; text-align: center;}
#recut-ctrl input {margin-right: 10px; vertical-align: middle;}

#portrait-editor #select-file {width:500px; margin:0 auto 20px auto;}
.imgareaselect-border1 {background: url(../images/border-anim-v.gif) repeat-y left top;}
.imgareaselect-border2 {background: url(../images/border-anim-h.gif) repeat-x left top;}
.imgareaselect-border3 {background: url(../images/border-anim-v.gif) repeat-y right top;}
.imgareaselect-border4 {background: url(../images/border-anim-h.gif) repeat-x left bottom;}
.imgareaselect-border1, .imgareaselect-border2,.imgareaselect-border3, .imgareaselect-border4 { zoom:1; opacity: 0.5; filter: alpha(opacity=50);}
.imgareaselect-handle {background-color: #fff; border: solid 1px #000; zoom:1; opacity: 0.5; filter: alpha(opacity=50);}
.imgareaselect-outer {background-color: #000; zoom:1; opacity: 0.5; filter: alpha(opacity=50);}
.imgareaselect-selection {}
.webuploader-element-invisible {position: absolute !important;clip: rect(1px 1px 1px 1px); /* IE6, IE7 */clip: rect(1px,1px,1px,1px);}
.webuploader-pick {position: relative;display: inline-block;cursor: pointer;background: #00b7ee;padding: 10px 15px;color: #fff;text-align: center;border-radius: 3px;overflow: hidden;}
.webuploader-pick-hover {background: #00a2d4;}
.webuploader-pick-disable {opacity: 0.6;pointer-events:none;}

.upload-control {padding:5px 0px; margin:0; display:block; height:70px;}
.upload-control label {float:left;}
.select-file {padding:10px; background:#f5f5f5; overflow:hidden; position:relative; z-index:0;border:#ccc 1px dashed; cursor:pointer; text-align: center;}
.select-file:hover {border:#09F 1px dashed;}
.select-file .webuploader-container {width:150px; height:50px; margin: 0 auto 10px auto; cursor:pointer;}
.select-file .webuploader-pick {width:100%; height:50px; line-height: 30px; cursor:pointer;}
.select-file .webuploader-pick-hover {background: #e62e04;}
.select-file .webuploader-pick-disable {opacity: 0.6;pointer-events:none;}
.select-file .select-info {padding:10px 0 6px 0; text-align:center; width:100%; line-height:1.8; font-size:12px; color:#888}
.select-file .select-info span {color:#22a6e8; display:inline; font-size:14px;}
.select-file .upprogress {width:0px; height:67px; cursor:pointer; position:absolute; left:0; top:0; z-index:3;opacity:.3;filter:alpha(opacity=30); background:#6C6;}
.select-file object {cursor:pointer}
#upload-upprogress {position: absolute; bottom: 0; left:0; height: 3px; background: #e62e04; width: 0%;}
#upload-error {color: #e62e04; text-align: center;}
#upload-error span {padding: 10px;}

.address-wrap {}
.address-list {margin: 10px 0; padding: 0px; border: #eee 2px solid; position: relative;}
.address-list h3 {padding:0 10px; margin-bottom: 20px}
.address-list h3 em {display: inline-block; padding:3px 6px; background: #e62e04; color: #fff; font-size: 0.857rem; font-weight: normal; vertical-align: middle; font-style: normal;}
.address-list .customer-form {padding: 10px;}
.address-list .customer-form p {margin:6px 20px 6px 200px;}
.address-list .edit-link {margin-left: 30px; color: #005ea7; font-size: 1rem; font-weight: normal;}
.address-list .edit-link i {margin-right: 6px;}
.address-list .edit-link:hover {color: #e62e04}
.address-list .default-link {position:absolute; bottom: 10px; right:10px; color: #005ea7; font-size: 1rem; font-weight: normal;}
.address-list .close{position:absolute;width:30px;height:30px;background-color: #fff; background-color: rgba(250,250,250,0.9); border-radius: 30px; font-size: 18px; line-height: 30px; overflow: hidden; color:#aaa;cursor:pointer;top:10px;right:10px;text-align:center; z-index: 99; /* line-height:16px;font-family:"Microsoft Yahei";font-size:1.429rem;background:none; */}
.address-list .close:hover {background-color:#e4393c;color: #fff}
.add-address-btn {font-size: 1rem; height: 30px; line-height: 30px; background: #1abc9c; color: #fff; padding:0 20px; margin:10px 0px; display: block; border: none; width: 160px; text-align: center;}
.add-address-btn:hover {background: #3a4153; color: #fff;}
.add-address-btn i {margin-right: 10px}


.overlay{position:absolute;z-index:999990;top:0px;left:0px;height:100%;width:100%;background:#000;display:none;}
.popwindow{width:600px;padding-bottom:2px;background:#FFF;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;box-shadow:0px 0px 4px rgba(0,0,0,0.7);-webkit-box-shadow:0 0 4px rgba(0,0,0,0.7);-moz-box-shadow:0 0px 4px rgba(0,0,0,0.7); position:absolute; left:50%; z-index:999991; opacity:0;filter:alpha(opacity=0);}
.popwindow-header{background:url(../images/hd-bg.png?v=1);padding:10px 15px 8px 15px;border-bottom:1px solid #CCC;border-radius:5px 5px 0 0}
.popwindow-header  h2{color:#444;font-size:18px;font-weight:700;margin-bottom:3px;text-shadow:1px 1px 0 rgba(255,255,255,0.5);}
.popwindow-header  p{color:#444;font-size:12px;margin:0;text-shadow:1px 1px 0 rgba(255,255,255,0.5);text-shadow:none;}
.popwindow .txtBox{position:relative;padding:14px 20px;border-bottom:1px solid #EEE;}
.popwindow .btnBox{overflow:hidden;padding:12px 20px 12px 140px;}
.popwindow .txtBox label{display:block;float:left;width:120px;font-size:14px;padding-top:8px;color:#222;text-align:left;}
.popwindow .txtBox input,.txtBox textarea{width:244px;padding:8px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;font-size:1.2em;color:#222;background:#F7F7F7;outline:none;border-top:1px solid #CCC;border-left:1px solid #CCC;border-right:1px solid #E7E6E6;border-bottom:1px solid #E7E6E6;}
.txtBox textarea {width:380px;}
.popwindow .loader {padding: 30px; background:url(../images/loading.gif) center center no-repeat; }
.popwindow .txtBox input.good_input{background:#DEF5E1 url(../images/good.png?v=1) 236px center no-repeat;}
.popwindow .txtBox input.error_input{background:#FDE0E0;}
p.error{position:absolute;bottom:48px;right:20px;width:262px;color:#FFF;font-size:1.1em;padding-bottom:5px;background:url(../images/error-arw.png?v=1) 20px bottom no-repeat;text-align:left;margin:0;text-shadow:none;}
p.error span{display:inline-block;background:#D43636;padding:6px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.txtBox input:focus,.txtBox textarea:focus{background:#FAF9DC;}
.popwindow .form textarea {width:100%}
.popwindow .btnBox button{background:#3F9D4A;border:none;width:auto;overflow:visible;font-size:1.4em;color:#FFF;padding:7px 10px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;font-weight:bold;text-shadow:0 1px 0 rgba(0,0,0,0.4);margin-right:20px;font-family:'宋体',Arial, Helvetica, sans-serif; cursor:pointer;}
.popwindow .btnBox button.btn1 {background:#59b5e4}
.popwindow .btnBox button.btn2 {background:#DFDFDF}
.pop-close{position:absolute;top:12px;right:12px;display:block;width:14px;height:14px;overflow:hidden;background:url(../images/close.png?v=1);z-index:2;}
.popwindow .table_form {position: relative;}
.popwindow .table_form td.title {text-align:right;width:100px}
.popwindow td .select-file,.popwindow td .select-file .selectInfo,.popwindow td .select-file .flashBtn {width:100%; background-image:none;}
/*.popwindow td .select-file {border:#ccc 1px dashed;}*/
/*.popwindow td textarea {width:100%} */
.popwindow .popBody {padding:17px;}
.popwindow .main_body {min-height: 300px}

.question-report-td {padding:0 !important}
.question-report {position: relative; padding: 30px 10px 10px 10px; background: #f5f5f5;}
.question-report .table {margin-bottom:0}
.question-report-close {position:absolute;width:30px;height:30px;background-color: #000; background-color: rgba(0,0,0,0.6); border-radius: 30px; font-size: 18px; line-height: 30px; overflow: hidden; color:#fff;cursor:pointer;top:8px;right:-5px;text-align:center; z-index: 99;}
.question-report-close:hover {background-color:#e4393c;color: #fff}

.inspect-rules {height: 180px; overflow: hidden; overflow-y: auto;}

#download-box {text-align: center;}
.qrcode-box {width: 276px; padding:10px; border:#666 1px solid;text-align: center; margin:50px auto}
.qrcode-box #qrcode {width: 256px;height:256px;}
.qrcode-box #qrcode img {width: 256px;height:256px;}
.qrcode-box span {display: block; padding: 5px 0;}



.article-info {padding: 20px}
.article-info h1 {font-size: 25px; font-weight: normal; line-height: 1.8}
.article-copyform {padding: 20px 0; color: #999}
.article-copyform span {margin-right: 20px}
.article-copyform a {color: #999}
.article-content {padding: 20px 0; color: #000; font-size: 14px; line-height: 1.8}
.article-content p {color: #000; font-size: 16px; line-height: 1.8 !important; padding: 10px 0;}
.article-content img {max-width: 98%}
/* ================================================ */

/* ========================================= */
/* zTree Style */
.ztree * {padding:0; margin:0; font-size:12px; font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif}
.ztree {margin:0; padding:5px; color:#333}
.ztree li{padding:0; margin:0; list-style:none; line-height:17px; text-align:left; white-space:nowrap; outline:0}
.ztree li ul{ margin:0; padding:0 0 0 18px}
.ztree li ul.line{ background:url(../images/line_conn.png) 0 0 repeat-y; border: none; height: auto; margin:0;}

.ztree li a {padding-right:3px; margin:0; cursor:pointer; height:21px; color:#333; background-color: transparent; text-decoration:none; vertical-align:top; display: inline-block}
.ztree li a:hover {text-decoration:underline}
.ztree li a.curSelectedNode {padding-top:0px; background-color:#e5e5e5; color:black; height:21px; opacity:0.8;}
.ztree li a.curSelectedNode_Edit {padding-top:0px; background-color:#e5e5e5; color:black; height:21px; border:1px #666 solid; opacity:0.8;}
.ztree li a.tmpTargetNode_inner {padding-top:0px; background-color:#aaa; color:white; height:21px; border:1px #666 solid;
  opacity:0.8; filter:alpha(opacity=80)}
.ztree li a.tmpTargetNode_prev {}
.ztree li a.tmpTargetNode_next {}
.ztree li a input.rename {height:14px; width:80px; padding:0; margin:0;
  font-size:12px; border:1px #585956 solid; *border:0px}
.ztree li span {line-height:21px; margin-right:2px}
.ztree li span.button {line-height:0; margin:0; padding: 0; width:21px; height:21px; display: inline-block; vertical-align:middle;
  border:0 none; cursor: pointer;outline:none;
  background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
  background-image:url("../images/metro.png"); *background-image:url("../images/metro.gif")}

.ztree li span.button.chk {width:13px; height:13px; margin:0 2px; cursor: auto}
.ztree li span.button.chk.checkbox_false_full {background-position: -5px -5px;}
.ztree li span.button.chk.checkbox_false_full_focus {background-position: -5px -26px;}
.ztree li span.button.chk.checkbox_false_part {background-position: -5px -48px;}
.ztree li span.button.chk.checkbox_false_part_focus {background-position: -5px -68px;}
.ztree li span.button.chk.checkbox_false_disable {background-position: -5px -89px;}
.ztree li span.button.chk.checkbox_true_full {background-position: -26px -5px;}
.ztree li span.button.chk.checkbox_true_full_focus {background-position: -26px -26px;}
.ztree li span.button.chk.checkbox_true_part {background-position: -26px -48px;}
.ztree li span.button.chk.checkbox_true_part_focus {background-position: -26px -68px;}
.ztree li span.button.chk.checkbox_true_disable {background-position: -26px -89px;}
.ztree li span.button.chk.radio_false_full {background-position: -47px -5px;}
.ztree li span.button.chk.radio_false_full_focus {background-position: -47px -26px;}
.ztree li span.button.chk.radio_false_part {background-position: -47px -47px;}
.ztree li span.button.chk.radio_false_part_focus {background-position: -47px -68px;}
.ztree li span.button.chk.radio_false_disable {background-position: -47px -89px;}
.ztree li span.button.chk.radio_true_full {background-position: -68px -5px;}
.ztree li span.button.chk.radio_true_full_focus {background-position: -68px -26px;}
.ztree li span.button.chk.radio_true_part {background-position: -68px -47px;}
.ztree li span.button.chk.radio_true_part_focus {background-position: -68px -68px;}
.ztree li span.button.chk.radio_true_disable {background-position: -68px -89px;}

.ztree li span.button.switch {width:21px; height:21px}
.ztree li span.button.root_open{background-position:-105px -63px}
.ztree li span.button.root_close{background-position:-126px -63px}
.ztree li span.button.roots_open{background-position: -105px 0;}
.ztree li span.button.roots_close{background-position: -126px 0;}
.ztree li span.button.center_open{background-position: -105px -21px;}
.ztree li span.button.center_close{background-position: -126px -21px;}
.ztree li span.button.bottom_open{background-position: -105px -42px;}
.ztree li span.button.bottom_close{background-position: -126px -42px;}
.ztree li span.button.noline_open{background-position: -105px -84px;}
.ztree li span.button.noline_close{background-position: -126px -84px;}
.ztree li span.button.root_docu{ background:none;}
.ztree li span.button.roots_docu{background-position: -84px 0;}
.ztree li span.button.center_docu{background-position: -84px -21px;}
.ztree li span.button.bottom_docu{background-position: -84px -42px;}
.ztree li span.button.noline_docu{ background:none;}

.ztree li span.button.ico_open{margin-right:2px; background-position: -147px -21px; vertical-align:top; *vertical-align:middle}
.ztree li span.button.ico_close{margin-right:2px; margin-right:2px; background-position: -147px 0; vertical-align:top; *vertical-align:middle}
.ztree li span.button.ico_docu{margin-right:2px; background-position: -147px -42px; vertical-align:top; *vertical-align:middle}
.ztree li span.button.edit {margin-left:2px; margin-right: -1px; background-position: -189px -21px; vertical-align:top; *vertical-align:middle}
.ztree li span.button.edit:hover {
  background-position: -168px -21px;
}
.ztree li span.button.remove {margin-left:2px; margin-right: -1px; background-position: -189px -42px; vertical-align:top; *vertical-align:middle}
.ztree li span.button.remove:hover {
  background-position: -168px -42px;
}
.ztree li span.button.add {margin-left:2px; margin-right: -1px; background-position: -189px 0; vertical-align:top; *vertical-align:middle}
.ztree li span.button.add:hover {
  background-position: -168px 0;
}
.ztree li span.button.ico_loading{margin-right:2px; background:url(../images/load.gif) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}

ul.tmpTargetzTree {background-color:#FFE6B0; opacity:0.8; filter:alpha(opacity=80)}

span.tmpzTreeMove_arrow {width:16px; height:21px; display: inline-block; padding:0; margin:2px 0 0 1px; border:0 none; position:absolute;
    background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
    background-position:-168px -84px; background-image:url("../images/metro.png"); *background-image:url("../images/metro.gif")}

ul.ztree.zTreeDragUL {margin:0; padding:0; position:absolute; width:auto; height:auto;overflow:hidden; background-color:#cfcfcf; border:1px #00B83F dotted; opacity:0.8; filter:alpha(opacity=80)}
.ztreeMask {z-index:10000; background-color:#cfcfcf; opacity:0.0; filter:alpha(opacity=0); position:absolute}

/** Preloader
 **************************************************************** **/
#preloader {
    position: fixed;
    z-index: 9999999;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: #fff;
}

.inner {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 54px;
    height: 54px;
    margin: auto;
}

.page-loader {
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #fefefe;
    z-index: 100000;
}

#preloader span.loader {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    font-size: 10px;
    text-indent: -12345px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    border-right: 1px solid rgba(0, 0, 0, 0.08);
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    border-left: 1px solid rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation: spinner 700ms infinite linear;
    -moz-animation: spinner 700ms infinite linear;
    -ms-animation: spinner 700ms infinite linear;
    -o-animation: spinner 700ms infinite linear;
    animation: spinner 700ms infinite linear;
    z-index: 100001;
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}