/**
 * jyb-ui-v2
 * @Author jiaoyubao
 * @DateTime 2019-01
 *
 * primary(blue)  ����default(white) Ĭ�ϡ�danger �����졢success ������
 */

/**
 * ����
 */
@-webkit-keyframes v2ClickEffect {
  0% { -webkit-transform: scale(1); transform: scale(1); opacity: .5; }
  100% { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0; }
}
@-moz-keyframes v2ClickEffect {
  0% { -moz-transform: scale(1); transform: scale(1); opacity: .5; }
  100% { -moz-transform: scale(1.5); transform: scale(1.5); opacity: 0; }
}
@keyframes v2ClickEffect {
  0% { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); opacity: .5; }
  100% { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); transform: scale(1.5); opacity: 0; }
}
@-webkit-keyframes outlineHide {
  100% { outline-color: transparent; }
}
@-moz-keyframes outlineHide {
  100% { outline-color: transparent; }
}
@keyframes outlineHide {
  100% { outline-color: transparent; }
}
@-webkit-keyframes waveEffect {
  100% { top: -6px; right: -6px; bottom: -6px; left: -6px; border-width: 6px; }
}
@-moz-keyframes waveEffect {
  100% { top: -6px; right: -6px; bottom: -6px; left: -6px; border-width: 6px; }
}
@keyframes waveEffect {
  100% { top: -6px; right: -6px; bottom: -6px; left: -6px; border-width: 6px; }
}
@-webkit-keyframes fadeEffect {
  100% { opacity: 0; }
}
@-moz-keyframes fadeEffect {
  100% { opacity: 0; }
}
@keyframes fadeEffect {
  100% { opacity: 0; }
}

/**
 * common
 */
html, body { width: 100%; min-width: 1220px; height: 100%; }
:hover { -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-duration: 150ms; -moz-transition-duration: 150ms; transition-duration: 150ms; -webkit-transition-property: background, color, border; -moz-transition-property: background, color, border; transition-property: background, color, border; }

/**
 * ����ͼ�� --��Ŀ�������2.0
 */@font-face {
  font-family: 'control';  /* project id 980246 */
  src: url('../fonts/font_980246_x9m49ci2t8d.eot');
  src: url('../fonts/font_980246_x9m49ci2t8d.eot') format('embedded-opentype'),
  url('../fonts/font_980246_x9m49ci2t8d.woff2') format('woff2'),
  url('../fonts/font_980246_x9m49ci2t8d.woff') format('woff'),
  url('../fonts/font_980246_x9m49ci2t8d.ttf') format('truetype'),
  url('../fonts/font_980246_x9m49ci2t8d.svg') format('svg');}
.icon-control { font-family: 'control' !important; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: .2px; -moz-osx-font-smoothing: grayscale; }

/**
 * ����ģ����
 */
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt50 { margin-top: 50px; }
.mt80 { margin-top: 80px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb50 { margin-bottom: 50px; }
.mb80 { margin-bottom: 80px; }
.pl10 { padding-left: 10px; }
.pl20 { padding-left: 20px; }
.pr10 { padding-right: 10px; }
.pr20 { padding-right: 20px; }
.pt10 { padding-top: 10px; }
.pt20 { padding-top: 20px; }
.pb10 { padding-bottom: 10px; }
.pb20 { padding-bottom: 20px; }

/**
 * դ��
 */
.v2-col--1 { width: 83.33333333px; }
.v2-col--2 { width: 186.66666667px; }
.v2-col--3 { width: 290px; }
.v2-col--4 { width: 393.33333333px; }
.v2-col--5 { width: 496.66666667px; }
.v2-col--6 { width: 600px; }
.v2-col--7 { width: 703.33333333px; }
.v2-col--8 { width: 806.66666667px; }
.v2-col--9 { width: 910px; }
.v2-col--10 { width: 1013.33333333px; }
.v2-col--11 { width: 1116.66666667px; }
.v2-col--12 { width: 1220px; }
.v2-col--w10 { width: 1000px; }
.v2-col--w9 { width: 900px; }
.v2-col--w3 { width: 300px; }
.v2-col--w2 { width: 200px; }

/**
 * ���λ
 */

/**
 * ����
 */
.v2-h1, .v2-fs28 { font-size: 28px; font-weight: bold; line-height: 36px; }
.v2-fs22 { font-size: 22px; font-weight: bold; line-height: 32px; }
.v2-fs18 { font-size: 18px; line-height: 30px; }
.v2-fs16 { font-size: 16px; line-height: 29px; }
.v2-fs14 { font-size: 14px; line-height: 24px; }
.v2-fs13 { font-size: 13px; line-height: 21px; }
.v2-fs12 { font-size: 12px; line-height: 18px; }

/**
 * ��ɫ
 */
.v2-bg--blue { background-color: #1a8cff; }
.v2-bg--red { background-color: #fe1940; }
.v2-bg--green { background-color: #15d669; }
.v2-bg--yellow { background-color: #ffc200; }
.v2-bg--gray { background-color: #fafbfc; }
.v2-txt--blue { color: #1a8cff; }
.v2-txt--red { color: #fe1940; }
.v2-txt--green { color: #15d669; }

/**
 * button
 */
.v2-br2 { -moz-border-radius: 2px; border-radius: 2px; }
.v2-br4 { -moz-border-radius: 4px; border-radius: 4px; }
.v2-btn { height: 36px; padding: 0 15px; position: relative; font-size: 14px; line-height: 34px; cursor: pointer; color: #fff; border: 1px solid #1a8cff; -moz-border-radius: 4px; border-radius: 4px; background-color: #1a8cff; }
.v2-btn--large { height: 44px; padding: 0 25px; position: relative; font-size: 16px; line-height: 42px; cursor: pointer; color: #fff; border: 1px solid #1a8cff; -moz-border-radius: 4px; border-radius: 4px; background-color: #1a8cff; }
.v2-btn--big { height: 40px; padding: 0 20px; position: relative; font-size: 14px; line-height: 38px; cursor: pointer; color: #fff; border: 1px solid #1a8cff; -moz-border-radius: 4px; border-radius: 4px; background-color: #1a8cff; }
.v2-btn--small { height: 32px; padding: 0 15px; position: relative; font-size: 12px; line-height: 30px; cursor: pointer; color: #fff; border: 1px solid #1a8cff; -moz-border-radius: 4px; border-radius: 4px; background-color: #1a8cff; }
.v2-btn--mini { height: 26px; padding: 0 10px; position: relative; font-size: 12px; line-height: 24px; cursor: pointer; color: #fff; border: 1px solid #1a8cff; -moz-border-radius: 4px; border-radius: 4px; background-color: #1a8cff; }
.v2-btn_icon { padding: 0 15px; }
.v2-btn_icon .icon-control { margin-right: 6px; }
.v2-btn_icon--large { padding: 0 25px; }
.v2-btn_icon--large .icon-control { margin-right: 8px; }
.v2-btn_icon--big { padding: 0 20px; }
.v2-btn_icon--big .icon-control { margin-right: 8px; }
.v2-btn_icon--small { padding: 0 12px; }
.v2-btn_icon--small .icon-control { margin-right: 2px; }
.v2-btn_icon--mini { padding: 0 8px; }
.v2-btn_icon--mini .icon-control { margin-right: 2px; }
.v2-btn--blue { border-color: #1a8cff; background-color: #1a8cff; }
.v2-btn--blue:hover { border-color: #51a8ff; background-color: #51a8ff; }
.v2-btn--blue.active, .v2-btn--blue:active { border-color: #1474e0; background-color: #1474e0; }
.v2-btn--blue:active:after { position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; display: inline-block; content: ''; -webkit-animation: fadeEffect 2s cubic-bezier(.08, .82, .17, 1), waveEffect .5s cubic-bezier(.08, .82, .17, 1); -moz-animation: fadeEffect 2s cubic-bezier(.08, .82, .17, 1), waveEffect .5s cubic-bezier(.08, .82, .17, 1); animation: fadeEffect 2s cubic-bezier(.08, .82, .17, 1), waveEffect .5s cubic-bezier(.08, .82, .17, 1); pointer-events: none; opacity: .2; border: 0 solid #1a8cff; -moz-border-radius: inherit; border-radius: inherit; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.v2-btn--blue.disabled { cursor: not-allowed; border-color: #b0d7ff; background-color: #b0d7ff; }
.v2-btn--blue.disabled:after { display: none; }
.v2-btn--red { border-color: #fe1940; background-color: #fe1940; }
.v2-btn--red:hover { border-color: #fe506e; background-color: #fe506e; }
.v2-btn--red.active, .v2-btn--red:active { border-color: #e21345; background-color: #e21345; }
.v2-btn--red:active:after { position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; display: inline-block; content: ''; -webkit-animation: fadeEffect 2s cubic-bezier(.08, .82, .17, 1), waveEffect .5s cubic-bezier(.08, .82, .17, 1); -moz-animation: fadeEffect 2s cubic-bezier(.08, .82, .17, 1), waveEffect .5s cubic-bezier(.08, .82, .17, 1); animation: fadeEffect 2s cubic-bezier(.08, .82, .17, 1), waveEffect .5s cubic-bezier(.08, .82, .17, 1); pointer-events: none; opacity: .2; border: 0 solid #fe1940; -moz-border-radius: inherit; border-radius: inherit; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.v2-btn--red.disabled { cursor: not-allowed; border-color: #ffb0bd; background-color: #ffb0bd; }
.v2-btn--red.disabled:after { display: none; }
.v2-btn--green { border-color: #15d669; background-color: #15d669; }
.v2-btn--green:hover { border-color: #4de08d; background-color: #4de08d; }
.v2-btn--green.active, .v2-btn--green:active { border-color: #12b95f; background-color: #12b95f; }
.v2-btn--green:active:after { position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; display: inline-block; content: ''; -webkit-animation: fadeEffect 2s cubic-bezier(.08, .82, .17, 1), waveEffect .5s cubic-bezier(.08, .82, .17, 1); -moz-animation: fadeEffect 2s cubic-bezier(.08, .82, .17, 1), waveEffect .5s cubic-bezier(.08, .82, .17, 1); animation: fadeEffect 2s cubic-bezier(.08, .82, .17, 1), waveEffect .5s cubic-bezier(.08, .82, .17, 1); pointer-events: none; opacity: .2; border: 0 solid #15d669; -moz-border-radius: inherit; border-radius: inherit; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.v2-btn--green.disabled { cursor: not-allowed; border-color: #aff1cb; background-color: #aff1cb; }
.v2-btn--green.disabled:after { display: none; }
.v2-btn--yellow { border-color: #ffc200; background-color: #ffc200; }
.v2-btn--yellow:hover { border-color: #ffd13d; background-color: #ffd13d; }
.v2-btn--yellow.active, .v2-btn--yellow:active { border-color: #e09d00; background-color: #e09d00; }
.v2-btn--yellow:active:after { position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; display: inline-block; content: ''; -webkit-animation: fadeEffect 2s cubic-bezier(.08, .82, .17, 1), waveEffect .5s cubic-bezier(.08, .82, .17, 1); -moz-animation: fadeEffect 2s cubic-bezier(.08, .82, .17, 1), waveEffect .5s cubic-bezier(.08, .82, .17, 1); animation: fadeEffect 2s cubic-bezier(.08, .82, .17, 1), waveEffect .5s cubic-bezier(.08, .82, .17, 1); pointer-events: none; opacity: .2; border: 0 solid #ffc200; -moz-border-radius: inherit; border-radius: inherit; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.v2-btn--yellow.disabled { cursor: not-allowed; border-color: #ffeaa7; background-color: #ffeaa7; }
.v2-btn--yellow.disabled:after { display: none; }
.v2-btn--gray { color: #595959; border-color: #ebebeb; background-color: #ebebeb; }
.v2-btn--gray:hover { border-color: #f0f0f0; background-color: #f0f0f0; }
.v2-btn--gray.active, .v2-btn--gray:active { border-color: #ccc; background-color: #ccc; }
.v2-btn--gray:active:after { position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; display: inline-block; content: ''; -webkit-animation: fadeEffect 2s cubic-bezier(.08, .82, .17, 1), waveEffect .5s cubic-bezier(.08, .82, .17, 1); -moz-animation: fadeEffect 2s cubic-bezier(.08, .82, .17, 1), waveEffect .5s cubic-bezier(.08, .82, .17, 1); animation: fadeEffect 2s cubic-bezier(.08, .82, .17, 1), waveEffect .5s cubic-bezier(.08, .82, .17, 1); pointer-events: none; opacity: .2; border: 0 solid #ebebeb; -moz-border-radius: inherit; border-radius: inherit; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.v2-btn--gray.disabled { cursor: not-allowed; border-color: #f8f8f8; background-color: #f8f8f8; }
.v2-btn--gray.disabled:after { display: none; }
.v2-btn--gray.disabled { color: #ababab; }
.v2-btn_line--blue { color: #1a8cff; border-color: #1a8cff; background-color: #fff; }
.v2-btn_line--blue:hover { color: #51a8ff; border-color: #51a8ff; }
.v2-btn_line--blue.active, .v2-btn_line--blue:active { color: #1474e0; border-color: #1474e0; }
.v2-btn_line--blue:active:after { position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; display: inline-block; content: ''; -webkit-animation: fadeEffect 2s cubic-bezier(.08, .82, .17, 1), waveEffect .5s cubic-bezier(.08, .82, .17, 1); -moz-animation: fadeEffect 2s cubic-bezier(.08, .82, .17, 1), waveEffect .5s cubic-bezier(.08, .82, .17, 1); animation: fadeEffect 2s cubic-bezier(.08, .82, .17, 1), waveEffect .5s cubic-bezier(.08, .82, .17, 1); pointer-events: none; opacity: .2; border: 0 solid #1a8cff; -moz-border-radius: inherit; border-radius: inherit; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.v2-btn_line--blue.disabled { cursor: not-allowed; color: #b0d7ff; border-color: #b0d7ff; }
.v2-btn_line--blue.disabled:after { display: none; }
.v2-btn_line--red { color: #fe1940; border-color: #fe1940; background-color: #fff; }
.v2-btn_line--red:hover { color: #fe506e; border-color: #fe506e; }
.v2-btn_line--red.active, .v2-btn_line--red:active { color: #e21345; border-color: #e21345; }
.v2-btn_line--red:active:after { position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; display: inline-block; content: ''; -webkit-animation: fadeEffect 2s cubic-bezier(.08, .82, .17, 1), waveEffect .5s cubic-bezier(.08, .82, .17, 1); -moz-animation: fadeEffect 2s cubic-bezier(.08, .82, .17, 1), waveEffect .5s cubic-bezier(.08, .82, .17, 1); animation: fadeEffect 2s cubic-bezier(.08, .82, .17, 1), waveEffect .5s cubic-bezier(.08, .82, .17, 1); pointer-events: none; opacity: .2; border: 0 solid #fe1940; -moz-border-radius: inherit; border-radius: inherit; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.v2-btn_line--red.disabled { cursor: not-allowed; color: #ffb0bd; border-color: #ffb0bd; }
.v2-btn_line--red.disabled:after { display: none; }
.v2-btn_line--green { color: #15d669; border-color: #15d669; background-color: #fff; }
.v2-btn_line--green:hover { color: #4de08d; border-color: #4de08d; }
.v2-btn_line--green.active, .v2-btn_line--green:active { color: #12b95f; border-color: #12b95f; }
.v2-btn_line--green:active:after { position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; display: inline-block; content: ''; -webkit-animation: fadeEffect 2s cubic-bezier(.08, .82, .17, 1), waveEffect .5s cubic-bezier(.08, .82, .17, 1); -moz-animation: fadeEffect 2s cubic-bezier(.08, .82, .17, 1), waveEffect .5s cubic-bezier(.08, .82, .17, 1); animation: fadeEffect 2s cubic-bezier(.08, .82, .17, 1), waveEffect .5s cubic-bezier(.08, .82, .17, 1); pointer-events: none; opacity: .2; border: 0 solid #15d669; -moz-border-radius: inherit; border-radius: inherit; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.v2-btn_line--green.disabled { cursor: not-allowed; color: #aff1cb; border-color: #aff1cb; }
.v2-btn_line--green.disabled:after { display: none; }
.v2-btn_line--yellow { color: #ffc200; border-color: #ffc200; background-color: #fff; }
.v2-btn_line--yellow:hover { color: #ffd13d; border-color: #ffd13d; }
.v2-btn_line--yellow.active, .v2-btn_line--yellow:active { color: #e09d00; border-color: #e09d00; }
.v2-btn_line--yellow:active:after { position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; display: inline-block; content: ''; -webkit-animation: fadeEffect 2s cubic-bezier(.08, .82, .17, 1), waveEffect .5s cubic-bezier(.08, .82, .17, 1); -moz-animation: fadeEffect 2s cubic-bezier(.08, .82, .17, 1), waveEffect .5s cubic-bezier(.08, .82, .17, 1); animation: fadeEffect 2s cubic-bezier(.08, .82, .17, 1), waveEffect .5s cubic-bezier(.08, .82, .17, 1); pointer-events: none; opacity: .2; border: 0 solid #ffc200; -moz-border-radius: inherit; border-radius: inherit; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.v2-btn_line--yellow.disabled { cursor: not-allowed; color: #ffeaa7; border-color: #ffeaa7; }
.v2-btn_line--yellow.disabled:after { display: none; }
.v2-btn_line--gray { color: #ebebeb; color: #595959; border-color: #ebebeb; background-color: #fff; }
.v2-btn_line--gray:hover { color: #f0f0f0; border-color: #f0f0f0; }
.v2-btn_line--gray.active, .v2-btn_line--gray:active { color: #ccc; border-color: #ccc; }
.v2-btn_line--gray:active:after { position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; display: inline-block; content: ''; -webkit-animation: fadeEffect 2s cubic-bezier(.08, .82, .17, 1), waveEffect .5s cubic-bezier(.08, .82, .17, 1); -moz-animation: fadeEffect 2s cubic-bezier(.08, .82, .17, 1), waveEffect .5s cubic-bezier(.08, .82, .17, 1); animation: fadeEffect 2s cubic-bezier(.08, .82, .17, 1), waveEffect .5s cubic-bezier(.08, .82, .17, 1); pointer-events: none; opacity: .2; border: 0 solid #ebebeb; -moz-border-radius: inherit; border-radius: inherit; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.v2-btn_line--gray.disabled { cursor: not-allowed; color: #f8f8f8; border-color: #f8f8f8; }
.v2-btn_line--gray.disabled:after { display: none; }
.v2-btn_line--gray:hover, .v2-btn_line--gray.active, .v2-btn_line--gray:active { color: #595959; }
.v2-btn_line--gray.disabled { color: #ababab; }

/**
 * radio��checkbox��switch
 */
.v2-radio-box { display: inline-block; cursor: pointer; white-space: nowrap; }
.v2-radio-box:hover .v2-radio-inner { border-color: #1a8cff; }
.v2-radio-box.checked .v2-radio-outer:after { width: 100%; height: 100%; position: absolute; top: 2px; left: -1px; content: ''; -webkit-animation: v2ClickEffect .36s ease-in-out; -moz-animation: v2ClickEffect .36s ease-in-out; animation: v2ClickEffect .36s ease-in-out; border: 1px solid #84c1ff; -moz-border-radius: 50%; border-radius: 50%; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
.v2-radio-box.checked .v2-radio-inner { border-color: #1a8cff; }
.v2-radio-box.checked .v2-radio-inner:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }
.v2-radio-box.disabled, .v2-radio-box.disabled .v2-radio-input { cursor: not-allowed; }
.v2-radio-box.disabled .v2-radio-text { color: #ababab; }
.v2-radio-box.disabled .v2-radio-inner, .v2-radio-box.disabled .v2-radio-inner:after { border-color: #d9d9da; background-color: #f9f9f9; }
.v2-radio-box.disabled .v2-radio-input:focus + .v2-radio-inner { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.v2-radio-box.disabled:hover .v2-radio-inner { border-color: #d9d9da; background-color: #f9f9f9; }
.v2-radio-box.disabled .v2-radio-inner:after { background-color: #d9d9da; }
.v2-radio-outer { width: 16px; height: 16px; position: relative; }
.v2-radio-input { width: 40px; height: 22px; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer; opacity: 0; }
.v2-radio-input:focus + .v2-radio-inner { -webkit-box-shadow: 0 0 0 3px rgba(24, 144, 255, .08); -moz-box-shadow: 0 0 0 3px rgba(24, 144, 255, .08); box-shadow: 0 0 0 3px rgba(24, 144, 255, .08); }
.v2-radio-text { padding-right: 8px; padding-left: 8px; font-size: 14px; line-height: 22px; color: #595959; }
.v2-radio-inner { width: 16px; height: 16px; position: relative; top: 3px; left: 0; display: block; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; border: 1px solid #d9d9da; -moz-border-radius: 50%; border-radius: 50%; background-color: #fff; }
.v2-radio-inner:after { width: 8px; height: 8px; position: absolute; top: 3px; left: 3px; display: table; content: ''; -webkit-transition: all .3s cubic-bezier(.78, .14, .15, .86); -moz-transition: all .3s cubic-bezier(.78, .14, .15, .86); transition: all .3s cubic-bezier(.78, .14, .15, .86); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; border-top: 0; border-left: 0; -moz-border-radius: 8px; border-radius: 8px; background-color: #1a8cff; }
.v2-checkbox-box { display: inline-block; cursor: pointer; white-space: nowrap; }
.v2-checkbox-box:hover .v2-checkbox-inner { border-color: #1a8cff; }
.v2-checkbox-box.checked .v2-checkbox-outer:after { width: 100%; height: 100%; position: absolute; top: 2px; left: -1px; content: ''; -webkit-animation: v2ClickEffect .36s ease-in-out; -moz-animation: v2ClickEffect .36s ease-in-out; animation: v2ClickEffect .36s ease-in-out; border: 1px solid #84c1ff; -moz-border-radius: 2px; border-radius: 2px; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
.v2-checkbox-box.checked .v2-checkbox-inner { border-color: #1a8cff; background-color: #1a8cff; }
.v2-checkbox-box.checked .v2-checkbox-inner:after { -webkit-transition: all .2s cubic-bezier(.12, .4, .29, 1.46) .1s; -moz-transition: all .2s cubic-bezier(.12, .4, .29, 1.46) .1s; transition: all .2s cubic-bezier(.12, .4, .29, 1.46) .1s; -webkit-transform: rotate(45deg) scale(1); -moz-transform: rotate(45deg) scale(1); -ms-transform: rotate(45deg) scale(1); transform: rotate(45deg) scale(1); opacity: 1; }
.v2-checkbox-box.disabled, .v2-checkbox-box.disabled .v2-checkbox-input { cursor: not-allowed; }
.v2-checkbox-box.disabled .v2-checkbox-text { color: #ababab; }
.v2-checkbox-box.disabled .v2-checkbox-inner, .v2-checkbox-box.disabled .v2-checkbox-inner:after { border-color: #d9d9da; background-color: #f9f9f9; }
.v2-checkbox-box.disabled .v2-checkbox-input:focus + .v2-checkbox-inner { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.v2-checkbox-box.disabled:hover .v2-checkbox-inner { border-color: #d9d9da; background-color: #f9f9f9; }
.v2-checkbox-outer { width: 16px; height: 16px; position: relative; }
.v2-checkbox-input { width: 40px; height: 22px; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer; opacity: 0; }
.v2-checkbox-input:focus + .v2-checkbox-inner { -webkit-box-shadow: 0 0 0 3px rgba(24, 144, 255, .08); -moz-box-shadow: 0 0 0 3px rgba(24, 144, 255, .08); box-shadow: 0 0 0 3px rgba(24, 144, 255, .08); }
.v2-checkbox-text { padding-right: 8px; padding-left: 8px; font-size: 14px; line-height: 22px; color: #595959; }
.v2-checkbox-inner { width: 16px; height: 16px; position: relative; top: 3px; left: 0; display: block; border-collapse: separate; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; border: 1px solid #d9d9da; -moz-border-radius: 2px; border-radius: 2px; background-color: #fff; }
.v2-checkbox-inner:after { width: 4px; height: 8px; position: absolute; top: 0; left: 4px; display: table; content: ' '; -webkit-transition: all .1s cubic-bezier(.71, -.46, .88, .6), opacity .1s; -moz-transition: all .1s cubic-bezier(.71, -.46, .88, .6), opacity .1s; transition: all .1s cubic-bezier(.71, -.46, .88, .6), opacity .1s; -webkit-transform: rotate(45deg) scale(0); -moz-transform: rotate(45deg) scale(0); -ms-transform: rotate(45deg) scale(0); transform: rotate(45deg) scale(0); opacity: 0; border: 2px solid #fff; border-top: 0; border-left: 0; }
.v2-switch-box { min-width: 44px; height: 22px; position: relative; display: inline-block; font-size: 12px; line-height: 20px; cursor: pointer; -webkit-transition: all .36s; -moz-transition: all .36s; transition: all .36s; color: #fff; border: 1px solid transparent; -moz-border-radius: 100px; border-radius: 100px; background-color: #d3d3d3; }
.v2-switch-box:after { width: 18px; height: 18px; position: absolute; top: 1px; left: 1px; content: ' '; cursor: pointer; -webkit-transition: all .36s cubic-bezier(.78, .14, .15, .86); -moz-transition: all .36s cubic-bezier(.78, .14, .15, .86); transition: all .36s cubic-bezier(.78, .14, .15, .86); -moz-border-radius: 18px; border-radius: 18px; background-color: #fff; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 35, 11, .2); -moz-box-shadow: 0 2px 4px 0 rgba(0, 35, 11, .2); box-shadow: 0 2px 4px 0 rgba(0, 35, 11, .2); }
.v2-switch-box.checked { background-color: #1a8cff; }
.v2-switch-box.checked .v2-switch-inner { margin-right: 24px; margin-left: 6px; display: none; }
.v2-switch-box.checked .v2-switch-inner:first-child { display: block; }
.v2-switch-box.checked .v2-switch-animating { position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; display: inline-block; content: ''; -webkit-animation: fadeEffect 2s cubic-bezier(.08, .82, .17, 1), waveEffect .5s cubic-bezier(.08, .82, .17, 1); -moz-animation: fadeEffect 2s cubic-bezier(.08, .82, .17, 1), waveEffect .5s cubic-bezier(.08, .82, .17, 1); animation: fadeEffect 2s cubic-bezier(.08, .82, .17, 1), waveEffect .5s cubic-bezier(.08, .82, .17, 1); pointer-events: none; opacity: .2; border: 0 solid #1a8cff; -moz-border-radius: inherit; border-radius: inherit; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.v2-switch-box.checked:after { margin-left: -1px; left: 100%; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); }
.v2-switch-inner { margin-right: 6px; margin-left: 24px; display: none; }
.v2-anticon { width: 12px; display: block; font-size: 16px; }
.v2-anticon.v2-anticon-check { margin-left: -2px; }
.v2-switch-box .v2-switch-inner + .v2-switch-inner { display: block; }
.v2-radio-button-group { height: 36px; display: inline-block; font-size: 14px; line-height: 34px; color: #595959; }
.v2-radio-button-group.disabled .v2-radio-button-box { cursor: not-allowed; color: #ababab; border-color: #d9d9da; background-color: #f9f9f9; }
.v2-radio-button-group.disabled .v2-radio-button-box:hover { color: #ababab; }
.v2-radio-button-group.disabled .v2-radio-button-box.checked { color: #fff; outline-color: transparent; background-color: #d9d9da; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.v2-radio-button-group.disabled .v2-radio-button-box.checked:first-child { border-color: #d9d9da; }
.v2-radio-button-group.v2-radio-button-group-large { height: 40px; line-height: 38px; }
.v2-radio-button-group.v2-radio-button-group-large .v2-radio-button-box { padding: 0 20px; }
.v2-radio-button-group.v2-radio-button-group-small { height: 26px; font-size: 12px; line-height: 24px; }
.v2-radio-button-group.v2-radio-button-group-small .v2-radio-button-box { padding: 0 12px; }
.v2-radio-button-box { padding: 0 16px; position: relative; display: inline-block; float: left; cursor: pointer; -webkit-transition: color .3s, background .3s, border-color .3s; -moz-transition: color .3s, background .3s, border-color .3s; transition: color .3s, background .3s, border-color .3s; border: 1px solid #d9d9da; border-top-width: 1px; border-left: 0; background-color: #fff; }
.v2-radio-button-box:first-child { border-left: 1px solid #d9d9da; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; }
.v2-radio-button-box:last-child { -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; }
.v2-radio-button-box.checked { z-index: 1; -webkit-animation: outlineHide 1s ease-in-out; -moz-animation: outlineHide 1s ease-in-out; animation: outlineHide 1s ease-in-out; color: #1a8cff; border-color: #1a8cff; outline: 3px solid rgba(24, 144, 255, .06); -webkit-box-shadow: -1px 0 0 0 #1a8cff; -moz-box-shadow: -1px 0 0 0 #1a8cff; box-shadow: -1px 0 0 0 #1a8cff; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.v2-radio-button-box.checked:first-child { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
.v2-radio-button-box:hover { color: #1a8cff; }
.v2-radio-button-outer { width: 0; height: 0; margin-left: 0; display: block; }
.v2-radio-button-outer input[type='radio'] { width: 0; height: 0; pointer-events: none; opacity: 0; }