@charset "utf-8";

.category-list .category-num@charset "utf-8";

/* CSS Document */

.paixu { border: none; width: 30px; text-align: center; background: none; }

.skin-blue .content .btn { margin-right: 12px; }

.skin-blue .content a.xn { background: none; border: #3c8dbc solid 1px; color: #3c8dbc; }

.imgFileUploade { width: 100%; }

.imgFileUploade .header { height: 100px; width: 100px; line-height: 50px; float: left; border: #999 dashed 1px; text-align: center; margin-top: 8px; margin-left: 8px; margin-bottom: 8px; }

.imgFileUploade .header span { display: block; float: left; }

.imgFileUploade .header span.imgTitle { line-height: 25px; text-align: center; width: 100%; }

.imgFileUploade .header span.imgTitle b { color: red; margin: 0 5px; line-height: 57px; display: block; float: right; font-size: 20px; }

.imgFileUploade .header span.imgClick { width: 50px; height: 50px; margin-left: 25px; margin-top: 10px; cursor: pointer; background: url(addUpload.png) no-repeat center center; background-size: cover; }

.imgFileUploade .header span.imgcontent { color: #999; margin-left: 120px; line-height: 50px; }

.imgFileUploade .imgAll { width: 100%; margin-top: 5px; }

.imgFileUploade .imgAll ul { list-style: none; margin: 0; padding: 0; float: left; }

.imgFileUploade .imgAll ul:after { visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0 }

.imgFileUploade .imgAll li { width: 100px; height: 100px; border: solid 1px #ccc; margin: 8px 5px; float: left; position: relative; box-shadow: 0 0 10px #eee; }

.imgFileUploade .imgAll li img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; }

.delImg { position: absolute; top: -10px; right: -7px; width: 22px; height: 22px; background: #000; border-radius: 50%; display: block; text-align: center; line-height: 22px; color: #fff; font-weight: 700; font-style: normal; cursor: pointer; }

.boximg, .boximg2 { margin-bottom: 16px; }

.clear { clear: both; }

.add_div { display: inline-block; width: 90%; }

.gglabel { display: block; width: auto; float: left; line-height: 36px; margin-right: 12px; }

.newgg { font-size: 14px; padding-bottom: 8px; display: inline-block; width: 70%; }

.newgg a { cursor: pointer; }

.newgg select { border-color: #d2d6de; width: 50%; height: 34px; display: inline-block; margin-left: 8px; }

.ggzul { padding-left: 60px; }

.ggzli input { width: 100%; height: 34px; display: inline-block; margin-bottom: 8px; -webkit-appearance: none; appearance: none; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #d2d6de; }

.ggminput { width: auto; height: 34px; display: inline-block; margin-bottom: 8px; -webkit-appearance: none; appearance: none; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #d2d6de; }

.ggzli { display: inline-block; width: 100px; float: left; margin-right: 10px; margin-bottom: 10px; position: relative; }

.btspan { display: block; width: auto; float: left; line-height: 36px; margin-right: 12px; }

.addggzbut { float: left; line-height: 36px; color: #7963DF; margin-left: 10px; cursor: pointer; }

.addggzbut2, .addggzbut3 { float: left; line-height: 36px; color: #7963DF; margin-left: 10px; cursor: pointer; }

{

float:left;

line-height:36px;

color:#7963DF;

margin-left:10px;

cursor:pointer;

}

.ts { width: 100%; color: #999; }

.drop_area { width: 100px; height: 100px; border: #d2d6de solid 1px; overflow: hidden; position: relative; }

.drop_area img { width: 100%; height: 100%; }

.drop_area .butinput { position: absolute; left: 0; top: 0; opacity: 0; width: 100%; height: 100%; z-index: 2; }

.ddxxtable th, .ddxxtable td { text-align: center;}

.table.ddxxtable>tbody>tr>td { height:auto; padding: 8px; vertical-align: middle; word-break:break-all;}

.xximg { display: inline-block; width: 80px; height: 80px; float: left; margin-right: 8px; }

.xxtitle { display: inline-block; float: left; width: 65%; text-align: left; padding-top: 12px; }

.xxtitle2 { padding-top: 4px; color: #999; }

.table.ddxxtable>tbody>tr.bztd td { padding: 0; height: auto;}

.mar12 { margin-bottom: 12px; }

.ddbztable { height: 32px; padding: 0 8px; border-bottom: 1px solid #f4f4f4; background: #fdeeee; color: #f66; text-align: left; line-height: 32px; }

.ddbztable2 { height: 32px; padding: 0 8px; border-bottom: 1px solid #f4f4f4; background: #fffaeb; color: #f90; text-align: left; line-height: 32px; }

.floatdiv { display: block; margin-left: 8px; width: 150%; text-align: right; position: absolute; right: 250px; top: 0; }

.floatdiv select { border-color: #d2d6de; width: 20%; height: 30px; display: inline-block; }

.marl6 { margin-right: 6px; }
.floatleft .floatdiv { position: relative; right: inherit; width: auto; text-align: left; margin-bottom: 10px; margin-left: 0;display:inline-block;}
.floatleft .floatdiv select { width: 15%; }

.box-header>.box-tools.floatleft { right: inherit; left: 10px; height: auto; position: relative; }

.floatleft .search-form { width: 246px; display: inline-flex; }

.clearfix:after { content: ''; display: table; width: 100%; clear: both; }

.myModa { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.2); }

.myModa .myAlertBox { width: 300px; border-radius: 5px; border: 1px solid #d9d9d9; background: #fff; overflow: hidden; margin: 0 auto; }

.myModa .myAlertBox h6 { background: #f2f2f2; padding: 10px; line-height: 20px; font-size: 16px; text-align: center; margin: 0; }

.myModa .myAlertBox p { padding: 20px; line-height: 26px; font-size: 14px; color: #808080; margin-bottom: 0; }

.myModa .myAlertBox .btn { cursor: pointer; width: 80px; line-height: 36px; border-radius: 5px; text-align: center; font-size: 16px; margin: 0 auto; margin-bottom: 20px; background: #D9D9D9; padding: 0; }

.myModa .myAlertBox .col2 .col { width: 118px; float: left; }

.myModa .myAlertBox .col2 .col .btn { width: 100%; }

.myModa .myAlertBox .col2 { padding: 0 20px; }

.myToast { position: fixed; display: inline-block; padding: 5px 10px; line-height: 24px; font-size: 14px; color: #fff; background: #000; max-width: 300px; _width: expression(this.offsetWidth >300 ? '300px': 'auto' );

*width: expression(this.offsetWidth >300 ? '300px': 'auto' );

border-radius: 5px; }

.ggmx { border-right: #d2d6de solid 1px; border-bottom: #d2d6de solid 1px; margin-top: 6px; margin-bottom: 12px; }

.ggmx td { border-left: #d2d6de solid 1px; border-top: #d2d6de solid 1px; line-height: 36px; text-align: center; }

.ggmx th { text-align: center; border-left: #d2d6de solid 1px; border-top: #d2d6de solid 1px; line-height: 36px; text-align: center; width: 100px; }

.ggmx td input { border: none; text-align: center; }

.sjsjp { float: left; margin-top: 6px; }

.sjsjp label { font-weight: normal; }

.sjsjp select { line-height: 30px; width: 176px; height: 30px; display: inline-block; margin-left: 4px; }

.bxinput label { margin-top: 2px; margin-left: 4px; }

.marr6 { margin-left: 10px; }

.sweet-overlay { background-color: black; /* IE8 */

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE8 */

background-color: rgba(0, 0, 0, 0.4); position: fixed; left: 0; right: 0; top: 0; bottom: 0; display: none; z-index: 10000; }

.sweet-alert { background-color: white; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; width: 478px; padding: 17px; border-radius: 5px; text-align: center; position: fixed; left: 50%; top: 50%; margin-left: -256px; margin-top: -200px; overflow: hidden; display: none; z-index: 99999; }

 @media all and (max-width: 540px) {

.sweet-alert { width: auto; margin-left: 0; margin-right: 0; left: 15px; right: 15px; }

}

.sweet-alert h2 { color: #575757; font-size: 24px; text-align: center; font-weight: 600; text-transform: none; position: relative; margin: 0; padding: 0; line-height: 40px; display: block; }

.sweet-alert p { color: #797979; font-size: 16px; text-align: center; font-weight: 300; position: relative; text-align: inherit; float: none; margin: 0; padding: 0; line-height: normal; }

.sweet-alert fieldset { border: none; position: relative; }

.sweet-alert .sa-error-container { background-color: #f1f1f1; margin-left: -17px; margin-right: -17px; overflow: hidden; padding: 0 10px; max-height: 0; webkit-transition: padding 0.15s, max-height 0.15s; transition: padding 0.15s, max-height 0.15s; }

.sweet-alert .sa-error-container.show { padding: 10px 0; max-height: 100px; webkit-transition: padding 0.2s, max-height 0.2s; transition: padding 0.25s, max-height 0.25s; }

.sweet-alert .sa-error-container .icon { display: inline-block; width: 24px; height: 24px; border-radius: 50%; background-color: #ea7d7d; color: white; line-height: 24px; text-align: center; margin-right: 3px; }

.sweet-alert .sa-error-container p { display: inline-block; }

.sweet-alert .sa-input-error { position: absolute; top: 29px; right: 26px; width: 20px; height: 20px; opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.1s; transition: all 0.1s; }

.sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after { content: ""; width: 20px; height: 6px; background-color: #f06e57; border-radius: 3px; position: absolute; top: 50%; margin-top: -4px; left: 50%; margin-left: -9px; }

.sweet-alert .sa-input-error::before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.sweet-alert .sa-input-error::after { -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.sweet-alert .sa-input-error.show { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

.sweet-alert #swalInput { width: 100%; box-sizing: border-box; border-radius: 3px; border: 1px solid #d7d7d7; height: 43px; margin-top: 10px; margin-bottom: 17px; font-size: 18px; box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06); padding: 0 12px; display: none; -webkit-transition: all 0.3s; transition: all 0.3s; }

.sweet-alert input:focus { outline: none; box-shadow: 0px 0px 3px #c4e6f5; border: 1px solid #b4dbed; }

 .sweet-alert input:focus::-moz-placeholder {

 transition: opacity 0.3s 0.03s ease;

 opacity: 0.5;

}

 .sweet-alert input:focus:-ms-input-placeholder {

 transition: opacity 0.3s 0.03s ease;

 opacity: 0.5;

}

 .sweet-alert input:focus::-webkit-input-placeholder {

 transition: opacity 0.3s 0.03s ease;

 opacity: 0.5;

}

 .sweet-alert input::-moz-placeholder {

 color: #bdbdbd;

}

 .sweet-alert input:-ms-input-placeholder {

 color: #bdbdbd;

}

 .sweet-alert input::-webkit-input-placeholder {

 color: #bdbdbd;

}

.sweet-alert.show-input input { display: inline-block; margin: 10px 0; padding: 8px; }

.sweet-alert button { background-color: #AEDEF4; color: white; border: none; box-shadow: none; font-size: 17px; font-weight: 500; -webkit-border-radius: 4px; border-radius: 5px; padding: 10px 32px; margin: 26px 5px 0 5px; cursor: pointer; }

.sweet-alert button:focus { outline: none; box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); }

.sweet-alert button:hover { background-color: #a1d9f2; }

.sweet-alert button:active { background-color: #81ccee; }

.sweet-alert button.cancel { background-color: #D0D0D0; }

.sweet-alert button.cancel:hover { background-color: #c8c8c8; }

.sweet-alert button.cancel:active { background-color: #b6b6b6; }

.sweet-alert button.cancel:focus { box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; }

 .sweet-alert button::-moz-focus-inner {

 border: 0;

}

.sweet-alert[data-has-cancel-button=false] button { box-shadow: none !important; }

.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] { padding-bottom: 40px; }

.sweet-alert .sa-icon { width: 80px; height: 80px; border: 4px solid gray; -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; margin: 20px auto; padding: 0; position: relative; box-sizing: content-box; }

.sweet-alert .sa-icon.sa-error { border-color: #F27474; }

.sweet-alert .sa-icon.sa-error .sa-x-mark { position: relative; display: block; }

.sweet-alert .sa-icon.sa-error .sa-line { position: absolute; height: 5px; width: 47px; background-color: #F27474; display: block; top: 37px; border-radius: 2px; }

.sweet-alert .sa-icon.sa-error .sa-line.sa-left { -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 17px; }

.sweet-alert .sa-icon.sa-error .sa-line.sa-right { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 16px; }

.sweet-alert .sa-icon.sa-warning { border-color: #F8BB86; }

.sweet-alert .sa-icon.sa-warning .sa-body { position: absolute; width: 5px; height: 47px; left: 50%; top: 10px; -webkit-border-radius: 2px; border-radius: 2px; margin-left: -2px; background-color: #F8BB86; }

.sweet-alert .sa-icon.sa-warning .sa-dot { position: absolute; width: 7px; height: 7px; -webkit-border-radius: 50%; border-radius: 50%; margin-left: -3px; left: 50%; bottom: 10px; background-color: #F8BB86; }

.sweet-alert .sa-icon.sa-info { border-color: #C9DAE1; }

.sweet-alert .sa-icon.sa-info::before { content: ""; position: absolute; width: 5px; height: 29px; left: 50%; bottom: 17px; border-radius: 2px; margin-left: -2px; background-color: #C9DAE1; }

.sweet-alert .sa-icon.sa-info::after { content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; margin-left: -3px; top: 19px; background-color: #C9DAE1; }

.sweet-alert .sa-icon.sa-success { border-color: #A5DC86; }

.sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after { content: ''; -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; position: absolute; width: 60px; height: 120px; background: white; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.sweet-alert .sa-icon.sa-success::before { -webkit-border-radius: 120px 0 0 120px; border-radius: 120px 0 0 120px; top: -7px; left: -33px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 60px 60px; transform-origin: 60px 60px; }

.sweet-alert .sa-icon.sa-success::after { -webkit-border-radius: 0 120px 120px 0; border-radius: 0 120px 120px 0; top: -11px; left: 30px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0px 60px; transform-origin: 0px 60px; }

.sweet-alert .sa-icon.sa-success .sa-placeholder { width: 80px; height: 80px; border: 4px solid rgba(165, 220, 134, 0.2); -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; box-sizing: content-box; position: absolute; left: -4px; top: -4px; z-index: 2; }

.sweet-alert .sa-icon.sa-success .sa-fix { width: 5px; height: 90px; background-color: white; position: absolute; left: 28px; top: 8px; z-index: 1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.sweet-alert .sa-icon.sa-success .sa-line { height: 5px; background-color: #A5DC86; display: block; border-radius: 2px; position: absolute; z-index: 2; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip { width: 25px; left: 14px; top: 46px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.sweet-alert .sa-icon.sa-success .sa-line.sa-long { width: 47px; right: 8px; top: 38px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.sweet-alert .sa-icon.sa-custom { background-size: contain; border-radius: 0; border: none; background-position: center center; background-repeat: no-repeat; }



/*

 * Animations

 */

@-webkit-keyframes showSweetAlert {  0% {

 transform: scale(0.7);

 -webkit-transform: scale(0.7);

}

 45% {

 transform: scale(1.05);

 -webkit-transform: scale(1.05);

}

 80% {

 transform: scale(0.95);

 -webkit-transform: scale(0.95);

}

 100% {

 transform: scale(1);

 -webkit-transform: scale(1);

}

}

 @keyframes showSweetAlert {  0% {

 transform: scale(0.7);

 -webkit-transform: scale(0.7);

}

 45% {

 transform: scale(1.05);

 -webkit-transform: scale(1.05);

}

 80% {

 transform: scale(0.95);

 -webkit-transform: scale(0.95);

}

 100% {

 transform: scale(1);

 -webkit-transform: scale(1);

}

}

 @-webkit-keyframes hideSweetAlert {  0% {

 transform: scale(1);

 -webkit-transform: scale(1);

}

 100% {

 transform: scale(0.5);

 -webkit-transform: scale(0.5);

}

}

 @keyframes hideSweetAlert {  0% {

 transform: scale(1);

 -webkit-transform: scale(1);

}

 100% {

 transform: scale(0.5);

 -webkit-transform: scale(0.5);

}

}

 @-webkit-keyframes slideFromTop {  0% {

 top: 0%;

}

 100% {

 top: 50%;

}

}

 @keyframes slideFromTop {  0% {

 top: 0%;

}

 100% {

 top: 50%;

}

}

 @-webkit-keyframes slideToTop {  0% {

 top: 50%;

}

 100% {

 top: 0%;

}

}

 @keyframes slideToTop {  0% {

 top: 50%;

}

 100% {

 top: 0%;

}

}

 @-webkit-keyframes slideFromBottom {  0% {

 top: 70%;

}

 100% {

 top: 50%;

}

}

 @keyframes slideFromBottom {  0% {

 top: 70%;

}

 100% {

 top: 50%;

}

}

 @-webkit-keyframes slideToBottom {  0% {

 top: 50%;

}

 100% {

 top: 70%;

}

}

 @keyframes slideToBottom {  0% {

 top: 50%;

}

 100% {

 top: 70%;

}

}

.showSweetAlert[data-animation=pop] { -webkit-animation: showSweetAlert 0.3s; animation: showSweetAlert 0.3s; }

.showSweetAlert[data-animation=none] { -webkit-animation: none; animation: none; }

.showSweetAlert[data-animation=slide-from-top] { -webkit-animation: slideFromTop 0.3s; animation: slideFromTop 0.3s; }

.showSweetAlert[data-animation=slide-from-bottom] { -webkit-animation: slideFromBottom 0.3s; animation: slideFromBottom 0.3s; }

.hideSweetAlert[data-animation=pop] { -webkit-animation: hideSweetAlert 0.2s; animation: hideSweetAlert 0.2s; }

.hideSweetAlert[data-animation=none] { -webkit-animation: none; animation: none; }

.hideSweetAlert[data-animation=slide-from-top] { -webkit-animation: slideToTop 0.4s; animation: slideToTop 0.4s; }

.hideSweetAlert[data-animation=slide-from-bottom] { -webkit-animation: slideToBottom 0.3s; animation: slideToBottom 0.3s; }

 @-webkit-keyframes animateSuccessTip {  0% {

 width: 0;

 left: 1px;

 top: 19px;

}

 54% {

 width: 0;

 left: 1px;

 top: 19px;

}

 70% {

 width: 50px;

 left: -8px;

 top: 37px;

}

 84% {

 width: 17px;

 left: 21px;

 top: 48px;

}

 100% {

 width: 25px;

 left: 14px;

 top: 45px;

}

}

 @keyframes animateSuccessTip {  0% {

 width: 0;

 left: 1px;

 top: 19px;

}

 54% {

 width: 0;

 left: 1px;

 top: 19px;

}

 70% {

 width: 50px;

 left: -8px;

 top: 37px;

}

 84% {

 width: 17px;

 left: 21px;

 top: 48px;

}

 100% {

 width: 25px;

 left: 14px;

 top: 45px;

}

}

 @-webkit-keyframes animateSuccessLong {  0% {

 width: 0;

 right: 46px;

 top: 54px;

}

 65% {

 width: 0;

 right: 46px;

 top: 54px;

}

 84% {

 width: 55px;

 right: 0px;

 top: 35px;

}

 100% {

 width: 47px;

 right: 8px;

 top: 38px;

}

}

 @keyframes animateSuccessLong {  0% {

 width: 0;

 right: 46px;

 top: 54px;

}

 65% {

 width: 0;

 right: 46px;

 top: 54px;

}

 84% {

 width: 55px;

 right: 0px;

 top: 35px;

}

 100% {

 width: 47px;

 right: 8px;

 top: 38px;

}

}

 @-webkit-keyframes rotatePlaceholder {  0% {

 transform: rotate(-45deg);

 -webkit-transform: rotate(-45deg);

}

 5% {

 transform: rotate(-45deg);

 -webkit-transform: rotate(-45deg);

}

 12% {

 transform: rotate(-405deg);

 -webkit-transform: rotate(-405deg);

}

 100% {

 transform: rotate(-405deg);

 -webkit-transform: rotate(-405deg);

}

}

 @keyframes rotatePlaceholder {  0% {

 transform: rotate(-45deg);

 -webkit-transform: rotate(-45deg);

}

 5% {

 transform: rotate(-45deg);

 -webkit-transform: rotate(-45deg);

}

 12% {

 transform: rotate(-405deg);

 -webkit-transform: rotate(-405deg);

}

 100% {

 transform: rotate(-405deg);

 -webkit-transform: rotate(-405deg);

}

}

.animateSuccessTip { -webkit-animation: animateSuccessTip 0.75s; animation: animateSuccessTip 0.75s; }

.animateSuccessLong { -webkit-animation: animateSuccessLong 0.75s; animation: animateSuccessLong 0.75s; }

.sa-icon.sa-success.animate::after { -webkit-animation: rotatePlaceholder 4.25s ease-in; animation: rotatePlaceholder 4.25s ease-in; }

 @-webkit-keyframes animateErrorIcon {  0% {

 transform: rotateX(100deg);

 -webkit-transform: rotateX(100deg);

 opacity: 0;

}

 100% {

 transform: rotateX(0deg);

 -webkit-transform: rotateX(0deg);

 opacity: 1;

}

}

 @keyframes animateErrorIcon {  0% {

 transform: rotateX(100deg);

 -webkit-transform: rotateX(100deg);

 opacity: 0;

}

 100% {

 transform: rotateX(0deg);

 -webkit-transform: rotateX(0deg);

 opacity: 1;

}

}

.animateErrorIcon { -webkit-animation: animateErrorIcon 0.5s; animation: animateErrorIcon 0.5s; }

 @-webkit-keyframes animateXMark {  0% {

 transform: scale(0.4);

 -webkit-transform: scale(0.4);

 margin-top: 26px;

 opacity: 0;

}

 50% {

 transform: scale(0.4);

 -webkit-transform: scale(0.4);

 margin-top: 26px;

 opacity: 0;

}

 80% {

 transform: scale(1.15);

 -webkit-transform: scale(1.15);

 margin-top: -6px;

}

 100% {

 transform: scale(1);

 -webkit-transform: scale(1);

 margin-top: 0;

 opacity: 1;

}

}

 @keyframes animateXMark {  0% {

 transform: scale(0.4);

 -webkit-transform: scale(0.4);

 margin-top: 26px;

 opacity: 0;

}

 50% {

 transform: scale(0.4);

 -webkit-transform: scale(0.4);

 margin-top: 26px;

 opacity: 0;

}

 80% {

 transform: scale(1.15);

 -webkit-transform: scale(1.15);

 margin-top: -6px;

}

 100% {

 transform: scale(1);

 -webkit-transform: scale(1);

 margin-top: 0;

 opacity: 1;

}

}

.animateXMark { -webkit-animation: animateXMark 0.5s; animation: animateXMark 0.5s; }

 @-webkit-keyframes pulseWarning {  0% {

 border-color: #F8D486;

}

 100% {

 border-color: #F8BB86;

}

}

 @keyframes pulseWarning {  0% {

 border-color: #F8D486;

}

 100% {

 border-color: #F8BB86;

}

}

.pulseWarning { -webkit-animation: pulseWarning 0.75s infinite alternate; animation: pulseWarning 0.75s infinite alternate; }

 @-webkit-keyframes pulseWarningIns {  0% {

 background-color: #F8D486;

}

 100% {

 background-color: #F8BB86;

}

}

 @keyframes pulseWarningIns {  0% {

 background-color: #F8D486;

}

 100% {

 background-color: #F8BB86;

}

}

.pulseWarningIns { -webkit-animation: pulseWarningIns 0.75s infinite alternate; animation: pulseWarningIns 0.75s infinite alternate; }

/* Internet Explorer 9 has some special quirks that are fixed here */

/* The icons are not animated. */

/* This file is automatically merged into sweet-alert.min.js through Gulp */

/* Error icon */

.sweet-alert .sa-icon.sa-error .sa-line.sa-left { -ms-transform: rotate(45deg) \9; }

.sweet-alert .sa-icon.sa-error .sa-line.sa-right { -ms-transform: rotate(-45deg) \9; }

/* Success icon */

.sweet-alert .sa-icon.sa-success { border-color: transparent\9; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip { -ms-transform: rotate(45deg) \9; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-long { -ms-transform: rotate(-45deg) \9; }

.tkbg { display: inline-block; height: 36px; resize: none; outline: none; margin-bottom: 8px; line-height: 30px; width: 200px; }

.btspan { line-height: 32px; display: inline-block; float: left; }

.textdiv { margin: 12px auto; width: 70%; }

.step-region { border: 1px solid #e5e5e5; margin: 0 10px; }

.ui-step { padding: 14px 0 8px 0; zoom: 1; height: 100px; }

.ui-step-5 li { width: 25%; list-style: none; }

.ui-step li { float: left; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center }

.ui-step .ui-step-title { color: #999; font-size: 12px; font-weight: bold; line-height: 18px }

.ui-step li::before, .ui-step li::after { position: absolute; left: 0; top: 36px; display: block; content: ' '; width: 50%; height: 4px; background: #999; z-index: 1 }

.ui-step li::after { left: 50% }

.ui-step li:first-child::before { width: 0 }

.ui-step li:last-child::after { width: 0 }

.ui-step li.ui-step-done .ui-step-title, .ui-step li.ui-step-done .ui-step-number { color: #80CCFF }

.ui-step li.ui-step-done::before, .ui-step li.ui-step-done::after, .ui-step li.ui-step-done .ui-step-number { background: #80CCFF }

.ui-step li.ui-step-done .ui-step-number { color: transparent; }

.ui-step .ui-step-meta { color: #999; }

.ui-step .ui-step-number { position: relative; display: inline-block; width: 20px; height: 20px; margin: 10px 0; line-height: 22px; background: #999; color: #fff; border-radius: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 2 }

.ui-step li.ui-step-done .ui-step-number::after { position: absolute; left: 0; width: 17px; height: 20px; line-height: 20px; content: '√'; color: #fff; font-family: serif }

.zent-loading-container-static { font-size: 12px; margin: 0 10px; }

.content-region { display:block; margin: 0 10px; }

.step-region, .content-region { position: relative; border: 1px solid #e5e5e5; margin-bottom: 15px }

.info-region h3 { font-size:16px; font-weight: bold; margin: 0; width: 240px; }

.info-region { width:22%; padding: 15px; border-right: 1px solid #e5e5e5 }

.info-table { margin-top: 10px; table-layout: fixed; width: 100% }

.info-table th, .info-table td { color: #333; padding: 0 0 10px 0; vertical-align: top; word-break: break-all; font-size: 14px; }

.state-region { width:70%; padding: 20px; margin-left: -1px; border-left: 1px solid #e5e5e5 }

.info-region, .state-region { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box ;}

.info-table th { text-align: right; color: #333; width:85px }

.info-table th.w100 { width: 100px; display: block; text-align: left; padding: 10px 0; }

.w400 { width: 400px; display: block; }

.goods-table { display: block; margin: 0 10px; border-top: 1px solid #e5e5e5; text-align: right; }

.goods-table tbody>tr>td { padding: 12px 10px; line-height: 24px; width: 100%; }

.order-summary>div { margin-right: 16px; float: right; clear: right; min-width: 160px; }

.order-summary-title { display: inline-block; width: 80px; text-align: right }

.c-red { color: #f44 }

.goods-table td { border-bottom: none 0; }

.attachment-content-wrap { position: relative; zoom: 1; padding-bottom: 12px; }

.category-container { float: left; width: 120px; padding: 10px 0; background: #f8f8f8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; }

.category-list { margin-bottom: 10px; max-height: 996px }

.category-list label { margin: 0 }

.category-list label { cursor: pointer; font-weight: 400; line-height: 14px; margin: 0; padding: 0; margin-right: 15px; vertical-align: middle; }

.zent-radio-group, .zent-radio-wrap { display: inline-block; font-size: 12px; }

.zent-radio { position: relative; display: inline-block; white-space: nowrap; outline: none; vertical-align: middle; margin: 0; padding: 0; }

.category-list .zent-radio { display: none; }

.zent-radio-inner { position: relative; top: 0; left: 0; display: inline-block; width: 14px; height: 14px; border-radius: 7px; border: 1px solid #bbb; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.zent-radio>input { position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: 0; padding: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; cursor: pointer; }

.zent-pop-inner .zent-radio>input { opacity: 1; }

.zent-radio+span { margin-left: 5px; margin-right: 5px; vertical-align: middle; line-height: 14px; }

.category-list .zent-radio+span { margin: 0; }

.category-list .category-item { height: 30px; line-height: 30px; position: relative; padding: 0 31px 0 8px; margin-right: 1px; cursor: pointer; }

.category-list .category-name { width: 80px; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight: 400; }

.category-list .category-num { position: absolute; top: 0; right: 8px; color: #999; font-weight: 400; }

.category-list .category-item.zent-radio-checked { background: #fff; }

.zent-btn { display: inline-block; height: 30px; line-height: 30px; padding: 0 10px; border-radius: 2px; font-size: 12px; font-family: inherit; color: #333; background: #fff; border: 1px solid #bbb; text-align: center; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.attachment-filter .attachment-title h1 { font-size: 16px; vertical-align: top; display: inline-block; margin: 0; }

.attachment-filter .attachment-title h1 a { font-size: 12px; margin-left: 10px; cursor: pointer; }

.attachment-filter button { float: right }

.rc-sidebar-breadcrumb-nav .rc-sidebar-breadcrumb { padding: 0; color: #333; font-size: 0; line-height: 0 }

.action-bar { background: #f8f8f8; padding: 6px; margin-bottom: 10px; min-height: 28px; line-height: 28px }

.zent-checkbox-wrap { cursor: pointer; font-weight: 400; line-height: 14px; margin: 0; padding: 0; margin-right: 15px; vertical-align: middle; }

.zent-checkbox-wrap:last-child { margin-right: 0; }

.attachment-container { display: none; }

.attachment-container.zent-radio-checked { display: block; }

.attachment-container .image-list { zoom: 1; margin: 0 0 0 -20px }

.attachment-container .image-item { float: left; width: 135px; margin: 0 0 20px 20px; position: relative; }

.attachment-container .image-item .image-box { width: 135px; height: 135px; background: #ddd; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; background-image: url(FjQLo5b0Qe23BbwsD5ioiTpMgng6.webp); }

.attachment-container .image-list:after { content: ""; display: table; clear: both; }

.zent-pagination__info { display: inline-block; }

.zent-pagination .pagination-list { display: inline-block; }

.zent-pagination .pagination-list .pager { position: relative; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 0 0 5px; border: 1px solid #bbb; border-radius: 2px; padding: 6px 8px; min-width: 30px; text-align: center; background: #fff; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.zent-pagination .pagination-list .pager--disabled { border-color: #e5e5e5; cursor: not-allowed; color: #e5e5e5; }

.zent-checkbox-wrap { cursor: pointer; font-weight: 400; line-height: 14px; margin: 0; padding: 0; margin-right: 15px; vertical-align: middle; }

.zent-checkbox-wrap:last-child { margin-right: 0; }

.attachment-container .image-item .image-title label { display: inline-block; width: 135px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.attachment-container { position: relative; margin-left: 135px; }

.zent-pagination .pagination-list .pager--jump { margin-left: 15px; padding: 0; cursor: default; background-color: #e5e5e5; }

.zent-pagination .pagination-list .pager__input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: -1px; margin-right: 0; border: 1px solid #bbb; border-right-color: #bbb; padding: 6px 2px; min-width: 21px; max-width: 40px; height: 30px; text-align: center; font-weight: 400; outline: none; border-top-left-radius: 2px; border-bottom-left-radius: 2px; background-color: #fff; }

.zent-pagination .pagination-list .pager--current { color: #fff; background: #38f; border-color: #38f; cursor: default; }

.layout-batch__menus { float: left; }

.zent-pagination { font-size: 12px; line-height: 16px; text-align: right; }

.zent-checkbox>input { position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: 0; padding: 0; width: 100%; height: 100%; z-index: 1; opacity: 1; cursor: pointer; }

.attachment-container .image-item .image-title label input[type=checkbox] { margin: 0 6px 0 0; vertical-align: baseline; }

.zent-pop { border-radius: 2px; -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2); box-shadow: 0 1px 6px rgba(0,0,0,.2); background-color: #fff; z-index: 2000; font-size: 12px; }

.zent-pop .zent-pop-header, .zent-pop .zent-pop-inner { position: relative; background: #fff; border-radius: 2px; padding: 10px 20px; z-index: 2; color: #333; }

.zent-pop .zent-pop-buttons { min-width: 160px; text-align: right; margin-right: 0; margin-top: 10px; }

.attachment-pop-wrap .title { margin-bottom: 10px; }

.zent-input-wrapper { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; position: relative; height: 30px; max-height: 36px; }

.zent-input, .zent-input[type=color], .zent-input[type=date], .zent-input[type=datetime], .zent-input[type=email], .zent-input[type=month], .zent-input[type=number], .zent-input[type=password], .zent-input[type=search], .zent-input[type=tel], .zent-input[type=text], .zent-input[type=time], .zent-input[type=url], .zent-input[type=week], .zent-textarea { display: inline-block; -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; min-width: 80px; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; margin: 0; border: 1px solid #bbb; color: #333; font-size: 12px; border-radius: 2px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: border .2s ease-in-out, -webkit-box-shadow .2s ease-in-out; transition: border .2s ease-in-out, -webkit-box-shadow .2s ease-in-out; -moz-transition: border .2s ease-in-out, box-shadow .2s ease-in-out; transition: border .2s ease-in-out, box-shadow .2s ease-in-out; transition: border .2s ease-in-out, box-shadow .2s ease-in-out, -webkit-box-shadow .2s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.zent-pop.zent-popover-position-bottom-center:after, .zent-pop.zent-popover-position-bottom-left:after, .zent-pop.zent-popover-position-bottom-right:after { top: -11px; width: 100%; left: 0; }

.zent-pop.zent-popover-position-bottom-center .zent-pop-arrow, .zent-pop.zent-popover-position-bottom-left .zent-pop-arrow, .zent-pop.zent-popover-position-bottom-right .zent-pop-arrow { top: 0; }

.zent-pop .zent-pop-arrow { position: absolute; z-index: 1; width: 6px; height: 6px; background: #fff; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); overflow: hidden; }

.zent-pop.zent-popover-position-bottom-center .zent-pop-arrow { -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); left: 50%; }

.zent-checkbox-inner:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; position: absolute; display: block; content: " "; font-size: 0; top: 3px; left: 2px; width: 6px; height: 3px; border: 2px solid #fff; background: transparent; border-top: none; border-right: none; -webkit-transform: rotate(-45deg) scale(0); -moz-transform: rotate(-45deg) scale(0); -ms-transform: rotate(-45deg) scale(0); transform: rotate(-45deg) scale(0); -webkit-transition: all .12s ease-in-out; -moz-transition: all .12s ease-in-out; transition: all .12s ease-in-out; }

.zent-checkbox-inner { position: relative; top: 0; left: 0; display: inline-block; width: 14px; height: 14px; border-radius: 2px; border: 1px solid #bbb; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.attachment-container .image-item .image-title { padding: 8px 0 3px; }

.zent-checkbox-inner { position: relative; top: 0; left: 0; display: inline-block; width: 14px; height: 14px; border-radius: 2px; border: 1px solid #bbb; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.zent-checkbox { position: relative; display: inline-block; width: 14px; height: 14px; white-space: nowrap; outline: none; vertical-align: middle; line-height: 1; margin: 0; padding: 0; }

.attachment-container .image-item .image-title label { display: inline-block; width: 135px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.zent-checkbox-wrap:last-child { margin-right: 0; }

.zent-checkbox-wrap { cursor: pointer; font-weight: 400; line-height: 14px; margin: 0; padding: 0; margin-right: 15px; vertical-align: middle; }

.zent-checkbox+span { margin-left: 5px; margin-right: 5px; vertical-align: middle; line-height: 16px; }

.zent-input-wrapper { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; position: relative; height: 30px; max-height: 36px; }

.zent-input-addons>.zent-input[disabled]:first-child { border-right: 1px solid #e5e5e5; }

.zent-input-addons>.zent-input:first-child { border-top-left-radius: 2px; border-bottom-left-radius: 2px; }

.zent-input-addons>.zent-input { border-radius: 0; }

.zent-input[disabled], .zent-input[readonly], .zent-textarea[disabled], .zent-textarea[readonly] { border-color: #e5e5e5; background-color: #f8f8f8; cursor: not-allowed; color: #cacaca; }

.zent-input-addon-after, .zent-input-addon-before { display: inline-block; height: 100%; padding: 0 5px; border: 1px solid #bbb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; background-color: #e5e5e5; font-size: 12px; line-height: 28px; color: #333; }

.promotion-pop .zent-input-addon-after { color: #333; cursor: pointer; }

.zent-input-wrapper__not-editable .zent-input-addon-after, .zent-input-wrapper__not-editable .zent-input-addon-before { border-color: #e5e5e5; color: #cacaca; background: #f2f2f2; }

.zent-input-addon-after { border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-left: none; }

.zent-pop .zent-pop-header, .zent-pop .zent-pop-inner { position: relative; background: #fff; border-radius: 2px; padding: 10px 20px; z-index: 2; color: #333; }

.attachment-pop-wrap { padding-bottom: 5px; max-width: 240px; }

.attachment-pop-wrap .zent-radio-group { max-height: 200px; width: 160px; overflow-y: auto; }

.zent-radio-group, .zent-radio-wrap { display: inline-block; font-size: 12px; }

.attachment-pop-wrap .zent-radio-wrap:first-child { margin-top: 0; }

.attachment-pop-wrap .zent-radio-wrap { display: block; margin-top: 8px; }

.zent-radio-wrap { cursor: pointer; font-weight: 400; line-height: 14px; margin: 0; padding: 0; margin-right: 15px; vertical-align: middle; }

.zent-btn+.zent-btn { margin-left: 10px; }

.zent-btn-primary { color: #fff; background: #38f; border-color: #38f; }

.zent-radio-checked>.zent-radio>.zent-radio-inner { border-color: #27f; background: #38f; }

.zent-radio-inner { position: relative; top: 0; left: 0; display: inline-block; width: 14px; height: 14px; border-radius: 7px; border: 1px solid #bbb; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; opacity: 0; }

.skin-blue .content .btn:hover, .skin-blue .content .btn:focus { background-color: #357ca5; color: #fff; }

.scggzli { display: block; width: 24px; height: 24px; border-radius: 50%; background: rgba(0,0,0,0.4); color: #fff; line-height: 24px; font-size: 14px; text-align: center; font-style: normal; position: absolute; right: -6px; top: -6px; cursor: pointer; }

.zent-loading-container-static { position: relative; }

.zent-loading-container-static { position: relative; }

.list-item-header { background-color: #f8f8f8; border: 1px solid #e5e5e5; border-bottom: none; padding: 10px; }

.list-item-header .list-item-header-row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.list-item-header .order-no { display: inline-block; }

.list-item a { cursor: pointer; }

.list-item-header .other-order-no { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }

.list-item-header .other-order-no .other-no { margin-top: 4px; margin-right: 20px; }

.c-gray, .c-no-auth { color: #999!important; }

.list-item-body-table { width: 100%; border-collapse: collapse; }

.list-item-body, .list-item-body .list-item-row { width: 100%; }

.list-item-body .goods-item-cell-td { width: 44%; padding: 10px; }

.list-item-body-table td { border: 1px solid #e5e5e5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 10%; padding: 10px 5px; text-align: center; vertical-align: top; }

.list-item-body .goods-item-cell-td { width: 44%; padding: 10px; }

.list-item-body .goods-item-cell .goods-info__img { width: 60px; height: 60px; max-width: 60px; max-height: 60px; min-width: 60px; margin-right: 10px; }

.list-item-body .goods-item-cell .goods-info__info { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: left; }

.list-item-body .goods-item-cell .goods-info__info .goods-title { margin-bottom: 10px; word-break: break-all; }

.list-item-body .goods-item-cell .goods-info__info .goods-skus { margin-bottom: 4px; }

.list-item-body .goods-item-cell .goods-info__price { min-width: 25%; text-align: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 3%; }

.list-item-body .goods-item-cell { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.list-header { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; background-color: #f8f8f8; border-radius: 1px; margin: 0 10px; position: -webkit-sticky; position: sticky; top: 0; z-index: 1; font-weight: normal; font-size: 12px; }

.list-header .goods-cell { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: left; }

.list-header .list-header-item { padding: 10px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; }

.list-header .price-cell { width: 10%; text-align: right; }

.list-header .list-header-item { padding: 10px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; }

.list-header .aftermarket-cell { width: 10%; }

.list-header .list-header-item { padding: 10px 0; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; }

.list-header .goods-cell { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: left; }

.list-header .aftermarket-cell { width: 10%; }

.list-header .customer-cell { width: 10%; word-break: break-all; }

.list-header .time-cell { width: 10%; }

.list-header .state-cell { width: 11%; }

.list-header .pay-price-cell { width: 11%; }

.remark-row.buyer-msg td { background: #fdeeee; color: #f66; text-align: left }

.remark-row td { text-align: left; padding: 5px 10px; background: #fffaeb; color: #f90; }

.list-item-body-table td { border: 1px solid #e5e5e5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 10%; padding: 10px 5px; text-align: center; vertical-align: top; }

.remark-row td { text-align: left; padding: 5px 10px; background: #fffaeb; color: #f90; }

.list-item { margin-bottom: 10px }

/* button */

button { border: none; background: none; }

.button { position: relative; overflow: hidden; display: inline-block; width: 34px; height: 34px; background: transparent; border: 1px solid transparent; text-align: center; vertical-align: middle; -webkit-user-select: none; }

.button i { position: absolute; clip: rect(0, 0, 0, 0); width: 1px; height: 1px; margin: -1px; overflow: hidden; }

.button:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-repeat: no-repeat; background-position: 50% 50%; }

.btn { height: 34px; padding: 0 10px; border-radius: 4px; border: 1px solid #bbbbbb; background: #fefefe; color: #555555; vertical-align: middle; -webkit-user-select: none; white-space: nowrap; }

.btn.blue { border-color: #2196f3; background: #2196f3; color: #ffffff; }

.btn.full { width: 100%; }

.btn .ico { position: relative; display: inline-block; width: 16px; height: 16px; vertical-align: -4px; }

.btn .ico:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

.btn .ico span { position: absolute; clip: rect(0, 0, 0, 0); width: 1px; height: 1px; margin: -1px; overflow: hidden; }

a.btn { display: inline-block; line-height: 32px; }

/* icon */

.icon { overflow: hidden; display: inline-block; position: relative; width: 21px; height: 21px; vertical-align: middle; line-height: 1; }

.icon:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 21px; height: 21px; background-repeat: no-repeat; background-position: 50% 50%; background-size: 90% auto; }

.icon span { color: transparent; opacity: 0; }

/* icon */

.btn_plus:before { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KPHBhdGggZmlsbD0iIzIxOTZmMyIgZD0iTTE2IDEwYzAgMC41NTMtMC4wNDggMS0wLjYwMSAxaC00LjM5OXY0LjM5OWMwIDAuNTUyLTAuNDQ3IDAuNjAxLTEgMC42MDFzLTEtMC4wNDktMS0wLjYwMXYtNC4zOTloLTQuMzk5Yy0wLjU1MiAwLTAuNjAxLTAuNDQ3LTAuNjAxLTFzMC4wNDktMSAwLjYwMS0xaDQuMzk5di00LjM5OWMwLTAuNTUzIDAuNDQ3LTAuNjAxIDEtMC42MDFzMSAwLjA0OCAxIDAuNjAxdjQuMzk5aDQuMzk5YzAuNTUzIDAgMC42MDEgMC40NDcgMC42MDEgMXoiPjwvcGF0aD4KPC9zdmc+Cg=="); }

.btn_minus:before { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KPHBhdGggZmlsbD0iIzIxOTZmMyIgZD0iTTE2IDEwYzAgMC41NTMtMC4wNDggMS0wLjYwMSAxaC0xMC43OThjLTAuNTUyIDAtMC42MDEtMC40NDctMC42MDEtMXMwLjA0OS0xIDAuNjAxLTFoMTAuNzk5YzAuNTUyIDAgMC42IDAuNDQ3IDAuNiAxeiI+PC9wYXRoPgo8L3N2Zz4K"); }

.btn_today:before { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KPHBhdGggZmlsbD0iIzIxOTZmMyIgZD0iTTEyIDE4Ljk4NGMzLjg5MSAwIDYuOTg0LTMuMDk0IDYuOTg0LTYuOTg0cy0zLjA5NC02Ljk4NC02Ljk4NC02Ljk4NC02Ljk4NCAzLjA5NC02Ljk4NCA2Ljk4NCAzLjA5NCA2Ljk4NCA2Ljk4NCA2Ljk4NHpNMjAuOTUzIDExLjAxNmgyLjA2M3YxLjk2OWgtMi4wNjNjLTAuNDY5IDQuMTcyLTMuNzk3IDcuNS03Ljk2OSA3Ljk2OXYyLjA2M2gtMS45Njl2LTIuMDYzYy00LjE3Mi0wLjQ2OS03LjUtMy43OTctNy45NjktNy45NjloLTIuMDYzdi0xLjk2OWgyLjA2M2MwLjQ2OS00LjE3MiAzLjc5Ny03LjUgNy45NjktNy45Njl2LTIuMDYzaDEuOTY5djIuMDYzYzQuMTcyIDAuNDY5IDcuNSAzLjc5NyA3Ljk2OSA3Ljk2OXpNMTIgOC4wMTZjMi4yMDMgMCAzLjk4NCAxLjc4MSAzLjk4NCAzLjk4NHMtMS43ODEgMy45ODQtMy45ODQgMy45ODQtMy45ODQtMS43ODEtMy45ODQtMy45ODQgMS43ODEtMy45ODQgMy45ODQtMy45ODR6Ij48L3BhdGg+Cjwvc3ZnPgo="); }

.btn_check:before { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KPHBhdGggZmlsbD0iIzIxOTZmMyIgZD0iTTAuNDIyIDEzLjQwNmwxLjQwNi0xLjQwNiA1LjU3OCA1LjU3OC0xLjQwNiAxLjQwNnpNMjIuMjE5IDUuNTc4bDEuNDUzIDEuNDA2LTEyIDEyLTUuNjI1LTUuNTc4IDEuNDUzLTEuNDA2IDQuMTcyIDQuMTcyek0xOCA2Ljk4NGwtNi4zMjggNi4zNzUtMS40MDYtMS40MDYgNi4zMjgtNi4zNzV6Ij48L3BhdGg+Cjwvc3ZnPgo="); }

.btn_prev_blue:before { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj4KPHBhdGggZmlsbD0iIzIxOTZmMyIgZD0iTTI3Ljc4MiAzNC44MzZjMC41MzYgMC41NDQgMC41MzYgMS40MTggMCAxLjk1OHMtMS40MDIgMC41NDItMS45MzggMGwtMTUuNjYtMTUuODE2Yy0wLjUzNi0wLjU0LTAuNTM2LTEuNDE0IDAtMS45NThsMTUuNjYtMTUuODE2YzAuNTM2LTAuNTQgMS40MDItMC41NCAxLjkzOCAwIDAuNTM2IDAuNTQyIDAuNTM2IDEuNDE4IDAgMS45NThsLTE0LjI4MiAxNC44MzggMTQuMjgyIDE0LjgzNnoiPjwvcGF0aD4KPC9zdmc+Cg=="); }

.btn_next_blue:before { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj4KPHBhdGggZmlsbD0iIzIxOTZmMyIgZD0iTTI2LjUgMjBsLTE0LjI4Mi0xNC44NGMtMC41MzYtMC41NC0wLjUzNi0xLjQxNCAwLTEuOTU4IDAuNTM2LTAuNTQgMS40MDItMC41NCAxLjkzOCAwbDE1LjY2IDE1LjgxNmMwLjUzNiAwLjU0MiAwLjUzNiAxLjQxOCAwIDEuOTU4bC0xNS42NiAxNS44MTZjLTAuNTM2IDAuNTQyLTEuNDAyIDAuNTQtMS45MzggMC0wLjUzNi0wLjUzOC0wLjUzNi0xLjQxNCAwLTEuOTU4bDE0LjI4Mi0xNC44MzR6Ij48L3BhdGg+Cjwvc3ZnPgo="); }

.act_mail:before { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KPHBhdGggZmlsbD0iIzIxOTZmMyIgZD0iTTEyIDExLjAxNmw4LjAxNi01LjAxNmgtMTYuMDMxek0yMC4wMTYgMTh2LTkuOTg0bC04LjAxNiA0Ljk2OS04LjAxNi00Ljk2OXY5Ljk4NGgxNi4wMzF6TTIwLjAxNiAzLjk4NGMxLjA3OCAwIDEuOTY5IDAuOTM4IDEuOTY5IDIuMDE2djEyYzAgMS4wNzgtMC44OTEgMi4wMTYtMS45NjkgMi4wMTZoLTE2LjAzMWMtMS4wNzggMC0xLjk2OS0wLjkzOC0xLjk2OS0yLjAxNnYtMTJjMC0xLjA3OCAwLjg5MS0yLjAxNiAxLjk2OS0yLjAxNmgxNi4wMzF6Ij48L3BhdGg+Cjwvc3ZnPgo="); }

.btn_location:before { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEyIDE4Ljk4NGMzLjg5MSAwIDYuOTg0LTMuMDk0IDYuOTg0LTYuOTg0cy0zLjA5NC02Ljk4NC02Ljk4NC02Ljk4NC02Ljk4NCAzLjA5NC02Ljk4NCA2Ljk4NCAzLjA5NCA2Ljk4NCA2Ljk4NCA2Ljk4NHpNMjAuOTUzIDExLjAxNmgyLjA2M3YxLjk2OWgtMi4wNjNjLTAuNDY5IDQuMTcyLTMuNzk3IDcuNS03Ljk2OSA3Ljk2OXYyLjA2M2gtMS45Njl2LTIuMDYzYy00LjE3Mi0wLjQ2OS03LjUtMy43OTctNy45NjktNy45NjloLTIuMDYzdi0xLjk2OWgyLjA2M2MwLjQ2OS00LjE3MiAzLjc5Ny03LjUgNy45NjktNy45Njl2LTIuMDYzaDEuOTY5djIuMDYzYzQuMTcyIDAuNDY5IDcuNSAzLjc5NyA3Ljk2OSA3Ljk2OXpNMTIgOC4wMTZjMi4yMDMgMCAzLjk4NCAxLjc4MSAzLjk4NCAzLjk4NHMtMS43ODEgMy45ODQtMy45ODQgMy45ODQtMy45ODQtMS43ODEtMy45ODQtMy45ODQgMS43ODEtMy45ODQgMy45ODQtMy45ODR6Ij48L3BhdGg+Cjwvc3ZnPgo="); }

/* form */

input.int, textarea.int, .iSelect { width: 100%; height: 34px; padding: 0 10px; border-radius: 4px; border: 1px solid #bbbbbb; background: #ffffff; line-height: 32px; }

.int:focus, .iSelect:focus { border-color: #2196f3; }

textarea.int { height: auto; padding: 10px; line-height: 1.7; }

/* date input */

.iDate { position: relative; display: inline-block; width: 148px; height: 34px; background: #ffffff; vertical-align: middle; margin-left: 6px; }

.iDate>input { width: 100%; height: 34px; padding: 0 0 0 10px; border: none; background: #ffffff; line-height: 34px; font-family: 'Arial', sans-serif; -webkit-user-select: none; }

.iDate>button { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; border-radius: 4px; border: 1px solid #bbbbbb; background: transparent; }

.iDate>button i { position: absolute; clip: rect(0, 0, 0, 0); width: 1px; height: 1px; margin: -1px; overflow: hidden }

.iDate>button:after { content: ''; position: absolute; right: 5px; top: 50%; width: 14px; height: 14px; margin-top: -7px; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyNiIgaGVpZ2h0PSIyOCIgdmlld0JveD0iMCAwIDI2IDI4Ij4KPHBhdGggZmlsbD0iIzU1NSIgZD0iTTIgMjZoNC41di00LjVoLTQuNXY0LjV6TTcuNSAyNmg1di00LjVoLTV2NC41ek0yIDIwLjVoNC41di01aC00LjV2NXpNNy41IDIwLjVoNXYtNWgtNXY1ek0yIDE0LjVoNC41di00LjVoLTQuNXY0LjV6TTEzLjUgMjZoNXYtNC41aC01djQuNXpNNy41IDE0LjVoNXYtNC41aC01djQuNXpNMTkuNSAyNmg0LjV2LTQuNWgtNC41djQuNXpNMTMuNSAyMC41aDV2LTVoLTV2NXpNOCA3di00LjVjMC0wLjI2Ni0wLjIzNC0wLjUtMC41LTAuNWgtMWMtMC4yNjYgMC0wLjUgMC4yMzQtMC41IDAuNXY0LjVjMCAwLjI2NiAwLjIzNCAwLjUgMC41IDAuNWgxYzAuMjY2IDAgMC41LTAuMjM0IDAuNS0wLjV6TTE5LjUgMjAuNWg0LjV2LTVoLTQuNXY1ek0xMy41IDE0LjVoNXYtNC41aC01djQuNXpNMTkuNSAxNC41aDQuNXYtNC41aC00LjV2NC41ek0yMCA3di00LjVjMC0wLjI2Ni0wLjIzNC0wLjUtMC41LTAuNWgtMWMtMC4yNjYgMC0wLjUgMC4yMzQtMC41IDAuNXY0LjVjMCAwLjI2NiAwLjIzNCAwLjUgMC41IDAuNWgxYzAuMjY2IDAgMC41LTAuMjM0IDAuNS0wLjV6TTI2IDZ2MjBjMCAxLjA5NC0wLjkwNiAyLTIgMmgtMjJjLTEuMDk0IDAtMi0wLjkwNi0yLTJ2LTIwYzAtMS4wOTQgMC45MDYtMiAyLTJoMnYtMS41YzAtMS4zNzUgMS4xMjUtMi41IDIuNS0yLjVoMWMxLjM3NSAwIDIuNSAxLjEyNSAyLjUgMi41djEuNWg2di0xLjVjMC0xLjM3NSAxLjEyNS0yLjUgMi41LTIuNWgxYzEuMzc1IDAgMi41IDEuMTI1IDIuNSAyLjV2MS41aDJjMS4wOTQgMCAyIDAuOTA2IDIgMnoiPjwvcGF0aD4KPC9zdmc+Cg==") no-repeat 50% 50%; background-size: auto 100%; }

.iDate>input:disabled { opacity: 0.5; }

.iDate>input:disabled + button { opacity: 0.5; cursor: default; }

.iDate.date { width: 112px; }

.dtPicker { z-index: 100000; position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; }

.dtPicker .cover { position: absolute; left: 0; top: 0; overflow: hidden; width: 100%; height: 100%; background: rgba(0,0,0,0.4); }

.dtPicker .inner { position: absolute; left: 50%; top: 50%; width: 280px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #ffffff; }

.dtPicker .icon { cursor: pointer; }

.dtPicker .btn { font-size: 13px; font-weight: 700; color: #2196f3; }

.dtPicker table { width: 100%; text-align: center; }

.dtPicker th, .dtPicker td { width: 34px; height: 34px; }

.dtPicker .select { width: 212px; cursor: pointer; }

.dtPicker .day { cursor: pointer; }

.dtPicker .day.active { border-radius: 4px; background: #2196f3; color: #ffffff; }

.dtPicker .weekend { color: #ff0000; }

.dtPicker .old, .dtPicker .new { color: #888888; }

.dtPicker .month, .dtPicker .year, .dtPicker .decade { display: inline-block; width: 54px; height: 54px; margin: 2px; border-radius: 4px; line-height: 54px; text-align: center; cursor: pointer; }

.dtPicker .month.active, .dtPicker .year.active, .dtPicker .decade.active { background: #2196f3; color: #ffffff; }

.dtPicker .decade { padding: 7px 0; line-height: 20px; }

.dtPicker .picker-switch { padding-bottom: 5px; }

.dtPicker .picker-switch ul { display: table; table-layout: fixed; width: 100%; }

.dtPicker .picker-switch ul li { display: table-cell; text-align: center; }

.dtPicker .picker-switch ul li a { display: block; height: 34px; line-height: 34px; text-align: center; cursor: pointer; }

.dtPicker .hour, .dtPicker .minute, .dtPicker .second { width: 50px; height: 50px; cursor: pointer; }

.dtPicker .timepicker { padding-top: 10px; padding-bottom: 10px; }

.dtPicker .timepicker-picker table tr td:nth-child(1) { width: 35%; }

.dtPicker .timepicker-picker table tr td:nth-child(2) { width: 10%; }

.dtPicker .timepicker-picker table tr td:nth-child(3) { width: 35%; }

.dtPicker .timepicker-picker table tr td:nth-child(4) { width: 20%; }

.zent-dialog-r-body { color: #666; }

.zent-dialog-r-body { color: #666; }

.zent-upload-container { width: 760px; height: 480px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; }

.zent-upload-container { position: relative; padding: 0; overflow-y: auto; }

.zent-upload-network-image-region { overflow: hidden; }

.zent-upload-group-region, .zent-upload-local-attachment-region, .zent-upload-network-image-region { padding: 30px 10px; overflow: hidden; }

.zent-upload-network-image-region .zent-upload-title { line-height: 30px; }

.zent-upload-group-region .zent-upload-title, .zent-upload-local-attachment-region .zent-upload-title, .zent-upload-network-image-region .zent-upload-title { float: left; font-size: 14px; font-weight: 700; text-align: right; width: 100px; }

.zent-upload-network-image-region .zent-upload-content { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; }

.zent-upload-group-region .zent-upload-content, .zent-upload-local-attachment-region .zent-upload-content, .zent-upload-network-image-region .zent-upload-content { background-color: #fff; position: relative; zoom: 1; margin-left: 100px; }

.zent-upload-content .boximg { max-height: 340px; overflow-y: scroll; }

.zent-upload-network-image-region .zent-upload-input-append { margin-bottom: 10px; margin-right: 10px; -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; }

.zent-input-wrapper { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; position: relative; height: 30px; max-height: 36px; }

.zent-input, .zent-input[type=color], .zent-input[type=date], .zent-input[type=datetime], .zent-input[type=email], .zent-input[type=month], .zent-input[type=number], .zent-input[type=password], .zent-input[type=search], .zent-input[type=tel], .zent-input[type=text], .zent-input[type=time], .zent-input[type=url], .zent-input[type=week], .zent-textarea { display: inline-block; -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; min-width: 80px; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; margin: 0; border: 1px solid #bbb; color: #333; font-size: 12px; border-radius: 2px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: border .2s ease-in-out, -webkit-box-shadow .2s ease-in-out; transition: border .2s ease-in-out, -webkit-box-shadow .2s ease-in-out; -moz-transition: border .2s ease-in-out, box-shadow .2s ease-in-out; transition: border .2s ease-in-out, box-shadow .2s ease-in-out; transition: border .2s ease-in-out, box-shadow .2s ease-in-out, -webkit-box-shadow .2s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.zent-upload-network-image-region .zent-btn { float: right; }

.zent-upload-local-attachment-region { height: 100%; }

.zent-upload-group-region, .zent-upload-local-attachment-region, .zent-upload-network-image-region { padding: 30px 10px; overflow: hidden; }

.zent-upload-group-region .zent-upload-title, .zent-upload-local-attachment-region .zent-upload-title, .zent-upload-network-image-region .zent-upload-title { float: left; font-size: 14px; font-weight: 700; text-align: right; width: 100px; }

.zent-upload-local-attachment-region .zent-upload-content { margin-top: -10px; height: 100%; }

.zent-upload-group-region .zent-upload-content, .zent-upload-local-attachment-region .zent-upload-content, .zent-upload-network-image-region .zent-upload-content { background-color: #fff; position: relative; zoom: 1; margin-left: 100px; }

.rc-upload .pull-left { float: left; }

.zent-upload-add-local-image-button input[type=file], .zent-upload-trigger input[type=file], .zent-upload-wrapper input[type=file] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; direction: rtl; font-size: 23px; opacity: 0; cursor: pointer; }

.zent-upload-local-attachment-region .zent-upload-local-tips { clear: both; padding-top: 20px; font-size: 12px; }

.c-gray, .c-no-auth { color: #999!important; }

.c-gray, .c-no-auth { color: #999!important; }

.zent-btn-disabled, .zent-btn-disabled[disabled] { color: #bbb; background: #f8f8f8; border-color: #e5e5e5; cursor: not-allowed; }

.zent-btn[type=button], .zent-btn[type=reset], .zent-btn[type=submit] { -webkit-appearance: none; float: inherit; }

.zent-dialog-r-wrap { position: fixed; overflow: auto; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; text-align: center; font-size: 0; white-space: nowrap; display: none; }

.zent-dialog-r { position: relative; display: inline-block; vertical-align: middle; text-align: initial; background-color: #fff; border-radius: 4px; padding: 20px; font-size: 14px; white-space: normal; top: 50%; margin-top: -380px; }

.zent-dialog-r-backdrop { position: fixed; top: 0; right: 0; left: 0; bottom: 0; background-color: rgba(0,0,0,.6); height: 100%; z-index: 1050; display: none; }

.zent-upload__footer { text-align: center; }

.zent-tabs-type-slider .zent-tabs-nav-ink-bar { position: absolute; display: block; bottom: 0; height: 2px; background-color: #59f; width: 0; z-index: 10; width: 60px; height: 15px; }

.zent-dialog-r-close { position: absolute; display: inline-block; top: 4px; right: 10px; color: #999; font-size: 20px; line-height: 20px; text-align: right; vertical-align: middle; cursor: pointer; border: none; background-color: #fff; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 0 6px; margin: 0; }

.zent-tabs-type-slider .zent-tabs-nav-ink-bar { position: absolute; display: block; bottom: 0; height: 2px; background-color: #59f; width: 0; z-index: 10; }

.rc-upload.zent-dialog-r .zent-tabs-type-slider { border-bottom: 1px solid #e5e5e5; background-color: #fff; }

.rc-upload.zent-dialog-r { min-width: 790px!important; padding: 10px 20px 20px; }

.zent-tabs-nav-content { margin-bottom: -1px; height: 35px; overflow: hidden; }

.zent-tabs-tab-inner { padding: 8px 15px; text-align: center; min-width: 90px; font-size: 12px; }

.rc-upload.zent-dialog-r .zent-tabs-tab-inner { padding-bottom: 9px; }

.zent-tabs-tab, .zent-tabs-tab-inner { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.zent-tabs-tab:last-child { border-top-right-radius: 4px; }

.zent-tabs-tab:first-child { border: 1px solid #e5e5e5; border-bottom: 0; border-top-left-radius: 4px; }
.zent-tabs-tab, .zent-tabs-tab-inner { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.zent-tabs-tab { display: inline-block; cursor: pointer; color: #666; border-top: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; background-color: #f8f8f8; }

.rc-upload .pull-left { float: left; }

.rc-upload .pull-left { float: left; }

.pull-left { float: left; }

.zent-upload-add-local-image-button { margin: 0 20px 20px 0; }

.zent-upload-add-local-image-button, .zent-upload-trigger { display: inline-block; width: 80px; height: 80px; border: 2px dashed #e5e5e5; line-height: 71px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; font-size: 36px; color: #e5e5e5; cursor: pointer; overflow: hidden; text-decoration: none; position: relative; }

.zent-upload-add-local-image-button input[type=file], .zent-upload-trigger input[type=file], .zent-upload-wrapper input[type=file] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; direction: rtl; font-size: 23px; opacity: 0; cursor: pointer; }

.zent-tabs-tabwrap { float: left; position: relative; }

.zent-tabs-type-slider .zent-tabs-actived, .zent-tabs-type-slider .zent-tabs-actived .zent-tabs-tab-inner { background-color: transparent; }

.zent-tabs-type-slider .zent-tabs-tab { border: 0; background-color: transparent; }

.zent-tabs .zent-tabs-actived { position: relative; color: #333; background-color: #fff; }

.zent-tabs-nav-content { margin-bottom: -1px; height: 35px; overflow: hidden; }

.attachment-filter { margin-bottom: 10px; position: relative; }

.zent-pop.zent-popover-position-top-center .zent-pop-arrow { -webkit-transform: translate(-50%, 50%) rotate(45deg); -moz-transform: translate(-50%, 50%) rotate(45deg); -ms-transform: translate(-50%, 50%) rotate(45deg); transform: translate(-50%, 50%) rotate(45deg); left: 50%; }

.zent-pop.zent-popover-position-top-center .zent-pop-arrow, .zent-pop.zent-popover-position-top-left .zent-pop-arrow, .zent-pop.zent-popover-position-top-right .zent-pop-arrow { bottom: 0; }

.zent-image-p-backdrop, .zent-image-p-wrap { position: fixed; top: 0; right: 0; left: 0; bottom: 0; }

.zent-image-p-backdrop { background-color: rgba(0,0,0,.6); height: 100%; z-index: 1050; }

.zent-image-p-wrap { overflow: auto; -webkit-overflow-scrolling: touch; outline: 0; }

.zent-image-p-backdrop, .zent-image-p-wrap { position: fixed; top: 0; right: 0; left: 0; bottom: 0; }

.zent-image-p-close { position: fixed; text-align: center; border-radius: 40px; background: hsla(0,0%,100%,.6); -webkit-box-shadow: 0 0 8px rgba(0,0,0,.6); box-shadow: 0 0 8px rgba(0,0,0,.6); right: 20px; top: 20px; width: 40px; height: 40px; cursor: pointer; z-index: 2; }

.zent-image-p-body { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 1; }

.zent-image-p-body .zent-show-image { max-width: 90vw; max-height: 90vh; cursor: -moz-zoom-in; cursor: zoom-in; }

img { width: auto\9; height: auto; max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; position: relative; }

.zent-image-p-footer.show-rotate-btn { min-width: 92px; }

.zent-image-p-footer { position: fixed; border-radius: 40px; background: hsla(0,0%,100%,.6); -webkit-box-shadow: 0 0 8px rgba(0,0,0,.6); box-shadow: 0 0 8px rgba(0,0,0,.6); bottom: 20px; left: 50%; -webkit-transform: translate(-50%); -moz-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); height: 40px; line-height: 40px; color: #333; z-index: 2; font-size: 16px; }

.zent-image-p-footer .zent-image-p-action.rotate-action { border-radius: 40px; }

.zent-image-p-footer .zent-image-p-action:last-child { border-radius: 0 40px 40px 0; }

.zent-image-p-footer .zent-image-p-action:first-child { border-radius: 40px 0 0 40px; }

.zent-image-p-footer .zent-image-p-action { display: inline-block; cursor: pointer; padding: 0 30px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 16px; min-width: 65px; text-align: center; }

.zenticon { font-style: normal; line-height: 40px; }

.sjsjp select.wbms { height: 27px; line-height: 27px; width: 100px; }

.widthauto { width: 660px; }

.safeguard-log { border: 1px solid #e5e5e5; padding: 15px; position: relative; margin: 0 10px; }

.safeguard-log h3 { font-size: 14px; font-weight: bold; }

.safeguard-log table { width: 100%; }

.safeguard-log tbody { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

.safeguard-log .tr-title td { padding: 30px 0 10px 0; border-bottom: 1px dashed #e5e5e5; }

.safeguard-log .tr-title td:first-child { font-weight: bold; width: auto; }

.safeguard-log .tr-title+tr td { padding-top: 10px; }

.safeguard-log td { padding: 2px 0; }

.safeguard-log .td-meta, .safeguard-log .td-meta:first-child { color: #999; width: 60px; }

.floatright { text-align: right; }

.tythdz { max-width: 160px; height: 24px; }

.list-header.dzli .list-header-item { width: 14.28%; }

.xganniu { padding-left: 4px; }

.citys select { height: 34px; }

.datudiv { display: -webkit-box; display: -webkit-flex; display: none; background: rgba(0,0,0,0.5); flex-direction: row; align-items: center; justify-content: center; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1060 }

.pzimg { width: 290px; }

.imgdiv { width: 60px; height: 60px; display: inline-block; overflow: hidden; margin-bottom: 14px; }

.pzimg img { width: 100%; height: auto; padding: 0; margin: 0; }

.datudiv .pinch-zoom-container { flex-direction: row; align-items: center; justify-content: center; width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: flex }

.datudiv img { width: auto; height: auto; align-items: center; vertical-align: middle; max-height: 100%; }

.datudiv i { display: block; position: absolute; width: 18px; height: 18px; right: 4%; top: 2%; background: url(ico02.png) -40px -72px no-repeat; background-size: auto 150px; z-index: 2 }

.table>thead:first-child>tr:first-child>th.wd5, .table>thead:first-child>tr:first-child>th.status-th { width: 5%; }

.yldiv { width: 382px; margin: 22px auto; height: 700px; background: #f1f1f1; position: relative; overflow: hidden }

.thetimexz { margin-right: 2%; margin-top: 4px; }

.paddingbox { margin: 0 10px; }

.trade-overview__table { position: relative; margin-bottom: 10px }

.trade-overview__table-row { height: 104px; padding-left: 20px; margin-top: 1px; margin-right: 200px }

.trade-overview__table-row--1 { margin-top: 0; background-color: #e5f0ff }

.trade-overview__table-row--2 { height: 105px; background-color: #f3f7fd }

.trade-overview__table-row--3 { background-color: #f0f8f0 }

.trade-overview__table-row--3 .statis-item { width: 20%; max-width: 105px; margin-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }

.trade-overview__table-row--3 .change-trend__data, .trade-overview__table-row--3 .change-trend__title { display: block }

.trade-overview__rate { position: absolute; top: 0; right: 0; width: 210px; padding-right: 33px }

.trade-overview__rate-pic { float: right; width: 210px; height: 315px; background-image: url(423241cf9e4a5674e498410ee41afdec.png); background-repeat: no-repeat; background-size: 210px 315px }

.trade-overview__rate-region { position: absolute; font-size: 12px; color: #666 }

.trade-overview__rate-region .num { font-size: 12px }

.trade-overview__rate-region.order { left: 140px; top: 75px }

.trade-overview__rate-region.pay { left: 133px; top: 182px }

.trade-overview__rate-region.shop { top: 130px; right: 0 }

.trade-overview__diagram { border: 1px solid #e4e4e4; margin-bottom: 20px }

.statcenter-hint-icon { color: #bbb; cursor: default }

.statcenter-hint-icon:hover { color: #38f }

.trade-coms { font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Roboto, Arial, PingFang SC, Hiragino Sans GB, Microsoft Yahei, STHeiti, SimSun, sans-serif }

.trade-coms .block-header, .trade-coms__pie { margin-bottom: 10px }

.trade-coms__pie { border: 1px solid #e4e4e4; position: relative; height: 250px; padding: 0 20px }

.trade-coms__pie-title { position: absolute; left: 50px; top: 20px }

.trade-coms__pie-title .help-icon { margin-left: 5px }

.trade-coms__pie-chart { position: absolute; left: 12px; top: 34px; width: 250px }

.trade-coms__pie-table { margin-left: 250px; width: auto; margin-bottom: 0; position: relative; top: 65px }

.trade-coms__pie-table table { width: 100%; border: 1px solid #e5e5e5; font-size: 12px; text-align: left }

.trade-coms__pie-table td, .trade-coms__pie-table th { padding: 10px; font-size: 12px; border-bottom: 1px solid #e5e5e5; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }

.trade-coms__pie-table th, .trade-coms__pie-table tr:nth-child(2n) { background: #f8f8f8 }

.trade-coms__pie-table tr:hover { background-color: #e8eff7 }

.trade-coms__bar { border: 1px solid #e4e4e4; margin-bottom: 20px; position: relative; padding-top: 20px }

.trade-coms__bar-title { position: absolute; left: 50px; top: 20px }

.trade-region { font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Roboto, Arial, PingFang SC, Hiragino Sans GB, Microsoft Yahei, STHeiti, SimSun, sans-serif }

.trade-region .block-header { margin-bottom: 10px }

.trade-region__content { border: 1px solid #e4e4e4; height: 296px; margin-bottom: 20px; position: relative }

.trade-region__content-map { width: 400px; position: absolute; left: 0; top: 0 }

.trade-region__content-table { padding-left: 400px }

.trade-region__content-table table { width: 100%; border-left: 1px solid #e5e5e5; font-size: 12px; text-align: left }

.trade-region__content-table td, .trade-region__content-table th { padding: 4px 0 4px 10px; font-size: 12px; border-bottom: 1px solid #e5e5e5; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }

.trade-region__content-table th, .trade-region__content-table tr:nth-child(2n) { background: #f8f8f8 }

.trade-region__content-table tr:hover { background-color: #e8eff7 }

.trade-tag { font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Roboto, Arial, PingFang SC, Hiragino Sans GB, Microsoft Yahei, STHeiti, SimSun, sans-serif }

.trade-tag .block-header { margin-bottom: 10px }

.trade-tag__search { display: inline-block; margin-right: 10px; vertical-align: bottom }

.statis-item__title { display: inline-block; color: #666; font-size: 12px; line-height: 1px; margin-bottom: 5px; margin-top: 0; height: 10px; }

.statis-item__title .zenticon-help-circle { color: #bbb; margin-left: 5px }

.statis-item { display: inline-block; min-width: 105px; padding: 4px 0; position: relative; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1 }

.statis-item.no-hover:hover { cursor: auto }

.statis-item.no-hover:hover:before { content: none }

.statis-item__data { font-size: 14px; line-height: 1.2; margin-bottom: 3px; }

.change-trend__title { display: block; margin-bottom: 3px; }

.trade-overview__rate-region.order { left: 110px; top: 75px }

.trade-overview__rate-region.pay { left: 100px; top: 182px }

.trade-overview__rate-region.shop { top: 130px; right: 0 }

.trade-overview__rate-region p { margin-bottom: 3px; }

.change-trend__title { color: #999 }

.change-trend__data { position: relative; padding-left: 12px }

.change-trend__data:before { content: ""; position: absolute; left: 2px; top: 3px; width: 6px; height: 10px; background-size: cover }

.change-trend--ascend:before { background-image: url(xiazai.png); }

.change-trend--decline:before { background-image: url(xiazai2.png); }

.zent-pagination-page-size-changer { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin-right: 8px; }

.zent-pagination { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; font-size: 14px; }

.zent-pagination-mini-page-jumper, .zent-pagination-page-jumper { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }

.zent-pagination-page-jumper { margin-left: 8px; }

.ddxinxi { border-left: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; width: 600px; }

.cgddxinxi { width: 260px; }

.ddxinxi td { border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; font-size: 14px; line-height: 36px; text-align: center; max-width: 20%; }

.ddxinxi thead td { font-weight: bold; }

.ddxinxi td span { color: #f44; }

.hidden { display: none !important; }

.selectPickerWrapper * { box-sizing: border-box; }

.selectPickerWrapper { position: relative; margin: 0px; display: inline-block; }

.select-picker-search { width: 200px; height: 32px; line-height: 32px; color: #666; border-radius: 3px; border: 1px solid #ddd; padding: 0 10px; font-size: 14px; cursor: pointer; display: inline-table; }

.select-picker-search-checked { position: relative; width: 180px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-right: 5px; }

.select-picker-search-checked:after { border: 5px solid transparent; content: ' '; height: 0; position: absolute; width: 0; top: 12.2px; border-top: 8px solid #666; right: 0; }

.select-picker-options-wrp { display: none; width: 200px; border-radius: 2px; box-shadow: 0 1px 5px rgba(0,0,0,.2); background-color: #fff; position: absolute; top: 36px; left: 0; z-index: 999; }

.select-picker-options-serch input { width: 160px; height: 32px; line-height: 32px; border: 1px solid #ddd; border-radius: 3px; margin: 12px 0 0 10px; padding-left: 8px; }

.select-picker-options-serch input:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6) }

.select-picker-options-list { width: 100%; padding: 8px 0; }

.select-picker-options-list-item { width: 100%; line-height: 36px; cursor: pointer; padding: 0 12px; }

.select-picker-options-list-item:hover { background: #ebf1f5; }

.duihao { display: inline-block; width: 18px; height: 18px; border-radius: 3px; transform: translateY(4px); margin-right: 6px; }

.duihao-checked { background: #00a0ff; position: relative; }

.duihao-checked:before, .duihao-checked::after { content: ""; height: 10px; width: 2px; border-radius: 10px; display: block; background: white; position: absolute; top: 4px; left: 10px; transform: rotate(45deg); -ms-transform: rotate(45deg); }

.duihao-checked::before { height: 6px; transform: rotate(-45deg); -ms-transform: rotate(-45deg); position: absolute; top: 7px; left: 5px; }

.duihao-nocheck { border: 1px solid #ddd; }

.floatleft .floatdiv { position: relative; right: inherit; width: auto; text-align: left; margin-bottom: 10px; margin-left: 0; }

.floatleft .floatdiv .cg-select { width: 70%; }

.floatleft .floatdiv select { width: 12%; }
.floatleft .floatdiv input{border:1px solid #ccc;line-height:24px;}

.floatleft .search-form { width: 212px; display: inline-flex; }

.box-header>.box-tools .floatleft { right: inherit; left: 10px; height: auto; position: relative; }





.demo { text-align: center; line-height: 100px; }

.spage-total { display: inline-block; margin-right: 20px; line-height: 35px; color: #666; font-size: 14px }

.spage-number { display: inline-block; color: #666; font-size: 14px }

.spage-number button { position: relative; box-sizing: border-box; display: inline-block; margin-left: -1px; padding: 0 14px; line-height: 33px; border: 1px solid #ddd; text-align: center; transition: all .2s; cursor: pointer; outline: none; background: 0 0; user-select: none; color: #666 }

.spage-number button.active { background: #2d98e6; color: #fff; border-color: #2d98e6; z-index: 3 }

.spage-number button.active:hover { background: #2d98e6; color: #fff; border-color: #2d98e6; z-index: 3 }

.spage-number button:hover { background-color: #eee }

.spage-number button.button-disabled { cursor: not-allowed; color: #ccc }

.spage-number .spage-after, .spage-before { padding: 0; width: 40px }

.spage-skip { display: inline-block; margin-left: 20px; line-height: 35px; color: #666; font-size: 14px }

.spage-skip input { box-sizing: border-box; display: inline-block; width: 45px; height: 35px; text-align: center; vertical-align: top; border: 1px solid #ddd; background: 0 0; outline: none; transition: all .2s }

.spage-skip input:focus { border-color: #2d98e6 }

.spage-skip button { display: inline-block; padding: 0 14px; line-height: 33px; vertical-align: top; color: #666; border: 1px solid #ddd; cursor: pointer; transition: all .2s; outline: none; background: 0 0; user-select: none }

.spage-skip button:hover { background: #2d98e6; color: #fff; border: 1px solid #2d98e6 }

.dongjiediv { width: 466px; height: 250px; background: rgba(255,255,255,1); box-shadow: -6px 0px 30px 0px rgba(156,156,156,0.2); border-radius: 32px; position: fixed; top: 50%; left: 50%; margin-top: -125px; margin-left: -233px; display: none; }

.dongjiediv h5 { color: #272727; font-size: 22px; text-align: center; margin: 0; padding: 0; line-height: 62px; }

.dongjiediv p { font-size: 18px; color: #272727; list-style: 36px; text-align: center; padding: 20px 0; }

.dongjiebut { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-item-align: center; -webkit-align-self: center; align-self: center; -webkit-box-lines: single; -moz-box-lines: single; -webkit-flex-wrap: nowrap; -ms-flex-wrap: none; -ms-flex-wrap: nowrap; flex-wrap: nowrap; text-align: center; padding: 20px 0; }

.dongjiebut span { -webkit-box-flex: 1; -ms-flex: 1; width: 116px; height: 48px; background: rgba(255,255,255,1); box-shadow: 0px 5px 14px 0px rgba(197,197,197,0.2); border-radius: 24px; text-align: center; line-height: 48px; margin-left: 16%; cursor: pointer }

.dongjiebut span.on { background: rgba(121,99,223,1); box-shadow: 0px 5px 14px 0px rgba(121,99,223,0.2); color: #fff; }

.spphbdiv { width: 48%; background: rgba(255,255,255,1); box-shadow: 2px 4px 16px 0px rgba(178,178,178,0.3); border-radius: 8px; padding: 28px; float: left; margin-right: 2%; }

.spphbdiv .jfsearch-div { text-align: center; position: relative; }

.spphbdiv .video-tabel.zl-tabel tbody tr td { text-align: left; text-indent: 20px; font-size: 14px; color: #272727; }

.spphbdiv .video-tabel.zl-tabel thead tr td { text-align: left; text-indent: 20px; font-size: 16px; color: #272727; }

.spphbdiv .video-tabel.zl-tabel tbody tr:nth-child(2n) td { border-bottom: #F4F5F6 solid 1px; background: none; }

.spimg { display: inline-block; width: 40px; height: 40px; }

.video-tabel.zl-tabel tbody td span.spname { height: 38px; width: 70%; overflow: hidden; text-overflow: ellipsis; display: inline-block; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal; line-height: 18px; text-indent: 0; position: relative; top: 18px; padding-left: 12px; }

.lookmxsp { color: #7963DF; font-size: 16px; position: absolute; right: 0; }

.smtj-div1 { height: 58px; background: rgba(250,251,252,1); border: 1px solid rgba(210,210,210,1); line-height: 58px; font-size: 16px; color: #272727; }

.smtj-div1 h5 { width: 119px; height: 56px; border-right: 1px solid rgba(210,210,210,1); text-align: center; display: inline-block; margin: 0; padding: 0; line-height: 56px; position: relative; top: -1px; }

.smtj-div1 h5.on { background: rgba(121,99,223,1); color: #fff; }

.smf5, .smf10 { float: right; font-size: 16px; color: #272727; line-height: 56px; padding: 0 12px; cursor: pointer }

.smf5 img { width: 12px; height: 14px; display: inline-block; margin-right: 6px; }

.smf10 img { width: 16px; height: 16px; display: inline-block; margin-right: 6px; }

.yldiv { position: absolute; right: 6%; top: 20%; width: 24%; height: 10rem; }

.thecgssbd input[type=checkbox] { width: 1.4rem; height: 1.4rem; margin-top: 14px; }

.search-div .cgcss01 select, .search-div .cgcss01 input { border: none; }

.search-div .cgcss01 select { width: 10rem; }

.search-div .cgcss01 { border: 1px solid rgba(230,230,230,1); display: inline-block; height: 38px; border-radius: 6px; }

.mdgl-div .search-div .cgcss01 .searchbut { height: 38px; line-height: 38px; }

.thecgssbd .emd-but { border-right: none; }

.cgcss02 { color: #8C9AAD; font-size: 12px; line-height: 20px; margin: 8px 18px; }

.cgcss03 { line-height: 2.5rem; background: rgba(51,133,255,.1); border-radius: 4px; margin: 8px 18px; padding: 8px; }

.cgcss03 i { font-style: normal; }

.cgcss03 span { padding-right: 8px; }

.cgcss03 span b { padding: 0 4px; }

.hidden { display: none !important; }

.selectPickerWrapper { }

.selectPickerWrapper * { box-sizing: border-box; }

.selectPickerWrapper { position: relative; margin:0 18px 10px 18px; display: inline-block; }

.select-picker-search { width: 200px; height: 32px; line-height: 32px; color: #666; border-radius: 3px; border: 1px solid #ddd; padding: 0 10px; font-size: 14px; cursor: pointer; }

.select-picker-search-checked { position: relative; width: 180px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-right: 5px; }

.select-picker-search-checked:after { border: 5px solid transparent; content: ' '; height: 0; position: absolute; width: 0; top: 12.2px; border-top: 8px solid #666; right: 0; }

.select-picker-options-wrp { display: none; width: 200px; border-radius: 2px; box-shadow: 0 1px 5px rgba(0,0,0,.2); background-color: #fff; position: absolute; top: 36px; left: 0; z-index: 999; }

.select-picker-options-serch input { width: 160px; height: 32px; line-height: 32px; border: 1px solid #ddd; border-radius: 3px; margin: 12px 0 0 10px; padding-left: 8px; }

.select-picker-options-serch input:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6) }

.select-picker-options-list { width: 100%; padding: 8px 0; }

.select-picker-options-list-item, .select-picker-options-list-itemall, .select-picker-options-list-itemfz { width: 100%; line-height: 36px; cursor: pointer; padding: 0 12px; }

.select-picker-options-list-item:hover, .select-picker-options-list-itemall:hover, .select-picker-options-list-itemfz:hover { background: #ebf1f5; }

.duihao, .quanxuan, .duihaofz { display: inline-block; width: 18px; height: 18px; border-radius: 3px; transform: translateY(4px); margin-right: 6px; }

.duihao-checked { background: #00a0ff; position: relative; }

.duihao-checked:before, .duihao-checked::after { content: ""; height: 10px; width: 2px; border-radius: 10px; display: block; background: white; position: absolute; top: 4px; left: 10px; transform: rotate(45deg); -ms-transform: rotate(45deg); }

.duihao-checked::before { height: 6px; transform: rotate(-45deg); -ms-transform: rotate(-45deg); position: absolute; top: 7px; left: 5px; }

.duihao-nocheck { border: 1px solid #ddd; }



.form_single .box{box-shadow:none;}

.form_single .box .content-region{margin:10px;}

.form_single .box .content-region{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;}

.form_single .box .info-region{width:30%;padding:15px;}

.form_single .box .state-region{float:none;padding:15px;width:auto;flex:1;}

.form_single .box .info-region h3,.form_single .box .state-region h3{font-size:24px;font-weight:normal;margin:14px 0;width:auto;}

.form_single .box .ddxinxi{width:100%;}

.form_single .box .cgddxinxi{width:60%;}



table.ddxxtable thead th:nth-child(2),table.ddxxtable thead th:nth-child(3),table.ddxxtable thead th:nth-child(4){width:20%;}

table.ddxxtable thead th:last-child{width:10%;}



.navbar-nav>.user-menu>.dropdown-menu>li.user-header{display:none;}

.navbar-custom-menu>.navbar-nav>li>.dropdown-menu{width:100px;min-width:90px;}

.navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default{border:none;background:none;}

.aboutpaysweet-alert{min-height:30rem;}
.aboutpaysweet-alert img{display:block;margin:16px auto;}
.goods-table tbody>tr>td.aboutpay{text-align:left;}
.aboutpay label{margin-right:24px;}
.aboutpay label img{padding-left:10px;}
.goods-table tbody>tr.aboutpaytr{border-bottom:1px solid #e5e5e5;}
.aboutpaystyle{text-align:left;padding-top:10px;}
.aboutpaybut{margin:20px;}
.aboutpaybut .btn{background:#3c8dbc;color:#fff;}
.aboutpaysweet-alert .aboutpaytobut{background-color:rgb(60, 141, 188);box-shadow:rgba(60, 141, 188, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.05) 0px}

.bodytd-pay{display:block;color:#000;background:rgba(51,133,255,.1);height:48px;margin:10px;border-radius:4px;font-size:16px;line-height:48px;padding:0 8px;}
.bodytd-pay span{margin-right:12px;}
.bodytd-pay-but{ display: inline-block;padding:0 14px;margin: 0 11px 0 0;background: #3c8dbc;color: #fff;border-radius: 6px;cursor: pointer;font-style:normal;line-height:36px;font-size:14px;float:right;margin-top:6px;}
.box-paysweet-alert p {margin:60px 0 40px 0;}
.box-paysweet-alert .gotopay label{margin-right:24px;}
.box-paysweet-alert .gotopay label img{margin-left:8px;}
.sweet-alert button.box-payconfirm{background-color: rgb(60, 141, 188);box-shadow: rgba(60, 141, 188, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px inset;}
.aboutloadingsweet-overlay{ background-size:auto 5rem;z-index:999999;}
.aboutloadingsweet-overlay img{width:5rem;height:auto;position:absolute;left:50%;height:5rem;top:50%;margin:0 0 0 -4rem;display:block;}
.abouttssweet-overlay{width:30rem;height:6rem;left:50%;top:30%;margin:-4rem 0 0 -15rem;color:#fff;text-align:center;line-height:6rem;background:rgba(0,0,0,.8);font-size:18px;border-radius:6px;position:fixed;display:none;}
.checkbox_but{height:4rem;position:absolute;width:2rem;background:#000;z-index:99;opacity:0;}

.bootstrap-tagsinput{border:#d2d6de solid 1px;height:auto;min-height:30px;padding:4px;}
.bootstrap-tagsinput input{border:none;outline:none;width:auto;height:30px;}
.selectPickerWrapper.aboutsh-zl{margin-left:0;width:100%;}
.aboutsh-zl .select-picker-options-serch{display:none;}
.aboutsh-zl .select-picker-search,.aboutsh-zl .select-picker-options-wrp{width:100%;}
.aboutsh-zl .select-picker-search-checked{width:98%;}
.theclassinput{width:100%;display:none;}
/**/
.checkbox input.rules_all{margin-top:3px;margin-left:-20px;}
.admin-node-label input[type=checkbox]{float:left;margin-top:4px;margin-right:6px;}
.box-body .box-body{padding:0;}
.box-body .box{margin-bottom:0;border-top:none;}
.box-header .box-header{padding:0;}
.box.box-header.admin-node-header{border-top:3px solid #3c8dbc;margin-top:2rem;}
.box-body .box.box-header.admin-node-header:first-child{margin-top:0;}
.box.box-header.admin-node-header .box.box-header.admin-node-header{border-top:none;margin-top:0;}
.admin-node-header .box-header label{font-weight:bold !important}
.admin-node-header .box-body label{font-weight:normal !important}

.skin-blue .content .btn{float:right;margin-right:0;margin-left:12px;}
.skin-blue .content .input-group-btn .btn{margin-right:0;}
.skin-blue .content ob_link .btn{float:inherit;position: relative;z-index: 2;}
.subpackage{background:rgba(0,0,0,.5);width:100%;height:100%;position:fixed;left:0;top:0;display:none;z-index:9999}
.subpackage-div{width:80%;height:80%;margin-top:5%;margin-left:10%;padding:0 1%;background:#fff;}
.subpackage-div .floatleft .search-form{width:212px;}
.subpackage-div h4{font-weight:bold;text-align:center;padding:2rem 0 1rem 0;font-size:20px;}
.table-from{height:52rem;overflow:hidden;overflow-y:scroll;}
.text-right{text-align:right;line-height:2.4rem;}
.subpackage-div h4 .fa-times{float:right;}
.thetoptable{height:50px;overflow:hidden;}
.table-from .table-bordered{border:none;}
.table-from table thead th,.table-from table thead td{background:#f4f4f4;border-color:#fff;}
.table-from table thead th:nth-child(3),.table-from table thead th:nth-child(4),.table-from table thead th:nth-child(5){width:15%;}
.table-from table>tbody>tr>td { height:auto; padding: 8px; vertical-align: middle; word-break:break-all;}
.table-from table>tbody>tr>td:nth-child(1){position:relative;}
.div-cover{position:absolute;width:38px;height:40px;z-index:100;background:#f4f4f4;top:50px;left:10px;text-align:center;}
.div-cover span{margin-top:1rem;}
.div-cover span.onclick{background-position:-22px 0;}
.about-group-from{line-height:36px;}
.about-group-div{height:36px;line-height:36px;border:1px solid #ccc;border-radius:4px;float:right;}
.about-group-div input{line-height:28px;border:none;padding:0 8px;}
.about-group-div input:focus{outline:none;}
.skin-blue .content .about-group-div .btn{margin-left:0;border:none;}
.table-from .td-sl input{border:#f4f4f4 solid 1px;width:3rem;display:inline-block;text-align:center;background:none;}
.table-from .td-sl input:disabled{border:none;width:3rem;display:inline-block;text-align:center;background-color:none;}
.floatlbut{float:left;}

.skin-blue .content .btn.special-button{float:inherit;}
.bodytd-pay-but.special-button{float:inherit;margin:1px 0 0 12px;line-height:32px;height:32px;border:1px solid #bbbbbb;}