@charset "UTF-8";
html, body {
    height: 100%;
}
@media screen and (max-width: 1200px){
    body {
        min-width: 1200px;
        overflow-x: auto;
    }
}


/* ==============================================================
                  登陆页面
================================================================ */
#login {
    width: 100%;
    height: 100%;
    /*background: #ffffff;*/
    background: #ffffff url(/images/thebeastshop/login-bg3.png);
    /*background-size: cover;*/
    box-sizing: border-box;
    /*
    !* Old browsers *!
    background: -moz-linear-gradient(45deg, #5d518f 0%, #111 100%);
    !* FF3.6+ *!
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #5d518f), color-stop(100%, #111));
    !* Chrome,Safari4+ *!
    background: -webkit-linear-gradient(45deg, #5d518f 0%, #111 100%);
    !* Chrome10+,Safari5.1+ *!
    background: -o-linear-gradient(45deg, #5d518f 0%, #111 100%);
    !* Opera 11.10+ *!
    background: -ms-linear-gradient(45deg, #5d518f 0%, #111 100%);
    */
    /* IE10+ */
    /*background: linear-gradient(45deg, #5d518f 0%, #111 100%);*/
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5d518f', endColorstr='#111', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

#login .m-form {
    position: absolute;
    top: 40%;
    left: 50%;
    float: left;
    width: 285px;
    padding: 40px 60px;
    margin: -120px 0 0 -200px;
    border-radius: 24px;
    /*background-color: #fff;*/
    /*box-shadow: 0 2px 12px rgba(0, 0, 0, 0.5);*/

    background: hsla(0,0%,100%,.45) border-box;
    overflow: hidden;
    border-radius: .3em;
    box-shadow: 0 0 0 1px hsla(0,0%,100%,.3) inset,
    0 .5em 1em rgba(0, 0, 0, 0.6);
    text-shadow: 0 1px 1px hsla(0,0%,100%,.3);

}

#login .m-form::before{
    content: '';
    position: absolute;
    top: 0; rightright: 0; bottombottom: 0; left: 0;
    margin: -30px;
    z-index: -1;
    -webkit-filter: blur(20px);
    filter: blur(20px);
}

#login .m-row {
    position: relative;
}

#login .m-form i {
    position: absolute;
    top: 12px;
    left: 17px;
    border-right: 1px solid #aaa;
    padding-right: 5px;
    line-height: 24px;
    font-size: 20px;
    color: #aaa;
}

#login .m-input {
    width: 260px;
    height: 40px;
    padding: 8px 12px 8px 47px;
    line-height: 20px;
}

#login .m-btn {
    width: 100%;
    padding: 8px 0;
    line-height: 22px;
}

/* ==============================================================
                  主要功能模块
================================================================ */
/********************* 布局 **********************/
.lay-wrapper {
    width: 100%;
    height: 100%;
}

.lay-header {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 50px;
    background-color: #212121;
}

.lay-frame {
    width: 100%;
    min-height: 100%;
}

.lay-main {
    height: 100%;
    padding-top: 50px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webit-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.lay-container {
    padding: 0;
}

.lay-title {
    background-color: #f3f3f3;
    padding: 0 25px;
}

.lay-title .m-btn {
    margin-top: 10px;
}

.lay-info {
    padding: 25px;
}

/*状态*/
.state {
    color: #999;
}

.state-off {
    color: #c9302c;
}

.state-on {
    color: #449d44;
}

/********************* 头部-登出块 **********************/
.m-log {
    position: absolute;
    right: 0;
}

.m-log p, .m-log .m-btn-link, .m-log h3 {
    font-size: 14px;
    line-height: 50px;
    color: #fff;
}

.m-log .m-btn-link {
    padding: 0;
}

.m-log .toogle-con {
    padding: 0 15px;
    position: relative;
    cursor: pointer;
}

.m-log .toogle-con:hover .toggle {
    display: block;
}

.m-log .toggle {
    position: absolute;
    top: 48px;
    right: 15px;
    display: none;
    min-width: 140px;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    border: 1px solid #e8e8e8;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
    line-height: 2.8;
    text-align: right;
    background-color: #fff;
}

.m-log .toggle li {
    padding: 0 15px 0 15px;
    border-top: 1px solid #e8e8e8;
}

.m-log .toggle li:hover {
    background-color: #f3f3f3;
}

.m-log .toggle li:hover .icon-up-dir {
    color: #f3f3f3;
}

.m-log .toggle a {
    display: block;
    color: #505050;
    text-decoration: none;
}

.m-log .toggle .icon-up-dir {
    position: absolute;
    top: -19px;
    right: 38px;
    color: #fff;
    font-size: 18px;
    line-height: 30px;
}

/********************* 头部-菜单栏 **********************/
.m-menu {
    height: 50px;
}

.m-menu .menu {
    position: relative;
    float: left;
    line-height: 2.8;
}

.m-menu .menu li {
    display: none;
    padding: 0 11px;
    border-top: 1px solid #fff;
    font-size: 12px;
}

.m-menu .menu:hover {
    background-color: #373737;
}

.m-menu .menu:hover li {
    display: block;
}

.m-menu .menu:hover li:hover {
    background-color: #525252;
}

.m-menu .menu li.frist {
    display: block;
    height: 50px;
    width: 80px;
    line-height: 50px;
    border-top: none;
    font-size: 14px;
    color: #fff;
}

.m-menu .menu li.frist:hover {
    background-color: #373737;
}

.m-menu .menu li.w1 {
    width: 115px;
}

.m-menu .menu li.w2 {
    width: 125px;
}

.m-menu .menu a {
    color: #fff;
    text-decoration: none;
}

.role {
    width: 901px;
    margin-top: 20px;
    border: 1px solid #c8c8c8;
}

.role .left {
    float: left;
    width: 400px;
    height: 100%;
}

.role .right {
    position: relative;
    float: left;
    width: 500px;
    min-height: 600px;
    border-left: 1px solid #c8c8c8;
}

.role h2 {
    text-align: center;
    border-bottom: 1px solid #c8c8c8;
}

.role .container {
    padding: 20px;
}

.role .container .save {
    padding-top: 20px;
}

.role-manage {
    padding: 25px;
    border-top: 1px solid #c8c8c8;
}

.role-manage-group {
    padding: 25px;
    border-bottom: 1px solid #c8c8c8;
}
/* # sourceMappingURL=scm.css.map */

/* add */
.lay-info {
    margin: 0 auto;
}

.role-manage {
    margin: 0 auto;
}

.width200 {
    width: 200px;
}

.width400 {
    width: 400px;
}

.width600 {
    width: 600px;
}

.width800 {
    width: 800px;
}

.width1000 {
    width: 1000px;
}

.pointer {
    cursor: pointer;
}

.ui-autocomplete {
    z-index: 9999101;
}

/*dialog start*/
.black_opacity_c, .black_opacity_a, .black_opacity_l {
    clear: both;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999100;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.confirm_dialog,
.alert_dialog,
.load_dialog {
    clear: both;
    display: none;
    position: fixed;
    _position: absolute;
    height: auto;
    max-height:80%;
    max-width:80%;
    overflow:auto;
    background: #fff;
    top: 150px;
    left: 0;
    border: 5px solid #646666;
    z-index: 999110;
    padding: 20px 40px 20px 40px;
}

.confirm_dialog label,
.alert_dialog label,
.load_dialog label {
    clear: both;
    display: block;
    position: relative;
    width: 100%;
    text-align: center;
    padding: 0 0 10px 0;
    font-weight: bold;
    font-size: 18px;
}

.confirm_dialog p,
.alert_dialog p {
    clear: both;
    position: relative;
    padding-top: 7px;
}

.cross_cha {
    clear: both;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    background: url(../images/box_03.jpg) no-repeat scroll 335px 13px transparent;
    cursor: pointer;
}

.green_btn {
    display: inline-block;
    color: #fff;
    cursor: pointer;
    text-align: center;
    background: url(../images/laoding_07.jpg) no-repeat scroll 0 0 transparent;
    font-size: 12px;
    height: 33px;
    width: 86px;
    line-height: 33px;
}

.green_btn:hover {
    background: url(../images/box_07.jpg) no-repeat scroll 0 0 transparent;
    height: 33px;
    width: 86px;
    color: #fff;
    line-height: 33px;
}

.normal_grey_btn {
    display: inline-block;
    width: 86px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    background: url(../images/box_07.jpg) no-repeat scroll 0 0 transparent;
    font-size: 12px;
    height: 33px;
    line-height: 33px;
}

.black-btn-01 {
    color: #fff !important;
    line-height: 31px;
    text-align: center;
}

.black-btn-01 em {
    background: url(../images/btn_06.png) 0 0;
    width: 97%;
    display: inline-block;
    height: 31px;
}

.black-btn-01 span {
    background: url(../images/btn_06.png) right 0;
    width: 3%;
    height: 31px;
}

.black-btn {
    cursor: pointer;
    color: #fff !important;
    line-height: 31px;
    text-align: center;
}

.box-button {
    width: 300px;
    text-align: center;
    margin: auto;
}

/*dialog end*/

/*  eric.lou 自定义开始   */
.m-input:focus {
    border: 1px solid #36b4ee;
}

.m-f-highlight {
    color: #ec971f;
    white-space: nowrap;
}

.m-f-highlight-2 {
    color: #36b4ee;
}

.m-f-highlight-error {
    color: #ed5565;
}

.m-f-highlight-success {
    color: #449d44;
}

.has-success .m-input,
.has-success select {
    border-color: #1ab394;
}

.has-error .m-input,
.has-error select {
    border-color: #ed5565;
}

.has-success .m-label {
    color: #1ab394;
}

.has-error .m-label,
.has-error .help-block {
    color: #ed5565;
}

.submitAndWait, .saw {
    padding: 8px 18px;
    border: 1px solid #c2c2c2;
    line-height: 20px;
    font-size: 14px;
    cursor: pointer;
    outline: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    background-color: #3f67bf;
    color: #ffffff;
}

.m-btn-reject {
    padding: 7px 18px;
    color: #fff;
    background-color: #c31921;
    border: none;
}

.m-btn-reject:hover {
    background-color: #9d220f;
}

.p-xxs {
    padding: 5px;
}

.p-xs {
    padding: 10px;
}

.p-sm {
    padding: 15px;
}

.p-m {
    padding: 20px;
}

.p-md {
    padding: 25px;
}

.p-lg {
    padding: 30px;
}

.p-xl {
    padding: 40px;
}

.m-xxs {
    margin: 2px 4px;
}

.m-xs {
    margin: 5px;
}

.m-sm {
    margin: 10px;
}

.m {
    margin: 15px;
}

.m-md {
    margin: 20px;
}

.m-lg {
    margin: 30px;
}

.m-xl {
    margin: 50px;
}

.m-n {
    margin: 0 !important;
}

.m-l-none {
    margin-left: 0;
}

.m-l-xs {
    margin-left: 5px;
}

.m-l-sm {
    margin-left: 10px;
}

.m-l {
    margin-left: 15px;
}

.m-l-md {
    margin-left: 20px;
}

.m-l-lg {
    margin-left: 30px;
}

.m-l-xl {
    margin-left: 40px;
}

.m-l-n-xxs {
    margin-left: -1px;
}

.m-l-n-xs {
    margin-left: -5px;
}

.m-l-n-sm {
    margin-left: -10px;
}

.m-l-n {
    margin-left: -15px;
}

.m-l-n-md {
    margin-left: -20px;
}

.m-l-n-lg {
    margin-left: -30px;
}

.m-l-n-xl {
    margin-left: -40px;
}

.m-t-none {
    margin-top: 0;
}

.m-t-xxs {
    margin-top: 1px;
}

.m-t-xs {
    margin-top: 5px;
}

.m-t-sm {
    margin-top: 10px;
}

.m-t {
    margin-top: 15px;
}

.m-t-md {
    margin-top: 20px;
}

.m-t-lg {
    margin-top: 30px;
}

.m-t-xl {
    margin-top: 40px;
}

.m-t-n-xxs {
    margin-top: -1px;
}

.m-t-n-xs {
    margin-top: -5px;
}

.m-t-n-sm {
    margin-top: -10px;
}

.m-t-n {
    margin-top: -15px;
}

.m-t-n-md {
    margin-top: -20px;
}

.m-t-n-lg {
    margin-top: -30px;
}

.m-t-n-xl {
    margin-top: -40px;
}

.m-r-none {
    margin-right: 0;
}

.m-r-xxs {
    margin-right: 1px;
}

.m-r-xs {
    margin-right: 5px;
}

.m-r-sm {
    margin-right: 10px;
}

.m-r {
    margin-right: 15px;
}

.m-r-md {
    margin-right: 20px;
}

.m-r-lg {
    margin-right: 30px;
}

.m-r-xl {
    margin-right: 40px;
}

.m-r-n-xxs {
    margin-right: -1px;
}

.m-r-n-xs {
    margin-right: -5px;
}

.m-r-n-sm {
    margin-right: -10px;
}

.m-r-n {
    margin-right: -15px;
}

.m-r-n-md {
    margin-right: -20px;
}

.m-r-n-lg {
    margin-right: -30px;
}

.m-r-n-xl {
    margin-right: -40px;
}

.m-b-none {
    margin-bottom: 0;
}

.m-b-xxs {
    margin-bottom: 1px;
}

.m-b-xs {
    margin-bottom: 5px;
}

.m-b-sm {
    margin-bottom: 10px;
}

.m-b {
    margin-bottom: 15px;
}

.m-b-md {
    margin-bottom: 20px;
}

.m-b-lg {
    margin-bottom: 30px;
}

.m-b-xl {
    margin-bottom: 40px;
}

.m-b-n-xxs {
    margin-bottom: -1px;
}

.m-b-n-xs {
    margin-bottom: -5px;
}

.m-b-n-sm {
    margin-bottom: -10px;
}

.m-b-n {
    margin-bottom: -15px;
}

.m-b-n-md {
    margin-bottom: -20px;
}

.m-b-n-lg {
    margin-bottom: -30px;
}

.m-b-n-xl {
    margin-bottom: -40px;
}

.hide {
    display: none;
}

@font-face{
    font-family:momo-xinjian;
    /*为引入的字体命名*/
    src:url(../file/font/momo-xinjian.ttf);
    /*定义要引入字体文件的路径*/
}
/*  eric.lou 自定义结束   */

/*************RoyChen************start  loading more btn center  */
.loading-more {
    margin: 0 auto;
    width: 10%;
}

.must-input {
    color: #c9302c;
}

.auto-return {
    word-break: break-all;
}

.role-select-scroll {
    height: 240px;
    overflow-x: auto;
    overflow-y: auto;
}

.role-select-border {
    border: 1px solid #c8c8c8;
}

.skumat-th {
    text-align: center;
    width: 400px;
}

.admin{display:none;}

.hori-ui ul {
    overflow: hidden;
}
.hori-ui li {
    float:left;
    list-style: none;
}

/*************RoyChen************end loading more btn center*/
.tag-contain-0613 {
	min-height:40px;
}
.tag-right-top {
	padding-bottom: 20px;
	color: #505050;
	text-align: right;
    font-size: 18pt;
}
.input-no-border {
	border-left:0px;border-top:0px;border-right:0px;border-bottom:1px
}
.m-table-bordered thead tr th{text-align: center;}

.cardContent,.jatools-printing .cardContent{
	outline:0;
	vertical-align:baseline;
	margin:0 0;
	padding:0 0;
	width:95mm;
	height:65mm;
	text-align:left;
	word-wrap:break-word;
	white-space:pre-wrap;
	word-spacing:1px;
	box-shadow:inset 0px 1px 3px #fff;
}

.cardContent textarea,.jatools-printing textarea,.jatools-printing div{
	overflow:hidden;
	border-radius:0 0;
	-ms-border-radius: 0;
	BORDER-BOTTOM: 0px solid;
	BORDER-LEFT: 0px solid;
	BORDER-RIGHT: 0px solid;
	BORDER-TOP: 0px solid;
	overflow-y:hidden;
	overflow-x:hidden;
}


/* card style begin*/
.card-preview{
    display: block;
}
.card-preview-warp{
    max-width: 120mm !important;
    max-height: 84mm !important;
    overflow-y: auto !important;
    display: block;
}
.card{
    width: 114mm;
    height: 83mm;
    padding: 0 0;
    margin: 0 0 1px 0;
    border: 1px solid;
    display: block;
}

.card-print-warp{
    margin: 15mm 10mm 0 10mm;
    padding: 0 0;
}

.card-warp{
    /*border: 1px solid #000;*/
    display: inline-block;
}
.card-print{
    width: 96mm;
    height: 65mm;
    font-family: 汉仪雪君体简;
    position: relative;
    line-height: 28px;
    font-size: 17px;
}
.card-print .to{
    position: absolute;
    top: 6.2mm;
    left: 0mm;
}
.card-print .content{
    position: absolute;
    top: 16mm;
    left: 0mm;
    width: 93.6mm;
    /*        height: 84px;
            border:1px solid #000;*/
    text-align: center;
}
.card-print .content p{
    font-size: 17px;
    padding:0;
    margin: 0;
    line-height: 28px;
}
.card-print .line-1{
    top: 26mm;
}
.card-print .line-2{
    top: 18.2mm;
}
.card-print .line-3{
    top: 18.2mm;
}
.card-print .from{
    position: absolute;
    bottom: 5.2mm;
    right: 1mm;
}


.asd,.jatools-printing .asd{
    border:none;
    border-color:#fff;
    outline:0;
    vertical-align:baseline;
    margin:0 0;
    padding:0 0;
    font-size:1.5em;
    font-family: 汉仪雪君体简;
    font-weight: bold;
    width:95mm;
    height:65mm;
    text-align:left;
    word-wrap:break-word;

    white-space:pre-wrap;
    word-spacing:1px;
    box-shadow:inset 0px 1px 3px #fff;
}

.asd textarea,.jatools-printing textarea,.jatools-printing div{
    overflow:hidden;
    border-radius:0 0;
    -ms-border-radius: 0;
    box-shadow:inset 0px 1px 3px #fff;
    BORDER-BOTTOM: 0px solid;
    BORDER-LEFT: 0px solid;
    BORDER-RIGHT: 0px solid;
    BORDER-TOP: 0px solid;
    overflow-y:hidden;
    overflow-x:hidden;
    border:0
}

/* card style end*/