.close {display:inline-block;font-size:28px;cursor:pointer;line-height:28px} .close:before {content:"\00d7"} .drop {position:relative} .drop-menu {position:absolute;display:none;top:50px;left:0;z-index:1;float:left;min-width:140px;padding:5px 0;margin:12px 0 0;list-style:none;background-color:#fff;background-clip:padding-box;} .drop-menu.pull-right {right:0;left:auto} .drop-menu a {color:#6E6E6E;padding:5px 20px;display:block;clear:both;white-space:nowrap;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s} .drop-menu a:hover,.drop-menu a:focus {background:#f5f5f5;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s} .drop-menu .disabled a {color:#888888;pointer-events:none} .drop-menu .disabled a:hover,.drop-menu .disabled a:focus {cursor:not-allowed} .drop-menu .divider {background-color:#EBEBEB;height:1px;overflow:hidden;margin:8px 0} .drop-menu .drop-meun-head {display:block;padding:5px 20px;font-size:12px;color:#888888} .open .drop-menu {display:block} .button-group,.button-group-y {display:inline-block;position:relative;vertical-align:middle} .button-group .button,.button-group .button-group {float:left;position:relative;font-weight:normal} .button-group:not(:first-child):not(:last-child):not(.dropdown-toggle):not(.dropdown-hover).button,.button-group .button-group .button {border-radius:0} .button-group .button,.button-group .button-group .button {margin-left:0px} .button-group:first-child:not(:last-child).button:not(.dropdown-toggle):not(.dropdown-hover) {border-top-right-radius:0;border-bottom-right-radius:0} .button-group:last-child:not(:first-child).button:not(.dropdown-toggle):not(.dropdown-hover) {border-bottom-left-radius:0;border-top-left-radius:0} .button-group .button-group:first-child .button:last-child,.button-group .button-group:first-child .dropdown-toggle {border-top-left-radius:5px;border-bottom-left-radius:5px} .button-group .button-group:last-child .button:first-child {border-top-right-radius:5px;border-bottom-right-radius:5px} .button-group:not(:first-child).dropdown-toggle {border-bottom-left-radius:0;border-top-left-radius:0;padding:6px} .button-toolbar {display:inline-block} .button-toolbar .button-group {display:inline-block} .button-group-y .button,.button-group-y .button-group {float:none;clear:both;display:block;width:100%;font-weight:normal} .button-group-y:not(:first-child):not(:last-child):not(.dropdown-toggle).button,.button-group-y .button-group .button {border-radius:0} .button-group-y .button,.button-group-y .button-group-y .button,.button-group-y .button-group .button {margin-left:0;margin-top:-1px} .button-group-y:first-child:not(:last-child).button:not(.dropdown-toggle) {border-bottom-left-radius:0;border-bottom-right-radius:0} .button-group-y:last-child:not(:first-child).button:not(.dropdown-toggle) {border-top-right-radius:0;border-top-left-radius:0} .button-group-y .button-group:first-child .button:last-child,.button-group-y .button-group:first-child .dropdown-toggle {border-top-left-radius:5px;border-top-right-radius:5px} .button-group-y .button-group:last-child .button:first-child {border-bottom-left-radius:5px;border-bottom-right-radius:5px} .button-group-justified {display:table;width:100%;table-layout:fixed;border-collapse:separate;text-align:center} .button-group-justified>.button,.button-group-justified>.button-group {display:table-cell;float:none;width:1%} .button-group-justified>.button-group .button {width:100%;margin:0} .button-group-justified .drop-menu {text-align:left} .button-group-large .button {padding:15px 20px;font-size:24px;line-height:24px;font-weight:bold} .button-group-big .button {padding:10px 15px;font-size:18px;line-height:22px} .button-group-small .button {padding:5px 10px;font-size:12px;font-weight:normal;line-height:18px} .button-group-little .button {padding:3px 5px;font-size:12px;font-weight:normal;line-height:16px} .button-group label input {position:absolute;filter:alpha(opacity=0);opacity:0;z-index:-1} .border-red .button.active,.border-yellow .button.active,.border-blue .button.active,.border-green .button.active,.border-main .button.active,.border-sub .button.active,.border-dot .button.active,.border-black .button.active,.border-gray .button.active {color:#fff} .dropup .drop-menu {top:auto;bottom:100%;margin-bottom:1px} .selected-inline li {position:relative;display:inline-block;width:auto;border:solid 1px #EBEBEB;border-radius:4px;margin-right:5px;padding:3px 9px;cursor:pointer} .selected-inline .selected {border:solid 2px #F72076;padding:2px 8px} .txt {display:inline-block;width:48px;height:48px;line-height:48px;text-align:center;background-color:#f5f5f5} .txt-border {display:inline-block;width:48px;height:48px;line-height:48px;border:solid 1px #EBEBEB;padding:3px;vertical-align:bottom} .txt-border .txt {display:block;width:100%;height:100%;line-height:40px} .txt.bg-main,.txt.bg-sub,.txt.bg-dot,.txt.bg-black,.txt.bg-gray,.txt.bg-red,.txt.bg-yellow,.txt.bg-blue,.txt.bg-green {color:#fff} .txt .bg-main,.txt .bg-sub,.txt .bg-dot,.txt .bg-black,.txt .bg-gray,.txt .bg-red,.txt .bg-yellow,.txt .bg-blue,.txt .bg-green {color:#fff} .txt span {font-size:12px} .txt-border.txt-large {padding:5px} .txt-large {width:128px;height:128px;line-height:128px;font-size:36px} .txt-large .txt {width:116px;height:116px;line-height:116px} .txt-large strong {font-size:80px;font-weight:normal} .txt-border.txt-big {padding:4px} .txt-big {width:64px;height:64px;line-height:64px;font-size:20px} .txt-big .txt {width:54px;height:54px;line-height:54px} .txt-big strong {font-size:36px;font-weight:normal} .txt-border.txt-small {padding:2px} .txt-small {width:32px;height:32px;line-height:32px} .txt-small .txt {width:26px;height:26px;line-height:26px} .txt-border.txt-little {padding:1px} .txt-little {width:16px;height:16px;line-height:16px;font-size:12px} .txt-little .txt {width:12px;height:12px;line-height:12px;font-size:12px} .media,.media-body {overflow:hidden;zoom:1} .media,.media .media {margin-top:15px} .media:first-child {margin-top:0} .media-body {margin-top:3px} .media strong {display:block} .media p {margin:0;} .media.media-y {text-align:center} .media.media-x .media-body {margin:0} .media.media-x .float-left {margin-right:10px} .media.media-x .float-right {margin-left:10px} .media.media-x strong {margin-bottom:5px} .media-inline .media {display:inline-block;margin-right:15px;margin-top:0} .media-inline .media:last-child {margin-right:0} .input {font-size:14px;padding:6px;border:solid 1px #EBEBEB;width:100%;height:34px;line-height:20px;display:block;border-radius:4px;-webkit-appearance:none;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s} .textarea {font-size:14px;padding:6px;border:solid 1px #EBEBEB;width:100%;line-height:20px;display:block;border-radius:4px;-webkit-appearance:none;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s} .dialog-body select { padding: 0 30px 0 8px; color: #ADADAD; border-radius: 0px; width: 100%; height: 48px; line-height: 48px; border: solid 1px #ebebeb; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url(../images/select-down.png) no-repeat right 50%; } .label {padding-bottom:10px;display:block;line-height:24px;} .label label {font-weight:400} .input-file {display:inline-block;position:relative;overflow:hidden;text-align:center;width:auto;color:#333} .input-file input[type="file"] {position:absolute;top:0;right:0;font-size:14px;background-color:#fff;transform:translate(-300px,0px) scale(4);height:40px;opacity:0;filter:alpha(opacity=0)} .input:focus {border-color:#09c;transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s} .input-auto {width:auto;display:inline-block} input[disabled],input[readonly],textarea[disabled],textarea[readonly],select[disabled],select[readonly] {cursor:not-allowed;background:#eee} textarea.input {height:auto} .input-note,.label .float-right {color:#888888;font-size:12px;padding-top:2px;line-height:18px} .field {position:relative} .form-group {padding-bottom:10px} .field-icon .input{text-indent:25px} .field-icon .icon {position:absolute;top:0;left:0;right:auto;width:34px;height:50px;text-align:center;line-height:50px;font-size:16px;font-weight:normal} .field-icon-right .icon {position:absolute;right:0;top:0;width:34px;height:34px;text-align:center;line-height:34px;font-size:16px;font-weight:normal} .form-x .form-group:after,.form-inline:after {clear:both;content:" ";display:block;height:0;overflow:hidden;visibility:hidden} @media(min-width:760px) {.form-x .form-group .label {float:left;width:15%;text-align:right;padding:7px 7px 7px 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#6E6E6E;font-size:14px} .form-x .form-group .field {float:left;width:85%} .form-x .form-button {margin-left:15%} } @media(min-width:760px) {.form-inline {display:inline-block} .form-inline .input {width:auto;display:inline-block} .form-inline .form-group {display:inline-table;padding-bottom:0;vertical-align:middle} .form-inline .form-group .input-group {display:inline-table;width:auto;vertical-align:middle} .form-inline .form-group .input-group .input {width:auto} .form-inline .form-group .label {display:inline-block} .form-inline .form-group .field {display:inline-block} .form-inline .form-button {display:inline-block;vertical-align:middle} .form-inline .form-button .button {width:auto} .form-auto .input {width:auto;display:inline-block} .form-auto .input-group {display:inline-table;width:auto;display:inline-block} .form-auto .input-group .input {width:auto;display:inline-block} .input-inline {padding-left:1px} .input-inline input {position:relative;float:left;border-radius:0;margin-left:-1px;width:auto} .form-small .input-inline input,.form-big .input-inline input {border-radius:0} .input-inline input:first-child {left:1px;border-radius:4px 0 0 4px} .input-inline input:last-child {border-radius:0 4px 4px 0} } .input-block {padding-top:8px} .input-block:first-child {padding-top:1px} .input-block input {position:relative;margin-top:-1px;border-radius:0} .form-small .input-block input,.form-big .input-block input {border-radius:0} .input-block input:first-child {border-radius:4px 4px 0 0} .input-block input:last-child {border-radius:0 0 4px 4px} .label-block label {display:block;line-height:24px} .input-group {border-collapse:separate;display:table;position:relative} .input-group .addon,.input-group .addbtn,.input-group .input {display:table-cell} .input-group .addon,.input-group .addbtn {width:1%;white-space:nowrap;vertical-align:middle} .input-group .addbtn .button {font-weight:normal} .input-group .input {width:100%} .input-group .addon {background-color:#f5f5f5;border:1px solid #EBEBEB;border-radius:4px;line-height:1;padding:6px 12px;text-align:center} .form-tips .form-group .field {position:relative;zoom:1} .form-tips .input-help {position:absolute;z-index:1;float:left;left:0;top:100%} .form-tips .input-help ul {border:solid 1px #EBEBEB;background:#fff;padding:10px 10px 10px 25px;box-shadow:0 0 5px #EBEBEB;border-radius:4px;width:160px;min-width:160px;width:auto;_width:160px} .input-big,.form-big .input,.form-big .button {padding:10px;font-size:16px;line-height:24px;height:46px} .input-small,.form-small .input,.form-small .button {padding:5px;font-size:12px;line-height:18px;height:28px} .form-small .addon,.form-small .addbtn {padding:5px 8px;font-size:12px} .list-group,.list-link {border:solid 1px #EBEBEB;border-radius:4px;list-style:none;padding:0} .list-group li,.list-link a {padding:10px 15px;display:block;border-bottom:solid 1px #EBEBEB;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s} .list-group li:last-child,.list-link a:last-child {border-bottom:0 none} .list-striped li:nth-child(odd) {background-color:#f5f5f5} .list-link a {color:#333} .list-link a:hover {background-color:#f5f5f5;transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s} .list-link a.active:link,.list-link a.active:visited {background-color:#f5f5f5} .panel {border:solid 1px #EBEBEB;border-radius:4px} .panel-head {background-color:#f5f5f5;padding:10px 15px;border-radius:4px 4px 0 0;border-bottom:solid 1px #EBEBEB} .panel-foot {background-color:#f5f5f5;padding:10px 15px;border-radius:0 0 4px 4px;border-top:solid 1px #EBEBEB} .panel-body {padding:15px} .panel .bg-main,.panel .bg-sub,.panel .bg-dot,.panel .bg-red,.panel .bg-yellow,.panel .bg-green {color:#fff} .panel .panel-body+.table,.panel .panel-body+.list-group {border-top:solid 1px #EBEBEB} .panel .list-group {border:0;border-radius:0} .panel-group {border-top:solid 1px #EBEBEB;border-bottom:solid 1px #EBEBEB;border-left:none;border-right:0;list-style:none;padding:15px} .tab .tab-head strong {float:left;padding:8px 20px 0 0;line-height:20px} .tab .tab-more {float:right;margin:10px 0 0 10px;font-size:12px} .tab .tab-nav {list-style:none} .tab .tab-nav li {display:inline-block} .tab .tab-nav li a {color:#333;padding:8px 20px;display:block;border:solid 1px #EBEBEB;line-height:20px;border-bottom:0;border-radius:4px 4px 0 0} .tab .tab-nav .active {background-color:transparent} .tab .tab-nav .active a {cursor:default} .tab .tab-body {border-top:solid 1px #EBEBEB;margin-top:-1px;padding-top:15px} .tab .tab-body-bordered {border:solid 1px #EBEBEB;border-radius:4px;padding:15px} .tab .tab-body .tab-panel {display:none} .tab .tab-body .active {display:block} .tab.tab-small strong {padding-top:3px} .tab.tab-small .tab-more {margin:5px 0 0 10px} .tab.tab-small li a {padding:3px 10px} .dialog-mask {position:fixed;left:0;top:0;right:0;bottom:0;background:#121212;z-index:10;filter:alpha(opacity=50);opacity:.5;display:block;overflow-x:hidden;overflow-y:auto} .dialog {border:1px solid #EBEBEB;box-shadow:0 3px 9px rgba(0,0,0,0.5);border-radius:4px;background-color:#fff;display:none} .dialog .dialog-head,.dialog .dialog-foot {padding:10px 20px} .dialog .dialog-head {border-bottom:solid 1px #EBEBEB;background-color:#f5f5f5;border-radius:4px 4px 0 0} .dialog .dialog-head strong {font-size:16px} .dialog .dialog-head .close {float:right;line-height:24px} .dialog .dialog-body {padding:15px 20px} .dialog .dialog-foot {text-align:right;border-top:solid 1px #EBEBEB} .dialog.open {display:block} .tip {display:inline-block;background-color:#f5f5f5;border:1px solid #EBEBEB;border-radius:3px;box-shadow:0 2px 5px rgba(0,0,0,0.2)} .tip p {margin:0} .tip .tip-line {margin:0;padding:2px 5px;font-size:12px;line-height:16px} .tip .tip-title {padding:2px 8px} .tip .tip-body {padding:8px;background:#fff;color:#6E6E6E;border-radius:0 0 3px 3px;font-size:12px;line-height:20px} .tip .image {border-radius:3px} .tip-bottom.border-red .arrow {border-bottom-color:#1D4696} .tip.bg-main,.tip.bg-sub,.tip.bg-dot,.tip.bg-red,.tip.bg-yellow,.tip.bg-green {color:#fff} .alert {border-radius:5px;padding:15px;border:solid 1px #EBEBEB;background-color:#f5f5f5} .alert .close {float:right;line-height:18px} .radio .icon,.checkbox .icon {display:none} .radio .active .icon,.checkbox .active .icon {display:inline-block} .icon-navicon {display:none} .dialog {border-radius:0;border:0 solid #ebebeb;margin:0 auto;box-shadow:0 10px 25px rgba(0,0,0,0.3);} .dialog .dialog-head {font-size:18px;border-bottom:0;background:#FFF;color:#383838;} .dialog .dialog-head .close {float:right;line-height:24px} .dialog .dialog-body{padding:10px 40px 40px 40px;} .dialog-body h3 {font-size:24px;font-weight:600;color:#333;margin-bottom:10px} .dialog-body .form-group {padding-bottom:20px} .dialog-body .input{height:48px;line-height:24px;padding:0 12px;border:1px solid #ebebeb;width:100%;display:block;border-radius:0px;-webkit-appearance:none;box-shadow:0 0px 0px rgba(0,0,0,0.0) inset;background:transparent;} .dialog-body .textarea {padding:10px 12px;line-height:24px;width:100%;background:transparent;border:1px solid #ebebeb;} .dialog-body .label {padding-bottom:10px;display:block;line-height:24px;} .dialog-body .label label {font-weight:400;} .dialog-body select {padding:0 30px 0 8px;color:#ADADAD;border-radius:0px;width: 100%; height:48px;line-height:48px;border:solid 1px #ebebeb;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url(../images/select-down.png) no-repeat right 50%;} .dialog-body .form-tips .dialog-body .input-help ul {border:solid 0px #ebebeb;background:#fff;padding:5px 10px;box-shadow:0 0 0 #fff;border-radius:0 0 4px 4px;width:150px;min-width:150px;width:auto;_width:150px;color:#EE3333;font-size:12px} .dialog-body .input::-webkit-input-placeholder, .dialog-body .textarea::-webkit-input-placeholder {color: #6E6E6E;} .dialog-body .input:-moz-placeholder, .dialog-body .textarea:-moz-placeholder {color: #6E6E6E;} .dialog-body .input::-moz-placeholder, .dialog-body .textarea::-moz-placeholder {color: #6E6E6E;} .dialog-body .input:-ms-input-placeholder, .dialog-body .textarea:-ms-input-placeholder {color: #6E6E6E;} .dialog-body .input-group .addon {background-color:#fff;border:0px solid #EBEBEB;border-radius:0px;line-height:1;padding:0;text-align:center} .dialog-body .input-group .addon img{max-height:50px} .dialog-body .button {border:solid 1px #EBEBEB;background:transparent;border-radius:4px;font-size:14px;padding:8px 20px;margin:0;display:inline-block;line-height:20px;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s} .dialog-body .button[disabled] {pointer-events:none;cursor:not-allowed;webkit-box-shadow:none;box-shadow:none;filter:alpha(opacity=50);opacity:.5} .dialog-body .button:active {background-image:none;outline:0;transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s} .dialog-body .button:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s} .dialog-body .button-block {display:block;width:100%} .dialog-body .button-large {padding:12px 30px;font-size:16px;line-height:24px} .dialog-body .button-big {padding:12px 35px;font-size:16px;line-height:22px} .dialog-body .button-middle {padding:12px 25px;font-size:16px;line-height:20px} .dialog-body .button-small {padding:5px 10px;font-size:12px;font-weight:normal;line-height:18px} .dialog-body .button-little {padding:3px 5px;font-size:12px;font-weight:normal;line-height:16px} .dialog-body .button.bg-main,.button.bg-sub,.button.bg-dot,.button.bg-black,.button.bg-gray,.button.bg-red,.button.bg-yellow,.button.bg-blue,.button.bg-green {color:#fff} .dialog-body .button.bg-yellow { background-color: #ff9600; } .dialog-body .bg-yellow{ border-color: #ff9600; }