/*clear float*/
.clearfix:after{content:".";display: block;height: 0;clear: both;visibility: hidden;}
* html>body .clearfix {display: inline-block;width: 100%;}
* html .clearfix{height: 1%;}
*+html .clearfix{min-height:1%;}
.clear{clear:both;height:0;overflow:hidden;}


h1{ font-size: 26px;}
h2{ font-size: 24px;}
h3{ font-size: 22px;}
h4{ font-size: 20px;}
h5{ font-size: 18px;}
h6{ font-size: 14px;}

h1,h2,h3,h4,h5,h6{font-weight: normal;}


/*button*/
.button{font-size:14px; line-height: 22px; vertical-align:top;border-radius:3px;padding:8px 26px; display:inline-block;*display:inline;*zoom:1;  border:0 none; cursor: pointer;}
.button:hover{text-decoration: none;}
.button:active{text-decoration: none;box-shadow:inset 0 1px 1px rgba(0,0,0,.2);}
.button.disabled,.button.disabled:active,.button.disabled:hover{pointer-events: none;border-color: transparent;cursor: not-allowed;opacity: .45;-webkit-box-shadow: none;box-shadow: none;}
.button.b-thin{ padding: 3px 10px; line-height: 1.4;}
.button.b-fat{ font-size: 16px; line-height: 26px; padding: 6px 30px;}
.button.b-fatt{
    font-size: 24px;
    padding-top:15px;
    padding-bottom:15px;
     line-height: 26px;
     border-radius: 5px;
}

.button.button-sms{
    width: 110px; margin-left: 10px; padding-left: 0; padding-right: 0;
}

.button.b-block{
    display: block; width: 100%; padding-right: 0;
    padding-left: 0;
}

.button-default{background:#133783; color:#FFFFFF;}
.button-default:hover{ color:#FFFFFF;background:#133783;}
.button-default:active{ background:#133783; }

.button-blue{background:#3f4775;color:#FFFFFF;}
.button-blue:hover{ color:#FFFFFF;background:#4b5488;}
.button-blue:active{ background:#313b75;}

.button-gary{background:#e6e6e6;color:#444444;}
.button-gary:hover{ color:#444444;background:#d1d1d1}
.button-gary:active{ background:#c5c5c5;}

.button-prohibit{background:#b7b4b4;color:#fff;}
.button-prohibit:hover{ color:#fff;background:#d1d1d1}
.button-prohibit:active{ background:#c5c5c5;}

.button-normal{background:#ffffff; border:1px solid #ccc; color:#444444;padding:7px 25px;}
.button-normal.b-fat{ padding: 5px 29px;}
.button-normal:hover{ color:#444444;background:#f5f5f5}
.button-normal:active{ background:#f1f1f1;}


.button-red{background:#dd514c;color:#FFFFFF;}
.button-red:hover{ color:#FFFFFF;background:#E06461}
.button-red:active{ background:#D32C27;}

.button-gold{background:#c09d64;color:#FFFFFF;}
.button-gold:hover{ color:#FFFFFF;background:#d7b67f}
.button-gold:active{ background:#b9904d;}

.button-normal.button-gold{
    border-color: #b9904d;
    color: #b9904d;
    background-color: transparent;
}
.button-normal.button-blue{
    border-color: #3498db;
    color: #3498db;
    background-color: transparent;
}


.forms{
    margin-bottom: 80px;
}

.form-item{ margin-bottom: 20px;}
.form-item:last-child{ margin-bottom: 0px;}
.form-item:after{
    content: "";
    display: block;
    clear: both;
}
.form-item.action{
    margin-left: 150px;
    margin-top: 40px;
}
.form-item label{ display:block;vertical-align:top; line-height: 38px; font-weight:500; font-size: 16px; width: 140px; text-align: right; margin-right: 10px; float: left;}
.form-item label.b-wid{ width: 200px; margin-left: -60px;}
.form-item label.b-mid{ width: 100px;}
.form-item label.b-shr{
    width: 66px;
}


.form-item label[for]{font-size: 14px; width: auto; float: none; margin-right: 0; display: inline-block;}

.form-item .item{float:left; }


.form-item.middle_line{
    position: relative;
}
.form-item.middle_line >i{
    border-right: 1px dotted #dbdbdb;
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
}

/*input*/
.x-input{font-size:14px; border: 1px solid #cccccc;background: none;border-radius: 2px;padding:8px 6px;
    width:288px;
    height: 20px;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.x-input.b-shr,.x-select.b-shr,.x-textarea.b-shr,.x-file.b-shr{ width: 180px;}
.x-input.b-shrr,.x-select.b-shrr,.x-textarea.b-shrr,.x-file.b-shrr{ width: 100px;}
.x-input.b-mid,.x-select.b-mid,.x-textarea.b-mid,.x-file.b-mid{ width: 460px;}
.x-input.b-wid,.x-select.b-wid,.x-textarea.b-wid,.x-file.b-wid{ width: 600px;}
.x-input:focus,
.x-textarea:focus{ border-color:#133783;box-shadow: 0 0 2px 0 rgba(59,180,242,.5);}

.x-textarea{font-size:12px;border: 1px solid #cccccc;border-radius: 2px;padding:4px 6px; resize:none; overflow-x:none; overflow-y:auto; width: 288px; min-height: 70px; vertical-align: top;}


/*select*/
.x-select{font-size:14px; border:1px solid #cccccc; border-radius: 2px; display:inline-block;*display:inline;*zoom:1; vertical-align: top; position: relative; width: 300px; height: 36px;*padding:0 6px;-webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.x-select.focus{border-color:#133783;box-shadow: 0 0 2px 0 rgba(59,180,242,.5);}
.x-select:after{ content: ""; position: absolute; top:16px; right:8px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAADCAYAAACwAX77AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAK6wAACusBgosNWgAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNi8wNS8xNSOi56YAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAKElEQVQImVWJsQkAMAyAHPqnr+VTOwVaQRBEDfhUo+qdalUHYGZYti85Yxon2gq2kwAAAABJRU5ErkJggg==') 100% center no-repeat #fff; width: 6px; height: 3px;}
.x-select select{ position:absolute; top:0px;left:0; z-index: 1; width:100%; height:100%; opacity: 0;filter: alpha(opacity=0);}
.x-select>span{ position: absolute; padding:8px 6px; top: 0; left: 0; right:16px; white-space: nowrap; overflow: hidden;}

/*file*/

.x-file{font-size:12px;overflow:hidden;border: 1px solid #cccccc; background:#FFFFFF;border-radius: 2px; padding: 7px 6px; width:288px; height: 22px; position: relative; display:inline-block;*display:inline;*zoom:1;}
.x-file.focus{border-color:#133783;box-shadow: 0 0 2px 0 rgba(59,180,242,.5);}
.x-file .x-file-btn{ position: absolute; z-index:1; right:-1px;top:-1px;border:1px solid #e0e0e0; border-radius:0 2px 2px 0;width:80px;height:38px; text-align:center;line-height:38px; cursor: pointer;
-moz-user-select: none;   -webkit-user-select: none;   -ms-user-select: none;   -khtml-user-select: none;user-select: none;}
.x-file:hover .x-file-btn{
background: #f1f1f1;
background: linear-gradient(top , #fdfdfd , #f7f7f7 100%);
background: -o-linear-gradient(top , #fdfdfd , #f7f7f7 100%);
background: -ms-linear-gradient(top , #fdfdfd , #f7f7f7 100%);
background: -moz-linear-gradient(top , #fdfdfd , #f7f7f7 100%);
background: -webkit-linear-gradient(top , #fdfdfd , #f7f7f7 100%);
}
.x-file:active .x-file-btn{
background: #e5e5e5;
background: linear-gradient(top , #f1f1f1 , #f5f5f5 100%);
background: -o-linear-gradient(top , #f1f1f1 , #f5f5f5 100%);
background: -ms-linear-gradient(top , #f1f1f1 , #f5f5f5 100%);
background: -moz-linear-gradient(top , #f1f1f1 , #f5f5f5 100%);
background: -webkit-linear-gradient(top , #f1f1f1 , #f5f5f5 100%);
}
.x-file>i{ width: 16px; height:16px; position: absolute; left: 8px; top: 10px; opacity: .8;}
.x-file>i{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAKlBMVEUAAAC+w8f///+xtLiipqm6v8O4vcG0uLyorbDX2dzJzdCqqKfGx8irrrKMsYPwAAAAAXRSTlMAQObYZgAAAD5JREFUCNdjEAQDKQYoQ3IBlJE5B8rI3gtlCBozCAopAUGpGIOgWIuLi0ubIIOgaLGxsXGpIExKkEQpCEAwAM4rFT1R+p3nAAAAAElFTkSuQmCC')}
.x-file>i.i-jpg,
.x-file>i.i-gif,
.x-file>i.i-bmp,
.x-file>i.i-jpeg,
.x-file>i.i-png{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAALVBMVEUAAADhVVX////XUVHNTk7laGn0y8z76urrn6H+9vT++/nnj5PjeXzz39rvtbcmE+XNAAAAAXRSTlMAQObYZgAAAGBJREFUCNdjEAQDUQYYIwDKMA2EMkRcwAzR8kBnMENCqVEQyIgRFE0LBDGeBwIFgQzRSYmCoUAGUIGGYBmIIa6kdWzRRiBjk5LSJKWpggzGl5SAQM2YwQUKGIyhgEEQCgBnBRZRPqz93gAAAABJRU5ErkJggg==')}

.x-file>i.i-xls,
.x-file>i.i-xlsx{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAANlBMVEUAAAAvsmb7/v7k8+NuyJPO6tY1t2vd8+i148dMvHvc7uKc2LQ8wnSk3r0tqmEro14pmln0+v1CDQyTAAAAAXRSTlMAQObYZgAAAGBJREFUGNOdy0kKwzAQRFF19SzJQ+5/2YAESXvrvyoeVKOatfaEaU8457QFgYNIWOm+rwUJiHUWouvclwEfHGtuMEfXLECiKlQgtcOtQPBwjD8Icwg++QN17nkgNpRewheYqwKy0W4dawAAAABJRU5ErkJggg==')}

.x-file>i.i-docx,
.x-file>i.i-doc{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAMFBMVEUAAAA+mui21fDX5vWIveni6vZLoen6/v1Ppu/0+v2azO7p9f0tjb7G4/lst/Ver/IteYVNAAAAAXRSTlMAQObYZgAAAFVJREFUCNdjEAQDMQYoQyIBxmiEMmTOMAiKXnTXCxIUZBCU3agZZgViCFUYl4WAGFIlQSURIIbIJJMiQxBDfrLe5IUghuBWt82OYMaiRKVEEAMM8DIAGgwU74uMStkAAAAASUVORK5CYII=')}
.x-file>i.i-pptx,
.x-file>i.i-ppt{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAALVBMVEUAAADrixj348b9/v3tn0Lx6eDulCj3z672s3bbghfz39ruxZX5oTfQdAb+9vRo3aNrAAAAAXRSTlMAQObYZgAAAE1JREFUCNdjEAQDMQYoQyYByphzDMiQKFJPlL0JZAgZGz8RnAlkiHRsChIUBKsRWQ5lZEeDGUKmoSEQhtVyRwjDBCiLnSHSCGFAAIIBANpuEmXQAAekAAAAAElFTkSuQmCC')}

.x-file>i.i-pdf{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAJ1BMVEUAAADPLDTnj5PYOEDvtbf0y8zrn6Hz39rjeXzlaGn////hVVWYNSA/nRioAAAAAXRSTlMAQObYZgAAAEpJREFUCNdjEAQDYQYYwwDGMAQxMoD4IIihBhIDMZJgjEkwhgqMUakIYUgkekAY4i7hS5SADGGVjYJGIUDGlGBBiOIgQ0GYLlQGAAzFDx6aHWd/AAAAAElFTkSuQmCC')}

.x-file>i.i-rar,
.x-file>i.i-zip{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAJ1BMVEU9uuZ9yj3UUTSYNSDkmBgtjb5Znhz78OIxnMFmrTHXXEDx6eBhpy6CmuCCAAAATElEQVQI12MIDQ0NcQUSDAEMDC0eDAys+BjGxsYmzkCCwUhJqbp6kZIyiFHiroTK0CovB0ohFCcKCh7xERQUAzGmeGJnpKWlpbgBCQBosRvlaDwANQAAAABJRU5ErkJggg==')}


.x-file>i.i-txt{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAGFBMVEUAAACRp7n///+MobOEl6h+kaG4vcGcrr2l9LmCAAAAAXRSTlMAQObYZgAAAEpJREFUCNdjEAQDcQYoQ6wAyjBLhDJEQxgEhZWAQNCZQdAEzBAGMlyDVJwFBYFSxkHKhiCGoHCQoiCE4YSb4WIIYQgaC0IZgigMAP3xDX5aUtiKAAAAAElFTkSuQmCC')}


.x-file .x-file-text{ position: absolute; left:32px;top:0; right:87px;height:36px;line-height:36px;overflow:hidden; white-space:nowrap; }
.x-file input{ font-size:30px; z-index:9; cursor: pointer; opacity: 0;filter: alpha(opacity=0); position: absolute; right:0; top:-2px;}

/*radio checkbox*/

.x-radio{
    position: relative;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
    background-color: #fff;
    color: #333;
    outline: 0;
    -webkit-transition: .05s border-color ease-in-out;
    transition: .05s border-color ease-in-out;
    width: 16px; height: 16px;
    border-radius: 50%;
    border: 1px solid #bbb;
    margin: 10px 4px 11px 0;
    padding: 0!important;
    text-align: center;
    vertical-align: top;
     cursor: pointer;
    display: inline-block;*display:inline;*zoom:1;
    -moz-user-select: none;-webkit-user-select: none;   -ms-user-select: none;   -khtml-user-select: none;user-select: none;
}
input.x-radio,
input.x-checkbox{
border: 0 none;
}
.x-radio:active,
.x-radio.focus{
border-color:#133783;box-shadow: 0 0 2px 0 rgba(59,180,242,.5);
}
.x-radio input{
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.x-radio b{
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-size: 24px;
    width: 10px;
    height: 10px;
    margin: 3px 0 0 3px;
    line-height: 16px;
    background-color: #ffffff;
    display: block;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transition:all .2s ease;
    -webkit-transition:all .2s ease;
    -moz-transition:all .2s ease;
    -ms-transition:all .2s ease;
}
.x-radio input:checked ~ b{
    background-color: #133783 !important;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
}



.x-checkbox{
    position: relative;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
    background-color: #fff;
    color: #333;
    outline: 0;
    -webkit-transition: .05s border-color ease-in-out;
    transition: .05s border-color ease-in-out;
    width: 16px; height: 16px;
    border-radius: 2px;
    border: 1px solid #bbb;
    margin: 10px 4px 11px 0;
    padding: 0!important;
    text-align: center;
    vertical-align: top;
     cursor: pointer;
    display: inline-block;*display:inline;*zoom:1;
    -moz-user-select: none;-webkit-user-select: none;   -ms-user-select: none;   -khtml-user-select: none;user-select: none;
}
.x-checkbox:active,
.x-checkbox.focus{
border-color:#133783;box-shadow: 0 0 2px 0 rgba(59,180,242,.5);
}
.x-checkbox input{    border: 0;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    height: 1px;
    clip: rect(0 0 0 0);
}
.x-checkbox b{
    width: 11px;
    height: 9px;
    margin: 3px 0 0 2px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAJCAYAAADkZNYtAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNi8wOC8xNdHIP3sAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAA9klEQVQYlX2Qv0tCcQDEP34LrAYHRWkwaGgojPSNRUNDWEu1NLhGFDQIbW39BW6O1ZBzELRYNFghFA2vEgThbSot1ZBQiOi7BkXph912x2e4O/SvPuVk85pL3+m8XJehr1pULm0SxQZVBgn6vfSBW1Ry9yQKDV4w7C/HsEaEgTeuMrcclT664PvTI0m7ThWIz0yzOTEAgKecvdF8sQnAemSSvfAz2xc1HoCgL8TpVoQxQBIe6VVnBwWStZ9VhjjemGXB33aSMBBgdW2UlW+gYWcx1gV7KUBoitSSD6sTWuFxdqPDv3f3Pm3KubZ1eFKS88fjruvqCywbj9ZeA5j/AAAAAElFTkSuQmCC) center center no-repeat;
    display: block;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transition:all .2s ease;
    -webkit-transition:all .2s ease;
    -moz-transition:all .2s ease;
    -ms-transition:all .2s ease;
}
.x-checkbox input:checked ~ b{
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
}

.x-tip{ display: inline-block; *display:inline;*zoom:1; padding: 7px 0; line-height: 24px; vertical-align: top; max-width: 450px;}
.x-tip.b-wid{max-width: 99999px;}
.x-tip.agree{ margin-left: 12px; padding: 9px 14px;}
.x-tip.agree .x-checkbox{
    margin: 3px 10px 0 -26px;
}
.x-tip>.tip{ color: #999;}

.x-msg{ width: 100%; font-size: 12px;
display: block;}
.x-msg>.error{ color: #ff0000;}
.x-msg>.tip{ color: #cccccc;}



/*日历*/
.datepicker{top:0;left:0;margin-top:1px; position:absolute; background:#ffffff; color:#787878; border:1px solid #DDD; border-radius:5px;-webkit-box-shadow: 0px 6px 24px -4px rgba(0,0,0,.2);-moz-box-shadow: 0px 6px 24px -4px rgba(0,0,0,.2);box-shadow: 0px 6px 24px -4px rgba(0,0,0,.2); z-index:210; width: 300px;}
.datepicker .datepicker-months{ margin-bottom:8px;}
.datepicker .icon-arrow-left,
.datepicker .icon-arrow-left:hover,
.datepicker .icon-arrow-right,
.datepicker .icon-arrow-right:hover{background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8AgMAAABHkjHhAAAACVBMVEUAAACQkJATN4MIlVawAAAAAXRSTlMAQObYZgAAADdJREFUKM9jGApABEIxNUD5ARCKC8pldIDQGlA+K5ReQEg7ujy6fgzzCRowCkgB1I4PWqeXQQgADZYKyVZn/JUAAAAASUVORK5CYII=");}
.datepicker .icon-arrow-left{ width:30px; height:30px; display:block; background-position: 0 0; border-radius:5px;}
.datepicker .icon-arrow-left:hover{ background-position: -30px 0;}
.datepicker .icon-arrow-right{ width:30px; height:30px; display:block; background-position: 0 -30px; border-radius:5px;}
.datepicker .icon-arrow-right:hover{ background-position: -30px -30px;}
.datepicker tbody{}
.datepicker table{width: 287px; margin: 0 auto;}
.datepicker td,.datepicker th{text-align:center;width: 41px; height:34px;}
.datepicker td.day:hover{cursor:pointer; color: #133783;}
.datepicker td.old,.datepicker td.new{color:#ccc;}
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active{background:#f5f5f5; color: #133783;}

.datepicker td span{display:block;width:25%;height:37px;line-height:37px;float:left;cursor:pointer;}
.datepicker td span:hover{color: #133783;}
.datepicker td span.active{background-color: #f5f5f5; color: #133783;}
.datepicker td span.active:hover,.datepicker td span.active:active,.datepicker td span.active.active,.datepicker td span.active.disabled,.datepicker td span.active[disabled]{
background-color: #f5f5f5; color: #133783;
}
.datepicker td span.active:active,.datepicker td span.active.active{ background-color: #f5f5f5; color: #133783;}
.datepicker td span.old{color:#999;}

.datepicker thead tr th{ font-weight:normal;}
.datepicker th.switch{width:145px; color:#8f8f8f;}
.datepicker th.switch:hover{ color:#133783;}
.datepicker th.dow{ background:#ffffff;}
.datepicker thead tr:first-child th{cursor:pointer;}
/* .datepicker thead tr:first-child th:hover{background:#dbdbdb;} */
.input-append.date .add-on i,.input-prepend.date .add-on i{display:block;cursor:pointer;width:16px;height:16px}
.dropdown-menu.datepicker{max-width:300px}
.datepicker-act{width:300px;}
.datepicker-act a{line-height:36px;color:#8f8f8f;text-align:center;width:50%;float:left;}
.datepicker-act a:hover{text-decoration: none; border-radius:3px; color:#133783;}
/*日历*/

/*弹窗*/
.noscroll{ overflow: hidden;
	margin-right:17px;
	*margin-right:17px;
}

.ll-mask{background:#000;top:0;left:0;bottom:0;right:0;position:fixed;z-index:2000;opacity: .5;filter:Alpha(opacity=50);}

.ll-dialog-wrap{top:0;left:0;bottom:0;right:0;position:fixed;z-index:2001; overflow-x: hidden; overflow-y: auto;}

.ll-dialog{ background: #FFFFFF; box-shadow:0 20px 82px -10px rgba(0, 0, 0, 0.3); min-width:120px; min-height:40px; position:absolute; z-index:2001; border-radius:3px;
transform:translateY(-200px);-ms-transform:translateY(-200px);-webkit-transform:translateY(-200px);-moz-transform:translateY(-200px);
    transition: transform .15s linear, opacity .15s linear !important;
    -webkit-transition: transform .15s linear, opacity .15s linear !important;
    opacity: 0;
    display: none;
}
.ll-dialog.dialog-show{transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);
    opacity: 1;
}

.ll-dialog .ll-dialog-hd{ border-radius:3px 3px 0 0; background: #fafafa; height:50px; border-bottom: 1px solid #e1e1e1; padding: 0 10px;-webkit-user-select: none;  -moz-user-select: none;}

.ll-dialog .ll-dialog-hd label{ font-size: 16px; line-height:50px;}
.ll-dialog .ll-dialog-hd span{ width:36px; height:36px; float: right; display: block; margin-top:7px; cursor: pointer; line-height: 36px; font-size:36px; font-weight: 100; text-align: center; color: #787878;}
.ll-dialog .ll-dialog-hd span:hover{ color: #000000;}
.ll-dialog .ll-dialog-bd{ border-radius:0 0 3px 3px; display:block; position: relative; overflow-x: hidden; overflow-y: auto;}
.ll-dialog .ll-dialog-bd .pd{ padding: 20px; text-align:center;}
.ll-dialog .ll-dialog-bt{ text-align: center; padding: 10px 20px 20px 20px;}
.ll-dialog .ll-dialog-bt .button{ width:100px; height:38px; background:#e6e6e6; color: #444444; cursor: pointer;margin:0 10px;}
.ll-dialog .ll-dialog-bt .button:hover{ background:#d1d1d1;}
.ll-dialog .ll-dialog-bt .button:active{ background: #c5c5c5;}
.ll-dialog .ll-dialog-bt .button:first-child{background:#F46D51; color: #FFFFFF;}
.ll-dialog .ll-dialog-bt .button:first-child:hover{ background:#F57E65;}
.ll-dialog .ll-dialog-bt .button:first-child:active{ background: #F36041;}
.ll-dialog .ll-dialog-bd .loading{ position: absolute; width:78px; height:78px; top:50%; left:50%; margin:-36px 0 0 -36px; z-index:999;}
.ll-dialog .ll-dialog-bd .dialog-main{ width: 600px; height: 400px;}

@-webkit-keyframes showDialog{0%{margin-top:-25px;opacity:0}
90%{margin-top:2px}
100%{margin-top:0;opacity:1}
}
@-moz-keyframes showDialog{0%{margin-top:-25px;opacity:0}
90%{margin-top:2px}
100%{margin-top:0;opacity:1}
}
@-ms-keyframes showDialog{0%{margin-top:-25px;opacity:0}
90%{margin-top:2px}
100%{margin-top:0;opacity:1}
}
@keyframes showDialog{0%{margin-top:-25px;opacity:0}
90%{margin-top:2px}
100%{margin-top:0;opacity:1}
}

.loading-tip{ width: 60px; height:60px; position: fixed; top: 50%; left: 50%; margin: -30px 0 0 -30px; z-index: 2001; border-radius: 10px;}




/*栅格化*/
.con-12{ width: 100%; float: left;}
.con-6{ width: 50%; float: left;}
.con-7{ width: 58%; float: left;}
.con-8{ width: 66%; float: left;}
.con-9{ width: 75%; float: left;}
.con-10{ width: 83.3333%; float: left;}
.con-5{ width: 42%; float: left;}
.con-4{ width: 33%; float: left;}
.con-3{ width: 25%; float: left;}
.con-35{ width: 29%; float: left;}

.con-ml-3{
    margin-left: 25%; 
}

.con-ml-2{
    margin-left: 16.6666667%; 
}














.rb{position: relative;}
.rb:after{
    content: "";
    right: 0; top: 0; bottom: 0;
    border-right: 1px dotted #dbdbdb;
    position: absolute;
}



/*margin  padding*/

.pd5 {
    padding: 5px;
}
.pd10 {
    padding: 10px;
}
.pd20 {
    padding: 20px;
}
.pd30 {
    padding: 30px;
}
.pd50 {
    padding: 50px;
}
.pd100 {
    padding: 100px;
}


.pl0 {
    padding-left:0px;
}

.pr50 {
    padding-right: 50px !important;
}


.pr80 {
    padding-right: 80px !important;
}


.pr100 {
    padding-right: 100px !important;
}





.ml0{
    margin-left: 0px !important;
}
.ml5 {
    margin-left: 5px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.ml20 {
    margin-left: 20px !important;
}
.ml30 {
    margin-left: 30px !important;
}


.ml50 {
    margin-left: 50px;
}

.ml80 {
    margin-left: 80px;
}

.ml100 {
    margin-left: 100px;
}

.ml120 {
    margin-left: 120px;
}
.ml150 {
    margin-left: 150px;
}
.ml200 {
    margin-left: 200px;
}
.ml300 {
    margin-left: 300px;
}

.mr5 {
    margin-right: 5px !important;
}
.mr15 {
    margin-right: 15px !important;
}
.mr10 {
    margin-right: 10px !important;
}
.mr20 {
    margin-right: 20px !important;
}
.mr30 {
    margin-right: 30px !important;
}
.mr40 {
    margin-right: 40px !important;
}
.mr50 {
    margin-right: 50px !important;
}
.mr100 {
    margin-right: 100px !important;
}


.mr150 {
    margin-right: 150px !important;
}


.mt5 {
    margin-top: 5px !important;
}
.mt0 {
    margin-top: 0px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt50 {
    margin-top: 50px;
}
.mt100 {
    margin-top: 100px;
}


.mb0 {
    margin-bottom: 0px;
}
.mb10 {
    margin-bottom: 10px;
}
.mb20 {
    margin-bottom: 20px;
}
.mb30 {
    margin-bottom: 30px;
}

.mb50 {
    margin-bottom: 50px;
}
.mb100 {
    margin-bottom: 100px;
}

.pd10{
    padding: 10px;
}

.pt5{padding-top: 5px;}
.pt8{padding-top: 8px;}
.pt10{padding-top: 10px;}
.pt100{padding-top: 100px;}
.pb5{padding-bottom: 5px;}
.pb8{padding-bottom: 8px;}
.pb10{padding-bottom: 10px;}
.pl20{padding-left: 20px;}
.pr20{padding-right: 20px;}


/*float*/

.fl {
    float: left !important;
}

.fr {
    float: right !important;
}

.tl {
    text-align: left !important;
}

.tr {
    text-align: right !important;
}

.tc {
    text-align: center !important;
}


/*other*/

.unselect {
    -moz-user-select: none;
    /*火狐*/
    -webkit-user-select: none;
    /*webkit浏览器*/
    -ms-user-select: none;
    /*IE10*/
    -khtml-user-select: none;
    /*早期浏览器*/
    user-select: none;
}

/*arrow*/

.ui-arrow,
.ui-arrow em,
.ui-arrow span {
    position: absolute;
    font-size: 14px;
    font-family: SimSun;
    font-style: normal;
    line-height: 1;
}

.ui-arrow span {
    color: #fff;
}

.ui-arrow em {
    color: #dedede;
}

.ui-arrowColor em {
    color: #000;
}

.ui-arrowup em {
    top: -2px;
}

.ui-arrowleft em {
    left: -2px;
}

.ui-arrowdown em {
    top: 2px;
}

.ui-arrowright em {
    left: 2px;
}

.ui-arrow2 {
    border-color: transparent;
    display: -moz-inline-box;
    display: inline-block;
    font-size: 0;
    height: 0;
    line-height: 0;
    width: 0;
}

.ui-arrowup2 {
    border-width: 0 5px 5px;
    border-style: dashed dashed solid;
    border-bottom-color: #c0c0c0;
}

.ui-arrowleft2 {
    border-width: 5px 5px 5px 0;
    border-style: dashed solid dashed dashed;
    border-right-color: #c0c0c0;
}

.ui-arrowdown2 {
    border-width: 5px 5px 0;
    border-style: solid dashed dashed;
    border-top-color: #c0c0c0;
}

.ui-arrowright2 {
    border-width: 5px 0 5px 5px;
    border-style: dashed dashed dashed solid;
    border-left-color: #c0c0c0;
}




/*table*/

.table-box {
    overflow-x: auto;
}

.table-list {
    /* width: 100%;*/
    margin: 0 auto;
}

.table-list thead th {
    background: #f3f3f3;
    line-height: 20px;
    padding: 10px 10px;
    text-align: left;
    border: 1px solid #dfdfdf;
    font-size: 20px;
    font-weight: normal;
}

.table-list tbody td {
    padding: 16px 10px;
    line-height: 20px;
    border: 1px solid #f0f0f0;
    word-wrap: break-word;
    table-layout: fixed;
    font-size: 16px;
}

.table-list.tcenter thead th,
.table-list.tcenter tbody td{
    text-align: center;
}
.table-list tbody td a{
    margin-right:5px;
}
.table-list tbody td a:last-child{
    margin-right: 0;
}
.table-list tbody td p:first-child{margin-top:0px;}
.table-list tbody td p{margin-top: 10px;}


.table-label{
    font-size: 16px;
    text-align: left;
    display: block;
}

.table-label>span{
    background-color: #c09d64;
    border-radius: 3px; font-size: 14px;
    display: inline-block;
    padding: 3px 6px;
    color: #ffffff;
    font-size: 16px;
    margin-right: 10px;
}













.link-line,
.link-line:hover{
    text-decoration: underline;
}


.upload-link{
    color: #77bd66;
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
}
.upload-link:hover{
    color: #88de73;
}
.upload-link i{
    display: inline-block; vertical-align: top; margin: 1px 5px 0 0;
}
.upload-link input{
    position: absolute; font-size: 100px; z-index: 100;
    right: 0; top: 0; cursor: pointer; opacity: 0;
}


.upload-btn{
    position: relative;
    overflow:hidden;
}
.upload-btn input{
    position: absolute; font-size: 100px; z-index: 100;
    right: 0; top: 0; cursor: pointer; opacity: 0;
}







.c-link{
     color: #133783;
}
a.c-link:hover{
    color: #3a86c6;
}
.c-gary{
     color: #999;
}

.c-success{
     color: #4e943d;
}
.c-fail{
     color: #c33232;
}
.c-gold{
     color: #bf9c62;
}

.c-imp{
     color: #ff0000;
}

.fs12{
    font-size: 12px !important;
}
.fs14{
    font-size: 14px !important;
}
.fs18{
    font-size: 18px !important;
}
.fs20{
    font-size: 20px !important;
}
.fs24{
    font-size: 24px !important;
}
.fs30{
    font-size: 30px !important;
}
.fs40{
    font-size: 40px !important;
}
.fs65{
    font-size: 65px !important;
}

.inline{
    display: inline-block;
}
.relative{
    position: relative;
}
.absolute{
    position: absolute;
}
.upload-file{
    position: absolute;
    left: 0;
    top: 0;
    font-size: 100px;
    opacity: 0;
    cursor: pointer;
}
.lin-h{
    line-height: 1;
}

.ver-top{
    vertical-align: top;
}

.ver-middle{
    vertical-align: middle;
}

.ver-bottom{
    vertical-align: bottom;
}


.fs16{
    font-size: 16px;
}


.fwn{
    font-weight: normal;
}

.bg-gary{
    background-color: #f5f6f7;
}
.bg-yelo{
    background-color: #fffcf1;
}

.radius-5{
    border-radius: 5px;
}

.bor-gold{
    border: 1px solid #c09d64;
}


.bor{
    border: 1px solid #eaeaea;
}
.bor-t{
    border-top: 1px solid #eaeaea;
}
.bor-b{
    border-bottom: 1px solid #eaeaea;
}

.w-100{
    width: 100px;
}
.gonganFooter{
	margin-left:100px;
	float: left;
	content: '';
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 30px;
    background-image: url(../images/icon/gongan.png);
    background-repeat: no-repeat;
    background-size: 100%;
}