.valid-err, input[type='text'].valid-err { border: 1px solid red !important; outline: 0 !important; }

.tag-label { background: #f1f4f7; padding: 2px 4px; margin:3px; font-weight: 400; visibility: visible; display:inline-block; white-space: nowrap; float: none; color: #4e6a81; border-radius: 4px;  -webkit-border-radius: 4px;  -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; }

.imgbg { background: url(../img/img-bg.png) #fff; }
.vr { margin: 0 10px; width: 1px; background: #e5e5e5; min-height: 100%; display: inline-block; }

form.ajax table td { padding: 8px 5px; }
form.ajax table th { text-align: right; padding: 8px 0; padding-right: 3px; }
form.ajax table th em,em.red { color: #f34; margin-right: 2px; font-weight: bold; }

.main-whiteBox, .division { background-color: #fff; border: solid 1px #e7e7e7; }
.whiteBox-bdb, .bd-b-e7 { border-bottom: 1px solid #e7e7e7; }
.whiteBox-bdt, .bd-t-e7 { border-top: 1px solid #e7e7e7; }
.samllColumnTitle { font-size: 14px; padding: 0; line-height: 14px; border: 0; }
.setAwardContent .poupContent { padding: 0; }

.btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; }
.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 12px; text-align: left; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius: 3px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); background-clip: padding-box; }
.dropdown-menu { border: 1px solid rgba(0,0,0,0.125); border-radius: 4px; min-width: 110px; margin: 0; }
.dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857; color: #333; white-space: nowrap; }
.dropdown-menu > li > a { padding: 3px 15px; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a { color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(#648bf5), to(#2866f2)); background-image: -webkit-linear-gradient(top, #648bf5, #2866f2); background-image: -moz-linear-gradient(top, #648bf5, #2866f2); background-image: linear-gradient(to bottom, #648bf5, #2866f2); -webkit-box-shadow: #5a82eb 0px 1px 0px inset,#1758e7 0px -1px 0px inset; box-shadow: #5a82eb 0px 1px 0px inset,#1758e7 0px -1px 0px inset; }

.caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent; }
/*.btn .caret { margin-left: 0; }*/

.showMsgBox { height: 72px; margin: 0 auto; box-sizing: border-box; border: solid 1px #e7e7e7; box-shadow: 0 2px 6px rgba(0,0,0,0.2); background: #fff; display: table; }
.showMsgBox .icon { width: 35px; height: 35px; margin: 18px 10px 0 30px; }
.showMsgBox .right { background: url('../img/iconAll.png') no-repeat; background-position: -414px -217px; }
.showMsgBox .error, .showMsgBox .no_login { background: url('../img/iconAll.png') no-repeat; background-position: -507px -217px; }
.showMsgBox .close { width: 22px; height: 22px; position: absolute; top: 8px; right: 8px; cursor: pointer; background: url('../img/iconAll.png') no-repeat; background-position: -588px -223px; }
.showMsgBox .msg { padding-right: 30px; display: table-cell; vertical-align: middle; min-width: 250px; max-width: 400px; }
.showMsgBox .close:hover { background-position: -655px -223px; }
.showMsgBox a { margin-left: 10px; text-decoration: underline; color: #999; }
.showMsgDownUp { animation: showMsgDownUp 1s ease 1; -moz-animation: showMsgDownUp 1s ease 1; -webkit-animation: showMsgDownUp 1s ease 1; -o-animation: showMsgDownUp 1s ease 1; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; }
.showMsgUp { animation: showMsgUp .4s ease 1; -moz-animation: showMsgUp .4s ease 1; -webkit-animation: showMsgUp .4s ease 1; -o-animation: showMsgUp .4s ease 1; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; }
.showMsgDown { animation: showMsgDown .4s ease 1; -moz-animation: showMsgDown .4s ease 1; -webkit-animation: showMsgDown .4s ease 1; -o-animation: showMsgDown .4s ease 1; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; }

@keyframes showMsgDown {
    0% { transform: translateY(-150px); }
    to { transform: translateY(-10px); }
}

@-webkit-keyframes showMsgDown {
    0% { -webkit-transform: translateY(-150px); }
    to { -webkit-transform: translateY(-10px); }
}

@keyframes showMsgDownUp {
    0% { transform: translateY(-150px); }
    30%,70% { transform: translateY(-10px); }
    to { transform: translateY(-150px); }
}

@-webkit-keyframes showMsgDownUp {
    0% { -webkit-transform: translateY(-150px); }
    30%,70% { -webkit-transform: translateY(-10px); }
    to { -webkit-transform: translateY(-150px); }
}

@keyframes showMsgUp {
    0% { transform: translateY(-10px); }
    to { transform: translateY(-150px); }
}

@-webkit-keyframes showMsgUp {
    0% { -webkit-transform: translateY(-10px); }
    to { -webkit-transform: translateY(-150px); }
}

.tab { position: relative; }
.tab.checked, .tab.current { color: #00adec; }
.tab.checked:after, .tab.current:after { height: 4px; content: ''; display: block; width: 90%; margin: auto; left: 0; right: 0; bottom: 0; position: absolute; background: #00adec; }

.layer-confirm .layui-layer-btn{ border-top: 1px solid #f5f5f5; }