@charset'UTF-8';

/**
 * common style
 * @Author jiaoyubao
 * @DateTime 2018-08 ~ 2018-09
 *
 * primary(blue)  主、default(white) 默认、danger 辅助红、success 辅助绿
 */

/*组件 - 图标库--项目：组件库2.0*/
@font-face {
    font-family: 'control';  /* project id 980246 */
    src: url('//at.alicdn.com/t/font_980246_365awiratlr.eot');
    src: url('//at.alicdn.com/t/font_980246_365awiratlr.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_980246_365awiratlr.woff2') format('woff2'),
    url('//at.alicdn.com/t/font_980246_365awiratlr.woff') format('woff'),
    url('//at.alicdn.com/t/font_980246_365awiratlr.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_980246_365awiratlr.svg#control') format('svg');
}
.icon-control{
    font-family:"control" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}


/*@font-face {
  font-family: 'PingFangSC-Thin';
  src:url('//static.jiaoyubao.cn/css/web/font-ultralight.ttf');
}*/
/**
 * color
 */
.jyb-bg-blue { background-color: #1a8cff; }
.jyb-bg-red { background-color: #fe1940; }
.jyb-bg-green { background-color: #15d669; }
.jyb-bg-f9 { background-color: #f9f9f9; }
.jyb-bg-26 { background-color: #262626; }
.jyb-bg-59 { background-color: #595959; }
.jyb-bg-8c { background-color: #8c8c8c; }
.jyb-bg-ab { background-color: #ababab; }
.jyb-bg-d9 { background-color: #d9d9da; }
.jyb-bg-ee { background-color: #eee; }
.jyb-txt-blue { color: #1a8cff; }
.jyb-txt-red { color: #fe1940; }
.jyb-txt-green { color: #15d669; }
.jyb-txt-26 { color: #262626; }
.jyb-txt-59 { color: #595959; }
.jyb-txt-8c { color: #8c8c8c; }
.jyb-txt-ab { color: #ababab; }
.jyb-line-d9 { border-color: #d9d9da; }
.jyb-line-ee { border-color: #eee; }

/**
 * button
 */
.jyb-btn { height: 40px; padding: 0 25px; display: inline-block; font-size: 14px; font-weight: 500; line-height: 38px; cursor: pointer; -webkit-transition: .1s; -webkit-transition: .1s; -moz-transition: .1s; -moz-transition: .1s; transition: .1s; text-align: center; white-space: nowrap; color: #595959; border: 1px solid #d9d9da; border-color: #d9d9da; -moz-border-radius: 2px; border-radius: 2px; background: #fff; }
.jyb-btn-icon .icon-control { display: inline-block; -webkit-animation: rotateele 1.6s linear infinite; -moz-animation: rotateele 1.6s linear infinite; animation: rotateele 1.6s linear infinite; }
@-webkit-keyframes rotateele {
    0% { -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); }
    50% { -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); }
    100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); }
}
@-moz-keyframes rotateele {
    0% { -moz-transform: rotateZ(0deg); transform: rotateZ(0deg); }
    50% { -moz-transform: rotateZ(180deg); transform: rotateZ(180deg); }
    100% { -moz-transform: rotateZ(360deg); transform: rotateZ(360deg); }
}
@keyframes rotateele {
    0% { -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); transform: rotateZ(0deg); }
    50% { -webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); transform: rotateZ(180deg); }
    100% { -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); transform: rotateZ(360deg); }
}

/*size large*/
.jyb-btn-large { height: 40px; padding: 0 25px; font-size: 14px; line-height: 38px; -moz-border-radius: 2px; border-radius: 2px; }
.jyb-btn-large .icon-control { font-size: 14px; }

/*size medium*/
.jyb-btn-medium { height: 36px; padding: 0 20px; font-size: 14px; line-height: 34px; -moz-border-radius: 2px; border-radius: 2px; }
.jyb-btn-medium .icon-control { font-size: 14px; }

/*size small */
.jyb-btn-small { height: 32px; padding: 0 15px; font-size: 12px; line-height: 30px; -moz-border-radius: 2px; border-radius: 2px; }
.jyb-btn-small .icon-control { font-size: 12px; }

/*color primary blue*/
.jyb-btn-blue { color: #fff; border-color: #1a8cff; background-color: #1a8cff; }
.jyb-btn-blue:hover { color: #fff; border-color: #1a8fee; background-color: #1a8fee; }
.jyb-btn-blue.active, .jyb-btn-blue:active { position: relative; color: #fff; border-color: #1a8cff; background-color: #1a8cff; }
.jyb-btn-blue.active::before, .jyb-btn-blue:active::before { width: 100%; height: 100%; position: absolute; z-index: 2; top: 0; left: 0; display: inline-block; content: ''; background: rgba(0, 0, 0, .10); }
.jyb-btn-blue.disable { cursor: not-allowed; color: #fff; border-color: #88c1f0; background-color: #88c1f0; }
.jyb-btn-blue.disable::before { display: none; }
.jyb-btn-line-blue { color: #1a8cff; border-color: #1a8cff; background-color: #fff; }
.jyb-btn-line-blue:hover { color: #fff; border-color: #1a8fee; background-color: #1a8fee; }
.jyb-btn-line-blue.active, .jyb-btn-line-blue:active { position: relative; color: #fff; border-color: #1a8cff; background-color: #1a8cff; }
.jyb-btn-line-blue.active::before, .jyb-btn-line-blue:active::before { width: 100%; height: 100%; position: absolute; z-index: 2; top: 0; left: 0; display: inline-block; content: ''; background: rgba(0, 0, 0, .10); }
.jyb-btn-line-blue.disable { cursor: not-allowed; color: #88c1f0; border-color: #88c1f0; background-color: #fff; }
.jyb-btn-line-blue.disable::before { display: none; }

/*color default white*/
.jyb-btn-white { color: #595959; border-color: #ebebeb; background-color: #ebebeb; }
.jyb-btn-white:hover { color: #595959; border-color: #f0f0f0; background-color: #f0f0f0; }
.jyb-btn-white.active, .jyb-btn-white:active { position: relative; color: #595959; border-color: #ebebeb; background-color: #ebebeb; }
.jyb-btn-white.active::before, .jyb-btn-white:active::before { width: 100%; height: 100%; position: absolute; z-index: 2; top: 0; left: 0; display: inline-block; content: ''; background: rgba(0, 0, 0, .10); }
.jyb-btn-white.disable { cursor: not-allowed; color: #ababab; border-color: #f6f6f6; background-color: #f6f6f6; }
.jyb-btn-white.disable::before { display: none; }
.jyb-btn-line-white { color: #595959; border-color: #d9d9da; background-color: #fff; }
.jyb-btn-line-white:hover { color: #1a8cff; border-color: #1a8cff; background-color: #fff; }
/*.jyb-btn-line-white.active, .jyb-btn-line-white:active { position: relative; color: #595959; border-color: #ebebeb; background-color: #ebebeb; }
.jyb-btn-line-white.active::before, .jyb-btn-line-white:active::before { width: 100%; height: 100%; position: absolute; z-index: 2; top: 0; left: 0; display: inline-block; content: ''; background: rgba(0, 0, 0, .10); }*/
/*.jyb-btn-line-white.active, .jyb-btn-line-white:active { position: relative; color: #fff; border-color: #1a8cff; background-color: #1a8cff; }
.jyb-btn-line-white.active::before, .jyb-btn-line-white:active::before { width: 100%; height: 100%; position: absolute; z-index: 2; top: 0; left: 0; display: inline-block; content: ''; background: rgba(0, 0, 0, .10); }*/
.jyb-btn-line-white.disable { cursor: not-allowed; color: #ababab; border-color: #d9d9d9; background-color: #fff; }
.jyb-btn-line-white.disable::before { display: none; }

/*color danger red*/
.jyb-btn-red { color: #fff; border-color: #fe1940; background-color: #fe1940; }
.jyb-btn-red:hover { color: #fff; border-color: #ff4c6e; background-color: #ff4c6e; }
.jyb-btn-red.active, .jyb-btn-red:active { position: relative; color: #fff; border-color: #fe1940; background-color: #fe1940; }
.jyb-btn-red.active::before, .jyb-btn-red:active::before { width: 100%; height: 100%; position: absolute; z-index: 2; top: 0; left: 0; display: inline-block; content: ''; background: rgba(0, 0, 0, .10); }
.jyb-btn-red.disable { cursor: not-allowed; color: #fff; border-color: #ff96aa; background-color: #ff96aa; }
.jyb-btn-red.disable::before { display: none; }
.jyb-btn-line-red { color: #fe1940; border-color: #fe1940; background-color: #fff; }
.jyb-btn-line-red:hover { color: #fff; border-color: #ff4c6e; background-color: #ff4c6e; }
.jyb-btn-line-red.active, .jyb-btn-line-red:active { position: relative; color: #fff; border-color: #fe1940; background-color: #fe1940; }
.jyb-btn-line-red.active::before, .jyb-btn-line-red:active::before { width: 100%; height: 100%; position: absolute; z-index: 2; top: 0; left: 0; display: inline-block; content: ''; background: rgba(0, 0, 0, .10); }
.jyb-btn-line-red.disable { cursor: not-allowed; color: #ff96aa; border-color: #ff96aa; background-color: #fff; }
.jyb-btn-line-red.disable::before { display: none; }

/*color success green*/
.jyb-btn-green { color: #fff; border-color: #15d669; background-color: #15d669; }
.jyb-btn-green:hover { position: relative; color: #fff; border-color: #15d669; background: #15d669; }
.jyb-btn-green:hover::before { width: 100%; height: 100%; position: absolute; z-index: 2; top: 0; left: 0; display: inline-block; content: ''; background: rgba(255, 255, 255, .15); }
.jyb-btn-green.active, .jyb-btn-green:active { position: relative; color: #fff; border-color: #15d669; background-color: #15d669; }
.jyb-btn-green.active::before, .jyb-btn-green:active::before { width: 100%; height: 100%; position: absolute; z-index: 2; top: 0; left: 0; display: inline-block; content: ''; background: rgba(0, 0, 0, .10); }
.jyb-btn-green.disable { cursor: not-allowed; color: #fff; border-color: #a9e7c6; background-color: #a9e7c6; }
.jyb-btn-green.disable::before { display: none; }
.jyb-btn-line-green { color: #15d669; border-color: #15d669; background-color: #fff; }
.jyb-btn-line-green:hover { position: relative; color: #fff; border-color: #15d669; background: #15d669; }
.jyb-btn-line-green:hover::before { width: 100%; height: 100%; position: absolute; z-index: 2; top: 0; left: 0; display: inline-block; content: ''; background: rgba(255, 255, 255, .15); }
.jyb-btn-line-green.active, .jyb-btn-line-green:active { position: relative; color: #fff; border-color: #15d669; background-color: #15d669; }
.jyb-btn-line-green.active::before, .jyb-btn-line-green:active::before { width: 100%; height: 100%; position: absolute; z-index: 2; top: 0; left: 0; display: inline-block; content: ''; background: rgba(0, 0, 0, .10); }
.jyb-btn-line-green.disable { cursor: not-allowed; color: #a9e7c6; border-color: #a9e7c6; background-color: #fff; }
.jyb-btn-line-green.disable::before { display: none; }

/**
 * input、textarea
 */

/*state*/
.jyb-form-group:after { display: table; clear: both; content: ' '; }
.jyb-textarea-group{min-height: 50px;}
.jyb-label { margin-right: 18px; float: left; font-size: 12px; line-height: 36px; color: #323232; }
.jyb-form { width: 260px; height: auto; position: relative; float: left; }
.jyb-input { width: 100%; height: 36px; padding: 0 10px; font-size: 12px; line-height: 36px; color: #262626; border: solid 1px #d9d9da; -moz-border-radius: 2px; border-radius: 2px; background: #fff; }
.jyb-input:hover,.jyb-textarea:hover { border-color: #c0c0c1; }
.jyb-input:focus,.jyb-textarea:focus { border-color: #1a8cff; }
.jyb-input[disabled], .jyb-input:disabled, .jyb-input.disabled, .jyb-input.disabled:hover, .jyb-input.disabled:focus { cursor: not-allowed; border-color: #d9d9da; background: #f9f9f9; -webkit-box-shadow: none; }
.jyb-textarea[disabled], .jyb-textarea:disabled, .jyb-textarea.disabled, .jyb-textarea.disabled:hover, .jyb-textarea.disabled:focus { cursor: not-allowed; border-color: #d9d9da; background: #f9f9f9; -webkit-box-shadow: none; }
.jyb-notice { height: 18px; position: absolute; top: 9px; left: 12px; font-size: 12px; line-height: 18px; color: #ababab; }
.jyb-has-error .jyb-input, .jyb-has-error .jyb-input:hover, .jyb-has-error .jyb-input:focus { border-color: #fe1940; }
.jyb-has-error .jyb-textarea, .jyb-has-error .jyb-textarea:hover, .jyb-has-error .jyb-textarea:focus { border-color: #fe1940; }
.jyb-error { height: 18px; margin-top: 2px; display: none; line-height: 18px; text-indent: 12px; color: #fe1940; position: absolute; bottom: -20px;}
.jyb-has-error .jyb-error { display: block; }
.jyb-textarea { width: 100%;height: 100%; padding: 5px 5px 5px 10px; resize: none; font-size: 12px; line-height: 24px; color: #262626; border: solid 1px #d9d9da; -moz-border-radius: 2px; border-radius: 2px; background: #fff;}

/*size (input 的一般样式 就是按照 mediuum 规格写的) */
.jyb-form-large .jyb-input { height: 40px; line-height: 40px; }
.jyb-form-large .jyb-label { line-height: 40px; }
.jyb-form-large .jyb-notice { top: 11px; }

/**
 * select
 */

/*state*/
.jyb-select-group{position: relative;}
.jyb-select-group:after { display: table; clear: both; content: ' '; }
.jyb-select select { display: none; }
.jyb-select { width: 140px; position: relative; display: inline-block; float: left; font-size: 12px; line-height: 30px; color: #a8a8a8; -moz-border-radius: 2px; border-radius: 2px; background-color: #fff; }
.jyb-select-toggle { position: relative; }
.jyb-select .jyb-input { width: 100%; padding-right: 20px; padding-left: 10px; }
.icon-xiala { position: absolute; z-index: 3; top: 12px; right: 9px; display: inline-block !important; font-size: 12px; line-height: 12px; -webkit-transition: -webkit-transform .3s; -moz-transition: transform .3s, -moz-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s, -moz-transform .3s; color: #ababab; }
.jyb-select-list { min-width: 140px; margin-top: 10px; position: absolute; z-index: 20; top: 34px; left: 0; display: none; border: 1px solid #e4e7ed; -moz-border-radius: 4px; border-radius: 4px; background-color: #fff; -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); -moz-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); }
.jyb-select-list .select-list { max-height: 247px; padding: 6px 0; overflow-x: hidden; overflow-y: auto; }
.jyb-select-list li { height: 32px; padding: 0 13px; overflow: hidden; line-height: 32px; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; color: #595959; }
.jyb-select-list li:hover { color: #606266; background-color: #f5f7fa; }
.jyb-select-list li.on { font-weight: 700; color: #1a8cff; background-color: #f1f8ff; }

/*.jyb-select.jyb-s-open,.jyb-select.jyb-s-open:hover{border-color:#409EFF;}*/

/*.jyb-s-open .jyb-select-arrow { display: block; }*/
.jyb-select-arrow { width: 0; height: 0; position: absolute; top: -7px; left: 22px; display: none; border-right: solid 6px transparent; border-bottom: solid 6px #ebeef5; border-left: solid 6px transparent; }
.jyb-select-arrow:after { width: 0; height: 0; position: absolute; top: 1px; left: -6px; display: block; content: ' '; border-right: solid 6px transparent; border-bottom: solid 6px #fff; border-left: solid 6px transparent; }
.select-list { overflow: hidden; outline: none; }

/*size*/
.jyb-form-large .jyb-select-list { top: 40px; }
.jyb-form-large .icon-xiala { top: 14px; }

/**
 * cascader、Multiple selection
 */
.jyb-cascader, .jyb-multiple { width: 350px; position: relative; display: inline-block; }
.jyb-cascader .jyb-cascader-toggle, .jyb-cascader .jyb-input, .jyb-multiple .jyb-multiple-toggle, .jyb-multiple .jyb-input { cursor: pointer; }
.jyb-cascader-toggle, .jyb-multiple-toggle { width: 100%; position: relative; display: inline-block; font-size: 14px; }
.jyb-cascader .jyb-input, .jyb-multiple .jyb-input { padding-right: 30px; padding-left: 15px; display: inline-block; -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1); -moz-transition: border-color .2s cubic-bezier(.645, .045, .355, 1); transition: border-color .2s cubic-bezier(.645, .045, .355, 1); }
.jyb-cascader-list, .jyb-multiple-list { margin: 5px 0; margin-top: 12px; position: absolute; z-index: 2; z-index: 10; display: none; white-space: nowrap; border: 1px solid #e4e7ed; -moz-border-radius: 2px; border-radius: 2px; background: #fff; -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); -moz-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); }
.jyb-cascader-list > ul, .jyb-multiple-list > ul { min-width: 160px; height: 204px; margin: 0; padding: 6px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;    /*display: inline-block;*/ display: none; overflow: auto; vertical-align: top; border-right: 1px solid #e4e7ed; background-color: #fff; }
.jyb-cascader-list > ul.mune-one { display: inline-block; }
.jyb-cascader-list li, .jyb-multiple-list li { height: 34px; padding: 8px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; overflow: hidden; font-size: 14px; line-height: 1.5; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; color: #606266; outline: none; }
.jyb-cascader-list li .icon-control, .jyb-multiple-list li .icon-control { position: absolute; top: 10px; right: 4px; font-size: 12px; color: #bfcbd9; }
.jyb-cascader-list .is-active, .jyb-cascader-list li:hover, .cur-hover .cur-active { color: #1a8cff; background: #f5f7fa; }
.cur-hover .is-active { color: #606266; background: #fff; }

/**
 * Multiple selection
 */
.jyb-multiple { width: 240px; }
.jyb-multiple .jyb-input { color: #ababab; }
.jyb-multiple-list > ul { display: inline-block; border-right: 0; }
.jyb-multiple-list li .icon-control { right: 10px; display: none; }
.jyb-multiple-list .is-active .icon-control { display: block; }
.jyb-multiple-list .is-active, .jyb-multiple-list .is-active .icon-control { color: #1a8cff; background: #f5f7fa; }
.jyb-multiple-list li:hover { background: #f5f7fa; }
.jyb-multiple-tags { width: 100%; position: absolute; z-index: 1; top: 50%; display: none; line-height: normal; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); white-space: normal; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.jyb-multiple-tag { height: 24px; margin: 2px 0 2px 6px; padding: 0 8px 0 10px; display: inline-block; font-size: 12px; line-height: 22px; white-space: nowrap; color: #8c8c8c; border: 1px solid rgba(64, 158, 255, .2); border-color: transparent; -moz-border-radius: 4px; border-radius: 4px; background-color: #f0f2f5; }
.jyb-multiple-tag-info { max-width: 70%; }
.jyb-multiple-tag-num { display: none; }
.jyb-multiple-tag-info .jyb-multiple-tag-txt { width: 70%; width: -moz-calc(100% - 16px); width: calc(100% - 16px); display: inline-block; float: left; overflow: hidden; }
.jyb-multiple-tag-close { width: 16px; height: 16px; position: relative; top: 2px; right: -7px; display: inline-block; float: right; font-size: 16px; line-height: 16px; cursor: pointer; vertical-align: middle; color: #d9d9da; }
.jyb-multiple-tag-close:hover { color: #8c8c8c; }

/**
 * radio、checkbox
 */
.jyb-selection-group { height: 36px; overflow: visible; line-height: 36px; }
.jyb-selection-group label { height: 100%; padding-left: 20px; display: inline-block; float: left; font-size: 14px; /*line-height: 2;*/ cursor: pointer; text-align: justify; color: #595959; }
.jyb-selection-group label:first-child { padding-left: 0; }
.jyb-selection-group .icon-control { width: 16px; height: 16px; margin-right: 10px; font-size: 16px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; color: #c0c0c1; }
.jyb-selection-group label:hover .icon-control, .jyb-selection-group .checked .icon-control { color: #1a8cff; }
.jyb-selection-group .disabled { cursor: not-allowed; }
.jyb-selection-group label.disabled:hover .icon-control, .jyb-selection-group .disabled .icon-control { color: #d9d9da; }
.jyb-selection-group input[type='radio'], .jyb-selection-group input[type='checkbox'] { position: absolute; top: -9999px; left: -9999px; overflow: visible; }

/**
 * tab
 */

/*jyb-tab-style1*/
.jyb-tab { width: 1220px; position: relative; display: block; }
.jyb-tab-style1 { border-bottom: 1px solid #ebebeb; }
.jyb-tab-style1 li { height: 52px; padding: 0 20px; display: inline-block; float: left; line-height: 52px; letter-spacing: 0; }
.jyb-tab-style1 li a { position: relative; display: block; font-size: 14px; color: #595959; }
.jyb-tab-style1 li:hover a, .jyb-tab-style1 li.jyb-tab-cur a { color: #1a8cff; }
.jyb-tab-style1 .jyb-tab-line { width: 32px; height: 2px; position: absolute; z-index: 10; bottom: -1px; left: -10px; display: none; -moz-border-radius: 1px; border-radius: 1px; background-color: #1a8cff; -ms-border-radius: 1px; -o-border-radius: 1px; }

/*jyb-tab-style2*/
.jyb-tab-style2:before { width: 100%; height: 1px; position: absolute; z-index: -1; bottom: 0; left: 0; content: ''; background: #ebebeb; }
.jyb-tab-style2 li { height: 40px; padding: 0 26px; position: relative; display: inline-block; float: left; line-height: 40px; text-align: center; border: 1px solid #ebebeb; background: #f9f9f9; }
.jyb-tab-style2 li + li { border-left: 0; }
.jyb-tab-style2 li:first-child { -moz-border-radius: 2px 0 0 0; border-radius: 2px 0 0 0; }
.jyb-tab-style2 li:last-of-type { -moz-border-radius: 0 2px 0 0; border-radius: 0 2px 0 0; }
.jyb-tab-style2 li a { font-size: 14px; letter-spacing: 0; color: #595959; }
.jyb-tab-style2 li.active { border-bottom: #fff; -moz-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; background: #fff; }
.jyb-tab-style2 li.active:before { width: 100%; height: 2px; position: absolute; z-index: 0; top: -1px; left: 0; content: ''; -moz-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; background: #1a8cff; }
.jyb-tab-style2 li.active a, .jyb-tab-style2 li:hover a { color: #1a8cff; }

/*jyb-tab-style3*/
.jyb-tab-style3 { height: 40px; border: 1px solid #ebebeb; border-left: 0; background: #f9f9f9; }
.jyb-tab-style3 li { height: 38px; padding: 0 27px 0 25px; position: relative; display: inline-block; float: left; line-height: 40px; line-height: 38px; text-align: center; }
.jyb-tab-style3 li:first-child { border-left: 1px solid #ebebeb; }
.jyb-tab-style3 li a { font-size: 14px; color: #595959; }
.jyb-tab-style3 li.active { border-color: #1a8cff; background: #1a8cff; }
.jyb-tab-style3 li.active:before, .jyb-tab-style3 li.active:after { width: 100%; height: 1px; position: absolute; z-index: 1; left: 0; content: ''; background: #1a8cff; }
.jyb-tab-style3 li.active:before { top: -1px; }
.jyb-tab-style3 li.active:after { bottom: -1px; }
.jyb-tab-style3 li.active a, .jyb-tab-style3 li.active:hover a { color: #fff; }
.jyb-tab-style3 li:hover a { color: #1a8cff; }

/**
 * score 评分
 */
.jyb-score { width: 60px; height: 12px; position: relative; line-height: 12px; }
.jyb-score .icon-control { font-size: 12px; color: #fe1940; }
.jyb-score-top { position: absolute; z-index: 1; top: 0; left: 0; display: block; overflow: hidden; white-space: nowrap; }
.jyb-score-bottom { padding: 0; z-index: 0; display: block; }

/**
 * pagination
 */
.jyb-pagination { margin-top: 30px; overflow: hidden; font-family: Arial; font-size: 0; text-align: center; }
.jyb-pagination li { width: 32px; height: 32px; margin: 0 4px; display: inline-block; font-size: 14px; }
.jyb-pagination li .icon-control { font-size: 18px; color: #c0c0c1; }
.jyb-pagination li .control {font-size: 20px;}
.jyb-pagination li a { width: 100%; height: 100%; display: block; float: left; line-height: 32px; text-align: center; color: #595959; -moz-border-radius: 4px; border-radius: 4px; background: #fff; border: 1px solid #D9D9DA;}
.jyb-pagination .mr-4 {margin: 0px -4px;}
.jyb-pagination .jyb-page-more { width: 32px; height: 32px; padding: 0; line-height: 26px; cursor: text; text-align: center; border: 0; background: 0; }
.jyb-pagination .jyb-page-more span { width: 3px; height: 3px; margin: 0 2px; display: inline-block; background-color: #d8d8d8; border-radius: 50%;}
.jyb-pagination .jyb-page-active, .jyb-pagination .jyb-page-active:hover { color: #fff; border-color: #1a8cff; background-color: #1a8cff; }
.jyb-pagination a:hover { color: #1a8cff; border-color: #1a8cff; }
.jyb-pagination a:hover .icon-control { color: #1a8cff; border-color: #1a8cff; }
.jyb-pagination .jyb-page-disabled, .jyb-pagination .jyb-page-disabled:hover { cursor: not-allowed; color: #ebebeb; border: 1px solid #f5f5f5; }
.jyb-pagination .jyb-page-disabled:hover .icon-control, .jyb-pagination .jyb-page-disabled .icon-control { color: #ebebeb; }

/**
 * Switch
 */
.jyb-switch { height: 20px; position: relative; display: -webkit-inline-box; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: 14px; line-height: 20px; vertical-align: middle; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }
.jyb-switch-input { width: 0; height: 0; margin: 0; position: absolute; opacity: 0; }
.jyb-switch-core { width: 42px; height: 20px; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; display: inline-block; cursor: pointer; -webkit-transition: border-color .3s, background-color .3s; -moz-transition: border-color .3s, background-color .3s; transition: border-color .3s, background-color .3s; vertical-align: middle; border: 1px solid #d9d9da; -moz-border-radius: 10px; border-radius: 10px; outline: none; background: #d9d9da; }
.jyb-switch-core:after { width: 16px; height: 16px; position: absolute; top: 1px; left: 1px; content: ''; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; -moz-border-radius: 100%; border-radius: 100%; background-color: #fff; }
.jyb-switch.is-checked .jyb-switch-core { border-color: #1a8cff; background-color: #1a8cff; }
.jyb-switch.is-checked .jyb-switch-core:after { margin-left: -17px; left: 100%; }

/**
 * Step
 */
.jyb-step { height: 44px; }
.jyb-step li { position: relative; display: inline-block; float: left; }
.jyb-step li::before { width: 0; height: 0; position: absolute; z-index: 3; top: 0; right: -13px; display: block; overflow: hidden; font-size: 0; line-height: 0; content: ''; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #fff; border-top-width: 22px; border-right-width: 0; border-bottom-width: 22px; border-left-width: 14px; }
.jyb-step li::after { width: 0; height: 0; position: absolute; z-index: 2; top: 0; left: 0; display: block; overflow: hidden; font-size: 0; line-height: 0; content: ''; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #d9d9da; border-top-width: 22px; border-right-width: 0; border-bottom-width: 22px; border-left-width: 14px; }
.jyb-step li:last-child::before, .jyb-step li:first-child::after { display: none; }
.jyb-step li.active::before, .jyb-step li.active::after, .jyb-step li.active + li::after { border-color: transparent transparent transparent #1a8cff; }
.jyb-step li a { width: 100%; height: 100%; padding: 0 70px; display: block; font-size: 14px; line-height: 42px; text-align: center; letter-spacing: 0; color: #595959; border: 1px solid #d9d9da; background: #fff; }
.jyb-step li.active a { color: #fff; border-color: #1a8cff; background: #1a8cff; }

/**
 * form-group-layer
 */
.jyb-form-fadeIn { -webkit-animation: layer-fade-in .3s; -moz-animation: layer-fade-in .3s; animation: layer-fade-in .3s; }
.jyb-form-fadeOut { -webkit-animation: layer-fade-out .3s; -moz-animation: layer-fade-out .3s; animation: layer-fade-out .3s; }
.jyb-form-container { width: 400px; min-height: 200px; padding: 40px 50px; position: relative; z-index: 100; border: 1px solid #e8e8e8; -moz-border-radius: 2px; border-radius: 2px; background: #fff; }
.jyb-form-container .jyb-form, .jyb-form-container .jyb-select, .jyb-form-container .jyb-btn { width: 100%; }
.jyb-form-btn-close { width: 18px; height: 18px; position: absolute; z-index: 101; top: 15px; right: 15px; line-height: 18px; cursor: pointer; }
.jyb-form-img-logo { width: 101px; height: 32px; margin: 0 auto; }
.jyb-form-has-btn { border: solid 1px #d9d9da; -moz-border-radius: 2px; border-radius: 2px; }
.jyb-form-has-btn:hover { border-color: #c0c0c1; }
.jyb-form-has-btn .jyb-input { width: -moz-calc(100% - 110px); width: calc(100% - 110px); border: 0; }
.jyb-form-has-btn .jyb-btn { width: 110px; position: absolute; top: 0; right: 0; border-width: 0; }
.jyb-form-has-btn .jyb-btn:before { width: 1px; height: 24px; margin-top: -12px; position: absolute; z-index: 10; top: 50%; left: 0; display: block; content: ''; background: #d9d9d9; }
.jyb-form-has-btn .jyb-btn:hover { color: #1a8cff; }
.jyb-form-has-btn .jyb-input, .jyb-form-has-btn .jyb-btn{height: 38px;line-height: 38px;}
.jyb-form-has-btn .jyb-btn.disable { padding: 0; cursor: not-allowed; }
.jyb-form-has-btn .jyb-btn.disable:hover { color: #595959; }
.jyb-from-login-switch { margin: 2px 0; }
.jyb-form-container .jyb-from-login-switch .jyb-btn, .jyb-from-login-switch .jyb-checkbox-group { width: auto; height: 40px; line-height: 40px; }
.jyb-from-login-switch .jyb-btn { padding: 0; font-size: 12px; color: #1a8cff; border: 0; }
.jyb-from-login-switch .jyb-checkbox-group label { font-size: 12px; }
.jyb-form-goto-register { font-size: 12px; line-height: 17px; text-align: center; letter-spacing: 0; color: #1a8cff; }
.jyb-form-has-btn.jyb-has-error { /*margin-bottom: 18px;*/ border-color: #fe1940; }
.jyb-form-has-btn.jyb-has-error .jyb-error { position: absolute; }
.jyb-form-container p, .jyb-layer-container p { text-indent: 0; }
.jyb-form-container .jyb-form-btn-close { display: none; }
.jyb-form-container-position { margin-left: -200px; position: fixed; z-index: 100001; top: 50%; left: 50%; display: none; -moz-border-radius: 4px; border-radius: 4px; }
.jyb-form-container-position .jyb-form-btn-close { display: block; }
.jyb-form-activity-module { width: 300px; height: 48px; padding: 0 17px; font-size: 12px; line-height: 48px; color: #262626; border: 1px dashed #fa9eb5; -moz-border-radius: 2px; border-radius: 2px; background: #fef1f1; }
.jyb-form-activity-module .icon-control { width: 24px; height: 24px; margin-right: 4px; float: left; font-size: 24px; color: #fe1940; }

/**
 * layer
 */
.jyb-mask { width: 100%; height: 100%; margin: 0; padding: 0; position: fixed; z-index: 9999; top: 0; left: 0; opacity: .5; background-color: #000; filter: alpha(opacity=50); }
.jyb-layer-container { width: 400px; min-height: 130px; margin-left: -200px; padding: 35px; position: fixed; z-index: 100002; top: 200px; left: 50%; text-align: center; border: 1px solid #e8e8e8; -moz-border-radius: 4px; border-radius: 4px; background: #fff; }
.jyb-layer-container.jyb-layer-onlyword { padding: 50px 40px 20px; }
.jyb-layer-container .jyb-layer-mark, .jyb-form-container .jyb-form-mark { color: #1a8cff; }
.jyb-layer-img { height: 56px; margin-bottom: 15px; line-height: 56px; }
.jyb-layer-img .icon-control { font-size: 56px; }
.jyb-state-success .icon-control { color: #15d669; }
.jyb-state-error .icon-control { color: #1a8cff; }
.jyb-state-info .icon-control { color: #1a8cff; }
.jyb-layer-img-hide, .jyb-layer-title-hide, .jyb-layer-msg-hide, .jyb-layer-btn-hide, .jyb-layer-clearbtn-hide { display: none; }
.jyb-layer-title { margin-bottom: 10px; font-size: 18px; line-height: 26px; color: #262626; }
.jyb-layer-msg { margin-bottom: 30px; font-size: 12px; line-height: 18px; color: #595959; }
.jyb-layer-msg span { display: inline-block; /*text-align: left; */ }
.jyb-layer-btn .jyb-btn { margin: 0 10px; padding: 0 45px; }

.jyb-layer-confirm .jyb-form-btn-close{display: none;}
.jyb-layer-confirm .jyb-layer-msg{font-size: 15px; text-align: center;}

/**
 * Notice
 */

/* tips */
.jyb-tips { width: 200px; height: 62px; margin: auto; position: fixed; z-index: 100003; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; text-align: center; -moz-border-radius: 4px; border-radius: 4px; }
.jyb-tips p { width: 100%; height: 100%; margin: 0; padding: 0 20px; font-size: 18px; line-height: 62px; text-align: center; text-indent: 0; letter-spacing: 0; color: #323232; border: 1px solid rgba(0, 0, 0, .10); -moz-border-radius: 4px; border-radius: 4px; border-radius: 4px; background: #fff; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .30); -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .30); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .30); }
.animated { -webkit-animation-duration: .4s; -moz-animation-duration: .4s; animation-duration: .4s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
@-webkit-keyframes bounceInUp {
    from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .610, .355, 1.000); animation-timing-function: cubic-bezier(.215, .610, .355, 1.000); }
    from { -webkit-transform: translate3d(0, 350px, 0); transform: translate3d(0, 350px, 0); opacity: 0; }
    60% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 1; }
    75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
    90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@-moz-keyframes bounceInUp {
    from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .610, .355, 1.000); -moz-animation-timing-function: cubic-bezier(.215, .610, .355, 1.000); animation-timing-function: cubic-bezier(.215, .610, .355, 1.000); }
    from { -webkit-transform: translate3d(0, 350px, 0); -moz-transform: translate3d(0, 350px, 0); transform: translate3d(0, 350px, 0); opacity: 0; }
    60% { -webkit-transform: translate3d(0, -20px, 0); -moz-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 1; }
    75% { -webkit-transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
    90% { -webkit-transform: translate3d(0, -5px, 0); -moz-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
    to { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@keyframes bounceInUp {
    from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .610, .355, 1.000); -moz-animation-timing-function: cubic-bezier(.215, .610, .355, 1.000); animation-timing-function: cubic-bezier(.215, .610, .355, 1.000); }
    from { -webkit-transform: translate3d(0, 350px, 0); -moz-transform: translate3d(0, 350px, 0); transform: translate3d(0, 350px, 0); opacity: 0; }
    60% { -webkit-transform: translate3d(0, -20px, 0); -moz-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 1; }
    75% { -webkit-transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
    90% { -webkit-transform: translate3d(0, -5px, 0); -moz-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
    to { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.bounceInUp { -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; animation-name: bounceInUp; }

/* loading */
.po-relative { position: relative!important; }
.jyb-loading { height: 24px; margin: auto; padding: 0; position: fixed; z-index: 99999; top: 0; right: 0; bottom: 0; left: 0; text-align: center; }
.jyb-loading .icon-control { width: 16px; height: 16px; display: inline-block; font-size: 16px; line-height: 16px; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: rotateele 1.6s linear infinite; -moz-animation: rotateele 1.6s linear infinite; animation: rotateele 1.6s linear infinite; color: #409eff; }
.jyb-loading-text { margin: 3px 8px; display: inline-block; font-size: 14px; line-height: 16px; text-indent: 0; color: #409eff; }
.jyb-mask-absolute{position: absolute;}
/**
 * others
 */
/*img { display: block; }*/
.hide { display: none; }
.align-center { text-align: center; }
.font18 { font-size: 18px; }
.font12 { font-size: 12px; }
.bgfff { background: #fff; }
.br2 { -moz-border-radius: 2px; border-radius: 2px; }
.br4 { -moz-border-radius: 4px; border-radius: 4px; }
.lh28 { height: 28px; line-height: 28px; }
.lh25 { height: 25px; line-height: 25px; }
.lh17 { height: 17px; line-height: 17px; }
.mtop30 { margin-top: 30px; }
.mtop29 { margin-top: 29px; }
.mtop27 { margin-top: 27px; }
.mtop25 { margin-top: 25px; }
.mtop24 { margin-top: 24px; }
.mtop20 { margin-top: 20px; }
.mtop18 { margin-top: 18px; }
.mtop15 { margin-top: 15px; }
.mtop14 { margin-top: 14px; }
.mleft10 { margin-left: 10px; }

/*动画*/

/*icon 旋转*/
.icon-rotatet { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

/*fade*/
@-webkit-keyframes layer-fade-in {
    0% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 0; }
    100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
@-moz-keyframes layer-fade-in {
    0% { -webkit-transform: translate3d(0, -20px, 0); -moz-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 0; }
    100% { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
@keyframes layer-fade-in {
    0% { -webkit-transform: translate3d(0, -20px, 0); -moz-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 0; }
    100% { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
@-webkit-keyframes layer-fade-out {
    0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
    100% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 0; }
}
@-moz-keyframes layer-fade-out {
    0% { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
    100% { -webkit-transform: translate3d(0, -20px, 0); -moz-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 0; }
}
@keyframes layer-fade-out {
    0% { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
    100% { -webkit-transform: translate3d(0, -20px, 0); -moz-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 0; }
}

/*滚动条美化*/
/*::-webkit-scrollbar-track { background-color: #e0e0e0; }
::-webkit-scrollbar { width: 5px; background-color: #f5f5f5; }
::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #aaa; }
::-webkit-scrollbar-thumb:hover { background-color: #888; }
*/

/*wx loading*/
.wx_toast{width:6.6em;min-height:6.6em;margin-top:-3.3em;margin-left:-3.3em;position:fixed;z-index:50000;top:50%;left:50%;text-align:center;color:#fff;-moz-border-radius:5px;border-radius:5px;background:rgba(40,40,40,.75)}.wx_icon_toast{margin:22px 0 0;display:block}.wx_icon_toast:before{font-size:55px;content:'\EA08';color:#fff}.wx_toast_content{margin:0 0 15px}.wx_loading_toast .wx_toast_content{margin-top:64%;font-size:14px}.wx_loading{width:0;position:absolute;z-index:1;top:36%;left:50%}.wx_loading_leaf{position:absolute;top:-1px;opacity:.25}.wx_loading_leaf:before{width:8.14px;height:3.08px;position:absolute;content:' ';-webkit-transform-origin:left 50% 0;-moz-transform-origin:left 50% 0;-ms-transform-origin:left 50% 0;transform-origin:left 50% 0;-moz-border-radius:1px;border-radius:1px;background:rgb(209,209,213);-webkit-box-shadow:rgba(0,0,0,.0980392) 0 0 1px;-moz-box-shadow:rgba(0,0,0,.0980392) 0 0 1px;box-shadow:rgba(0,0,0,.0980392) 0 0 1px}.wx_loading_leaf_0{-webkit-animation:opacity-60-25-0-12 1.25s linear infinite;-moz-animation:opacity-60-25-0-12 1.25s linear infinite;animation:opacity-60-25-0-12 1.25s linear infinite}.wx_loading_leaf_0:before{-webkit-transform:rotate(0deg) translate(6px,0px);-moz-transform:rotate(0deg) translate(6px,0px);-ms-transform:rotate(0deg) translate(6px,0px);transform:rotate(0deg) translate(6px,0px)}.wx_loading_leaf_1{-webkit-animation:opacity-60-25-1-12 1.25s linear infinite;-moz-animation:opacity-60-25-1-12 1.25s linear infinite;animation:opacity-60-25-1-12 1.25s linear infinite}.wx_loading_leaf_1:before{-webkit-transform:rotate(30deg) translate(6px,0px);-moz-transform:rotate(30deg) translate(6px,0px);-ms-transform:rotate(30deg) translate(6px,0px);transform:rotate(30deg) translate(6px,0px)}.wx_loading_leaf_2{-webkit-animation:opacity-60-25-2-12 1.25s linear infinite;-moz-animation:opacity-60-25-2-12 1.25s linear infinite;animation:opacity-60-25-2-12 1.25s linear infinite}.wx_loading_leaf_2:before{-webkit-transform:rotate(60deg) translate(6px,0px);-moz-transform:rotate(60deg) translate(6px,0px);-ms-transform:rotate(60deg) translate(6px,0px);transform:rotate(60deg) translate(6px,0px)}.wx_loading_leaf_3{-webkit-animation:opacity-60-25-3-12 1.25s linear infinite;-moz-animation:opacity-60-25-3-12 1.25s linear infinite;animation:opacity-60-25-3-12 1.25s linear infinite}.wx_loading_leaf_3:before{-webkit-transform:rotate(90deg) translate(6px,0px);-moz-transform:rotate(90deg) translate(6px,0px);-ms-transform:rotate(90deg) translate(6px,0px);transform:rotate(90deg) translate(6px,0px)}.wx_loading_leaf_4{-webkit-animation:opacity-60-25-4-12 1.25s linear infinite;-moz-animation:opacity-60-25-4-12 1.25s linear infinite;animation:opacity-60-25-4-12 1.25s linear infinite}.wx_loading_leaf_4:before{-webkit-transform:rotate(120deg) translate(6px,0px);-moz-transform:rotate(120deg) translate(6px,0px);-ms-transform:rotate(120deg) translate(6px,0px);transform:rotate(120deg) translate(6px,0px)}.wx_loading_leaf_5{-webkit-animation:opacity-60-25-5-12 1.25s linear infinite;-moz-animation:opacity-60-25-5-12 1.25s linear infinite;animation:opacity-60-25-5-12 1.25s linear infinite}.wx_loading_leaf_5:before{-webkit-transform:rotate(150deg) translate(6px,0px);-moz-transform:rotate(150deg) translate(6px,0px);-ms-transform:rotate(150deg) translate(6px,0px);transform:rotate(150deg) translate(6px,0px)}.wx_loading_leaf_6{-webkit-animation:opacity-60-25-6-12 1.25s linear infinite;-moz-animation:opacity-60-25-6-12 1.25s linear infinite;animation:opacity-60-25-6-12 1.25s linear infinite}.wx_loading_leaf_6:before{-webkit-transform:rotate(180deg) translate(6px,0px);-moz-transform:rotate(180deg) translate(6px,0px);-ms-transform:rotate(180deg) translate(6px,0px);transform:rotate(180deg) translate(6px,0px)}.wx_loading_leaf_7{-webkit-animation:opacity-60-25-7-12 1.25s linear infinite;-moz-animation:opacity-60-25-7-12 1.25s linear infinite;animation:opacity-60-25-7-12 1.25s linear infinite}.wx_loading_leaf_7:before{-webkit-transform:rotate(210deg) translate(6px,0px);-moz-transform:rotate(210deg) translate(6px,0px);-ms-transform:rotate(210deg) translate(6px,0px);transform:rotate(210deg) translate(6px,0px)}.wx_loading_leaf_8{-webkit-animation:opacity-60-25-8-12 1.25s linear infinite;-moz-animation:opacity-60-25-8-12 1.25s linear infinite;animation:opacity-60-25-8-12 1.25s linear infinite}.wx_loading_leaf_8:before{-webkit-transform:rotate(240deg) translate(6px,0px);-moz-transform:rotate(240deg) translate(6px,0px);-ms-transform:rotate(240deg) translate(6px,0px);transform:rotate(240deg) translate(6px,0px)}.wx_loading_leaf_9{-webkit-animation:opacity-60-25-9-12 1.25s linear infinite;-moz-animation:opacity-60-25-9-12 1.25s linear infinite;animation:opacity-60-25-9-12 1.25s linear infinite}.wx_loading_leaf_9:before{-webkit-transform:rotate(270deg) translate(6px,0px);-moz-transform:rotate(270deg) translate(6px,0px);-ms-transform:rotate(270deg) translate(6px,0px);transform:rotate(270deg) translate(6px,0px)}.wx_loading_leaf_10{-webkit-animation:opacity-60-25-10-12 1.25s linear infinite;-moz-animation:opacity-60-25-10-12 1.25s linear infinite;animation:opacity-60-25-10-12 1.25s linear infinite}.wx_loading_leaf_10:before{-webkit-transform:rotate(300deg) translate(6px,0px);-moz-transform:rotate(300deg) translate(6px,0px);-ms-transform:rotate(300deg) translate(6px,0px);transform:rotate(300deg) translate(6px,0px)}.wx_loading_leaf_11{-webkit-animation:opacity-60-25-11-12 1.25s linear infinite;-moz-animation:opacity-60-25-11-12 1.25s linear infinite;animation:opacity-60-25-11-12 1.25s linear infinite}.wx_loading_leaf_11:before{-webkit-transform:rotate(330deg) translate(6px,0px);-moz-transform:rotate(330deg) translate(6px,0px);-ms-transform:rotate(330deg) translate(6px,0px);transform:rotate(330deg) translate(6px,0px)}@-webkit-keyframes opacity-60-25-0-12{0%{opacity:.25}.01%{opacity:.25}.02%{opacity:1}60.01%{opacity:.25}100%{opacity:.25}}@-webkit-keyframes opacity-60-25-1-12{0%{opacity:.25}8.34333%{opacity:.25}8.35333%{opacity:1}68.3433%{opacity:.25}100%{opacity:.25}}@-webkit-keyframes opacity-60-25-2-12{0%{opacity:.25}16.6767%{opacity:.25}16.6867%{opacity:1}76.6767%{opacity:.25}100%{opacity:.25}}@-webkit-keyframes opacity-60-25-3-12{0%{opacity:.25}25.01%{opacity:.25}25.02%{opacity:1}85.01%{opacity:.25}100%{opacity:.25}}@-webkit-keyframes opacity-60-25-4-12{0%{opacity:.25}33.3433%{opacity:.25}33.3533%{opacity:1}93.3433%{opacity:.25}100%{opacity:.25}}@-webkit-keyframes opacity-60-25-5-12{0%{opacity:.270958333333333}41.6767%{opacity:.25}41.6867%{opacity:1}1.67667%{opacity:.25}100%{opacity:.270958333333333}}@-webkit-keyframes opacity-60-25-6-12{0%{opacity:.375125}50.01%{opacity:.25}50.02%{opacity:1}10.01%{opacity:.25}100%{opacity:.375125}}@-webkit-keyframes opacity-60-25-7-12{0%{opacity:.479291666666667}58.3433%{opacity:.25}58.3533%{opacity:1}18.3433%{opacity:.25}100%{opacity:.479291666666667}}@-webkit-keyframes opacity-60-25-8-12{0%{opacity:.583458333333333}66.6767%{opacity:.25}66.6867%{opacity:1}26.6767%{opacity:.25}100%{opacity:.583458333333333}}@-webkit-keyframes opacity-60-25-9-12{0%{opacity:.687625}75.01%{opacity:.25}75.02%{opacity:1}35.01%{opacity:.25}100%{opacity:.687625}}@-webkit-keyframes opacity-60-25-10-12{0%{opacity:.791791666666667}83.3433%{opacity:.25}83.3533%{opacity:1}43.3433%{opacity:.25}100%{opacity:.791791666666667}}@-webkit-keyframes opacity-60-25-11-12{0%{opacity:.895958333333333}91.6767%{opacity:.25}91.6867%{opacity:1}51.6767%{opacity:.25}100%{opacity:.895958333333333}}